/* pomieszczenia */
.kartawariantu { }
.kartawariantu .hr { border-top: 1px solid #555555; margin: 5px 0px 5px 0px; }
.kartawariantu .wstep { padding: 15px; }
.kartawariantu .wstep .lewo { float: left; width: 80px;}
.kartawariantu .wstep .zdjecie { width: 80px; height: 80px; overflow: hidden; background-color: #ffffff; border: 1px solid #353535; }
.kartawariantu .wstep .zdjecie .zdjecieWew { text-align:center; width: 160px; margin-left: -40px; height: 80px; background-color: #ffffff; }
.kartawariantu .wstep .zdjecie .zdjecieWew img { }
.kartawariantu .wstep .prawo { float: right; width: 550px; padding-left: 15px;}
.kartawariantu .wstep .prawo .linia1 {  }
.kartawariantu .wstep .prawo .linia1 .l1lewo { float: left; }
.kartawariantu .wstep .prawo .linia1 .l1lewo .trailer { padding: 1px 0px 0px 0px;  }
.kartawariantu .wstep .prawo .linia1 .l1prawo { float: right; }
.kartawariantu .wstep .prawo .linia2 { padding-top: 4px; }
.kartawariantu .wstep .prawo .linia2 h1 { font-size: 20px; margin-left: -1px; line-height: 20px; height: 40px; }
.kartawariantu .wstep .prawo .linia3 { padding-top: 4px; font-size: 13px;}
.kartawariantu .wstep .prawo .linia3 .s1 { color: #fffc03; font-weight: bold;}
.kartawariantu .wstep .prawo .linia3 .s2 { color: #858585; font-size: 11px; padding-left: 5px;}
.kartawariantu .przyciski { }
.kartawariantu .przyciski .btnDuzyCechy { float: left; }
.kartawariantu .przyciski .btnDuzyOpis { float: left; margin-left: 6px;}
.kartawariantu .przyciski .btnDuzyKolory { float: left; margin-left: 7px;}
.kartawariantu .zakupy {  }
.kartawariantu .zakupy .lewo { float: left; width: 275px; border-right: 1px solid #474747;}
.kartawariantu .zakupy .lewo h2 { padding-bottom: 10px; font-size: 20px; font-family: Arial; color: #14bf10; }
.kartawariantu .zakupy .lewo .wstep { color: #777777; font-size: 13px; padding: 15px 15px 35px 5px;}
.kartawariantu .zakupy .lewo .wstep a { font-size: 13px;  }
.kartawariantu .zakupy .lewo .wstep a:hover {  }
.kartawariantu .zakupy .lewo .lista { }
.kartawariantu .zakupy .lewo .lista .zdjeciaMale {  }
.kartawariantu .zakupy .lewo .lista .zdjeciaMale .zdjecie { margin: 3px 3px 3px 1px; float: left; overflow: hidden; text-align:center; width: 85px; height: 85px; background-color: #ffffff; border: 1px solid #353535; }
.kartawariantu .zakupy .lewo .lista .zdjeciaMale .zdjecie a { display: block; position: absolute; z-index: 2; width: 85px; height: 85px; }
.kartawariantu .zakupy .lewo .lista .zdjeciaMale .zdjecie .zdjecieWew  { text-align:center; width: 115px; margin-left: -15px; height: 115px; background-color: #ffffff; }
.kartawariantu .zakupy .lewo .lista .zdjeciaMale .zdjecie .zdjecieWew img { }
.kartawariantu .zakupy .lewo .lista .zdjeciaMale .zdjecieBrak { margin: 3px 3px 3px 1px; float: left; width: 85px; height: 85px; background-color: #222222; border: 1px solid #353535; }
.kartawariantu .zakupy .lewo .lista .zdjeciaMale .zdjecieBrak a { cursor: default; }
.kartawariantu .zakupy .lewo .lista .zdjeciaMale .zdjecieBrak .zdjecieWew {background-color: #222222;}
.kartawariantu .zakupy .prawo { float: right; width: 353px; padding-left: 15px;}
.kartawariantu .zakupy .prawo {}
.kartawariantu .zakupy .prawo .waluta { font-size: 11px;}
.kartawariantu .zakupy .prawo .info { font-size: 11px; padding: 7px 0px 0px 0px; width: 285px;}
.kartawariantu .zakupy .prawo .infoLink { padding-top: 5px;}
.kartawariantu .zakupy .prawo .infoLink a { font-size: 11px; }
.kartawariantu .zakupy .prawo .separator { height: 2px;}
.kartawariantu .zakupy .prawo .cena { padding-bottom: 5px; text-align: right; }
.kartawariantu .zakupy .prawo .cena span.t1 { color: #fffc03; font-size: 26px; }
.kartawariantu .zakupy .prawo .cena span.t2 { color: #fffc03; font-size: 18px; }
.kartawariantu .zakupy .prawo span.rabat { color: #ff0000; font-weight: bold; }
.kartawariantu .zakupy .prawo .hr { border-top: 1px solid #555555; margin: 8px 0px 8px 0px; }
.kartawariantu .zakupy .prawo .etykieta { float: left; color: #14bf10; font-size: 16px; margin-top: -2px;}
.kartawariantu .zakupy .prawo .wartosc { float: right; font-size: 15px;}
.kartawariantu .zakupy .prawo .cenaPodstawowa { color: #ffffff; font-weight: bold;}
.kartawariantu .zakupy .prawo .dostawa { color: #ff0000; font-weight: bold;}
.kartawariantu .zakupy .prawo .termin { color: #ff0000; font-weight: bold;}
.kartawariantu .zakupy .prawo .cenaInna { color: #ff0000; font-weight: bold;}
.kartawariantu .zakupy .prawo .akcja { }
.kartawariantu .zakupy .prawo .akcja .n1 {font-size: 12px;}
.kartawariantu .zakupy .prawo .akcja .n2 {padding-top: 5px;}
.kartawariantu .zakupy .prawo .akcja .akcjaLewo { float: left; }
.kartawariantu .zakupy .prawo .akcja .akcjaLewo span.ilosc { font-size: 14px; padding-left: 5px; }
.kartawariantu .zakupy .prawo .akcja .akcjaLewo input { width: 30px; height: 16px; font-size: 17px; font-weight: bold; text-align: center; padding: 4px 3px 6px 3px; border: 1px solid #000000; background-color: #ffffff; }
.kartawariantu .zakupy .prawo .akcja .akcjaPrawo { float: right; }
.kartawariantu .zakupy .prawo .akcja .btnDodajDoKoszyka { float: right; margin-left: 4px;}
.kartawariantu .zakupy .prawo .wybor { padding-top: 9px; }
.kartawariantu .zakupy .prawo .wybor .zdjecie {float: left; width: 65px; height: 65px; background-color: #303030; overflow: hidden; border: 1px solid #202020;}
.kartawariantu .zakupy .prawo .wybor .tekst {float: left; width: 240px; height: 65px; padding-left: 20px;}
.kartawariantu .zakupy .prawo .wybor .tekst .n1 {font-size: 19px; padding-top: 8px;}
.kartawariantu .zakupy .prawo .wybor .tekst .n2 {padding-top: 3px;}
.kartawariantu .zakupy .prawo .wybor .tekst .n2 a { font-size: 13px;}
.kartawariantu .zakupy .prawo .wybor .tekst .n3 {font-size: 11px; padding-top: 0px;}
.kartawariantu .zakupy .prawo .wybor .tekst .n3 a {font-size: 11px; }
.kartawariantu .zakupy .prawo .wybor .tekst .n4 {font-size: 11px; padding-top: 2px; }
.kartawariantu .zakupy .prawo .wybor .tekst .n4 a {font-size: 13px; }
.kartawariantu .zakupy .prawo .panelWylaczony {}
.kartawariantu .zakupy .prawo .panelWylaczony p.etykieta {color: #434742;}
.kartawariantu .zakupy .prawo .panelWylaczony p.cenaInna {color: #434742;}
.kartawariantu .zakupy .prawo .panelWylaczony p.n3 {color: #434742;}
.kartawariantu .zakupy .prawo .wybarwienie {}
.kartawariantu .zakupy .prawo .tapicerka {}
.kartawariantu .zakupy .prawo .raty {font-size: 12px;}
.kartawariantu .zakupy .prawo .raty a {font-size: 12px; font-weight: bold;}
.kartawariantu .zakupy .prawo .raty .t1 {float: left; width: 295px;}
.kartawariantu .zakupy .prawo .raty .t2 {float: right; width: 45px;}
.kartawariantu .cechy {  }
.kartawariantu .cechy h2 { padding-top: 10px; font-size: 17px; font-family: Arial; color: #14bf10; }
.kartawariantu .cechy ul { padding-top: 5px; }
.kartawariantu .cechy ul li { padding: 6px 0px 6px 40px; font-size: 16px; background: url(../gfx/znakCzerwony2.gif) no-repeat 15px 14px;}
.kartawariantu .info { padding-top: 5px; padding-bottom: 10px; }
.kartawariantu .info h2 { padding-top: 10px; font-size: 17px; font-family: Arial; color: #14bf10; }
.kartawariantu .info p.t1 { padding-top: 10px; font-size: 16px; line-height: 20px;}
.kartawariantu .warianty { padding-top: 5px; padding-bottom: 10px;}
.kartawariantu .warianty h2 { padding-bottom: 10px; font-size: 20px; font-family: Arial; color: #14bf10; }
.kartawariantu .warianty .wstep { color: #777777; font-size: 14px; padding: 0px 0px 10px 0px;}
.kartawariantu .warianty .wariant { float: left; width: 216px; overflow: hidden; padding: 7px 0px 7px 0px; }
.kartawariantu .warianty .wariant p.rozmiar {padding-left: 10px;}
.kartawariantu .warianty .wariant p.rozmiar a {font-size: 14px; }
.kartawariantu .warianty .wariant p.rozmiar span.opisRozmiaru {}
.kartawariantu .warianty .wariant p.cena { color: #14bf10; padding-left: 10px;} 
.kartawariantu .warianty .wariant p.cena span.t1 { color: #ffffff; font-size: 17px; }
.kartawariantu .warianty .wariant p.cena span.t2 { color: #ffffff; font-size: 12px; }
.kartawariantu .warianty .wariant p.cena span.rabat { color: #ff0000; padding-left: 5px; font-size: 12px;}
.kartawariantu .niedostepny { padding: 25px; }
.kartawariantu .niedostepny h2 { font-size: 20px; }
.kartawariantu .niedostepny h3 { font-size: 14px; padding-top: 5px;}

.kartawariantu .modalWybarwienia {width: 800px; display: none;}
.kartawariantu .modalWybarwienia .zawartosc { padding-top: 10px;}
.kartawariantu .modalWybarwienia .zawartosc p.info { }
.kartawariantu .modalWybarwienia .zawartosc .wyboremail { font-size: 15px;}
.kartawariantu .modalWybarwienia .zawartosc .wyboremail span.dodatkoweInfo { font-size: 12px;}
.kartawariantu .modalWybarwienia .zawartosc .wyboremail a { font-size: 15px;}
.kartawariantu .modalWybarwienia .zawartosc .grupa { padding-top: 14px; }
.kartawariantu .modalWybarwienia .zawartosc .grupa .grupaNazwa { color: #14bf10; font-size: 16px; font-weight: bold;}
.kartawariantu .modalWybarwienia .zawartosc .grupa .grupaInfo { }
.kartawariantu .modalWybarwienia .zawartosc .grupa .grupaElement { padding-top: 20px; height: 60px; overflow: hidden;}
.kartawariantu .modalWybarwienia .zawartosc .grupa .grupaElement .elementLewo { float: left; width: 550px; overflow: hidden; }
.kartawariantu .modalWybarwienia .zawartosc .grupa .grupaElement .elementPrawo { float: left; padding-left: 20px; font-size: 22px; width: 150px; }

.kartawariantu .modalTapicerki {width: 800px; display: none;}
.kartawariantu .modalTapicerki .zawartosc { padding-top: 10px;}
.kartawariantu .modalTapicerki .zawartosc p.info { }
.kartawariantu .modalTapicerki .zawartosc .wyboremail { font-size: 15px;}
.kartawariantu .modalTapicerki .zawartosc .wyboremail span.dodatkoweInfo { font-size: 12px;}
.kartawariantu .modalTapicerki .zawartosc .wyboremail a { font-size: 15px;}
.kartawariantu .modalTapicerki .zawartosc .grupa { padding-top: 14px; }
.kartawariantu .modalTapicerki .zawartosc .grupa .grupaNazwa { color: #14bf10; font-size: 16px; font-weight: bold;}
.kartawariantu .modalTapicerki .zawartosc .grupa .grupaInfo { }
.kartawariantu .modalTapicerki .zawartosc .grupa .grupaElement { padding: 10px 3px 0px 3px; width: 94px; float: left; overflow: hidden; }
.kartawariantu .modalTapicerki .zawartosc .grupa .grupaElement .elementGora { height: 50px; overflow: hidden;  }
.kartawariantu .modalTapicerki .zawartosc .grupa .grupaElement .elementDol { font-size: 10px; text-align: center; padding-top: 2px; height: 30px;}

