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

body { background:url(../images/background.png) top center no-repeat #000; font-family:Tahoma, Geneva, sans-serif; padding:0px; margin:0px; }
img { border:none; }

#top { width:960px; height:60px; margin:20px auto; }

#top #logo { float:left; }
#top #adresy { float:right; }
#adresy .lok { width:155px; float:left; height:60px; text-align:center; }
#adresy .lok+.lok { padding-left:10px; margin-left:10px; border-left:1px dotted #666; }
#adresy .adr { font-size:11px; color:#fff;  padding-top:3px; }
#adresy .tel { font-size:9px; color:#cdcdcd; padding-top:3px; }
#adresy .otw { font-size:9px; color:#999;  padding-top:3px; }

#menu { width:960px; height:40px; margin:0px auto; background:url(../images/menu.png) center no-repeat; font-size:15px; line-height:40px; font-weight:bold; text-transform:uppercase; font-style:italic; font-family:Arial, Helvetica, sans-serif; }
#menu a { color:#333; text-decoration:none; }
#menu a:hover { color:#666; }
#menu ul { list-style:none; padding:0px; margin:0px; }
#menu li { display:inline; padding:0px; margin:0px; }

#menustrona { float:left; padding-left:10px; }
#menustrona li span { display:block; width:10px; height:40px; float:left; }
#menustrona li.active span { width:20px; }
#menustrona li.active .pre { background:url(../images/mll.png) no-repeat top right; }
#menustrona li.active .post { background:url(../images/mlr.png) no-repeat top left; }
#menustrona li a { display:block; float:left; }
#menustrona li.active a { background:url(../images/mlc.png) repeat-x top; }

#menusklep { float:right; padding-right:10px; }
#menusklep li span { display:block; width:10px; height:40px; float:left; }
#menusklep li.active span { width:20px; }
#menusklep li.active .pre { background:url(../images/mrl.png) no-repeat top right; }
#menusklep li.active .post { background:url(../images/mrr.png) no-repeat top left; }
#menusklep li a { display:block; float:left; }
#menusklep li.active a { background:url(../images/mrc.png) repeat-x top; }
#menusklep li a strong { text-transform:lowercase; color:#09F; }

#szybkiwybor { width:960px; margin:20px auto 20px auto; height:145px; overflow:hidden; }

#szybkiwybor .pozycja { width:145px; height:145px; float:left; margin-left:18px; }
#szybkiwybor .poz1 { margin-left:0px; }
#szybkiwybor .poz1 .widoczna { background:url(../images/wybor-1.png) no-repeat center; }
#szybkiwybor .poz2 .widoczna { background:url(../images/wybor-2.png) no-repeat center; }
#szybkiwybor .poz3 .widoczna { background:url(../images/wybor-3.png) no-repeat center; }
#szybkiwybor .poz4 .widoczna { background:url(../images/wybor-4.png) no-repeat center; }
#szybkiwybor .poz5 .widoczna { background:url(../images/wybor-5.png) no-repeat center; }
#szybkiwybor .poz6 .widoczna { background:url(../images/wybor-6.png) no-repeat center; }
#szybkiwybor .widoczna { width:145px; height:145px; z-index:4; }
#szybkiwybor .ukryta { width:145px; height:145px; background:url(../images/wybor-wybrany.png) no-repeat center; position:relative; margin-top:-145px; z-index:5; visibility:hidden; }
#szybkiwybor .pozycja:hover .widoczna { visibility:hidden;  }
#szybkiwybor .pozycja:hover .ukryta { visibility:visible; cursor:pointer;  }

#szybkiwybor div.pic { text-align:center; padding-top:10px; }
#szybkiwybor div.nazwa { text-align:center; font-size:12px; }
#szybkiwybor .widoczna div.nazwa { color:#000; padding-top:1px; padding-bottom:1px; height:28px; line-height:12px; }
#szybkiwybor .widoczna div.nazwa.sl { padding-top:9px !important; padding-bottom:9px !important; height:12px !important; }
#szybkiwybor .ukryta div.nazwa { color:#333; }
#szybkiwybor div.podpis { text-align:center; }
#szybkiwybor .widoczna div.podpis { padding-top:8px; font-size:11px; }
#szybkiwybor .ukryta div.podpis { font-size:9px; color:#666; padding-top:3px; }
#szybkiwybor strong { color:#933; }

#content { width:100%; border-bottom:2px solid #bfbfbf; border-top:2px solid #fff; background:url(../images/background-content.jpg) top center no-repeat #fff; font-family:Tahoma, Geneva, sans-serif; }
#content .warper { width:960px; margin:20px auto 20px auto; font-size:11px; color:#666; }

#content a { color:#06C; text-decoration:none; }
#content a:hover { color:#09F; text-decoration:underline; }

#content h1 { font-size:13px; padding:0 0 15px 0; margin:0px; color:#000; font-weight:normal; }
#content h2 { font-size:13px; padding:0 0 5px 0; margin:0px; color:#000; font-weight:normal; }
#content p { font-size:11px; color:#666; padding:0px; margin:0px; }
#content p+p, #content ul+p, #content p+ul { padding-top:15px; }
#content ul { padding:0px 0px 0px 25px; margin:0px; }

#content .krotko { float:right; padding-left:20px; margin-left:20px; border-left:1px dotted #aaa; width:295px; }

#content .opis2 { float:right; padding-left:20px; margin-left:20px; border-left:1px dotted #aaa; width:460px; }
#content .opis1 { float:left;   width:440px; }
#content .trzy { float:left;   width:300px; }
#content .kres { padding-left:20px; margin-left:20px; border-left:1px dotted #aaa; width:280px;}
#content .praw {}


.konfigurator p { clear:both; text-align:center; }
.pomoc p { clear:both; text-align:left; }
.konfigurator  span { width:83px; height:81px; padding:8px 5px; margin:5px; border:1px dotted #bbb; background:#fff; line-height:16px; font-size:10px; float:left; cursor:pointer; }
#content .konfigurator  span a {position:absolute; text-align:center; width:78px; text-align:center; color:#666;}
#content .konfigurator  span a:hover {text-decoration:none; color:#666;}
.konfigurator em {font-style:normal; text-align:center; width:83px; background:#fff; position:absolute; margin:53px 0 0 0;}

.konfigurator  span img { padding-bottom:4px; opacity:.5; }
.konfigurator  span:hover { border:1px solid #aaa;}
.konfigurator  span.selected { border:1px solid #09F; color:#06C; font-weight:bold; }
#content .konfigurator  span.selected a, #content .konfigurator  span.selected a:hover{ color:#06C; }

.konfigurator  span.selected img, .konfigurator  span:hover img { opacity:1; }
.konfigurator p.tytul { border-bottom:1px dotted #aaa; padding-bottom:5px !important; }
.konfigurator p.kreska { border-bottom:1px dotted #aaa; padding-bottom:5px !important; }

.konfigurator .produkt { float:left; width:133px; height:133px; padding:7px; margin:5px; border:1px dotted #bbb; cursor:pointer; }
.konfigurator .produkt:hover { border:1px solid #aaa; }
.konfigurator .produkt div { text-align:center; }
.konfigurator .produkt .nazwa { padding-top:5px; color:#333; }
.konfigurator .produkt .cena { font-size:10px; padding-top:3px; }
.konfigurator .produkt .cena strong { color:#933; }
.konfigurator .uwaga { color:#999 !important; font-size:10px !important; }
.konfigurator table { padding:10px 0px 20px 0px; }



#content .bannery { clear:both; padding-top:25px; height:70px; }
#content .bannery div { float:left; }
#content .bannery div+div { margin-left:20px; }

#footer { font-size:9px; color:#444; text-align:center; padding:20px 0px; margin:0px auto 0px auto; width:960px; line-height:15px; }
#footer a { color:#666; text-decoration:none; }
#footer a:hover { text-decoration:underline; }


.konfigurator_produkty .produkt { float:left;   width:460px; margin:0 20px 20px 0; height:190px;}


.produkt { float:left;   width:460px; margin:0 20px 20px 0; height:190px;}
.produkt .pic { float:left;   width:133px; height:133px; padding:7px; margin:0 5px 0 0; border:1px dotted #bbb; cursor:pointer;
background:#fff; opacity:0.7;}
.produkt .pic:hover { border:1px solid #aaa; cursor:pointer; opacity:1;}

.produkt .pic a {text-align:center; padding:10px 0 0 0; display:block; }
.produkt .opis { float:right;   width:300px;}
.produkt .opis  .ikony {padding:0 ; height:20px; clear:both; display:block;}
#content .produkt .opis h3 {margin:5px 0;}
#content .produkt .opis h3 a {color:#666; margin: 0;}
.konfigurator_produkty {font-size:11px; }

.konfigurator_produkty p.tytul {color:#666; padding:20px 0 10px 0; text-align:center; width:100%; 
border-bottom:1px dotted #bbb; margin-bottom:20px;
}

.konfigurator_produkty .produkt { float:left; padding:6px 0 0 0;   width:108px; height:108px;; margin:0 5px 10px 5px;  border:1px dotted #bbb; cursor:pointer; opacity:0.7;}
.konfigurator_produkty .produkt:hover { opacity:1;  border:1px solid #09F; }
.konfigurator_produkty .produkt div { font-size:10px; width:90px;  padding:5px 0; margin:0 auto; text-align: center; background:#fff; }

.konfigurator_produkty .produkt div img {max-width:48px; max-height:48px;}

.konfigurator_produkty .produkt .cena { color:#666; padding:3px 0 ; font-size:10px; }
.konfigurator_produkty .produkt:hover .cena {  color:#06C;}

.konfigurator_produkty p.uwaga {
border-top:1px dotted #bbb; margin:20px 0; width:100%; text-align:center; padding-top:10px;
font-size:11px; color:#ccc;}



#content .warper .mapki {float:left;   width:480px; border-right:1px dotted #aaa; }
#content .warper a.mapka {margin:0 8px 14px 0; display:block; text-align:center; float:left; width:222px; text-decoration:none; border:1px dotted #aaa; cursor:pointer; padding:4px 0 10px 3px; color:#333; }
#content .warper a.mapka:hover {border:1px solid #aaa; background:#fff; }
#content .warper a.mapka img{ padding:1px; border:1px solid #666; opacity:0.6; background:#fff;}
#content .warper a.mapka:hover img{  opacity:1; border:1px solid #aaa;}


.kontakty {float:right; width:460px; color:#333;}
.kontakty input[type=text], .kontakty textarea {width:100%; opacity:0.6; border:1px solid #888;}
.kontakty input[type=text]:hover, .kontakty textarea:hover {opacity:1;}
.kontakty .btn {border:1px solid #666;  color:#111; cursor:pointer; float:left; margin-right:-6px; margin-right:20px;}
.kontakty .btn-r {padding:3px 0 0 5px; display:block; float:left;}
.kontakty .btn:hover {border:1px solid #111;  background:#666; color:#fff;}
.kontakty .tshdr {float:right; color:#111;}
.clear {clear:both;}
.wiecej {width:100%; height:auto;}
.produkt .wiecej {width:800px;}
.produkt .zapytaj a {float:left; margin:10px 0 0 0; background:url(../images/zobacz.png) center top no-repeat; width:150px; height:27px; padding:13px 0 0 0; text-align:center;}
#content .produkt .zapytaj a:hover {background:url(../images/zobacz.png) center bottom no-repeat; text-decoration:none;}
.produkt .zapytaj a {font-weight:bold;}
.produkt .left {float:left; width:150px;}

.pagin {clear:both; width:100%; margin:0; height:40px;}
.pagin .kreska {position:absolute; border-bottom:1px dotted #bbb; height:20px; width:960px; margin-bottom:20px;}
.pagin .nr {text-align:center; position:absolute; margin:13px 0 0 0; width:960px; height:20px;}
.pagin .nr a {background:#fff; padding:2px 5px;; border:solid 1px #aaa;  }
#content .pagin .nr a.act {background:#aaa; color:#fff; padding:2px 5px;; border:solid 1px #aaa;  }


#menu1 { width:960px; height:40px; margin:10px auto; background:url(../images/menu1.png) center no-repeat; font-size:15px; line-height:40px; font-weight:bold; text-transform:uppercase; font-style:italic; font-family:Arial, Helvetica, sans-serif; }

#menu1 a { background:url(../images/butt.png) no-repeat top center; width:160px; margin:0 auto; display:block; height:30px; padding:0  0 10px 0; text-align:center; color:#06C;
font-size:11px; 
}
#menu1 a:hover {text-decoration:none;}

.noskype { display:none; visibility:hidden; }