/**
 *	© 2010 Cube Interactive.
 *	author: Michał Daniel, 25.04.2010:3 
 *	www.icube.pl
 */  
* { margin: 0; padding: 0; border: none; }

html { height: 100%; }
body { font-family: Tahoma, Arial, Helvetica, sans-serif; 
	   font-size: 12px; font-weight: normal; color: #eaeaea; text-align: center;
	   height: 100%; overflow: hidden; }
a:link { color: #ff0000; }
a:visited { color: #741999; }
a:hover { color: #fff; text-decoration: none; }

#visible-area { width: 100%; min-height: 520px; height: 100%; position: relative; /* overflow: visible; */ }
#visible-area #container { width: 100%; min-height: 520px; height: 100%; }
#visible-area #ciemna { width: 100%; height: 100%; background-color: #080d34; float: none; position: absolute; top: 0px; left: 0px; overflow: auto; z-index: 2; }
#visible-area #jasna { width: 100%; height: 100%; background: #fff; text-align: center; margin-bottom: 40px; float: none; position: absolute; top: 0px; left: 0px; overflow: auto; z-index: 90; }
#visible-area .hidden { display: none; }

.stepcarousel .container { position: absolute; left: 0; top: 0; }
.stepcarousel .siteversion { float: left; width: 100%; }

/* CIEMNA STRONA INTERNETU */
#ciemna #ciemna-panel-login { width: 100%; height: auto; position: fixed; top: 0; left: 0; z-index: 80; }
#ciemna #ciemna-panel { width: 100%; height: 120px; display: none; position: relative; background: url('../images/c-panel-bg.png'); text-align: center; }
#ciemna #ciemna-panel-interface { width: 100%; height: 37px; position: relative; background: url('../images/c-panel-kreska.png') repeat-x; }
#ciemna #ciemna-toggle { position: absolute; bottom: 0px; right: 15%; width: 192px; height: 31px; background: url('../images/sprite.png') no-repeat 0px -214px; text-align: center; }
#ciemna #ciemna-toggle a { position: absolute; left: 30px; top: 0px; padding: 7px 30px; display: block; color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; text-transform: uppercase; }
#ciemna #ciemna-toggle a:hover { color: #ff0909; }
#ciemna #ciemna-toggle #close { display: none; }

#ciemna-panel div { width: 1000px; height: 120px; margin: 0 auto; text-align: left; position: relative; }
#ciemna-panel div h6 { font-family:  Arial, Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 24px; color: #fff; position: absolute; left: 40px; top: 40px; }
#ciemna-panel div p { color: #d2d2d2; font-size: 11px; position: absolute; left: 232px; top: 40px; width: 390px; }
#ciemna-panel div span { color: #ff0000; }
#ciemna-panel div form { position: absolute; left: 651px; top: 40px; }
#ciemna-panel div form input { width: 124px; padding-top: 3px; padding-left: 5px; height: 19px; background-color: #272728; border: 1px solid #434444; color: #d2d2d2; font-size: 12px; }
#ciemna-panel div form button { font-weight: bold; background: none; color: #d2d2d2; cursor: pointer; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif;  } 
#ciemna-panel div form button:hover { color: #fff; }
#ciemna-panel div form button:hover span { color: #fff; }

#ciemna a#switch-jasna { width: 31px; height: 214px; background: url('../images/sprite.png') 0px 0px; position: fixed !important; position: absolute; top: 30%; right: 0; z-index: 3; }
#ciemna a#switch-jasna:hover { background-position: -31px 0px; }

#ciemna { text-align: center; }
.ciemna { background: #3167a7 url('../images/c-standard-background.jpg') no-repeat center center; }
#visible-area .ciemna-huge-background { background: #3167a7 url('../images/c-huge-background.jpg') no-repeat center center; }
#ciemna #c-contents { width: 1000px; height: 640px; text-align: left; margin: auto; position: relative; top: 50%; margin-top:-320px; }
#c-contents #c-logo { position: absolute; left: 40px; top: 77px; width: 316px; height: 56px; background: url('../images/sprite.png') no-repeat 0px -245px; z-index: 4; }
#c-menu { list-style: none; position: absolute; top: 90px; right: 70px; height: 45px; }
#c-menu li { display: block; width: 90px; height: 45px; float: right; margin-left: 21px; position: relative; text-align: right; }
#c-menu li a { font-size: 26px; color: #fff; text-decoration: none; font-family:  Arial, Tahoma, Helvetica, sans-serif;  }
html>body #c-menu li a { line-height: 14px; }
#c-menu li a b { font-weight: normal; }
#c-menu li a span { display: block; font-size: 11px; color: #3b64d1; }
#c-menu li a:hover, #c-menu li a.active { color: #ffd0cc; }
#c-menu li a:hover span, #c-menu li a.active span { color: #ef1010; }

#ciemna .left { position: absolute; top: 182px; left: 40px; width: 263px; }
#ciemna .left h3, #ciemna .left h4 { color: #fff; font-size: 12px; margin-left: 7px; margin-bottom: 5px; font-family:  Arial, Tahoma, Helvetica, sans-serif; }
#ciemna .left h4 { margin-top: 16px; }
#ciemna .left h3 b, #ciemna .left h4 b, #ciemna .left a#ciemna-more-portfolio b { color: #ff0909; }
#ciemna .left p { display: block; margin-left: 7px; margin-top: 4px; width: 210px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 10px; }
#ciemna .left a.portfolio-item { display: block; width: 250px; height: 117px; background: url('../images/ciemna-portfolio-bg.png'); }
#ciemna .left a.portfolio-item:hover { display: block; width: 250px; height: 117px; background: url('../images/ciemna-portfolio-bg-hover.png'); }
#ciemna .left a.portfolio-item img { width: 236px; height: 104px; margin-top: 7px; margin-left: 7px; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
#ciemna .left a.portfolio-item:hover img { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; }

#ciemna .left a#ciemna-more-portfolio { font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; line-height: 50px; margin-left: 7px; }
#ciemna .left a#ciemna-more-portfolio:hover { text-decoration: underline; }

#ciemna .ieWarning { display: none; }
#ciemna .right { position: absolute; top: 196px; left: 344px; width: 615px; }

#ciemna .right h1, #ciemna .right h2, #ciemna .right h3, #ciemna .right h4, #ciemna .right h5, #ciemna .right h6 { margin-bottom: -16px; font-size: 38px; font-family:  Arial, Tahoma, Helvetica, sans-serif; color: #fff; }
#ciemna .right h3, #ciemna .right h4, #ciemna .right h5, #ciemna .right h6 { margin-top: 35px; }
#ciemna .right p { font-family:  Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; padding-top: 20px; color: #dbdbdb; }
#ciemna .right p em { font-style: italic; }
#ciemna .right p strong { color: #fff; }
#ciemna .right a, #ciemna .right a:link, #ciemna .left a, #ciemna .left a:link { color: #f91801; text-decoration: underline; }
#ciemna .right a:visited, #ciemna .left a:visited { color: #741999; }
#ciemna .right a:hover { text-decoration: none; }
#ciemna .right ul, #ciemna .right ol { list-style-position: inside; margin-top: 24px; line-height: 20px; font-size: 14px; margin-left: 0px; }

#ciemna .right em { font-style: normal; }

#ciemna .portfolio-subpage { position: absolute; top: 172px; left: 40px; width: 966px; }
#ciemna .portfolio-subpage .p-element { width: 322px; height: 170px; float: left; }
#ciemna .portfolio-subpage .p-element h3, #ciemna .portfolio-subpage .p-element h4, #ciemna .portfolio-subpage .p-element h5, #ciemna .portfolio-subpage .p-element h6 { color: #fff; font-size: 12px; margin-left: 7px; margin-bottom: 5px; font-family:  Arial, Tahoma, Helvetica, sans-serif; }
#ciemna .portfolio-subpage .p-element h3 b, #ciemna .portfolio-subpage .p-element h4 b, #ciemna .portfolio-subpage .p-element h5 b, #ciemna .portfolio-subpage .p-element h6 b { color: #ff0909; }
#ciemna .portfolio-subpage p { display: block; margin-left: 7px; margin-top: 4px; width: 242px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 10px; position: relative; }
#ciemna .portfolio-subpage p a { position: absolute; right: 0px; }   
#ciemna .portfolio-subpage a.portfolio-item { display: block; width: 250px; height: 117px; background: url('../images/ciemna-portfolio-bg.png'); }
#ciemna .portfolio-subpage a.portfolio-item:hover { display: block; width: 250px; height: 117px; background: url('../images/ciemna-portfolio-bg-hover.png'); }
#ciemna .portfolio-subpage a.portfolio-item img { width: 236px; height: 104px; margin-top: 7px; margin-left: 7px; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
#ciemna .portfolio-subpage a.portfolio-item:hover img { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; }

#ciemna .portfolio-subpage .c-paging { display: none; }
#ciemna .portfolio-subpage #c-paging-nav { width: 400px; }
#ciemna .portfolio-subpage #c-paging-nav p { clear: both; margin: 0; padding: 0; padding-top: 16px; line-height: 40px; font-size: 12px; width: auto; }
#ciemna .portfolio-subpage #c-paging-nav p b { padding-right: 16px; }
#ciemna .portfolio-subpage #c-paging-nav p a { color: #fff; text-decoration: none; position: relative; left: 0px; top: 0px; padding: 6px 10px; 
margin-left: 4px; line-height: 26px; text-align: center; background: #03175a; border: 2px solid #02061c; }
#ciemna .portfolio-subpage #c-paging-nav p a:hover, #ciemna .portfolio-subpage #c-paging-nav p a.active { background: #0d50ca; /*#dd0e03*/ }

#ciemna .footer { position: absolute; left: 40px; bottom: 15px; line-height: 18px; }
#ciemna .footer span { color: #eaeaea; font-size: 11px; }
#ciemna .footer p span { color: #ef1010; font-size: 12px; }

#ciemna #ciemna-contact { position: absolute; left: 273px; top: 20px; width: 334px; height: 277px; background: url('../images/ciemna-contact-bg.png') no-repeat; }
#ciemna #ciemna-contact input, #ciemna #ciemna-contact textarea { position: absolute; left: 64px; background: none; width: 264px; height: 17px; font-size: 12px; color: #fff; }
#ciemna #ciemna-contact input#nazwa_firmy2 { top: 11px; }
#ciemna #ciemna-contact input#osoba_telefon2 { top: 54px; }
#ciemna #ciemna-contact input#osoba_email2 { top: 99px; }
#ciemna #ciemna-contact input#contact-submit-ciemna { top: 243px; left: 229px; height: 24px; width: 97px; cursor: pointer; }
#ciemna #ciemna-contact textarea { left: 15px; top: 145px; height: 78px; width: 309px; }

#ciemna #ciemna-contact-errors {  position: absolute; right: 20px; top: -45px; font-size: 11px; font-weight: bold; text-align: right; color: #f91800; }

/* JASNA STRONA INTERNETU */
#jasna a#switch-ciemna { width: 31px; height: 214px; background: url('../images/sprite.png') -62px 0px; position: fixed !important; position: absolute; top: 30%; left: 0; z-index: 93; }
#jasna a#switch-ciemna:hover { background-position: -93px 0px; }
#j-bg { width: 100%; background: #fff url('../images/jasna-top-bg.jpg') repeat-x left top; position: relative; }
#j-container { width: 1000px; text-align: left; margin: 0 auto; position: relative; color: #3c3c3c; }
#j-container #j-top { width: 1000px; height: 120px; position: relative; }

#j-logo { position: absolute; left: 0px; top: 0px; width: 254px; height: 80px; background: url('../images/jsprite.jpg') no-repeat; }

#j-menu { list-style: none; position: absolute; top: 0px; left: 290px; }
#j-menu li { display: block; height: 91px; float: left; position: relative; overflow: hidden; }
#j-menu li a { font-size: 18px; height: 91px; padding: 26px 15px 0px 15px; display: block; color: #fff; text-decoration: none; font-family: Tahoma, Arial, Helvetica, sans-serif;  }
#j-menu li a span { display: block; font-size: 12px; }
#j-menu li a:hover, #j-menu li a.active { color: #ef1010; background: url('../images/j-menu-hover.jpg') repeat-x; }
#j-menu li a:hover span, #j-menu li a.active span { color: #c8c8c8; }

#j-strefa { position: absolute; top: 12px; right: 0px; width: 174px; height: 56px; }
#j-strefa label { color: #ff0909; }
#j-strefa input { width: 126px; margin-top: 3px; padding-top: 3px; padding-left: 15px; padding-right: 5px; height: 16px; background: #363636 url('../images/j-login-bg.jpg') no-repeat 5px 7px; border: 1px solid #5f5f5f; color: #d2d2d2; font-size: 11px; }
#j-strefa button { color: #d2d2d2; font-weight: bold; background: none; font-size: 11px; cursor: pointer; height: 17px; display: block; border-top: 1px solid #363636; border-bottom: 1px solid #363636; text-align: center; line-height: 15px; position: absolute; right: 0px; top: 44px; }
#j-strefa button:hover { color: #ef1010; }
*:first-child+html #j-strefa button { width: 25px; height: 19px; }

#j-submenu { list-style: none; background: #dcdcdc; width: 796px; height: 29px; position: absolute; top: 91px; left: 12px; }
#j-submenu li { float: left; line-height: 28px; }
#j-submenu li a { color: #000; padding-right: 12px; padding-left: 12px; border-right: 1px #f7f7f7 solid;  font-size: 12px; text-decoration: none; }
#j-submenu li a.last { border: none; }
#j-submenu li a.first { margin-left: 16px; }
#j-submenu li a:hover { color: #2a2219; background: #fff; }
#j-submenu li a.active { font-weight: bold; }

#j-szukaj { position: absolute; bottom: 7px; right: 4px; width: 170px; height: 18px; }
#j-szukaj input { width: 136px; padding-top: 2px; float: left; padding-left: 5px; padding-right: 5px; height: 16px; background: #f5f5f5; border: 1px solid #bfbfbf; color: #2e2e2e; font-size: 12px; }
#j-szukaj button { width: 16px; margin-top: 2px; float: right; height: 16px; display: block; cursor: pointer; background: url('../images/jsprite.jpg') no-repeat -300px -80px; }

html>body #j-container { overflow: hidden; }
#j-container .left { width: 653px; padding-right: 14px; border-right: 1px solid #eee; margin: 21px 16px 0px 12px; float: left; min-height: 400px; height: auto !important; height: 400px; }
#j-bg #j-container .main { border-right: none; width: 676px; margin: 0px; }
#j-container .right { width: 304px; float: right; position: relative; }
#j-container .left, #j-container .right { color: #3c3c3c; margin-top: 21px; line-height: 18px; }
#j-container .left em, #j-container .right em { font-weight: bold; font-style: normal; }
#j-container .left em.italic, #j-container .right em.italic, #j-container .italic { font-style: italic; }
#j-container .bold { font-weight: bold; }
#j-container .hidden { display: none; }

#j-container .left ul, #j-container .left ol { list-style-position: inside; margin-left: 16px; margin-top: 16px; }
#j-container .left ul ul, #j-container .left ol ol { margin-bottom: 16px; }
#j-container .left ul.lroman, #j-container .left ol.lroman { list-style-type: lower-roman; }
#j-container .left ul.roman, #j-container .left ol.roman { list-style-type: upper-roman; }
#j-container .left ul.decimal, #j-container .left ol.decimal { list-style-type: decimal; }
#j-container .left ul.decimal-zero, #j-container .left ol.decimal-zero { list-style-type: decimal-leading-zero; }
#j-container .left ul.llatin, #j-container .left ol.llatin { list-style-type: lower-latin; }
#j-container .left ul.latin, #j-container .left ol.latin { list-style-type: upper-latin; }

#j-container .left span.float-left { float: left; padding-right: 12px; padding-bottom: 4px; padding-top: 4px; }
#j-container .left span.float-right { float: right; padding-left: 12px; padding-bottom: 4px; padding-top: 4px; }

#j-container .left p#j-path { font-size: 12px; margin-top: -8px; margin-bottom: 16px; color: #8d8d8d; }
#j-container .left p#j-path a { color: #8d8d8d; }
*:first-child+html #j-container .left p#j-path { margin-top: 0px; }

#j-container .right { line-height: 16px; }
#j-container .right h4, #j-container .right h5, #j-container .right h6 { width: 296px; height: 28px; padding-left: 15px; padding-top: 5px; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; background: url('../images/header-bg.jpg') repeat-x left top; }
#j-container .right h5, #j-container .right h6 { margin-top: 30px; }
#j-container .right span, #j-container .right span.date { color: #767676; font-size: 10px; display: block; margin-left: 6px; }
#j-container .right span { margin-top: 10px; }
#j-container .right span.date { margin-top: 0px; }
#j-container .right h2, #j-container .right h3 { color: #010101; font-size: 12px; font-weight: bold; margin-bottom: 9px; margin-left: 6px; }
#j-container .right h2 a, #j-container .right h3 a { text-decoration: underline; color: #000; font-size: 12px; font-weight: bold;  }
#j-container .right h2 a:hover, #j-container .right h3 a:hover { text-decoration: none; color: #000; }
#j-container .right p { margin-left: 6px; margin-top: -8px; }
#j-container .right p a:hover { color: #3c3c3c; }
#j-container .right ul { list-style: none; margin-left: 2px; margin-top: 10px; margin-left: 6px; }
#j-container .right ul li { background: url('../images/ul-bullet.png') no-repeat left 60%; line-height: 18px; padding-left: 12px; }
#j-container .right ul li a { color: #010101; }
#j-container .right ul li a:visited { color: #741999; }

html>body #j-container .right .showcase-row { overflow: hidden; margin-top: 8px; width: 296px; height: 160px; position: relative; }
#j-container .right .showcase-row .showcase-details { display: none; }
#j-container .right .showcase-row .showcase-details div { width: 170px; position: absolute; right: 2px; top: 0px; }
#j-container .right .showcase-row .showcase-details img { position: absolute; left: 2px; top: 0px; }
#j-container .right .showcase-row .hidden { display: none; }
#j-container .right .showcase-row .show { display: block; }

#j-container .right .showcase-row .showcase-nav { float: left; height: 26px; margin-top: 132px; }
#j-container .right .showcase-row .showcase-nav img { display: block; }
.showcase-row .showcase-nav a#showcase-prev, .showcase-row .showcase-nav a#showcase-next { display: block; width: 13px; height: 25px; }
.showcase-row .showcase-nav a#showcase-prev { float: left; background: url('../images/jsprite.jpg') no-repeat -316px -72px; margin: 0 11px 0 10px; }
.showcase-row .showcase-nav a#showcase-next { float: right; background: url('../images/jsprite.jpg') no-repeat -342px -72px; margin-left: 4px; }
.showcase-row .showcase-nav a#showcase-prev:hover { background-position: -329px -72px; }
.showcase-row .showcase-nav a#showcase-next:hover { background-position: -355px -72px; }

.showcase-row .showcase-nav .showcase-elements { float: left; margin-right: 10px; width: 232px; height: 26px; overflow: hidden; position: relative; }

#j-container .right .showcase-elements ul { list-style: none; position: relative; margin: 0; padding: 0; left: 0; top: 0; width: 9999px; }
#j-container .right .showcase-elements ul li { padding: 0; background: none; margin-right: 8px; float: left; width: 26px; height: 26px; }
#j-container .right .showcase-elements ul li a { display: block; width: 26px; height: 26px; float: left; text-align: center; }
#j-container .right .showcase-elements ul li a img { border: 2px solid #5c5852; width: 22px; height: 22px; }
#j-container .right .showcase-elements ul li a.active img { border: 2px solid #ef1010; }

#j-container .left h1, #j-container .left h2, #j-container .left h3,
#j-container .left h4, #j-container .left h5, #j-container .left h6 { font-size: 22px; color: #1e1e1e; margin-top: 24px; margin-bottom: -2px; }
#j-container .left h5 { font-size: 18px; margin-bottom: -10px; }
#j-container .left h6 { font-size: 12px; margin-bottom: -12px; }
#j-container .left h1 { margin-top: 0px; }

#j-container .left h1 a, #j-container .left h2 a, #j-container .left h3 a,
#j-container .left h4 a, #j-container .left h5 a, #j-container .left h6 a { color: #000000; }
#j-container .left h1 a:visited, #j-container .left h2 a:visited, #j-container .left h3 a:visited,
#j-container .left h4 a:visited, #j-container .left h5 a:visited, #j-container .left h6 a:visited { color: #000000; }

#j-container .left span.news-date { margin-bottom: -18px; font-size: 11px; margin-top: 28px; line-height: 11px; display: block; }

#j-container .left div.divlists { width: 100%; }
html>body #j-container .left div.divlists { overflow: hidden; }
#j-container .left div.divlists ul, #j-container .left div.divlists ol { width: 220px; float: left; }
#j-container .left div.divlists img#box-cms-small { float: left; }
#j-container .left div.divlists img#box-shop-small { margin-left: 200px; float: left; }

#j-container .left p { margin-top: 16px; }
#j-container .left a:hover { text-decoration: none; color: #ff0000; }

#j-container #j-boxes { width: 676px; height: 292px; position: relative; }
#j-container #j-aktualnosci { width: 676px; height: 139px; display: block; background: #eaeaea url('../images/corner.jpg') no-repeat right top; position: relative; z-index: 92; }
#j-container #j-aktualnosci div { width: 320px; height: 100px; margin-left: 12px; margin-top: 18px; float: left; }
#j-container #j-aktualnosci div span { color: #767676; font-size: 10px; display: block;  }
#j-container #j-aktualnosci div h2, #j-container #j-aktualnosci div h3 { font-size: 12px; margin: 0px; }
#j-container #j-aktualnosci div h2 a, #j-container #j-aktualnosci div h3 a { font-size: 12px; color: #000; }
#j-container #j-aktualnosci div p, #j-container #j-aktualnosci div p { color: #3c3c3c; width: 300px; margin-top: 6px; }
#j-container #j-aktualnosci h4 { font-size: 14px; color: #1e1e1e; position: absolute; right: 26px; top: 12px; margin: 0; }
#j-container #j-aktualnosci a#news-archive { position: absolute; right: 24px; bottom: 12px; font-size: 11px; margin: 0; color: #1e1e1e }
#j-container #j-aktualnosci div.hidden { display: none; }

#j-main-background { height: 139px; width: 50%; background-color: #eaeaea; position: absolute; left: 0px; top: 412px; z-index: 90; }
*:first-child+html #j-main-background { display: none; }

#j-container .left .j-portfolio { position: relative; width: 100%; margin-bottom: 50px; }
#j-container .left .j-portfolio a:hover { color: #1e1e1e; text-decoration: none; }
#j-container .left .j-portfolio .j-portfolio-big { width: 654px; height: 204px; margin-top: 16px; position: relative; }
#j-container .left .j-portfolio .j-portfolio-big a { display: none; position: absolute; left: 0px; top: 0px; }
#j-container .left .j-portfolio .j-portfolio-big a.active { display: block; }
#j-container .left .j-portfolio .j-portfolio-big a img { display: block; border: 2px solid #dcdcdc;  }
#j-container .left .j-portfolio .j-portfolio-big a:hover img { border: 2px solid #a8a8a8; }

#j-container .left .j-portfolio .j-portfolio-thumbs { display: block; width: 650px; margin-top: 6px;}
html>body #j-container .left .j-portfolio .j-portfolio-thumbs { overflow: hidden; }
#j-container .left .j-portfolio .j-portfolio-thumbs a { float: left; display: block; width: 154px; height: 54px; margin-right: 8px; margin-bottom: 4px; background: #dcdcdc; position: relative; }
#j-container .left .j-portfolio .j-portfolio-thumbs a img { position: absolute; left: 2px; top: 2px; border: none; }
#j-container .left .j-portfolio .j-portfolio-thumbs a.active, #j-container .left .j-portfolio .j-portfolio-thumbs a:hover { background: #f10f13; }
#j-container .left .j-portfolio .j-portfolio-desc { position: relative; width: 100%; }
#j-container .left .j-portfolio .j-portfolio-desc h2, #j-container .left .j-portfolio .j-portfolio-desc h3 { margin: 0; padding: 0; font-size: 16px; width: 100%; position: relative; }
#j-container .left .j-portfolio .j-portfolio-desc h2 { margin-top: 30px; }
#j-container .left .j-portfolio .j-portfolio-desc h2 b, #j-container .left .j-portfolio .j-portfolio-desc h3 b { position: absolute; right: 0px; font-size: 10px; font-weight: none; color: #c8c8c8; }
#j-container .left .j-portfolio .j-portfolio-desc p { margin-top: 2px; }
#j-container .left .j-portfolio .j-portfolio-desc h2 span, #j-container .left .j-portfolio .j-portfolio-desc h3 span, #j-container .left .j-portfolio .j-portfolio-desc p span { font-size: 10px; color: #c8c8c8; text-transform: uppercase; font-weight: none; }

#j-container .left p span.star { font-weight: bold; color: #f10f10; }
#j-container .left p span.red { color: #f22024; }

#j-container .left img.chili-logo { width: 110px; height: 28px; background: url('../images/jsprite.jpg') no-repeat 0px -80px; }
#j-container .left img.chili-shop { width: 125px; height: 28px; background: url('../images/jsprite.jpg') no-repeat -110px -80px; }

#j-container .left .first-person { margin-top: 30px; }
#j-container .left .person { width: 650px; height: 160px; position: relative; }
#j-container .left .person img { position: absolute; left: 0px; top: 5px; }
#j-container .left .person h6 { font-size: 14px; position: absolute; left: 160px; top: 20px; }
#j-container .left .person small { position: absolute; left: 160px; top: 60px; }

#j-container .left .cube-interactive-systems { width: 640px; border-left: 10px solid #ffba00; }
#j-container .left .cube-interactive-analytics { width: 640px; border-left: 10px solid #ee5208; }
#j-container .left .cube-interactive-design { width: 640px; border-left: 10px solid #ef1010; }
#j-container .left .cube-interactive-systems p, #j-container .left .cube-interactive-systems h6,
#j-container .left .cube-interactive-analytics p, #j-container .left .cube-interactive-analytics h6,
#j-container .left .cube-interactive-design p, #j-container .left .cube-interactive-design h6 { margin-left: 16px; } 

#j-container .left p .legend-systems, #j-container .left p .legend-analytics, #j-container .left p .legend-design { float: left; margin-right: 6px; display: block; width: 16px; height: 16px; }
#j-container .left p .legend-systems { background-color: #ffba00; } 
#j-container .left p .legend-analytics { background-color: #ee5208; } 
#j-container .left p .legend-design { background-color: #ef1010; } 

#j-container .left .error-line { width: 650px; margin-top: 24px; height: 228px; position: relative; }
#j-container .left #error404 { position: absolute; width: 388px; height: 197px; left: 0px; top: 5px; background: url('../images/error-404.jpg') no-repeat; }
#j-container .left #krowa { position: absolute; left: 450px; top: 0px; }

#j-container form.aform { width: 650px; }
#j-container form.aform legend a { text-decoration: none; }
#j-container form.aform legend a:visited { color: #ff0000; }
#j-container form.aform legend { font-size: 15px; color: #000; padding-top: 16px; margin-bottom: 10px; width: 100%; line-height: 20px; display: block; border-bottom: 2px solid #151515; font-weight: bold; }
#j-container form.aform fieldset div { margin-bottom: 16px; }
#j-container form.aform div label { display: block; }
#j-container form.aform div input, #j-container form.aform div textarea, 
#j-container form.aform div select { display: block; width: 600px; border: 2px solid #dcdcdc; color: #3c3c3c; font-size: 13px; margin-top: 4px; padding: 5px 6px; }
#j-container form.aform div input:hover, #j-container form.aform div textarea:hover, #j-container form.aform div select:hover { border: 2px solid #767676; }
#j-container form.aform div input:focus, #j-container form.aform div textarea:focus, #j-container form.aform div select:focus { border: 2px solid #151515; }
#j-container form.aform div select { width: 612px; }
#j-container form.aform div input.short, #j-container form.aform div textarea.short { width: 300px; }
#j-container form.aform div select.short { width: 310px; }
#j-container form.aform div input.vshort, #j-container form.aform div textarea.vshort { width: 150px; }
#j-container form.aform div select.vshort { width: 160px; }
#j-container form.aform div label span { font-weight: bold; color: #f10f10; }
#j-container form.aform div.inputs label { margin-bottom: 6px; }
#j-container form.aform div.inputs span { font-weight: normal; color: #3c3c3c; display: block; float: left; width: 300px; }
#j-container form.aform div.inputs span input { width: auto !important; float: left; }
#j-container form.aform div.inputs span b { font-weight: normal; float: left; margin-left: 6px; }
html>body #j-container form.aform div.inputs { overflow: hidden; }
#j-container form.aform div input.brief-submit { width: 246px; height: 32px; line-height: 32px; border: none; padding: none; cursor: pointer; text-align: center; color: #fff; background: url('../images/brief-send-bg.jpg') no-repeat 0px 0px; }
#j-container form.aform div input.brief-submit:hover { background-position: 0px -32px; }
#j-container form.aform div.form-error { display: none; }
#j-container form.aform div.form-error p { color: #f22024; font-size: 14px; }

/* Boxy w sliderze */
#j-container #j-boxes div { display: none; }
#j-container #j-boxes h1, #j-container #j-boxes h2 { text-transform: uppercase; font-size: 18px; line-height: 22px; color: #1b1916; position: absolute; left: 12px; top: 40px; }
#j-container #j-boxes h1 strong, #j-container #j-boxes h2 strong { color: #ef1010; }
#j-container #j-boxes p { position: absolute; left: 12px; top: 80px; width: 410px; color: #3c3c3c; }
#j-container #j-boxes img { position: absolute; right: 0px; top: 21px; }
#j-container #j-boxes img.chili-logo { left: 273px; top: 190px; width: 110px; height: 28px; background: url('../images/jsprite.jpg') no-repeat 0px -80px; }
#j-container #j-boxes img.chili-shop { left: 273px; top: 190px; width: 125px; height: 28px; background: url('../images/jsprite.jpg') no-repeat -110px -80px; }

#j-container #j-boxes a { text-decoration: none; }
#j-container #j-boxes p a { text-decoration: underline; }
#j-container #j-boxes a.wycen-projekt { position: absolute; left: 10px; top: 186px; width: 131px; height: 36px; background: url('../images/jsprite.jpg') no-repeat -254px 0px; color: #414141; text-decoration: none; text-align: center; line-height: 34px; }
#j-container #j-boxes a.wycen-projekt:hover { background-position: -254px -36px; color: #565656; }

#j-container #j-boxes ol { list-style: none; display: block; height: 12px; position: absolute; top: 235px; left: 0px; }
#j-container #j-boxes ol li { height: 12px; float: left; display: inline; margin-right: 5px; }
#j-container #j-boxes ol li a { font-size: 10px; text-transform: uppercase; color: #858585; text-decoration: none; background: url('../images/mini-arrow.gif') no-repeat right 50%; padding-right: 15px; }
#j-container #j-boxes ol li a.active, #j-container #j-boxes ol li a:hover { color: #000; }
#j-container #j-boxes ol li a.no-arrow { background-image: none; } 
#j-container #j-boxes ol li a span { display: block; margin-top: 5px; width: 10px; height: 10px; float: left; display: inline; margin-right: 7px; background: url('../images/jsprite.jpg') no-repeat -235px -96px; }
#j-container #j-boxes ol li a span.stan1 { background-position: -245px -96px; }
#j-container #j-boxes ol li a span.stan2 { background-position: -255px -96px; }
#j-container #j-boxes ol li a span.stan3 { background-position: -265px -96px; }
#j-container #j-boxes ol li a span.stan4 { background-position: -275px -96px; }
#j-container #j-boxes ol li a span.stan5 { background-position: -285px -96px; }
#j-container #j-boxes ol li a span.stan6 { background-position: -295px -96px; }

#j-footer { width: 100%; height: 380px; margin-top: 40px; text-align: center; position: relative; background: #171717 url('../images/j-footer-bg.jpg') no-repeat 40% 0px; }
#j-footer.noMargin { margin-top: 0px; }
#j-footer-contents { width: 1000px; height: 380px; text-align: left; margin: 0 auto; position: relative; }
#j-footer-contents h2, #j-footer-contents h3 { font-size: 16px; padding-left: 2px; padding-bottom: 2px; position: absolute; font-weight: normal; height: 24px; background: url('../images/separator.gif') repeat-x left bottom; }
#j-footer-contents h2 { width: 650px; top: 27px; left: 12px; }
#j-footer-contents h3 { width: 280px; top: 27px; right: 12px; }

#j-footer-contents h2 a { position: absolute; right: 0px; top: 2px; line-height: 17px; height: 17px; padding-left: 22px; color: #fff; text-decoration: none; font-size: 11px; background: url('../images/rss.jpg') no-repeat left top; }
#j-footer-contents h2 a:hover { text-decoration: underline; }

#j-footer-contents #j-mapa { width: 660px; position: absolute; top: 70px; left: 14px; }
#j-footer-contents ul { display: block; float: left; list-style: none; margin-right: 26px; }
#j-footer-contents ul li { background: url('../images/ul-grey.gif') no-repeat left 60%; line-height: 17px; padding-left: 12px; }
#j-footer-contents ul li.red { background: url('../images/ul-red.gif') no-repeat left 60%; }
#j-footer-contents ul li.orange { background: url('../images/ul-orange.gif') no-repeat left 60%; }
#j-footer-contents ul li.yellow { background: url('../images/ul-yellow.gif') no-repeat left 60%; }

#j-footer-contents ul a { font-size: 11px; color: #cdcdcd; text-decoration: none; }
#j-footer-contents ul a:hover { text-decoration: underline; color: #fff; }
#j-footer-contents ul a:visited { color: #717171; }

#j-mapa p { color: #4e4e4e; font-size: 11px; position: absolute; left: 0px; top: 107px; }
#j-mapa p b { float: left; margin-right: 10px; }
#j-mapa p span { width: 10px; margin-top: 2px; height: 10px; display: block; float: left; margin-right: 4px; background: #ffba00; }
#j-mapa p span.orange { background: #ee5208; }
#j-mapa p span.red { background: #ef1010; }

#j-newsletter { position: absolute; width: 280px; top: 67px; right: 12px; }
#j-newsletter p { color: #b6b6b6; font-size: 11px; line-height: 16px; }
#j-newsletter p a { color: #b6b6b6; font-weight: bold; text-decoration: none; }
#j-newsletter p a:hover { text-decoration: underline; color: #fff; }
#j-newsletter p a:visited { color: #d7a5ec; }

#j-newsletter form { margin: 20px 0px 10px 0px; }
#j-newsletter form input { width: 168px; float: left; padding: 2px 10px 0 24px; height: 23px; background: #363636 url('../images/j-newsletter-bg.jpg') no-repeat 8px 10px; border: 1px solid #5f5f5f; color: #d2d2d2; font-size: 12px; }
#j-newsletter form button { font-weight: bold; float: left; margin: 6px 0 0 10px; background: none; color: #d2d2d2; cursor: pointer; font-size: 12px; border-top: 1px solid #363636; border-bottom: 1px solid #363636; text-align: center; line-height: 15px; font-family: Tahoma, Arial, Helvetica, sans-serif;  } 
#j-newsletter form button:hover { color: #fff; }

*:first-child+html #j-newsletter form button { width: 60px;}
*:first-child+html #j-newsletter form input { line-height: 23px; }

#credits { position: absolute; top: 260px; left: 12px; width: 972px; display: block; background: url('../images/separator.gif') repeat-x left top; padding-top: 10px; padding-left: 2px; font-size: 11px; color: #7a7a7b; }
#credits em { font-style: normal; color: #cdcdcd; }
#credits span { float: right; line-height: 16px; }
#credits span img { float: right; margin-left: 4px; display: block; background: url('../images/jsprite.jpg') no-repeat -235px -80px; width: 65px; height: 16px; }
#credits em span { color: #ef1010; float: none; line-height: normal; }

*:first-child+html #credits span { position: absolute; top: 6px; right: 0px; width: 130px; float: left; }
*:first-child+html #credits span img { position: absolute; top: 0px; right: 0px; }
*:first-child+html #credits em span { position: relative; top: 0px; right: 0px; float: none; }