/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
fieldset {border: 0;}
object {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
/* domyslne wartosci body */
body { line-height: 1em;}
body { background: url(../images/platki.jpg) no-repeat scroll top center #ffffff; font: 0.625em/1.5em Verdana, Tahoma, Arial, sans-serif; color: #5d5d5d;}
.container .tip { color: #fff; background:#88a300; display:none; padding:5px; position:absolute; z-index:1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/* kontener */
.container { width: 968px; margin: 0 auto; background: #FFF; font-size: 1.1em;}
/* wyzerowanie formularza */
form fieldset { border: 0;}
/* wyzerowanie obramowania */
.border { border: 0;}
/* testowe tymczasowe*/
.center { text-align: center;}
.justify { text-align: justify;}
.left { text-align: left; font-size: 1.2em;}
/* linki */
a { text-decoration: none; color: #88A300;}
a:visited {}
a:hover { text-decoration: underline;}
a:active {}
.zielony { color: #88A300;}
.dotpay { font-size: 1.0em; text-align: center; font-weight: normal;}
#side { background: url(../images/tlo_obrazek.jpg) no-repeat top center;}
/* hedear */
#header { margin: 0 0 0 0;}
#header .container { position: relative; height: 120px; background: #FFFFFF url(../images/header_tlo.jpg) 0 0 no-repeat;}
#header h1 { position:absolute; left: 20px; top: 0px; overflow: hidden;}
#header h1 a { display: block; position: relative; width: 352px; height: 91px;}
#header h1 a span { display: block; position: absolute; width: 352px; height: 91px; top: 0; left: 0; background: url(../images/logo.gif) no-repeat; cursor: pointer;}
#header h3 { position: absolute; top: 100px; left: 20px; font-weight: normal;}
#header #header_box { position: absolute; top: 0px; left: 390px; width: 580px; height: 120px;}
#header #header_box #roza { width: 307px; height: 99px; background: url(../images/roza.jpg) no-repeat top left;}
#header #header_box .slideshow { position: absolute; top: 60px; width: 190px; height: 50px; left: 180px;}
#header #header_box .slideshow .slideshow_tekst { display: none; z-index: 3; font: bold 1.3em Verdana, Tahoma, Geneva, sans-serif; color: #e00b04;}
#header #header_box #header_menu { position: absolute; top: 0px; left: 380px; width: 200px; height: 120px; background: url(../images/panel_klienta_linia.gif) no-repeat top left;}
#header #header_box #header_menu #t_koszyk { position: absolute; top: 45px; left: 10px; width: 75px; height: 65px;}
#header #header_box #header_menu #t_koszyk a { display: block; background: url(../images/twoj_koszyk.gif) no-repeat bottom center; width: 85px; height: 65px; font-weight: bold; color: #000;}
#header #header_box #header_menu .zalogowany { position: absolute; top: 35px; left: 10px;}
#header #header_box #header_menu #t_konto { position: absolute; top: 45px; left: 110px; width: 75px; height: 65px;}
#header #header_box #header_menu #t_konto a { display: block; background: url(../images/twoje_konto.gif) no-repeat bottom center; width: 80px; height: 65px; font-weight: bold; color: #000;}
#header #header_box #header_menu #wartosc_koszyka { position: absolute; top: 10px; left: 10px; height: 30px;}
/* menu */
#menu .container { background: url(../images/menu_tlo.png) repeat-x top left; height: 35px; position: relative; border: 1px solid #94a81a;}
#menu .container #menu_glowne { position: absolute; top: 0px; right: 0px; z-index: 2;}
#menu .container #menu_glowne ul.dropdown { position: relative;}
#menu .container #menu_glowne ul.dropdown li { float: left; margin: 0px; border-right: 1px #596e27 solid;}
#menu .container #menu_glowne ul.dropdown a:hover { color: #354000; font-weight:bold;}
#menu .container #menu_glowne ul.dropdown li a { display: block; color: #FFF; font: bold 1.1em Tahoma,Arial,Helvetica,Verdana; padding: 11px 16px; text-decoration: none;}
#menu .container #menu_glowne ul.dropdown li:hover { background: #F2EED5; color: #354000; position: relative; }
#menu .container #menu_glowne ul.dropdown li.strza { background: url(../images/menu_strza.png) no-repeat 10% 7%; padding: 0 20px;}
#menu .container #menu_glowne ul.dropdown li.strza:hover { background-position: 10% -35px;}
#menu .container #menu_glowne ul.dropdown li.hover a { color: #354000;}
#menu .container #menu_glowne ul.dropdown li.hover ul li a { color: #354000; padding: 7px 10px; font: normal 1em verdana, tahoma, arial, sans-serif; }
#menu .container #menu_glowne ul.dropdown li.last { border-right: 0 #FFF solid;}
#szukaj { padding: 7px 30px;}
#szukaj input { border: 1px #596e27 solid;}
#szukaj input.button { background: url(../images/szukaj.png) no-repeat top left; width: 61px; height: 22px; border: 0px #666 solid;}
#prawa input.add { background: url(../images/add.gif) no-repeat top left; width: 162px; height: 36px; border: 0px #666 solid;}
/*
LEVEL TWO
*/
#menu .container #menu_glowne ul.dropdown ul { width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; }
#menu .container #menu_glowne ul.dropdown ul li { background: #F2EED5; color: #000; border-bottom: 1px solid #c9de56; float: none; border-right: 0px #596e27 solid; }
#menu .container #menu_glowne ul.dropdown ul li:hover { background: #FFF;}
/* IE 6 & 7 Needs Inline Block */
#menu .container #menu_glowne ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }
/*
LEVEL THREE
*/
#menu .container #menu_glowne ul.dropdown ul ul { left: 100%; top: 0; }
#menu .container #menu_glowne ul.dropdown li:hover > ul { visibility: visible; }
/* content */
#content .container { overflow: hidden; width: 968px;}
#content .container #box_nawigacja { position: relative; margin-top: 10px; margin-bottom: 30px; z-index: 1;}
#content .container #box_nawigacja #jestes_tu { position: absolute; left: 5px;}
#content .container #box_nawigacja #jestes_tu a { padding: 0 5px;}
#jestes_tu a#home { color: #e00b04;}
#jestes_tu a { color: #5d5d5d;}
#content .container #box_nawigacja #imieniny { position: absolute; right: 5px;}
#content .container #lewa h3 { background: url(../images/kwiatek.gif) no-repeat 5px 3px #f2eed7; color: #666; padding: 8px 5px 8px 30px; text-transform: capitalize; font: bold 1.3em Tahoma,Arial,Helvetica,Verdana;}
#content .container #lewa { float: left; width: 200px; margin: 5px 0px;}
#content .container #lewa p { padding: 2px 15px;}
#content .container #lewa .box_kontakt span { position: relative; background: url(../images/pani_kontakt.png) bottom right no-repeat; width: 117px; height: 102px; display: block; padding-left: 80px;}
#content .container #lewa .box_kontakt span a.wiecej_kontakt { position: absolute; top: 40px; left: 20px;}
#content .container #lewa .box_info { overflow: hidden; padding: 5px 0; font: bold 1.2em Tahoma,Arial,Helvetica,Verdana; border-bottom: 1px #ccc solid;}
#content .container #lewa .box_info .box_info_prawa { float: right;}
#content .container #lewa .box_info .box_info_prawa a { width: 125px; display: block; padding: 5px 0; font-size: 1.0em;}
#content .container #lewa .box_info .ico_zdjecie { background: url(../images/ico_ramka.png) no-repeat top left; width: 60px; height: 50px;}
#content .container #lewa .box_info .ico_pieniadze { background: url(../images/ico_pieniadze.png) no-repeat top left; width: 60px; height: 50px;}
#content .container #lewa .box_info .ico_roze { background: url(../images/ico_roze.png) no-repeat top left; width: 60px; height: 50px;}
#content .container #lewa .box_info .box_info_lewa { float: left; width: 60px; margin-left: 5px;}
#content .container #lewa .box_info
#content .container #prawa h3 a { text-decoration: none;}
#content .container #prawa h4 { margin-top: 8px;}
#content .container #prawa h4 a { font-weight: bold; color: #88A300; padding-top: 20px;}
#content .container #prawa .nav { background: url(../images/nav_gradient.png) repeat-x top left; text-transform: capitalize; margin-bottom: 10px; border: 1px #dddddd solid;}
#content .container #prawa h5 { padding: 8px 0 10px 0px; border-bottom: 1px #e8e8e8 solid; text-transform: capitalize; font: bold 1.3em Tahoma,Arial,Helvetica,Verdana;}
#content .container #lewa div { background: #f2eed5; padding: 0px 0;}
#content .container #lewa ul { margin-left: 25px; padding: 5px 0 10px 0px; list-style: url(../images/strzalka_oferta.gif);}
#content .container #lewa ul li { padding: 6px 0px; border-bottom: 1px #a4a5a6 dashed;}
#content .container #lewa a { color: #000000; display: block; font-size: 1.1em;}
#content .container #lewa a:hover { color: #e00b04; text-decoration: none;}
#content .container #prawa { float: right; width: 745px; margin: 0 5px 0 0;}
/* platnosci */
#platnosci .container .platnosci { background: url(../images/dot.jpg) 0 0 no-repeat; height: 91px; text-align: center;}
/* lista produktów */
#lista-produktow, #zamowienie { width: 745px; margin: 0; padding: 5px 0;}
.wiecej a { float: right; display: block; background: url(../images/wiecej.gif) no-repeat top left; height: 20px; width: 55px; margin: 10px 25px 0 0; color: #FFF; font-weight: bold; padding-top: 2px;}
.wiecej_glowna a { float: right; display: block; background: url(../images/wiecej.gif) no-repeat top left; height: 20px; width: 55px; margin: 0px 25px 0 0; color: #FFF; font-weight: bold; padding-top: 2px;}
#lista-produktow .wiecej_small a { float: right; display: block; background: url(../images/wiecej.gif) no-repeat top left; height: 20px; width: 55px; margin: 10px 0px 0 0; color: #FFF; font-weight: bold; padding-top: 2px;}
#lista-produktow .produkt { text-align: center; overflow: hidden;}
#lista-produktow ul { margin-top: 0px;}
#lista-produktow ul { overflow: hidden;}
#lista-produktow ul li { float: left; padding: 0 6px; border-right: 1px #e8e8e8 solid; margin: 20px 0;}
#lista-produktow .cena { float: left; margin: 12px 0 0 10px; width: 100px; font-weight: bold;}
#lista-produktow .cena strong { color: #000;}
/* powrot */
#powrot { margin: 5px 0; overflow: hidden; border-top: 1px #e8e8e8 solid;}
#powrot .back { float:left; padding: 8px 5px 5px 10px;}
#powrot .home { float: right; padding: 8px 20px 5px 10px;}
#powrot a { color: #5d5d5d;}
/* produkt */
#lista-produktow #produkt { width: 745px; overflow: hidden;}
#lista-produktow #produkt .produkt_lewa { width: 280px; float: left; padding: 0 8px 0 0;}
#lista-produktow #produkt .produkt_lewa .opis { margin-top: 190px;}
#lista-produktow #produkt .produkt_prawa { width: 430px; float: right;}
#lista-produktow #produkt .produkt_prawa .tytul_produkt, .wazne_informacje { font-size: 1.2em; text-align: center; padding: 5px 0;}
/* footer */
#footer .container { background: #f2eed5; width: 948px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; overflow: hidden; padding: 5px 10px; margin-top: 10px;}
#footer .container a { color: #000;}
#footer .container .footer-box { float: left; width: 187px; padding: 0 10px; border-right: 1px #d3d3d3 solid; height: 170px;}
#footer .container .container .footer-box #seo { margin-top: 0px; text-align: center;}
#footer .container .footer-pomoc { float: left; width: 300px; padding: 0 10px;}
#footer .container .copyright { color: #626061; float: left;}
#footer .copyright a { color: #626061;}
#footer .container .websim { color: #626061; font-weight: bold; float: right;}
#footer .container .websim a { color: #626061;}
#footer .container h3.naglowek { color: #666; padding: 8px 0px 8px 0px; text-transform: capitalize; font: bold 1.3em Tahoma,Arial,Helvetica,Verdana;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5 { display: inline; padding: 4px 0; font-weight: normal; text-decoration: none;}
/*koszyk na zakupy*/
#koszyk { width: 745px; margin: 0 auto;}
#koszyk a { color: #88A300;}
#koszyk table { width: 100%; margin-top: 5px;}
.koszyk-kolor { background: #f5f5f5; margin: 20px; font-size: 1.2em; border: 1px #ccc solid;}
.koszyk-foto { width: 100px; text-align: center; padding: 5px;}
.koszyk-produkt { width: 220px; text-align: left;}
.koszyk-cena { width: 80px;}
.koszyk-ilosc { width: 130px;}
.koszyk-wartosc { width: 100px;}
.koszyk-usun { width: 60px; text-align: center;}
#koszyk #koszyk-transport { margin: 5px 0; overflow: hidden;}
.suma { padding: 2px; font-size: 1.2em; background: #f5f5f5; border: 1px solid #ccc; font-weight: bold; text-align: center;}
.suma input { width: 40px; font-size: 1.2em; }
/*.koszt_dostawy { padding: 5px; background: #f5f5f5; border: 1px solid #ccc; font-weight: bold; text-align: center;}*/
.akceptuje_regulamin { margin-top: 5px; padding: 3px; background-color: #f5f5f5; border: 1px solid #ccc; text-align: center;}
#koszyk input.krotkie{ width: 30px; text-align: center; border: 1px solid #999; padding: 1px;}
#koszyk input.mini { width: 15px; text-align: center; border: 1px solid #999; padding: 1px;}
/*.koszyk_dostawy { padding: 5px; font-size: 1.3em; font-weight: bold; background: #f5f5f5; border: 1px solid #ccc;}*/
#koszyk_transport_lewa, #koszyk_transport_prawa { width: 340px; float: left;}
/* formularz zamowien */
.tytul, .tytul_maly { padding: 5px; background: url(../images/nav_gradient.png) repeat-x bottom left; font-size: 1.2em; border: 1px solid #ccc; font-weight: bold; margin-bottom: 10px;}
.dane { clear: both; overflow: hidden;}
.data { clear: both;}
.box-zam { overflow: hidden; border-bottom: 1px solid #eee; clear: both; padding: 2px 0;}
.box-zam_akcja { overflow: hidden; background: url(../images/nav_gradient.png) repeat-x bottom left; border: 1px solid #ddd; clear: both; padding: 2px 0; margin-bottom: 2px;}
.box-zam .b_1 { float: left; width: 220px; margin: 6px 4px 6px 0; text-align: right;}
.box-zam .b_2 { float: left; width: 430px; margin: 3px 0;}
.box-zam .b_4 { float: left; width: 46px;}
.box-zam .b_2 input { width: 200px; border: 1px solid #999; padding: 2px;}
.box-zam .b_2 input.krotkie { width: 30px; text-align:center;}
.box-zam .b_2 textarea { width: 230px; border: 1px solid #999; padding: 2px;}
#polec-znajomemu input { width: 200px; border: 1px solid #999; padding: 2px;}
#prawa input.button { background: none repeat scroll 0 0 #88A300; border: medium none; color: #FFFFFF; cursor: pointer; font-weight: bold; overflow: visible; padding: 3px 5px; width: auto; width: 110px; font-size: 1em;}
.dane .box-zam input:focus { background: #f1f1f1; border: 1px solid #000;}
.wybor_1 { float: left; width: 20px; margin-left: 10px; padding: 2px 0;}
.wybor_2 { float: left; width: 400px; margin: 0px 2px; padding: 2px 0;}
.box-zam .b_2 input.pole_daty { height: 18px; width: 80px; border: 1px solid #999; padding: 2px;}
.box-zam .b_2 input.submit { height: 24px; width: 60px;}
.box-zam-pola { overflow: hidden; border-bottom: 1px solid #E8E8E8; clear: both;}
.box-zam-pola .b_1 { width: 200px; float: left; padding: 4px;}
.box-zam-pola .b_2 { width: 200px; float: left; padding: 4px;}
.box-zam-pola .b_3 { width: 200px; float: left; padding: 4px;}
.box-zam .b_2 input.registerButton { width: 98px; height: 22px;}
/* platnosci */
#zamowienie { overflow: hidden;}
#zamowienie .zam_lewa { width: 347px; float: left;}
#zamowienie .zam_prawa { width: 347px; float: right;}
#zamowienie p { padding: 3px;}
#zamowienie .platnosc { width: 743px; border: 1px solid #CCC; margin-bottom: 15px; overflow: hidden;}
.box_platnosci { width: 175px; margin: 0 auto; float: left; text-align: center;}
.box_platnosci_duze { margin: 0 auto; float: left; padding: 2px;}
.box_platnosci_karta { margin: 0 auto; float: left; text-align: center;}
.box_platnosci .radio { text-align: center; padding: 2px 0; margin-top: 2px; height: 28px;}
.box_platnosci .logo { text-align: center; margin: 2px 0; height: 51px;}
.box_platnosci .konto { text-align: left; margin: 2px 0; width: 400px;}
#zamowienie .platnosc .opis_platnosci { padding: 5px; background: #f5f5f5; font-size: 1em; border-bottom: 1px solid #CCC;}
#zamowienie #regulamin .box_tytul { padding: 1px; background-color: #eee; border: 1px solid #CCC;}
#panel_klienta a { color: #88A300;}
#panel_klienta a:hover { text-decoration: underline;}
.box-zam .b_1_suma { float: left; width: 125px; margin: 3px;}
.box-zam .b_2_suma { float: left; width: 210px; margin: 3px;}
.box-zam .b_5 { float: left; width: 320px; margin: 5px; font-size: 1.0em;}
.box-zam .b_2_big { float: left; width: 240px; margin: 8px; font-size: 1.2em; font-weight: bold; text-align: right;}
.box-zam .b_3_big { float: left; width: 100px; margin: 8px; font-size: 1.2em; font-weight: bold; text-align: right;}
.box_konto { width: 400px; padding: 5px;}
#zamowienie #regulamin p { padding: 2px;}
#zamowienie #regulamin p.regulamin { padding: 15px 0;}
/*.dodatki { padding: 5px; background: #f5f5f5; font-size: 1.3em; border: 1px solid #CCC; font-weight: bold;}*/
/* walidacja */
.box-zam .b_2 input.error { border: 1px solid red; }
label.error { padding-left: 16px; margin-left: .3em; color: #e00b04; font-weight: bold;}
label.valid { display: block; width: 16px; height: 16px; }
.blad { padding: 10px; border: 1px #F00 solid; text-align: center; margin-bottom: 10px;}
.ok { padding: 10px; border: 1px #12b00a solid; text-align: center; margin-bottom: 10px;}
/*.maly_tytul { background-color: #5d5d5d; color: #FFFFFF; padding: 4px;}*/
/* lista zamowien */
.lista_zamowien { width: 680px; padding: 5px; overflow: hidden; border-bottom: 1px solid #EEEEEE}
.lista_zamowien .z_1 { width: 150px; float: left; text-align: center;}
.lista_zamowien .z_2 { width: 150px; float: left; text-align: center;}
.lista_zamowien .z_3 { width: 100px; float: left; text-align: center;}
.lista_zamowien .z_4 { width: 100px; float: left; text-align: center;}
.lista_zamowien .z_4 { width: 200px; float: left; text-align: center;}
.opinie_b_1 { width: 150px; padding: 5px;}
.opinie_b_2 { padding: 5px;}
.opinie_podpis { float: right; width: 200px; padding: 5px;}
/*box polecamy*/
.okienko {
width:650px;
height:320px;
border:Solid 1px #ccc;
margin: 0 auto;
}
.okienko IMG {
border:0px;
}
.nawigacja {
background:#17739e;
color:#fff;
display:block;
text-align:center;
}
.nawigacja a {
text-decoration:none;
color:#fff;
font-family:Tahoma;
font-size:10pt;
font-weight:bold;
padding-left:3px;
padding-right:3px;
}
.nawigacja a:hover {
background:#fff;
color: #000;
}
.red {
background: #a7c828;
}
/*glowna tekst*/
.glowna_tekst p {
padding: 5px;
}
#box_glowna { margin: 10px 10px; border: 1px #e8e8e8 solid; overflow: hidden;}
#box_glowna h3 { padding: 5px; text-transform: capitalize; font: bold 1.2em Tahoma,Arial,Helvetica,Verdana;}
#box_glowna p { padding: 5px 10px;}
#box_glowna #podziekowania { float: left; width: 460px;}
#box_glowna #prezenty { float: right; width: 240px;}
/* lavalamp */
.lavaLamp {
position: relative;
height: 29px; width: 421px;
background: url("../image/bg.gif") no-repeat top;
padding: 15px; margin: 10px 0;
overflow: hidden;
}
/* Force the list to flow horizontally */
.lavaLamp li {
float: left;
list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
background: url("../image/lava.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
.lavaLamp li.back .left {
background: url("../image/lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
position: relative; overflow: hidden;
text-decoration: none;
text-transform: uppercase;
font: bold 14px arial;
color: #fff; outline: none;
text-align: center;
height: 30px; top: 7px;
z-index: 10; letter-spacing: 0;
float: left; display: block;
margin: auto 10px;
}
.step span {
float: right;
font-weight: bold;
padding-right: 0.8em;
}
/* baner */
#banner { height: 290px; }
#banner .panel { position: relative;}
#banner .panel ul { padding: 0px 10px;}
#banner .panel li { float: left; display: block; width: 340px; text-align: center;}
#banner .panel .opis { position: absolute; font-size: 2.4em; top: 80px; left: 70px; text-align: center; line-height: 1.2em;}
#banner .panel .okazja { position: absolute; font-size: 2.6em; top: 140px; left: 80px;}
/* Most common stuff you'll need to change */
.coda-slider-wrapper { padding: 20px 0 }
.coda-slider { background: #FFF }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 290px; overflow: auto !important; padding-right: 20px }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 715px; height: 290px;}
.coda-slider { margin: 0px 10px;}
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 715px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
/* Arrow styling */
.coda-nav-left, .coda-nav-right { position: absolute; z-index: 2; margin-top: 105px; }
.coda-nav-right { margin-left: 670px; }
.coda-nav-left a, .coda-nav-right a { color: #fff; padding: 5px; width: 33px }
/* Tab nav */
.coda-nav ul li a.current { background: url('../images/slider-dot-current.png'); }
/* Panel padding */
.coda-slider .panel-wrapper { padding: 20px }
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav { width: 715px; height: 22px; position: absolute; z-index: 2; margin-top: 270px; background: url('../images/line-banner.png') repeat-x; }
.coda-nav ul { clear: both; display: block; margin: auto; }
.coda-nav ul li { display: inline-block }
.coda-nav ul li a { display: block; width: 11px; height: 11px; background: url('../images/slider-dot.png'); margin-top: 7px; }
.coda-nav-pause { position: absolute; z-index: 2; margin-top: 10px; margin-left: 700px; }
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: absolute }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
img { border: 0px #FFF solid;}
/* TESTY */
#lista-produktow #produkt .produkt_prawa .box {width: 425px; margin: 0px auto;}
#lista-produktow #produkt .produkt_prawa ul.tabs {
margin: 0;
padding: 0;
float: left;
height: 31px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 100%;
}
#lista-produktow #produkt .produkt_prawa ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 30px;
line-height: 30px;
border: 1px solid #ccc;
border-left: none;
margin-bottom: -1px;
background: #f5f5f5;
overflow: hidden;
position: relative;
}
#lista-produktow #produkt .produkt_prawa ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
padding: 0 20px;
border: 1px solid #fff;
outline: none;
}
#lista-produktow #produkt .produkt_prawa ul.tabs li a:hover {
background: #e6e6e6;
}
#lista-produktow #produkt .produkt_prawa html ul.tabs li.active, html ul.tabs li.active a:hover {
background: #fff;
border-bottom: 1px solid #fff;
}
#lista-produktow #produkt .produkt_prawa .tab_container {
border: 1px solid #ccc;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #fff;
}
#lista-produktow #produkt .produkt_prawa .tab_content {
padding: 10px;
}
#lista-produktow #produkt .produkt_prawa .tab_content h4 {
font-weight: normal;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
font-size: 1.6em;
}
#lista-produktow #produkt .produkt_prawa .tab_content #dostawa_produktu {
float: left;
margin: 0;
padding: 0px;
}
#lista-produktow #produkt .produkt_prawa .tab_content p { padding: 5px;}
#lista-produktow #produkt .produkt_prawa .tab_content #dostawa_produktu #lista-produktow #produkt .produkt_prawa #nazwa_produktu { font-size: 1.3em; font-weight: bold; padding: 5px; border-bottom: 1px solid #CCC;}
#lista-produktow #produkt .produkt_prawa #dostawa_produktu { width: 219px; float: left;}
#lista-produktow #produkt .produkt_prawa #dostawa_produktu ul {}
#lista-produktow #produkt .produkt_prawa #dostawa_produktu ul li { padding: 3px; margin: 0px; border-right: 0px #000 solid;}
#lista-produktow #produkt .produkt_prawa #informacje_produktu { width: 180px; float: right; border-left: 1px dashed #CCC;}
#lista-produktow #produkt .produkt_prawa #informacje_produktu ul {}
#lista-produktow #produkt .produkt_prawa .box .tab_container #informacje_produktu ul li { padding: 3px; margin: 0px; border-right: 0px #000 solid;}
#lista-produktow #produkt .produkt_prawa #cena { margin: 10px 0 0 0; font-size: 1.3em; text-align: center;}
#lista-produktow #produkt .produkt_prawa #cena strong { color: #000000;}
#lista-produktow #produkt .produkt_prawa #dodaj_do_koszyka { margin: 14px 0 0 0; text-align: center;}
/* stronnicowanie */
.nav { overflow: hidden;}
.nav .stronicowanie { margin: 5px 10px 5px 10px; width: 270px; float: right;}
.nav .stronicowanie a { padding: 3px 6px 3px; margin: 0px 2px;}
.nav .stronicowanie a.nastepna { color: #000; margin: 0 10px;}
.nav .stronicowanie a.poprzednia { color: #000; margin: 0 10px 0 5px;}
.nav .stronicowanie a.liczba { background: #666666; color: #FFF;}
.nav .stronicowanie a.liczba_akt { background: #88A300; color: #FFF;}
.nav .stronnicowanie_all { display: block; margin-left: 10px; width: 200px; float: left; padding: 4px 0px;}
.nav .stronnicowanie_all a { color: #88A300;}
.box-zam .nazwa { width: 130px; float: left; padding: 4px;}
.box-zam .pole_input { width: 200px; float: left; padding: 4px;}