@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:700,400,500);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
a { text-decoration: none; color: #717369; }
html { height: 100%; }
body { background: url("images/tlo.jpg") repeat fixed 50% 0 transparent; color: #717369; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 100%; }
.pl_margin { margin-left: 40px; margin-right: 40px; clear: both; }
hr { border-color: #DDDDDD -moz-use-text-color -moz-use-text-color; border-style: solid none none; border-width: 1px medium medium; clear: both; width: 100%; }
.clear { clear: both; }
h1{font-size: 1.7em;}
h2{font-size: 1.5em;}
h3{font-size: 1.3em;}
h4{font-size: 1.0em;}
#zawartosc { background: #FFF; margin: 0px auto; width: 1088px; padding-top: 0px; padding-bottom: 0px; position: relative; left: auto; top: 0px; right: auto; bottom: 0px; min-height: 100%; }
/*nagłówek*/
#naglowek { clear: both; height: 106px; border-bottom: 1px solid #dddddd; }
#naglowek .pl_margin { border-top: 2px solid #8cc042; }
#naglowek #logo { background: url("images/logo.png") no-repeat scroll left top transparent; cursor: pointer; display: block; float: left; height: 85px; margin-left: 20px; margin-top: 2px; width: 201px; }
#naglowek nav.cartk{overflow: hidden; height:100px; position: relative;}
#naglowek #menu_gora { color: #717369; display: block; font-family: "Roboto Regular", Arial, Helvetica, sans-serif; font-size: 16px; padding-top: 40px; float: left; }
#naglowek #menu_gora:first-child ul li { display: block; float: left; padding: 8px; }
#naglowek #menu_gora:first-child ul li a { color: #717369; }
#naglowek #menu_gora:first-child ul li a:hover { text-decoration: underline; }
#naglowek ul#menu_uzytkownika { display: block; float: right; clear:both; font-family: "Roboto Light", Arial, Helvetica, sans-serif; font-size: 12px;}
#naglowek ul#menu_uzytkownika li { border-right: 1px solid #717369; display: block; float: left; margin-top: 16px; padding-left: 10px; padding-right: 10px; }
#naglowek ul#menu_uzytkownika li.last { border: none; }
#naglowek ul#menu_uzytkownika li a { }
#naglowek ul#menu_uzytkownika li.stan_koszyka { background: url("images/chmurka.gif") no-repeat scroll center center transparent; border: medium none; height: 50px; margin-top: 0; width: 54px; text-align: center; }
#naglowek ul#menu_uzytkownika li.stan_koszyka a { display: block; width: 100%; height: 100%; line-height: 50px; cursor: pointer; font-size: 24px; font-family: "Roboto Bold", Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; }
/*stopka*/
#logo2 { background: url("images/logo2.gif") no-repeat scroll center center transparent; cursor: pointer; float: left; height: 50px; margin-left: 20px; width: 107px; }
.stopka_info { text-align: justify; display: block; float: left; font-size: 8px; line-height: 16px; padding: 10px 25px 25px; width: 831px; }
#manu_stopka { color: #717369; display: block; font-family: "Roboto Light", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 85px; padding-left: 20px; }
#manu_stopka ul { clear: both; }
#manu_stopka ul li { display: block; float: left; padding-right: 15px; }
#manu_stopka ul li a { color: #717369; }
/*podgląd sauny*/
#podglad { margin-bottom: 0px; /* 40px; */ margin-top: 2px; clear: both; }
#podglad table td { vertical-align: top; }
#podglad .grafika_podglad { position: relative; text-align: center; padding-right: 20px; }
#podglad .grafika_podglad img { border: 1px solid #FFFFFF; /*#DDDDDD*/ vertical-align: middle; max-width: 700px; border-radius: 2px 2px 2px 2px; }
#podglad .opis_podglad { }
#podglad .opis_podglad h1 { border-bottom: 1px solid #DDDDDD; font-size: 24px; font-weight: normal; line-height: 70px; font-family: "Roboto Regular", Arial, Helvetica, sans-serif; }
#podglad .opis_podglad p { font-size: 14px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; }
#podglad .opis_podglad table.tabela_cen { }
#podglad .opis_podglad table.tabela_cen td { line-height: 25px; min-width: 120px; }
#podglad .opis_podglad table.tabela_cen tr { display: block; }
#podglad .opis_podglad table.tabela_cen td.cena_opis { font-size: 12px; padding-right: 3px;}
#podglad .opis_podglad table.tabela_cen td { font-size: 14px; }
#podglad .opis_podglad table.tabela_cen .cena_wartosc { font-size: 12px; text-align: right; }
#podglad .opis_podglad table.tabela_cen .cena_war { font-size: 12px; }
#podglad .opis_podglad table.tabela_cen .cena_akc_opis { font-size: 12px; }
#podglad .opis_podglad table.tabela_cen .cena_akc_wartosc { font-size: 12px; text-align: right; }
#podglad .opis_podglad table.tabela_cen .cena_akc { font-size: 12px; }
#podglad .opis_podglad table.tabela_cen .cena_suma_opis { font-size: 12px; line-height: 65px; }
#podglad .opis_podglad table.tabela_cen .cena_suma_wartosc { color: #8cc042; font-size: 24px; text-align: right; line-height: 65px; }
#podglad .opis_podglad table.tabela_cen .cena_sum{ color: #8cc042; font-size: 24px;  line-height: 65px; }
#podglad .opis_podglad table.tabela_cen tr.suma { border-top: 1px solid #DDDDDD; height: 65px; line-height: 65px; margin-top: 20px; }
#podglad .opis_podglad .przejdz_dalej_bt { background: url("images/button_przejdz_dalej.png") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; height: 42px; overflow: hidden; text-indent: -3000px; width: 165px; }
#podglad .opis_podglad a.przejdz_dalej_bt { background: url("images/button_przejdz_dalej_v2.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; cursor: pointer; display: block; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; height: 42px; line-height: 42px; overflow: hidden; padding-left: 24px; position: relative; text-indent: 0; text-shadow: 0 -1px 1px #5F5F5F; text-transform: uppercase; width: auto; text-align: center; }
/*.get-pdf { background: url("images/button_czesci.png") repeat-x scroll 0 -62px transparent !important; color: #FFFFFF; cursor: pointer; display: block; float: right; font-family: 'Roboto', sans-serif; font-size: 12px; height: 31px; line-height: 30px; margin-left: 10px; margin-right: 10px; padding-left: 20px; padding-right: 20px; position: relative; text-shadow: 0 -1px 1px #5F5F5F; text-transform: uppercase; border: none; border-radius: 4px;}*/
.get-pdf {
    background-color: #70A029;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#70A029), to(#8BBD42));
    background: -webkit-linear-gradient(top, #8BBD42, #70A029);
    background: -moz-linear-gradient(top, #8BBD42, #70A029);
    background: -ms-linear-gradient(top, #8BBD42, #70A029);
    background: -o-linear-gradient(top, #8BBD42, #70A029);
    border: none;
    padding: 10px 14%;
    border-radius: 3px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 1.3em;
}

#podglad .opis_podglad a.przejdz_dalej_bt span { background: url("images/button_przejdz_dalej_v2.jpg") no-repeat scroll right -42px transparent; display: block; height: 42px; padding-right: 37px; }
.pdf_bt { background: none repeat scroll 0 0 transparent; border: medium none; color: black; cursor: pointer; height: 42px; margin-top: 30px; overflow: hidden; text-decoration: underline; width: 175px; }
/*konfiguracja sauny*/
#konfiguracja { clear: both; position: relative; margin-top: 15px; }
#konfiguracja #kroki { background-color: #5A5840; border-top: 1px solid #DDDDDD; color: #FFFFFF; display: block; font-family: "Roboto Regular", Arial, Helvetica, sans-serif; font-size: 15px; height: 60px; line-height: 60px; }
#konfiguracja #kroki li { background: url("images/krok.gif") no-repeat scroll 15px 26px transparent; display: block; float: left; height: 57px; padding-left: 25px; }
#konfiguracja #kroki li.pierwszy { padding-left: 15px; background-image: none; }
#konfiguracja #kroki li.ostatni { }
#konfiguracja #kroki li.aktywny_krok_postep, #konfiguracja #kroki li.wykonany { border-bottom: 2px solid #8CC042; color: #b7da85; }
#konfiguracja #kroki li span { display: block; position: relative; top: -1px; cursor: pointer; }
#konfiguracja #kroki li.aktywny_krok_postep span { background: url("images/krok_sd.gif") no-repeat scroll center 0px transparent; font-weight: bolder; }
/*opcje*/
#konfiguracja .opcje { background-color: #1E1D11; border-bottom: 1px solid #787770; padding-bottom: 35px; padding-top: 15px; }
#konfiguracja .opcje .info_opcje { float: left; padding-left: 60px; width: 300px; }
#konfiguracja .opcje .info_opcje.prawa { padding-left: 20px; }
#konfiguracja .opcje .info_opcje h2, #konfiguracja .opcje .parametry_opcje h2 { line-height: 55px; font-size: 24px; color: #FFF; font-weight: normal; }
#konfiguracja .opcje .parametry_opcje { border-bottom: 1px solid #353429; margin-bottom: 20px; margin-left: 60px; margin-right: 60px; padding-bottom: 20px; }
#konfiguracja .opcje .parametry_opcje label { line-height: 36px; font-size: 14px; color: #C7C5A7; padding-right: 10px; display: block; float: left; }
/*selecty*/
.dla_select { position: relative; float: left; padding-right: 40px; }
.dla_select select.select { height: 35px !important; line-height: 35px; position: relative; width: 190px !important; z-index: 10; }
.dla_select span.select { background: url("images/select.png") no-repeat scroll right center #26251A; border: 1px solid #37362B; bottom: 0; color: #717369; cursor: default; float: left; font-size: 14px; height: 35px; left: 0; line-height: 35px; position: absolute; text-indent: 10px; width: 190px; z-index: 1; }
#konfiguracja .opcje .info_opcje h3 { line-height: 40px; font-size: 18px; color: #79aa32; font-weight: normal; font-family: "Roboto Regular", Arial, Helvetica, sans-serif; }
#konfiguracja .opcje .info_opcje p { color: #C7C5A7; font-size: 14px; line-height: 18px; }
#opcje_krok7 table tr td { color: #C7C5A7; font-size: 14px; line-height: 18px; padding: 3px; padding-bottom: 12px; }
#opcje_krok7 table tr td span.obrazz { margin-left: 30px; }
#konfiguracja .opcje ul.opcje_kongiguracja { display: block; float: left; }
/*kroki*/
#konfiguracja .opcje ul.opcje_kongiguracja li { display: block; float: left; position: relative; text-align: center; }
#konfiguracja .opcje ul.opcje_kongiguracja li.aktywny span.ikona_aktywny { background-image: url("images/activ.png"); background-repeat: no-repeat; display: block; height: 53px; left: 10px; position: absolute; top: 10px; width: 53px; }
#konfiguracja .opcje #opcje_krok3 ul.opcje_kongiguracja li{ cursor:pointer; }
#konfiguracja .opcje ul.opcje_kongiguracja li img { vertical-align: middle; margin: 14px; }
/*krok 1 */
#konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja { clear: left; display: block; float: left; padding-left: 50px; }
#konfiguracja .opcje #opcje_krok2 .lewas { width: 50%; clear: left; display: block; float: left; }
#konfiguracja .opcje #opcje_krok2 .prawas { width: 50%; clear: right; display: block; float: left; }
#konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja li { border-radius: 2px 2px 2px 2px; cursor: pointer; display: block; float: left; height: 200px; line-height: 200px; margin: 14px; position: relative; text-align: center; width: 200px; }
#konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja li.aktywny, #konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja li:hover { background-position: -200px center; }
#konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja li.aktywny span.ikona_aktywny { background-image: url("images/activ.png"); background-repeat: no-repeat; display: block; height: 53px; left: 10px; position: absolute; top: 10px; width: 53px; }
#konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja li img { vertical-align: middle; }
/*krok 2 */
#konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja_zkroku2 { display: block; float: left; margin-top: 30px; padding-top: 15px; max-width: 460px;}
#konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja_zkroku2 li { cursor: pointer; background-color: #DDDDDD; border-radius: 0 3px 3px 0; display: block; float: left; font-size: 12px; font-weight: bold; height: 44px; line-height: 44px; margin-bottom: 20px; margin-left: 45px; margin-right: 30px; padding-left: 5px; position: relative; text-align: center; width: 150px; }
#konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja_zkroku2 li span.ikona { background-image: url("images/activ.png"); background-position: -52px -4px; background-repeat: no-repeat; display: block; height: 52px; left: -25px; position: absolute; width: 52px; }
#konfiguracja .opcje #opcje_krok2 ul.opcje_kongiguracja_zkroku2 li.aktywny span.ikona { background-position: 0px -4px; }
/*krok 3 */
#konfiguracja .opcje #opcje_krok4 ul.opcje_kongiguracja { display: block; float: left; padding-top: 15px; width: 728px; }
#konfiguracja .opcje #opcje_krok4 ul.opcje_kongiguracja li { cursor:pointer; background-color: #FFFFFF; border-radius: 2px 2px 2px 2px; display: block; float: left; font-size: 12px; font-weight: bold; line-height: 35px; margin-left: 37px; position: relative; text-align: center; width: 129px; }
#konfiguracja .opcje #opcje_krok4 ul.opcje_kongiguracja li span.zdjecie { border-radius: 2px 2px 2px 2px; box-shadow: 0 3px 3px #888888; display: block; height: 129px; width: 129px; background-position: -129px }
#konfiguracja .opcje #opcje_krok4 ul.opcje_kongiguracja li.aktywny { }
#konfiguracja .opcje #opcje_krok4 ul.opcje_kongiguracja li.aktywny span.zdjecie, #konfiguracja .opcje #opcje_krok4 ul.opcje_kongiguracja li:hover span.zdjecie { background-position: 0; }
#konfiguracja .opcje #opcje_krok4 ul.opcje_kongiguracja li span.ikona { background-image: url("images/activ.png"); background-position: -52px -4px; background-repeat: no-repeat; display: block; height: 52px; left: -25px; position: absolute; width: 52px; }
#konfiguracja .opcje #opcje_krok4 ul.opcje_kongiguracja li.aktywny span.ikona { background-position: 0px -4px; }
/*krok 5 */
#konfiguracja .opcje #opcje_krok5 ul.opcje_kongiguracja { display: block; float: left; padding-top: 15px; width: 728px; }
#konfiguracja .opcje #opcje_krok5 ul.opcje_kongiguracja li { cursor: pointer; background-color: #FFFFFF; border-radius: 2px 2px 2px 2px; display: block; float: left; font-size: 12px; font-weight: bold; line-height: 35px; margin-left: 37px; position: relative; text-align: center; width: 129px; }
#konfiguracja .opcje #opcje_krok5 ul.opcje_kongiguracja li span.zdjecie { border-radius: 2px 2px 2px 2px; box-shadow: 0 3px 3px #888888; display: block; height: 129px; width: 129px; background-position: -129px }
#konfiguracja .opcje #opcje_krok5 ul.opcje_kongiguracja li.aktywny { }
#konfiguracja .opcje #opcje_krok5 ul.opcje_kongiguracja li.aktywny span.zdjecie, #konfiguracja .opcje #opcje_krok5 ul.opcje_kongiguracja li:hover span.zdjecie { background-position: 0; }
#konfiguracja .opcje #opcje_krok5 ul.opcje_kongiguracja li span.ikona { background-image: url("images/activ.png"); background-position: -52px -4px; background-repeat: no-repeat; display: block; height: 52px; left: -25px; position: absolute; width: 52px; }
#konfiguracja .opcje #opcje_krok5 ul.opcje_kongiguracja li.aktywny span.ikona { background-position: 0px -4px; }
/*krok 6 */
#konfiguracja .opcje #opcje_krok6 ul.opcje_kongiguracja { display: block; float: left; padding-top: 15px; width: 728px; }
#konfiguracja .opcje #opcje_krok6 ul.opcje_kongiguracja li { cursor: pointer; background-color: #FFFFFF; border-radius: 2px 2px 2px 2px; display: block; float: left; font-size: 12px; font-weight: bold; line-height: 35px; margin-left: 37px; position: relative; text-align: center; width: 129px; }
#konfiguracja .opcje #opcje_krok6 ul.opcje_kongiguracja li span.zdjecie { border-radius: 2px 2px 2px 2px; box-shadow: 0 3px 3px #888888; display: block; height: 129px; width: 129px; background-position: -129px }
#konfiguracja .opcje #opcje_krok6 ul.opcje_kongiguracja li.aktywny { }
#konfiguracja .opcje #opcje_krok6 ul.opcje_kongiguracja li.aktywny span.zdjecie, #konfiguracja .opcje #opcje_krok6 ul.opcje_kongiguracja li:hover span.zdjecie { background-position: 0; }
#konfiguracja .opcje #opcje_krok6 ul.opcje_kongiguracja li span.ikona { background-image: url("images/activ.png"); background-position: -52px -4px; background-repeat: no-repeat; display: block; height: 52px; left: -25px; position: absolute; width: 52px; }
#konfiguracja .opcje #opcje_krok6 ul.opcje_kongiguracja li.aktywny span.ikona { background-position: 0px -4px; }
/*krok 7 */
#konfiguracja .opcje #opcje_krok7 ul.opcje_kongiguracja { display: block; float: left; padding-top: 15px; width: 728px; }
#konfiguracja .opcje #opcje_krok7 ul.opcje_kongiguracja li { background-color: #FFFFFF; border-radius: 2px 2px 2px 2px; display: block; float: left; font-size: 12px; font-weight: bold; line-height: 35px; margin-left: 37px; position: relative; text-align: center; width: 129px; }
#konfiguracja .opcje #opcje_krok7 ul.opcje_kongiguracja li span.zdjecie { border-radius: 2px 2px 2px 2px; box-shadow: 0 3px 3px #888888; display: block; height: 129px; width: 129px; background-position: -129px }
#konfiguracja .opcje #opcje_krok7 ul.opcje_kongiguracja li.aktywny { }
#konfiguracja .opcje #opcje_krok7 ul.opcje_kongiguracja li.aktywny span.zdjecie, #konfiguracja .opcje #opcje_krok7 ul.opcje_kongiguracja li:hover span.zdjecie { background-position: 0; }
#konfiguracja .opcje #opcje_krok7 ul.opcje_kongiguracja li span.ikona { background-image: url("images/activ.png"); background-position: -52px -4px; background-repeat: no-repeat; display: block; height: 52px; left: -25px; position: absolute; width: 52px; }
#konfiguracja .opcje #opcje_krok7 ul.opcje_kongiguracja li.aktywny span.ikona { background-position: 0px -4px; }
/*krok 8 */
#konfiguracja .opcje #opcje_krok8 ul.opcje_kongiguracja { display: block; float: left; padding-bottom: 30px; padding-left: 15px; padding-top: 15px; width: 652px; }
#konfiguracja .opcje #opcje_krok8 ul.opcje_kongiguracja .aktywny .ikona_aktywny { left: 20px; top: 20px; }
#konfiguracja .opcje #opcje_krok8 ul.opcje_kongiguracja img { display: block; float: left; height: 140px; margin: 0; width: 140px; }
#konfiguracja .opcje #opcje_krok8 ul.opcje_kongiguracja li { background-color: #FFFFFF; border-radius: 2px 2px 2px 2px; margin-bottom: 12px; min-height: 138px; padding: 10px; width: 632px; }
#opcje_krok8 .pole_dodatku { float: left; padding-left: 25px; text-align: left; width: 465px; }
#opcje_krok8 .pole_dodatku h4 { font-size: 18px; font-weight: normal; line-height: 35px; }
#opcje_krok8 .pole_dodatku p { margin-bottom: 5px; margin-top: 5px; }
#opcje_krok8 .pole_dodatku .opcje_dodatku { bottom: 0; height: 35px; padding-top: 18px; position: relative; }
#opcje_krok8 .pole_dodatku .opcje_dodatku .ilosc { display: block; float: left; }
#opcje_krok8 .pole_dodatku .opcje_dodatku .ilosc label { font-size: 14px; padding-right: 7px; }
#opcje_krok8 .pole_dodatku .opcje_dodatku .ilosc input { border: 1px solid #CCCCCC; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 2px 1px #E0E0E0; font-size: 14px; height: 27px; line-height: 27px; text-align: center; width: 50px; }
#opcje_krok8 .pole_dodatku .opcje_dodatku .cena_dodatku { color: #8DBF44; display: block; float: right; font-size: 18px; line-height: 31px; padding-right: 20px; }
#opcje_krok8 .pole_dodatku .opcje_dodatku input.dodaj { background: url("images/button_dodaj.png") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; display: block; float: right; height: 31px; overflow: hidden; text-indent: -3000px; width: 112px; }
/*krok 9 */
#konfiguracja .opcje #opcje_krok9 ul.opcje_kongiguracja { display: block; float: left; padding-top: 15px; width: 728px; }
#konfiguracja .opcje #opcje_krok9 ul.opcje_kongiguracja li { cursor: pointer; background-color: #FFFFFF; border-radius: 2px 2px 2px 2px; display: block; float: left; font-size: 12px; font-weight: bold; line-height: 35px; margin-left: 37px; position: relative; text-align: center; width: 129px; }
#konfiguracja .opcje #opcje_krok9 ul.opcje_kongiguracja li span.zdjecie { border-radius: 2px 2px 2px 2px; box-shadow: 0 3px 3px #888888; display: block; height: 129px; width: 129px; background-position: -129px }
#konfiguracja .opcje #opcje_krok9 ul.opcje_kongiguracja li.aktywny { }
#konfiguracja .opcje #opcje_krok9 ul.opcje_kongiguracja li.aktywny span.zdjecie, #konfiguracja .opcje #opcje_krok6 ul.opcje_kongiguracja li:hover span.zdjecie { background-position: 0; }
#konfiguracja .opcje #opcje_krok9 ul.opcje_kongiguracja li span.ikona { background-image: url("images/activ.png"); background-position: -52px -4px; background-repeat: no-repeat; display: block; height: 52px; left: -25px; position: absolute; width: 52px; }
#konfiguracja .opcje #opcje_krok9 ul.opcje_kongiguracja li.aktywny span.ikona { background-position: 0px -4px; }
a.buttonv2 { background: url("images/button_czesci.png") repeat-x scroll 0 -62px transparent !important; color: #FFFFFF; cursor: pointer; display: block; float: right; font-family: 'Roboto', sans-serif; font-size: 10px; height: 31px; line-height: 30px; margin-left: 10px; margin-right: 10px; padding-left: 20px; padding-right: 20px; position: relative; text-shadow: 0 -1px 1px #5F5F5F; text-transform: uppercase; }
a.buttonv2 span.bleft { background: url("images/button_czesci.png") repeat-x scroll 0 0 transparent; display: block; height: 31px; left: -9px; position: absolute; width: 9px; }
a.buttonv2 span.bright { background: url("images/button_czesci.png") repeat-x scroll 0 -31px transparent; display: block; height: 31px; position: absolute; right: -9px; top: 0; width: 9px; }
a.buttonv2 span.bback { background-position: 0 -124px; }
a.buttonv2 span.bgo { background-position: 0 -93px; }
/*---*/
#konfiguracja #nawigacja_konfiguratora { background-color: transparent; display: block; height: 31px; padding-left: 60px; padding-right: 60px; margin-top: 5px; width: 968px; }
#konfiguracja #nawigacja_konfiguratora input { border: medium none; cursor: pointer; height: 31px; overflow: hidden; text-indent: -3000px; width: 120px; display: block; background-color: transparent; }
#konfiguracja #nawigacja_konfiguratora #wstecz { float: left;/*  background: url(images/nav_button_wstecz.png) no-repeat;*/ }
#konfiguracja #nawigacja_konfiguratora #dalej { float: right; background: url(images/nav_button_przejdz_dalej.png) no-repeat; }
#konfiguracja #nawigacja_konfiguratora #wstecz.inactive, #konfiguracja #nawigacja_konfiguratora #dalej.inactive { display: none; }
#shoper-foot { display: none; }
/*skrypt*/

.opcje_krok { display: none; }
div.aktywny_krok { display: block; }
.okruszki { height: 70px; padding-left: 60px; border-bottom: 1px solid #DDDDDD; clear: both; line-height: 70px; }
.okruszki .kruszka { background: url("images/okruszki.gif") no-repeat scroll center center transparent; display: inline-block; height: 70px; padding-left: 7px; padding-right: 7px; vertical-align: middle; width: 14px; }
.boxhead { padding-left: 60px; padding-top: 30px; padding-bottom: 30px; }
.boxhead h3 { font-size: 24px; font-weight: normal; }
.boxhead h5 { font-size: 16px; font-weight: normal; }
input[type="text"], input[type="password"], input[type="text2"], select, textarea { border: 1px solid #CBCBCB; color: #717369; font-size: 14px; height: 52px; padding-left: 20px; padding-right: 20px; width: 360px; }
select { padding-left: 20px; padding-right: 0px; width: 402px; }
textarea { padding-left: 20px; padding-right: 0px; width: 380px; height: 104px; }
input[type="text"]:active, input[type="password"]:active, input[type="text"]:focus, input[type="password"]:focus, input[type="text2"]:active, input[type="text2"]:focus { border-width: 2px; border-color: #ffb525; height: 50px; width: 360px; }
select:active, select:focus { border-width: 2px; border-color: #ffb525; }
textarea:active, textarea:focus { border-width: 2px; border-color: #ffb525; }
.reglabel { background-color: #FFFFFF; bottom: 2px; display: block; font-size: 14px; left: 2px; line-height: 54px; padding-left: 20px; position: absolute; top: 2px; min-width: 100px; }
.shaded_inputwrap { margin-bottom: 7px; position: relative; }
.innerbox { margin-left: 60px; margin-right: 60px; }
.gw { height: 62px; line-height: 56px; margin-left: 10px; position: relative; width: 100%; }
em.color { color: red; }
.gw em.color { line-height: 10px; position: absolute; top: 0; left: 0; }
.hint .gw { background-image: url("images/uwaga.png"); background-position: 5px 21px; background-repeat: no-repeat; padding-left: 27px; }
#box_register { border-bottom: 1px solid #CCCCCC; padding-bottom: 40px; }
#box_register a { color: #517c13; }
a.button { background-color: transparent; background-image: url("images/button.jpg"); background-repeat: no-repeat; border: medium none; height: 31px; margin-top: 15px; cursor: pointer; display: block; max-width: 130px; min-width: 100px; text-align: center; line-height: 30px; }
button.button, button.important { background-color: transparent; background-image: url("images/button.jpg"); background-repeat: no-repeat; border: medium none; margin-top: 15px; cursor: pointer; display: block; max-width: 130px; min-width: 100px; text-align: center; position: relative; }
.browser_chrome button.button, .browser_chrome button.important { min-width: 130px; }
.button.login { background-image: url("images/zaloguj.png"); }
a.button span { background-image: url("images/button.jpg"); background-position: right center; color: #FFFFFF; display: block; font-size: 11px; letter-spacing: 1px; line-height: 31px; margin-left: 2px; min-width: 130px; text-shadow: 0 0 1px #5C5A5A; text-transform: uppercase; }
button.button span, button.important span { background-image: url("images/button.jpg"); background-position: right center; color: #FFFFFF; display: block; font-size: 11px; letter-spacing: 1px; line-height: 31px; margin-left: 2px; margin-top: -1px; min-width: 130px; text-shadow: 0 0 1px #5C5A5A; text-transform: uppercase; }
.browser_chrome button.button span, .browser_chrome button.important span { line-height: 30px; min-width: 122px; }
.button img, .important img { display: none; }
.button.passchange { background-image: url("images/button_haslo.png"); }
.error { color: red; padding-bottom: 25px; }
.error_message { background: none repeat scroll 0 0 #F4D3D3; border: 1px solid red; border-radius: 10px 10px 10px 10px; color: red; font-size: 14px; font-weight: bold; margin: 30px 60px; padding: 15px; position: relative; }
.error_message .close { position: absolute; top: 10px; right: 10px; font-weight: bold; font-size: 11px; }
.innerbox h4 { font-size: 18px; font-weight: normal; padding-bottom: 4px; padding-top: 14px; line-height: 36px; }
.innerbox h4.first { padding-top: 2px; }
.innerbox p { padding-bottom: 4px; font-size: 12px; line-height: 19px;}
.innerbox b { line-height: 22px; text-decoration: underline; }
table.orders tr td { border: 1px solid; padding: 6px 22px; font-size: 12px; }
a.editaddresses span { min-width: 200px; }
.innerbox .links { border-top: 1px solid #717369; color: red; }
.links a, .add.spanhover { font-weight: bold; }
.addresses li { border: 1px solid; margin-bottom: 20px; }
/*koszyk*/
h3 { font-size: 24px; font-weight: normal; }
.cialo_koszyka { }
.cialo_koszyka .gbox_koszyka { margin-left: 60px; margin-right: 60px; position: relative; }
.cialo_koszyka .gbox_koszyka .lewa_strona { width: 700px; float: left; }
#head_koszyka { height: 155px; padding-top: 30px; position: relative; }
#head_koszyka h3 { }
#head_koszyka p.info_koszyk { font-size: 16px; }
#head_koszyka #kroki_koszyka { background-image: url("images/p.gif"); background-position: 20px center; background-repeat: repeat-x; display: block; height: 50px; margin-bottom: 25px; margin-top: 25px; width: 493px; }
#head_koszyka #kroki_koszyka li { background: url("images/chmurka_ciemna.gif") no-repeat scroll center center transparent; border: medium none; color: #FFFFFF; display: block; float: left; font-family: "Roboto Bold", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; height: 100%; line-height: 50px; margin-left: 170px; margin-top: 0; text-align: center; width: 51px; }
#head_koszyka #kroki_koszyka li.poruszany { background: url("images/chmurka.gif") no-repeat scroll center center transparent; }
#head_koszyka #kroki_koszyka li:first-child { margin-left: 0px; }
#head_koszyka #grafika_root_produkt { left: 550px; position: absolute; top: 45px; width: 150px; }
.cialo_koszyka .gbox_koszyka .lewa_strona .akcesoria_box { }
.cialo_koszyka .akcesoria_box h3 { }
.cialo_koszyka .akcesoria_box ul { }
.cialo_koszyka .akcesoria_box ul li { display: block; float: left; margin-top: 22px; width: 138px; }
.cialo_koszyka .akcesoria_box ul li img { }
.cialo_koszyka .akcesoria_box ul li span.ilosc { display: block; font-size: 14px; line-height: 22px; }
.cialo_koszyka .akcesoria_box ul li span.cena { display: block; font-size: 14px; line-height: 22px; }
.gr { color: #70a029; font-weight: bold; }
.cialo_koszyka .gbox_koszyka .prawa_strona { float: right; font-size: 14px; line-height: 22px; padding-top: 40px; width: 268px; vertical-align: top; }
.cialo_koszyka .gbox_koszyka .prawa_strona table { }
.cialo_koszyka .gbox_koszyka .prawa_strona table tr { }
.cialo_koszyka .gbox_koszyka .prawa_strona table tr td { padding-left: 4px; padding-right: 4px; }
.cialo_koszyka .gbox_koszyka .prawa_strona table tr td.head { padding-right: 10px; width: 126px; }
.cialo_koszyka .gbox_koszyka .prawa_strona table tr.suma { font-size: 16px; font-weight: bold; }
.cialo_koszyka .gbox_koszyka .prawa_strona table tr.przedsuma td { padding-bottom: 10px; }
.cialo_koszyka .gbox_koszyka .prawa_strona table tr.suma td { border-top: 1px solid #E7E7E7; padding-top: 10px; }
.cialo_koszyka .stopka_koszyka { }
.szary_pas { background: none repeat scroll 0 0 #EEEEEC; border-bottom: 1px solid #D9D9D7; border-top: 1px solid #D9D9D7; clear: both; height: 68px; line-height: 68px; padding-left: 60px; }
.szary_pas > span.left { margin-right: 20px; }
.szary_pas > span.right { margin-right: 10px; margin-left: 140px; }
.szary_pas > select { height: auto; }
td.label { width: 105px; }
#box_register td.label { width: auto; }
.floatfix { clear: both; }
a.prodremove { max-width: 10px; min-width: 10px; }
a.prodremove span { min-width: 120px; }
.back { background: none; border: none; color: #717369; font-family: Arial, Helvetica, sans-serif; line-height: 22px; font-size: 16px; font-weight: bold; position: absolute; bottom: 0; cursor: pointer; }
.przerywnik { height: 28px; }
.bottom_box { float: left; width: 292px; }
.bottom_box h4 { color: #717369; font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 16px; font-weight: bold; padding-bottom: 12px; }
.bottom_box.right { width: 384px; }
.bottom_box table { font-size: 16px; }
.bottom_box table input { margin-left: 0; }
.bottom_box table tr td { padding-top: 6px; }
.bottom_box table tr td.value { padding-left: 20px; color: #70a029; font-weight: bold; text-align: right; }
button.order { background-color: transparent; background-image: url("images/button_realizuj.jpg"); background-repeat: no-repeat; border: medium none; bottom: 0; color: #FFFFFF; cursor: pointer; font-family: 'Roboto', sans-serif; font-size: 15px; height: 54px; letter-spacing: 1px; position: absolute; right: 0; text-shadow: 0 -1px 1px #5F5F5F; text-transform: uppercase; width: 211px; }
button.order[disabled="disabled"] { background-position: 0 -54px; cursor: default;  *cursor: auto;
}
.flash_message { background: none repeat scroll 0 0 #FFCC00; border-bottom: 1px solid #665200; border-top: 1px solid #665200; }
.flash_message .container { color: #717369; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 24px; padding-bottom: 12px; text-align: center; }
.flash_message .close { text-align: right; }
.step2_dol { float: left; width: 484px; }
#box_basketfinal .innerbox { font-size: 14px; }
.opcje_kongiguracja > table { margin: 0 auto; }
.box_infopage { min-height: 400px; }
.ptekst_krok0 { /*background: url('images/startowka.png') no-repeat center center;*/ float: left; min-height: 290px; padding-right: 20px; padding-top:60px; width: 740px; text-align: justify;}
.ptekst_krok0 p{line-height: 18px; margin-bottom: 10px; font-size: 12px;}
.ptekst_krok0 a{text-decoration: underline; color: #88BB40;}
.ptekst_krok0 strong{}
#user_lipsum strong, .box_infopage strong{}
#user_lipsum a, .box_infopage a{text-decoration: underline; color: #88BB40;}
#user_lipsum a{color: #88BB40; text-decoration: underline;}
.none { display: none !important; }
body > form { height: 100%; }
#podglad td.centr{vertical-align: middle;}

#subCart {font-size:10px; color:#717369; margin-left: -5px;}
.current{font-weight: bold;}




.shape{
    background: url(images/gradient.png) repeat-x top #89bb40;
    float: right;
    height: 34px;
    overflow: hidden;
}
.cart {
    background: url(images/shape.png) no-repeat left;
    width: 67px;
    height: 34px;
    float:left;
}
.value2{
    background: url(images/shape2.png) no-repeat right;
    height: 34px;
    font-size: 18px;
    color: #fff;
    padding: 0 32px 0 5px;
    float:right;
    font-weight: bold;
    line-height: 34px;
}
.value span {font-size:22px;}

#arrow, #arrow-up{cursor: pointer;}


/*
* partnerzy
*/
.partner_part{float:left;}

#map1{width:20%}
#map2{width:30%}
#map3{width:50%}
#map-canvas{ width: 100%; height:500px;}

#kat_partner ul{list-style: square; list-style-position: inside;}
#kat_partner ul li{font-size: 14px; line-height: 20px; margin-bottom: 5px;}

#map2 ul li{margin-bottom: 10px; line-height:17px;}
#map2 h3{line-height: 24px;}

.saari_visualisation.summary_price {
    width: 685px;
}

.cookiebar-button,a,button {
    transition: background .3s linear,border-color .3s linear,box-shadow .3s linear,color .3s linear,opacity .3s linear,visibility .3s linear
}

.cookiebar-button,.product-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.cookiebar-button,.cookiebar-title {
    text-transform: uppercase
}

.cookiebar-button {
    white-space: nowrap;
    cursor: pointer
}

.cookiebar,.cookiebar--is-open .cookiebar-main {
    display: none
}

.cookiebar,.header {
    left: 0;
    z-index: 1000
}

.cookiebar {
    width: 100%
}

.cookiebar {
    background: #70a029;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.35;
    max-width: 100vw;
    position: fixed;
    opacity: 0.8;
}

.icon,.icon-box {
    position: relative
}

.page--light .cookiebar {
    background: rgba(255,255,255,.8);
    color: #000
}

.cookiebar-button,.cookiebar-button:focus,.cookiebar-button:hover {
    color: #fff;
    text-decoration: none
}

.cookiebar-main {
    font-size: 12px;
    padding: .5rem 0
}

@media screen and (max-width: 479px) {
    .cookiebar-main a,.cookiebar-main span {
        display:block;
        margin: .25em 0;
        text-align: center
    }

    .cookiebar-main a {
        float: left;
        width: 48%
    }

    .cookiebar-main a+a {
        margin-left: 4%
    }
}

.cookiebar-content {
    display: none;
    max-height: 100vh;
    overflow-y: auto;
    padding-top: 10px;
}

.cookiebar--is-open .cookiebar-content {
    display: block
}

.cookiebar-button,.icon {
    display: inline-block;
    vertical-align: middle
}

.cookiebar-title {
    line-height: 1.1;
    margin-bottom: 0;
    font-size: 14px;
}

.cookiebar-subtitle {
    font-size: 14px;
    margin: 0 0 1.5em;
    /*padding: 0 15px 0 15px;*/
}

.cookiebar-button {
    background: 0 0;
    border: none;
    font-weight: inherit;
    line-height: inherit;
    text-align: center;
    user-select: none;
    font-size: 12px;
    margin-left: 1em;
    min-width: 12rem;
    padding: .5em 1em
}

.cookiebar-button--primary {
    background: #2B4A00
}

.cookiebar-button:hover {
    background: #2B4A00
}

.page--light .cookiebar-button--primary {
    background: #fff
}

.page--light .cookiebar-button:hover {
    background: #2B4A00
}

.cookiebar-text {
    padding-bottom: 15px;
}

.cookiebar .container {
    padding: 0 15px 0 15px;
}

#konfiguracja .opcje .info_opcje_pdf {
    float: left;
    padding: 20px 60px 20px 60px;
    width: auto;
}

.info_opcje_pdf a {
    color: #8cc042;
    font-weight: bold;
}

.info_opcje_pdf a:hover {
    color: #b7da85;
}

#konfiguracja .opcje .info_opcje h3.red {
    color: #FF3C3C;
}