@charset "utf-8";
/* CSS Document */

body {background:#cbcbcb; margin:0; padding:0; font:11px/16px Verdana, Arial, Helvetica, sans-serif;}

img {border:none;}


a {color:#468fb9; font-weight:bold; text-decoration:none;}
a:hover {color:#094f82}
p {margin:0 0 10px 0; padding:0;}


.clear {clear:both; height:1px; overflow:hidden;}
.left {float:left;}
.right {float:right;}

#box {width:940px; overflow:hidden; background:#fff url(bg.gif) repeat-y right top; margin:0 auto;}

#top {width:940px; height:350px; overflow:hidden; position:relative;}
#top .menunav {position:absolute; top:31px; right:15px;}

#top .menunav ul.level1 {margin:0; padding:0; list-style:none;}
#top .menunav ul.level1 li{margin:0; padding:0; list-style:none; float:left;}

#wersje {position:absolute; top:0; right:15px;}
#wersje ul {margin:0; padding:0; list-style:none;}
#wersje ul li{margin:10px 10px 0 0; padding:0; list-style:none; float:left;}

#content {width:940px; overflow:hidden;}
 
#kolumna1 {width:340px; overflow:hidden; float:left;}
#kolumna2 {width:600px; overflow:hidden; float:left;}
#kolumna3 {width:295px; overflow:hidden; float:left;}
#kolumna4 {width:305px; overflow:hidden; float:left;}

#content.klient {width:940px; overflow:hidden;}
#content.klient #kolumna1 {width:940px;}
#content.klient #kolumna2 {clear:both; width:940px;}

#content.klient #kolumna1 .moduletable {float:left; margin:10px 50px 0 30px; width:250px;}
#content.klient #kolumna1 .tresc {float:left; clear:none !IMPORTANT;}

#stopka {background:url(stopka.gif) no-repeat left top; height:40px; width:840px; margin:20px 30px; padding:0 20px; line-height:40px; color:#7f7f7f; font-size:9px;}
#stopka a {color:#7f7f7f; text-decoration:none;}


div.menunav ul {padding-left: 0px; margin: 0px;}
div.menunav li {list-style-type:none; margin: 0px; position: relative; padding: 0;}
div.menunav li > ul {display: none; position: absolute; top: -1px; left: 160px;}
div.menunav li:hover, #menunav li.CSStoHighlight {}
div.menunav ul.CSStoShow {display: block;}
div.menunav li:hover > ul {display: block;}
div.menunav li a {display:block; width:100%; padding: 0; font:bold 13px/40px Arial, Helvetica, sans-serif; color:#fff;}

div.menunav ul.level1 {}
div.menunav ul.level1 li {display:block; float: left; margin:0 10px 0 0; padding:0; border: none; position:relative;} 
div.menunav ul.level1 li.last {margin:0;} 
div.menunav ul.level1 li a {height:40px; width:137px; margin:0; padding: 0; border: 0; text-decoration:none; text-align:center;}
div.menunav ul.level1 li a:hover {background:url(hover_bg.gif) repeat-x left top;}

div.menunav ul.level1 li.first a:hover {background:url(first.png) repeat-x left top;}
div.menunav ul.level1 li.last a:hover {background:url(last.png) repeat-x left top;}

div.menunav ul.level1 li.current a {background:url(hover_bg.gif) repeat-x left top;}
div.menunav ul.level1 li.parent a {background:url(hover_bg.gif) repeat-x left top;}

div.menunav ul.level1 li.first.current a {background:url(first.png) repeat-x left top;}
div.menunav ul.level1 li.first.parent a {background:url(first.png) repeat-x left top;}
div.menunav ul.level1 li.last.current a {background:url(last.png) repeat-x left top;}
div.menunav ul.level1 li.last.parent a {background:url(last.png) repeat-x left top;}

div.menunav ul.level1 li a span {display:block; margin:0;}
div.menunav ul.level2 li {display:block; float:none; border:none;} 
div.menunav ul.level1 li > ul {display:none; position:absolute; top: 24px; left:-1px;}
div.menunav ul.level1 li:hover > ul {display: block;}

div.menunav li.first ul.level2 {margin:16px 0 0 10px; width:128px !IMPORTANT;}
div.menunav ul.level2 {margin:16px 0 0 1px; background:#0a2b47 url(bg_menu.gif) repeat-x top left; width:100%;}
div.menunav ul.level2 li {clear:both; width:100%;}
div.menunav ul.level2 li a {height:auto; width:100%; margin:0; cursor:pointer; color:#ffffff; border-bottom:1px solid #cadde7; font:bold 11px/20px Arial, Helvetica, sans-serif; background:none !IMPORTANT; text-align:left;}

div.menunav ul.level2 li.current a {background:url(hover_bg.gif) repeat-x left top !IMPORTANT;}

div.menunav ul.level2 li a:hover {height:auto; width:100%; margin:0; cursor:pointer; color:#ffffff; border-bottom:1px solid #cadde7; font:bold 11px/20px Arial, Helvetica, sans-serif; background:url(hover_bg.gif) repeat-x left top !IMPORTANT;}

div.menunav ul.level2 li.last a {border-bottom:1px solid #70a2dd;}

div.menunav ul.level2 li a span {padding:0 15px; }

div.menunav li.current ul.level2 li a:hover {color: #fff; background:#4dcbe8;}
div.menunav li.parent ul.level2 li a:hover {color: #fff; background:#4dcbe8;}

div.menunav ul.level3 {display:none;}
div.menunav ul.level1 li:hover > ul.level3 {display:none;}

#kolumna1 .tresc {margin:30px 0 0 30px; clear:both;}
#kolumna1 .head, #kolumna1 h3 {color:#888; font: 23px/30px Arial, Helvetica, sans-serif; padding:0 0 0 20px; border-left:2px solid #fcb500; text-transform:uppercase; clear:both;}
#kolumna1 .aktext {margin:0 0 0 20px; padding:0 0 10px 0; text-align:justify;}

#kolumna1 #tresc_struktura {margin:0 0 0 30px;}
#kolumna1 #head_struktura {color:#888; font: 23px/30px Arial, Helvetica, sans-serif; padding:0 0 0 20px; border-left:2px solid #fcb500; text-transform:uppercase; clear:both;}
#kolumna1 #aktext_struktura {margin:0 0 0 20px; padding:0 0 10px 0;}

#kolumna2 .tresc {margin:30px 0 0 30px;}
#kolumna2 .head,#kolumna2 .galeria2_akapit_tytul {color:#888; font: 23px/30px Arial, Helvetica, sans-serif; padding:0 0 0 20px; border-left:2px solid #fcb500; text-transform:uppercase;}
#kolumna2 .aktext {margin:0 30px 0 20px; text-align:justify;}

.produkt {clear:both; background:url(gal_bg.gif) repeat-y left top; margin:0 0 10px 0; padding:10px 0 10px 10px;}
#kolumna2 .galeria2_akapit_tresc {margin:30px 0 30px 0;}
.produkt a {float:left; display:block; margin:0 10px 0 0;}
.produkt .aa {width:480px; float:left;}
.produkt .tytul_gal {font-weight:bold; margin:0 0 5px 0;}
.produkt .opis_gal {padding:0 10px 0 0; text-align:justify;}
.produkt .plik_gal {float:left; width:60px; display:block; text-align:center; color:#000; font-size:9px; padding:20px 0 0 0;}

#kolumna2.content .tresc {margin:30px 0 0 0;}
#kolumna2.content .head {background:url(head_content.jpg) no-repeat left -10px; padding:0 0 20px 40px; border:none;}
#kolumna2.content .tresc {background:url(bg_content.jpg) repeat-y left top}
#kolumna2.content .aktext {background:url(bottom_content.jpg) no-repeat left bottom; padding:0 40px 30px 40px; margin:0;}

#content.klient #kolumna2.content .tresc {margin:0;}
#content.klient #kolumna2.content .head {background:url(head_content_klient.jpg) no-repeat left -10px; padding:0 0 20px 40px; border:none;}
#content.klient #kolumna2.content .tresc {background:url(bg_content_klient.jpg) repeat-y left top}
#content.klient #kolumna2.content .aktext {background:url(bottom_content_klient.jpg) no-repeat left bottom; padding:0 40px 30px 40px; margin:0;}

#kolumna3 .tresc {margin:20px 0 0 0;}
#kolumna3 .head {background:url(kolumna3_head.gif) no-repeat left -10px; padding:0 0 0 40px; border:none; color:#000; font:bold 12px/30px Arial, Helvetica, sans-serif;}
#kolumna3 .aktext {background:url(kolumna3_aktext.gif) no-repeat left bottom; padding:0 10px 10px 40px; margin:0;}

#kolumna4 .tresc {margin:20px 0 0 0;}
#kolumna4 .head {background:url(kolumna4_head.gif) no-repeat left -10px; padding:0 30px 0 30px; border:none; color:#000; font:bold 12px/30px Arial, Helvetica, sans-serif;}
#kolumna4 .aktext {background:url(kolumna4_aktext.gif) no-repeat left bottom; padding:0 30px 10px 30px; margin:0;}

#numberDisplay {display:none !IMPORTANT; color:#fff;}
.lightDescs {display:none;}
#imageDataContainer {padding:0 0 10px 0;}

.menuflat .title {color:#888; font: 23px/30px Arial, Helvetica, sans-serif; padding:0 0 0 20px; border-left:2px solid #fcb500; text-transform:uppercase;}
.menuflat ul {margin:20px 0 20px 0; padding:0; list-style:none;}
.menuflat ul li{margin:0; padding:0; list-style:none;  display:inline;}
.menuflat ul li a {font:bold 12px/normal Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; margin:1px 0 0 0; background:url(podmenu_bg.gif) repeat-y 20px top; display:block !IMPORTANT; padding:8px 30px;}

.menuflat ul li a:hover {background:#ffcf6b url(li_podmenu.gif) no-repeat left top; color:#000;}
.menuflat ul li.current a {background:#ffcf6b url(li_podmenu.gif) no-repeat left top;}

.menupath .title {color:#888; font: 23px/30px Arial, Helvetica, sans-serif; padding:0 0 0 20px; border-left:2px solid #fcb500; text-transform:uppercase;}
.menupath ul {margin:20px 0 20px 0; padding:0; list-style:none;}
.menupath ul li{margin:0; padding:0; list-style:none;  display:inline;}
.menupath ul li a {font:bold 12px/normal Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; margin:1px 0 0 0; background:url(podmenu_bg.gif) repeat-y 20px top; display:block !IMPORTANT; padding:8px 30px;}

.menupath ul li a:hover {background:#ffcf6b url(li_podmenu.gif) no-repeat left top; color:#000;}
.menupath ul li.current a {background:#ffcf6b url(li_podmenu.gif) no-repeat left top;}
.menupath ul li.submenu a {background:#ffcf6b url(li_podmenu.gif) no-repeat left top;}

.menupath ul li ul.level2 {margin:5px 0 5px 20px;}
.menupath ul li ul.level2 li a {font:normal 11px/normal Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; margin:1px 0 0 0; background:url(li.gif) no-repeat 15px 8px; display:block !IMPORTANT; padding:5px 30px;}

.menupath ul li ul.level2 li a:hover {font:bold 11px/normal Verdana, Arial, Helvetica, sans-serif;}
.menupath ul li ul.level2 li.current a {font:bold 11px/normal Verdana, Arial, Helvetica, sans-serif;}

.pdf {font:normal 11px/normal small-caps Verdana, Arial, Helvetica, sans-serif; background:url(pdf.jpg) left center no-repeat; text-decoration:none; display:block; padding:5px 0 5px 35px; margin:0; zoom:1; clear:both; width:100%; cursor:pointer; color:#888888; height:31px;}
.pdf a {text-decoration:none; color:#888888;}

.word {font:normal 11px/normal small-caps Verdana, Arial, Helvetica, sans-serif; background:url(doc.jpg) left center no-repeat; text-decoration:none; display:block; padding:5px 0 5px 35px; margin:0; zoom:1; clear:both; width:100%; cursor:pointer; color:#888888; height:31px;}
.word a {text-decoration:none; color:#888888;}

.excel {font:normal 11px/normal small-caps Verdana, Arial, Helvetica, sans-serif; background:url(exel.jpg) left center no-repeat; text-decoration:none; display:block; padding:5px 0 5px 35px; margin:0; zoom:1; clear:both; width:100%; cursor:pointer; color:#888888; height:31px;}
.excel a {text-decoration:none; color:#888888;}

.powerpoint {font:normal 11px/normal small-caps Verdana, Arial, Helvetica, sans-serif; background:url(powerpoint.jpg) left center no-repeat; text-decoration:none; display:block; padding:5px 0 5px 35px; margin:0; zoom:1; clear:both; width:100%; cursor:pointer; color:#888888; height:31px;}
.powerpoint a {text-decoration:none; color:#888888;}

#kolumna1 table {font:normal 11px/normal small-caps Verdana, Arial, Helvetica, sans-serif; color:#888888;}
#kolumna1 table a {text-decoration:none; color:#888888;}

.formularz input.input_text {width:95%;}
.formularz textarea {width:95%;}

.moduletable {padding:0 0 20px 0; font:normal 11px/normal small-caps Verdana, Arial, Helvetica, sans-serif; color:#888888; text-transform:uppercase;}
.moduletable input {width:95%;}
.moduletable .guzik {width:auto; margin:5px;}
.moduletable label {padding:5px 0; display:block;}