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

body {font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #FFF; background: url(../images/bg.png) top center repeat-y #176cb0}


.browserIE6 body { behavior:url("css/csshover2.htc"); }

#head  img, .nakladka  {behavior: url("css/iepngfix.htc")}


.wrapper { background:url(../images/cien.png)   no-repeat; background-position:center 0px;  min-height:500px}
.home .wrapper {background-position:center 240px;}
.head .belka { background:url(../images/belka_top.png) center; height:36px; }
.belka h1 { font-size:18px; font-style:italic; color:#0a3a82; width:980px; margin:0px auto; padding:8px}

.slider {width:950px; margin:20px auto; text-align:center}

#menu_glowne { height:52px; width:100%; background:url(../images/menu_sprite.png) center top no-repeat; position: static; margin-top:80px; z-index:500; }
.home #menu_glowne { margin-top:-80px; position:absolute}
.browserIE7 #menu_glowne , .browserIE6 #menu_glowne  { position:static}
.menu_ul { width:938px; height:52px; margin:0 auto}
.menu_ul ul li {float:left; height:52px; margin:0} 
.menu_ul ul li a {display:block; float:left; height:52px; width:50px; background:red;  background:url(../images/menu_sprite.png); background-position:0 0; text-indent:-6000px}

.menu_ul ul li.poz_1 a {margin-left:70px; width:135px; background-position:-562px 0 }
.menu_ul ul li.poz_2 a {width:85px; background-position:-697px 0 }
.menu_ul ul li.poz_3 a {width:110px; background-position:-782px 0 }
.menu_ul ul li.poz_4 a {width:105px; background-position:-892px 0 }
.menu_ul ul li.poz_5 a {width:128px; background-position:-997px 0 }
.menu_ul ul li.poz_6 a {width:83px; background-position:-1125px 0 }

.menu_ul ul li.poz_1 a.active {margin-left:70px; width:135px; background-position:-562px -52px }
.menu_ul ul li.poz_2 a.active {width:85px; background-position:-697px  -52px }
.menu_ul ul li.poz_3 a.active {width:110px; background-position:-782px  -52px }
.menu_ul ul li.poz_4 a.active {width:105px; background-position:-892px  -52px }
.menu_ul ul li.poz_5 a.active {width:128px; background-position:-997px  -52px }
.menu_ul ul li.poz_6 a.active {width:83px; background-position:-1125px  -52px }



.menu_ul ul li.poz_1 a:hover {margin-left:70px; width:135px; background-position:-562px -104px }
.menu_ul ul li.poz_2 a:hover {width:85px; background-position:-697px -104px }
.menu_ul ul li.poz_3 a:hover {width:110px; background-position:-782px -104px }
.menu_ul ul li.poz_4 a:hover {width:105px; background-position:-892px -104px }
.menu_ul ul li.poz_5 a:hover {width:128px; background-position:-997px -104px }
.menu_ul ul li.poz_6 a:hover {width:83px; background-position:-1125px -104px }

a.inne_strony { background:url(../images/menu_sprite.png); background-position:-1280px 0;  display:block; float:left; width:150px; height:52px; margin-left:789px; position:absolute; text-indent:-5000px; cursor:pointer}
a.inne_strony:hover { background:url(../images/menu_sprite.png); background-position:-1280px -52px; }
.browserIE7 a.inne_strony, .browserIE6 a.inne_strony { margin-left:72px}

#left .boks1 { height:200px; background:url(../images/box1.png) right top no-repeat; }
#left .boks2 { height:200px; background:url(../images/box2.png) right top no-repeat; }
#left .boks3 { height:200px; background:url(../images/box3.png) right top no-repeat; }

.boksy h2 {font-size:14px; text-transform:uppercase; margin-top:40px; margin-left:10px;}
.boksy h2 span {color:#77bff2; display:block}
.boksy p {line-height:130%; margin:10px}

.boksy a {display: block; width:92px; height:25px; background:url(../images/more_min.png) no-repeat top; text-indent:-3000px; float:right; margin-right:5px}
.boksy a:hover {background:url(../images/more_min.png) no-repeat bottom; }
.boksy {background: url(../images/ciecie.png) bottom no-repeat; overflow:hidden; width:738px}

#left .ostatnie  {background: url(../images/loading.gif) center no-repeat #0D4F8B; margin-bottom:20px; padding-bottom:5px }

.prev, .home .next { width:92px; height:25px; display:inline-block; background:url(../images/slider_control.png); cursor:pointer}
.prev {margin-left:20px}
.prev:hover {background-position:bottom left}
.home .next {background-position: right top; float:right; margin-right:20px} .home .next:hover {background-position: bottom right}
.browserIE7 .home .next, .browserIE6  .home .next  { margin-top:-25px}
.slider_g img { border:3px solid #1a80d0; margin:1px 1px 0 1px}
.slider_g { border:1px solid #1a80d0; margin:5px auto 5px auto; background-position:center; background-repeat:no-repeat}



.ostatnie h4, .dlaczego h4 {font-size:14px; text-transform:uppercase; margin-top:5px; margin-left:20px;}
.dlaczego h4 {margin-left:0}
.ostatnie h4 span {color:#77bff2;}

.dlaczego div {background:url(../images/line_bot.png) bottom  repeat-x; width:195px; padding-bottom:9px; margin-top:9px; float:left}

.dlaczego div p { padding-left:40px;  }
.dlaczego div.l_1 p {background: url(../images/l_1.png)  left no-repeat; background-position:0 -60px}
.dlaczego div.l_2 p {background: url(../images/l_2.png)  left no-repeat; background-position:0 -60px}
.dlaczego div.l_3 p {background: url(../images/l_3.png)  left no-repeat; background-position:0 -60px}
.dlaczego div.l_4 p {background: url(../images/l_4.png)  left no-repeat; background-position:0 -60px}
.dlaczego div.l_5 p {background: url(../images/l_5.png)  left no-repeat; background-position:0 -60px}
.dlaczego div.l_6 p {background: url(../images/l_6.png)  left no-repeat; background-position:0 -60px}
.dlaczego div.l_7 p {background: url(../images/l_7.png)  left no-repeat; background-position:0 -60px}
.dlaczego div.l_8 p {background: url(../images/l_8.png)  left no-repeat; background-position:0 -60px}

.dlaczego div.l_2, .dlaczego div.l_4, .dlaczego div.l_6, .dlaczego div.l_8 {float:right; margin-right:-10px} 

.dlaczego div p:hover { background-position:0 0px}

.jak {position: relative; width:232px; height:443px; background:url(../images/belka_jak.png) no-repeat}



.jak a {cursor:help}
.jak .step1 {display:block; height:100px;  margin-top:62px; float:left; width:100%}
.jak .step2 {display:block; height:120px;  float:left; width:100%}
.jak .step3 {display:block; height:110px; float:left; width:100%}
.jak .step4 {display:block; height:25px;   float:left; width:140px;  margin:10px 0 0 50px; cursor:pointer  }

#foother { background:url(../images/fotther2.png) center no-repeat; height:141px; margin-top:36px; }
.home #foother { background:url(../images/fotther.png) center no-repeat; height:141px; margin-top:20px}

#foother ul {margin-left:375px; padding-top:40px}
.browserIE7 #foother ul, .browserIE6 #foother ul {overflow:hidden;}


.home #foother ul {margin-left:30px; padding-top:0}
#foother ul li {float:left; margin-top:25px; }
#foother ul li a {display: block;  height:20px; margin-left:10px;position:relative; text-indent:-6000px; width:50px;  }
#foother ul li a:hover { background: url(../images/foo_bg2.png) center  no-repeat ;}
#foother ul li.poz_1 a { width:105px}
#foother ul li.poz_3 a { width:70px}
#foother ul li.poz_4 a { width:70px}
#foother ul li.poz_5 a { width:80px}
#foother ul li.poz_6 a { width:60px}
#foother p { position:absolute; width:370px; margin-left:610px; margin-top:32px}
.browserIE7 #foother p { margin-left:580px}
#foother p.miejsce { margin-top:75px}

img.twarz { position:absolute; left:50%; z-index:2; top:0; margin-left:239px}



.submenu_boczne { background:url(../images/submenu.png) top left; min-height:80px; margin-top:20px; position:relative}
.nakladka { background:url(../images/submenu_nakladka.png) top right ; width:229px; height:37px; bottom:0px;  position:absolute;}

.submenu_boczne ul {margin-left:10px;}
.submenu_boczne ul li {margin:2px 0; }
.submenu_boczne ul.level_1 { margin-top:40px; padding-bottom:40px}
#filtrowanie { padding-bottom:40px}

.submenu_boczne ul.level_1 li a {background:url(../images/arrow6.png) left center no-repeat; padding:8px 10px 8px 15px; margin-right:10px; display:block; text-decoration:none;   border-bottom:1px dotted #68a1cb; color:#c0def4 }
.submenu_boczne ul.level_1 li a:hover {background-color: #061f34; color:#FFF ;}
.submenu_boczne ul.level_2 li a  {background:url(../images/arrow5.png) left center no-repeat; }
.submenu_boczne ul.level_3 li a {background:none; padding-left:0px; }
.submenu_boczne ul.level_3 li a:before{
content: " » ";
}



.filter_field_port_cat h3{margin:40px 0 0 10px}
.filter_field_port_cat ul li a, .filter_field_port_cat ul li p {background:url(../images/arrow6.png) left center no-repeat; padding:8px 10px 8px 15px; margin-right:10px; display:block; text-decoration:none;   border-bottom:1px dotted #68a1cb; color:#c0def4 }
.filter_field_port_cat ul li p { color:#FFF}
.filter_field_port_cat ul li a:hover {background-color: #061f34; color:#FFF ;}





#foother div { position:relative}
#foother img { position:absolute; margin-top:-69px; margin-left:80px; left:0}

h2.title { margin-top:20px; font-size:16px; text-transform:uppercase; background:url(../images/line_bot.png) bottom repeat-x; padding-bottom:5px; font-style:italic; color:#94cff5; margin-bottom:10px}

#main p {line-height:130%; text-align:justify; margin:10px 0}
.jasny { color:#f7e81e; font-weight:bold}

.cytat { background:url(../images/cytat.png) no-repeat; padding:5px 30px 0 60px; position:relative; margin-left:7px}
.cytat .bot  { background:url(../images/cytat.png) bottom no-repeat; height:15px; width:716px; position:absolute; margin-top:-10px; left:0}

a.lightbox {}

a.lightbox img {
border:2px solid #1A80D0;
margin:1px 1px 0 1px; 
}

a.lightbox { border:1px solid #1A80D0  !important; display:inline-block}
a.lightbox:hover { border-color:#82bfec  !important}

#main ul { line-height:150%}
#main ul li {background:url(../images/arrow4.png) left top no-repeat; padding-left:15px; background-position:0 6px}

.min { margin-top:-30px !important; position:relative}

.logo { position:absolute; left:50%; margin-left:-480px; margin-top:10px}


.realizacja { margin-bottom:20px; overflow:hidden; background:url(../images/line_bot.png) bottom repeat-x; padding-bottom:15px}
.realizacja a.lightbox  { float:left; margin-right:10px}
.realizacja a.nazwa { color:#f7e81e  !important; font-weight:bold; text-decoration:none; font-size:12px; border:none !important}
.realizacja a.nazwa:hover:after {content: " » ";}
.realizacja p { background: url(../images/line_bot.png) bottom repeat-x;  float:left; padding-bottom:7px; width:309px; margin:7px 0 0 0 !important}
.realizacja p.linki { padding-bottom:9px; background:none; padding-top:10px}
#main .realizacja p.linki a { background:url(../images/maska.png) top left no-repeat #f7e81e; padding:5px; text-decoration:none; color:#0b6db9  !important; font-weight:bold; margin-left:10px; border:1px solid #f7e81e; text-shadow:1px 1px #fcffa1}
#main  .realizacja p.linki a:hover { color:#0b6db9  !important; background:url(../images/maska.png) top left no-repeat #4ab4ff;  border:1px solid #4ab4ff; text-shadow:1px 1px #7ae8ff}

a.zoom { position:absolute; border:none!important; margin:125px 0 0 386px; left:0}
.browserIE .zoom { left:0} 
a.zoom img { border:none !important}

#main { position:relative; z-index:50; font-size:12px }
#main .pagination ul { text-align:center}
#main .pagination ul li {background:none; display:inline}
#main .pagination ul li a { background:none}

#main .pagination ul li { color:#0b6db9; padding-left:2px  }
#main .pagination ul li a, #main .pagination ul li span, .back a { text-decoration:none; padding:3px 7px; color:#0b6db9  !important;  background:url(../images/maska.png) top left no-repeat #f7e81e; border:1px solid #f7e81e; text-shadow:1px 1px #fcffa1; font-weight:bold }
#main .pagination ul li span {color:#0b6db9  !important; background:url(../images/maska.png) top left no-repeat #4ab4ff;  border:1px solid #4ab4ff; text-shadow:1px 1px #7ae8ff}
#main .pagination ul li a:hover, .back a:hover { color:#0b6db9  !important; background:url(../images/maska.png) -1px -1px no-repeat #4ab4ff;  border:1px solid #adddff; text-shadow:1px 1px #7ae8ff }
#main .pagination  p { position:absolute; margin-top:-12px; display:none}
.left { float:left; width:418px}
.left  a { margin-bottom:10px; display:inline-block}

.total { display:none}
 .invisible { display:none}
 
.czcionka { margin-top:20px; font-size:16px; text-transform:uppercase; background:url(../images/line_bot.png) bottom repeat-x; padding-bottom:5px; font-style:italic; color: #FFF; margin-bottom:10px}


td { vertical-align:top}
a.active {font-weight:bold !important;}

#main a { color: #d8f5ff; text-decoration: none;
border: #d8f5ff dotted;
border-width: 0px 0px 1px 0px;}

.dlaczego a  { color: #ffffff; text-decoration: none;}
.dlaczego a:hover  { color: #d8f5ff; }

#kontakt form input { font-size:11px}
#kontakt  input.text, #kontakt  textarea { width:300px; border:1px solid #35b9fc; font-size:11px; padding:3px 5px; font-family:Tahoma, Geneva, sans-serif; color:#666; background:#d5eefc}
#kontakt  input.text:focus, #kontakt  textarea:focus {border:1px solid #f7e81e; color:#000 }
#kontakt form td { padding:5px}

#kontakt form td.col_0 { text-align:right}
p.error { margin-top:0 !important;  font-weight:bold; background:#F00; margin-bottom:1px !important}
.submit_container { text-align:center}