/* lista produktow */
.listaproduktow { }
.listaproduktow .opis p { padding-bottom: 20px; }
.listaproduktow .wstep { padding: 15px; }
.listaproduktow .wstep .lewo { float: left; width: 0px;}
.listaproduktow .wstep .zdjecie { width: 80px; height: 80px; overflow: hidden; background-color: #ffffff; border: 1px solid #353535; }
.listaproduktow .wstep .zdjecie .zdjecieWew { text-align:center; width: 160px; margin-left: -40px; height: 80px; background-color: #ffffff; }
.listaproduktow .wstep .zdjecie .zdjecieWew img { }
.listaproduktow .wstep .prawo { float: left; width: 550px;}
.listaproduktow .wstep .prawo .linia1 {  }
.listaproduktow .wstep .prawo .linia1 .l1lewo { float: left; }
.listaproduktow .wstep .prawo .linia1 .l1lewo .trailer { padding: 1px 0px 0px 0px;  }
.listaproduktow .wstep .prawo .linia1 .l1prawo { float: right; }
.listaproduktow .wstep .prawo .linia2 { padding-top: 5px; }
.listaproduktow .wstep .prawo .linia2 h1 { font-size: 30px; margin-left: -1px; }
.listaproduktow .wstep .prawo .linia3 { padding-top: 6px; font-size: 13px;}
.listaproduktow .wstep .prawo .linia3 .s1 { color: #fffc03; font-weight: bold;}
.listaproduktow .wstep .prawo .linia3 .s2 { color: #858585; font-size: 11px; padding-left: 5px;}
.listaproduktow .wstep2 { height: 25px; }
.listaproduktow .wstep2 .lewo { float: left; color: #666666; font-size: 14px; padding-top: 2px;}
.listaproduktow .wstep2 .lewo span.ilosc { color: #ffffff; }
.listaproduktow .wstep2 .prawo { float: right; }
.listaproduktow .hr { border-top: 1px solid #555555; margin: 5px 0px 5px 0px; }
.listaproduktow .lista { padding-bottom: 15px; }
.listaproduktow .lista .separator { float: left; height: 92px; border-left: 1px solid #555555; margin-left: 10px; padding-right: 10px; margin-top: 7px; }
.listaproduktow .lista .element { float: left; width: 290px; padding: 10px 0px 10px 0px; }
.listaproduktow .lista .element .lewo { float: left; }
.listaproduktow .lista .element .lewo .zdjecie { border: 1px solid #353535; width: 85px; height: 85px; overflow: hidden; text-align:center; background-color: #ffffff; }
.listaproduktow .lista .element .lewo .zdjecie a { display: block; position: absolute; z-index: 2; width: 85px; height: 85px; }
.listaproduktow .lista .element .lewo .zdjecie img {  }
.listaproduktow .lista .element .prawo { float: right; width: 190px; }
.listaproduktow .lista .element .prawo .t1 { height: 66px; margin-top: -3px; }
.listaproduktow .lista .element .prawo h3 {  }
.listaproduktow .lista .element .prawo h3 a { font-size: 16px; }
.listaproduktow .lista .element .prawo .btnZobaczSzczegoly {  }
.listaproduktow .lista .element .prawo .cena { padding-top: 4px; }
.listaproduktow .lista .element .prawo .cena span.maly { font-size: 11px; color: #838383; }
.listaproduktow .lista .element .prawo .cena span.liczba { font-size: 15px; }
.listaproduktow .lista .element .prawo .cena span.waluta { font-size: 11px; padding-left: 2px; }

.listaproduktow .lista .element2 { width: 580px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #444444;}
.listaproduktow .lista .element2 .lewo { float: left; }
.listaproduktow .lista .element2 .lewo .zdjecie { border: 1px solid #353535; width: 150px; height: 150px; overflow: hidden; text-align:center; background-color: #ffffff; }
.listaproduktow .lista .element2 .lewo .zdjecie a { display: block; position: absolute; z-index: 2; width: 150px; height: 150px; }
.listaproduktow .lista .element2 .lewo .zdjecie img {  }
.listaproduktow .lista .element2 .prawo { float: right; width: 390px; }
.listaproduktow .lista .element2 .prawo .t1 { height: 130px; margin-top: -3px; }
.listaproduktow .lista .element2 .prawo h3 {  }
.listaproduktow .lista .element2 .prawo h3 a { font-size: 17px; }
.listaproduktow .lista .element2 .prawo .btnZobaczSzczegoly2 {  float: left; width: 150px; }
.listaproduktow .lista .element2 .prawo .opis { padding-top: 6px; }
.listaproduktow .lista .element2 .prawo .cena { padding-top: 3px; float: left;}
.listaproduktow .lista .element2 .prawo .cena span.maly { font-size: 11px; color: #838383; }
.listaproduktow .lista .element2 .prawo .cena span.liczba { font-size: 15px; }
.listaproduktow .lista .element2 .prawo .cena span.waluta { font-size: 11px; padding-left: 2px; }

.lewoFiltracja {}
.lewoFiltracja h2 { padding: 7px 15px 7px 15px; color: #ffffff; font-size: 17px; }
.lewoFiltracja p.info { color: #ffffff; padding: 0px 0px 10px 0px; font-size: 12px; }
.lewoFiltracja .hr { border-top: 1px solid #555555; margin: 5px 0px 5px 0px; }
.lewoFiltracja .hr2 { border-top: 1px solid #555555; margin: 15px 0px 5px 0px; }
.lewoFiltracja h3 { padding: 10px 0px 10px 0px; font-size: 16px; color: #14bf10;}
.lewoFiltracja ul { margin-left: 20px; }
.lewoFiltracja ul li { padding: 9px 0px 1px 0px; }
.lewoFiltracja ul li a { display: block; height: 17px; padding: 0px 0px 0px 30px; font-size: 14px; color: #ffffff; font-weight: bold; background: url(../gfx/chk1.gif) no-repeat 0px 0px;}
.lewoFiltracja ul li a:hover { color: #fffc03;}
.lewoFiltracja ul li.wszystkie { padding-bottom: 10px; padding-top: 5px;}
.lewoFiltracja ul li.wszystkie a { color: #14bf10;}
.lewoFiltracja ul li.wszystkie a:hover { color: #fffc03;}
.lewoFiltracja ul li.pozostale { padding-top: 10px; }
.lewoFiltracja ul li a.wybrane { background: url(../gfx/chk2.gif) no-repeat 0px 0px; }
.lewoFiltracja ul li.dziecko { padding: 1px 0px 2px 0px; }
.lewoFiltracja ul li.dziecko a { display: block; height: 13px; padding: 2px 0px 0px 40px; font-size: 11px; color: #ffff80; font-weight: bold; background: url(../gfx/chk1_2.gif) no-repeat 15px 2px;}
.lewoFiltracja ul li.dziecko a:hover { color: #fffc03;}
.lewoFiltracja ul li.dziecko a.wybrane { background: url(../gfx/chk2_2.gif) no-repeat 15px 2px; }
.lewoFiltracja .zestawy {padding-bottom: 15px;}
.lewoFiltracja .rodzaje {padding-top: 10px;}

.listaproduktow2 .wstep3 { padding: 15px; }
.listaproduktow2 .wstep3 .lewo { float: left; }
.listaproduktow2 .wstep3 .prawo { float: left; }
.listaproduktow2 .wstep3 .prawo .linia1 {  }
.listaproduktow2 .wstep3 .prawo .linia1 .trailer { padding: 1px 0px 0px 0px;  }
.listaproduktow2 .wstep3 .prawo .linia2 { padding-top: 5px; }
.listaproduktow2 .wstep3 .prawo .linia2 h1 { font-size: 32px; margin-left: -1px; }
.listaproduktow2 .wstep3 .prawo .linia3 { padding-top: 6px; font-size: 13px;}
.listaproduktow2 .wstep3 .prawo .linia3 .s1 { color: #fffc03; font-weight: bold;}
.listaproduktow2 .wstep3 .prawo .linia3 .s2 { color: #858585; font-size: 11px; padding-left: 5px;}
.listaproduktow2 .wstep3 .prawo .linia3 .opis {}
.listaproduktow2 .wstep3 .prawo .linia3 .opis p.t1 { font-size: 14px; color: #FFFC03; }
.listaproduktow2 .wstep3 .prawo .linia3 .opis p.t2 { margin-bottom: 8px; }

.listaproduktow2 {  }
.listaproduktow2 .tytul { padding: 15px; }
.listaproduktow2 .tytulLewo { float: left; }
.listaproduktow2 .tytulPrawo { float: right; padding-top: 3px; }
.listaproduktow2 p.t1 { font-size: 24px; }
.listaproduktow2 .dol { padding: 15px; }
.listaproduktow2 .dolLewo { float: left; }
.listaproduktow2 .dolPrawo { float: right; padding-top: 3px; }
.listaproduktow2 .lista {}
.listaproduktow2 .lista .separator { float: left; width: 1px; height: 265px; border-left: 1px solid #424242; }
.listaproduktow2 .lista .element3 { float: left; width: 245px; height: 255px; overflow: hidden; padding: 10px 0px 10px 0px; margin: 0px 25px 10px 25px; border-bottom: 1px solid #424242; }
.listaproduktow2 .lista .element3 h3 { height: 20px; overflow: hidden; }
.listaproduktow2 .lista .element3 h3 a { font-size: 16px; font-weight: bold; }
.listaproduktow2 .lista .element3 .cena { font-size: 15px; font-weight: bold; }
.listaproduktow2 .lista .element3 .cena .liczba {}
.listaproduktow2 .lista .element3 .cena .liczba .waluta { font-size: 12px; }
.listaproduktow2 .lista .element3 .cena .maly { color: #828181; font-size: 12px; }
.listaproduktow2 .lista .element3 .lewo { float: left;  padding-top: 18px; }
.listaproduktow2 .lista .element3 .lewo .zdjecie { border: 1px solid #353535; width: 150px; height: 150px; overflow: hidden; text-align:center; background-color: #ffffff; }
.listaproduktow2 .lista .element3 .lewo .zdjecie a { display: block; position: absolute; z-index: 2; width: 150px; height: 150px; }
.listaproduktow2 .lista .element3 .lewo .zdjecie img {}
.listaproduktow2 .lista .element3 .prawo { float: left; padding-top: 10px; padding-left: 10px; height: 170px; }
.listaproduktow2 .lista .element3 .prawo .zdjecie { border: 1px solid #353535; width: 80px; height: 80px; overflow: hidden; text-align: center; background-color: #ffffff; margin-bottom: 3px; }
.listaproduktow2 .lista .element3 .prawo .zdjecie a { display: block; position: absolute; z-index: 2; width: 80px; height: 80px; }
.listaproduktow2 .lista .element3 .prawo .zdjecie img {}
.listaproduktow2 .lista .element3 .przyciski { padding-top: 10px; }
.listaproduktow2 .lista .element3 .przyciski .btnZobaczSzczegoly { float: left; }
.listaproduktow2 .lista .element3 .przyciski .btnZobaczOpis { float: right; }
.listaproduktow2 .polecane {}
.listaproduktow2 .polecane .info { color: #3cd805; font-size: 17px; }
.listaproduktow2 .hr { border-top: 1px solid #444444; margin: 10px 0px 10px 0px; }
.listaproduktow2 .polecane .element { }
.listaproduktow2 .polecane .element .lewo { float: left; width: 390px; height: 80px; }
.listaproduktow2 .polecane .element .lewo .zdjecie { float: left; margin-right: 10px; }
.listaproduktow2 .polecane .element .srodek { padding-top: 10px; float: left; width: 340px; height: 70px; }
.listaproduktow2 .polecane .element .srodek h3 { }
.listaproduktow2 .polecane .element .srodek h3 a { font-size: 22px; }
.listaproduktow2 .polecane .element .srodek .cena { font-size: 17px; font-weight: bold; }
.listaproduktow2 .polecane .element .srodek .cena .liczba {}
.listaproduktow2 .polecane .element .srodek .cena .liczba .waluta { font-size: 14px; }
.listaproduktow2 .polecane .element .srodek .cena .maly { color: #828181; font-size: 14px; }
.listaproduktow2 .polecane .element .prawo { padding-top: 10px; float: right; width: 145px; height: 70px; }
.listaproduktow2 .polecane .element .prawo .btnZobaczSzczegoly {}
.listaproduktow2 .polecane .element .prawo .btnPrzeczytajOpis { margin-top: 5px; }
.listaproduktow2 .polecane .element .opis { display: none; }

.listaproduktow2 .element3opis { background-color: #1E1F1E; padding: 10px; display: none; z-index: 3; width: 225px; border: 1px solid #606060; }
.listaproduktow2 .element3opispol { background-color: #1E1F1E; padding: 10px; display: none; z-index: 3; width: 480px; border: 1px solid #606060; }