.hidden { display: none }
.visible {}
.title{text-indent: -7000px; margin: 0; padding: 0}
.text_title { font-family: Arial; font-weight: normal; font-size: 21px; font-style: italic; color: #606060; padding-left: 3px; padding-bottom: 9px; border-bottom: 5px solid #E7E7E7; }
.text_title span { color: #c0c0c0 }
/* ~~~~~~~~ naglowki ~~~~~~~~ */
#kontakt_formularz{background: url('../cms/title/kontakt.gif') no-repeat; width: 160px; height: 21px; margin-bottom: 20px}
#nasze_publikacje{background: url('../cms/title/nasze_publikacje.gif') no-repeat; width: 154px; height: 24px}
#przedstawiciele_naglowek{background: url('../cms/title/przedstawiciele.gif') no-repeat; width: 264px; height: 24px; margin-left: 15px}
#wykonawcy_naglowek{background: url('../cms/title/wykonawcy.gif') no-repeat; width: 264px; height: 24px; margin-left: 15px}
#producenci_naglowek{background: url('../cms/title/producenci.gif') no-repeat; width: 264px; height: 24px; margin-left: 15px}
#nasze_porady{background: url('/cms/title/porady.gif') no-repeat; width: 538px; height: 30px}
#nasze_nowosci{background: url('/cms/title/nowosci.gif') no-repeat; width: 538px; height: 30px}
#aktualne_promocje{background: url('../cms/title/aktualne_promocje.gif') no-repeat; width: 538px; height: 30px; border-bottom: 5px solid #E7E7E7; }
#wybierz_projekt{background: url('../cms/title/wybierz_projekt.gif') no-repeat; width: 383px; height: 25px; padding-top: 18px; margin-left: 4px}
#projekty_szamb a{display: block; background: url('../cms/title/projekty_szamb.gif') no-repeat; ; padding-top: 18px; margin-left: 4px; overflow: hidden; width: 383px; height: 25px}
#projekty_domow a{display: block; overflow: hidden; background: url('../cms/title/projekty_domow.gif') no-repeat; width: 383px; height: 25px; padding-top: 18px; margin-left: 4px}
#projekty_garazy a{display: block; overflow: hidden; background: url('../cms/title/projekty_garazy.gif') no-repeat; width: 383px; height: 25px; padding-top: 18px; margin-left: 4px}
#nasze_projekty{background: url('../cms/title/nasze_projekty.gif') no-repeat; width: 538px; height: 25px; padding-top: 18px}
#teczka{background: url('../cms/title/teczka.gif') no-repeat; width: 538px; height: 25px; padding-top: 18px}
#dyskusja{background: url('../cms/title/dyskusja.gif') no-repeat; width: 538px; height: 25px; padding-top: 18px}
#garaze{background: url('../cms/title/garaze.gif') no-repeat; width: 124px; height: 21px; padding-top: 18px}
#szamba{background: url('../cms/title/szamba.gif') no-repeat; width: 124px; height: 21px; padding-top: 18px}
#podobne{background: url('../cms/title/podobne.gif') no-repeat; width: 144px; height: 22px}
#dobierz{background: url('../cms/title/dobierz.gif') no-repeat; width: 387px; height: 25px; padding-top: 18px}
.title2{font-weight: normal; color: #3B403B; padding-bottom: 8px}
.title2 img{margin-left: 4px; margin-right: 5px}
#h4_projekt{border-top: 5px solid #E7E7E7;}
#h4_projekt a{font-weight: bold !important}
#h4_projekt img{vertical-align: middle}
/* ~~~~~~~~ gora ~~~~~~~~ */
#top3{width: 760px; height: 82px; background: url('../cms/top3-tlo.jpg') no-repeat}
#top3-domy{width: 760px; height: 82px; background: url('../cms/top3-tlo-domy.jpg') no-repeat}
#top3-szamba{width: 760px; height: 82px; background: url('../cms/top3-tlo-szamba.jpg') no-repeat}
#top3-garaze{width: 760px; height: 82px; background: url('../cms/top3-tlo-garaze.jpg') no-repeat}
#kontakt_small {float: right; width: 140px; height: 70px; padding-left: 19px; padding-top:12px; background: url('../cms/top3-katalog.gif') no-repeat; }
#kontakt_small a{font-weight: bold; text-decoration: underline; display: block}
#kontakt_small a:hover{text-decoration: none}
#kontakt_small span{color: white;}
.box_top{width: 184px; height: 13px; background: url('../cms/box-top.gif') no-repeat; float: left}
/* ~~~~~~~~ prawa ~~~~~~~~ */
#prawa{width: 129px; float: left; margin-top: 5px}
#pdf{width: 147px; font-size: 10px; line-height: 10px; float: left; clear: both; padding-top: 10px; padding-bottom: 10px; margin-top: 5px; background-color: #FFFFFF; position: relative; border: 1px solid #E7E7E7; }
#pdf img{display: block; margin-left: 20px}
#pdf p{margin: 0; padding: 0; margin-left: 25px; margin-right: 25px; margin-top: 4px}
#pdf a{color: #F8040A; text-decoration: underline}
#pdf a:hover{text-decoration: none}
.box_prawa{width: 132px; font-size: 10px; padding-right: 15px; line-height: 13px; float: left; clear: both; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; background-color: #FFFFFF; position: relative; border: 1px solid #E7E7E7; }
.box_prawa img{float: left}
.box_prawa p{margin: 0; padding: 0; margin-left: 25px; margin-right: 25px; margin-top: 4px}
.box_prawa a{color: #383838; line-height: 12px;}
.box_prawa em{color: #9E047F; font-size: 11px; font-weight: bold; font-style: normal; display: block; padding-top: 2px}
.box_prawa strong{display: block}
.box_prawa ul{margin: 0; margin-top: 20px; padding: 0; margin-left: 15px; list-style-type: none}
.box_prawa li{float: left; color: #B7B7B7; font-size: 11px; background: url('../cms/projekt-li.gif') no-repeat; padding-top: 5px; padding-left: 20px; height: 19px; width: 100px; }
.box_prawa ul a{color: #3B403B; width: 100px; display: block; text-decoration: none}
.box_prawa ul a:hover{color: #AA0082}
.box_prawa h3{border-bottom: 5px solid #E7E7E7; margin-left: 15px; padding-bottom: 15px; margin-top: 19px; margin-bottom: 4px; font-size: 22px}
.box_prawa h3 span {color: #ad008b}
.prawa_border{width: 4px; height: 76px; background: url('../cms/right.gif') no-repeat; position: absolute; top: -14px; right: -4px; _right: -5px}
.box_ikonki {width: 132px; font-size: 11px; padding-right: 15px; line-height: 13px; float: left; clear: both; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; background-color: #FFFFFF; position: relative; border: 1px solid #E7E7E7; }
.box_ikonki img {float: left; margin-right: 10px}
.box_ikonki li {height: 70px; background: url('../cms/skroty-tlo.gif') no-repeat 0 55px; }
.box_ikonki ul {list-style: none; margin: 0; margin-left: 10px; margin-top: 5px; color: #b8b6b7}
.box_ikonki a strong {color: #ad008b}
.box_ikonki a:hover {color: #ad008b}
.box_pobierz {float: left; margin-left: 10px; margin-top: 20px }
.box_pobierz a { color: #ad008b; text-decoration: underline }
#nextprev { height: 20px; text-align: center; margin-top: 5px; border-bottom: 1px solid #E7E7E7; }
#nextprev a {margin-left: 15px; font-size: 10px; font-weight: normal; text-decoration: none;color: silver;}
#nextprev a:hover {color: #9E047F}
/* ~~~~~~~~ lewa ~~~~~~~~ */
#lewa{float: left; width: 188px }
#projekty{width:182px; height:175px; float: left; list-style-type: none; background: url('../cms/fiolet.png') no-repeat 0px -35px;}
#projekty a.a1 {height: 50px; margin-top: -30px}
#prawa .box{width: 147px; float: left; clear: both; padding-top: 7px; padding-bottom: 7px; margin-top: 5px; margin-bottom: 0px; background-color: #FFFFFF; position: relative; border: 1px solid #E7E7E7; }
#prawa .box h3{margin-left: 0px}
.zzbox ul a{background: url('../cms/box-ul.gif') no-repeat; padding-top: 6px; padding-bottom: 6px; display: block; width: 140px}
#wyszukaj_form{float: left; padding-left: 10px}
#wyszukaj_form select{width: 160px; height: 17px; font-size: 10px; border-top: 1px solid #7B7B7B; border-left: 1px solid #7B7B7B; border-bottom: 1px solid #F6F6F6}
#wyszukaj_form label{float: left; margin-top: 7px}
#wyszukaj_form span{font-size: 9px}
#wyszukaj_form label span{font-size: 9px; display: block; padding-bottom: 4px}
.wyszukaj_input{width: 160px; height: 17px; font-size: 10px; border-top: 1px solid #7B7B7B; border-left: 1px solid #7B7B7B; border-bottom: 1px solid #F6F6F6}
.wyszukaj_input_small{width: 44px; height: 17px; font-size: 10px; border-top: 1px solid #7B7B7B; border-left: 1px solid #7B7B7B; border-bottom: 1px solid #F6F6F6; margin-left:2px; margin-right: 5px;}
#szukaj{margin-top: 10px; float: left; margin-left: 100px}
/* ~~~~~~~~ srodek ~~~~~~~~ */
#srodek{float: left; width: 419px; margin-top: 5px; color: #3B403B; line-height: 15px}
#srodek a{color: #9E047F; text-decoration: underline}
#srodek a:hover{text-decoration:none}
#srodek p{margin-top: 5px; margin-bottom: 5px; padding:0; clear: both}
.box2{width: 387px; float: left; padding-top: 10px; padding-left: 25px; padding-bottom: 10px; background-color: #FFFFFF; position: relative; border: 1px solid #E7E7E7;}
.box2 h4{clear: both; border-top: 4px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 10px }
#srodek ul{float: left; clear: both; margin:0; padding: 0; list-style-type: none; margin-left: 10px; margin-top: 10px; margin-bottom: 10px}
#srodek li{clear: both;width: 90%; background: url('../cms/bink.gif') no-repeat; padding-left: 13px}
/*.text {margin-right: 25px}*/
/* ~~~~~~~~ srodek 100% ~~~~~~~~ */
#srodek_full{ line-height: 18px; color: #394139}
#srodek_full a{color: #9E047F; text-decoration: underline}
#srodek_full a:hover{text-decoration:none}
#srodek_full p{margin-top: 5px; margin-bottom: 5px; padding:0}
#srodek_full ol li {margin:0; padding: 0; list-style-type: decimal; margin-left: 30px}
#srodek_full ul {margin:0; padding: 0; margin-left: 0px}
#srodek_full ul li{background: url('../cms/bink.gif') no-repeat; list-style-type: none; padding-left: 13px; margin-left: 10px}
.box2_full{ padding: 20px 10px; background-color: #fff; position: relative; overflow: hidden; }
.box2_full h4 { margin: 0 0 10px; padding: 7px 0; clear: both; border-top: 5px solid #E6E6DB; border-bottom: 1px solid #E6E6DB; font-weight: bold; }
#paseczek{width: 4px; height: 62px; background: url('../cms/paseczek.gif') no-repeat; position: absolute; top: -14px; right: -6px; _right: -7px}
.bcrmb { line-height: 27px; }
.bcrmb .prnt { float: right; margin: 8px 5px 0 0; }
/* ~~~~~~~~ kontakt ~~~~~~~~ */
#form_kontakt{width: 380px; margin-top: 10px}
#form_kontakt div{height: 32px; padding-top: 0px; width: 380px; clear: both; }
#form_kontakt span{float: right}
#form_kontakt label{float: left; width: 100px; margin-top: 3px}
#form_wyslij{float: right; margin-top: 13px; padding-right: 16px}
#form_kontakt select{width: 200px; height: 23px; padding-top: 3px; font-size: 11px; border: 1px solid #dfdfdf ; }
.form3{float: left; width: 260px; height: 18px; background: #F5F5F5; margin: 0; padding: 0; padding-top: 2px; border-top: 3px solid #EAEAE8; border-left: 2px solid #EAEAE8; border-bottom: 1px solid #ECECEC; border-right: 1px solid #ECECEC}
.form4{float: left; width: 360px; background: #F8F8F6; margin: 0 10; padding: 0; border-top: 3px solid #EAEAE8; border-left: 2px solid #EAEAE8; border-bottom: 1px solid #ECECEC; border-right: 1px solid #ECECEC}
.defaultTextActive {color: #808080; }
textarea.form4 { font-family: Tahoma; font-size: 11px; padding: 3px}
.form3, .form4 { /*border: 1px solid #7f9db9 }*/
border: 1px solid #dfdfdf !important;
font-size: 11px !important;
}
/* ~~~~~~~~ wspolpraca ~~~~~~~~ */
.wspolpraca{float: right; width: 383px; height: 165px; }
.wspolpraca h5{color: #B2008F; margin-top: 20px; margin-left: 7px}
.wspolpraca p{color: #717171; margin-left: 7px; width: 145px; padding-top: 16px}
.wspolpraca_lista{float: right !important; width: 383px; margin-left: 0px !important; margin-bottom: 25px !important}
.wspolpraca_lista li{background: none !important; float: left; width: 350px; padding-left: 8px !important}
.wspolpraca_lista a{cursor: pointer; color: #373737 !important; background: url('../cms/wspolpraca-on.gif') no-repeat !important; text-decoration: none !important; width: 339px; font-weight: bold; display: block; border-bottom: 1px solid #F3F3F3; padding-top: 4px; padding-bottom: 4px}
.wspolpraca_lista a:hover{color: #B2008F !important; }
.wspolpraca_lista div.opis{color: #717171; width: 140px; float: left}
.wspolpraca_lista div.adres{margin: 0; padding:0; color: #717171; float: left; padding-left: 15px; border-left: 1px solid #F3F3F3; width: 140px; margin-left: 15px}
.wspolpraca_lista div.adres a{width: 110px !important; padding: 0 !important; font-weight: normal !important; border: none !important}
.wspolpraca_lista h6{clear: both; margin: 0; padding: 0; border-top: 1px solid #F3F3F3; margin-top: 5px}
a.activ{background: url('../cms/wspolpraca-off.gif') no-repeat !important;color: #B2008F !important; border-bottom: none !important}
#przedstawiciele{background: url('../cms/przedstawiciele.jpg') no-repeat}
#wykonawcy{background: url('../cms/wykonawcy.jpg') no-repeat}
#producenci{background: url('../cms/producenci.jpg') no-repeat}
/* ~~~~~~~~ promocja ~~~~~~~~ */
#promocje { margin-top: 5px; }
#promocje .box2_full { border-bottom: none; }
.promocja { margin: 0; float: left; width: 281px; height: 138px; background: url('../cms/promocja.gif') no-repeat; }
.prom1 {margin-right: 4px }
.promocja h4{margin: 6px 0 0 3px; font-weight: bold; color: #e7e7e7; font-size: 11px; border: none; white-space: nowrap; overflow: hidden; width: 70px;}
.promocja h5{margin: 8px 0 6px 3px; font-weight: normal; color: #323232; font-size: 11px; border: none; }
.promocja p{margin:0;padding:0; margin-top: 5px; margin-bottom: 18px}
.promocja img {float: left; margin-top: 6px; margin-right: 12px; margin-left: 36px; width: 163px; height: 104px; background-color: white;}
.promocja a.wiecej {display: block; margin: 12px 2px 20px 215px; width: 53px; height: 19px; background: url('../cms/wiecej_small2.gif');}
.promocja h5.stara_cena, .stara_cena { font-size: 11px; text-decoration: line-through; color: gray; }
.promocja h5.nowa_cena, .nowa_cena { font-size: 12px; color: #B2008F; }
/* ~~~~~~~~ porady ~~~~~~~~ */
#znaleziono{margin-top: 6px; margin-bottom: 10px; border-bottom: 1px solid #E7E7E7; padding-bottom: 8px}
#znaleziono div{margin-left: 0px}
#znaleziono div.ikonki {float: right; margin-left: 0; margin-right: 20px}
#znaleziono div.ikonki img { margin-left: 5px }
#znaleziono a { color: #B6B6B6; margin-right: 7px; }
#znaleziono a.current {color: #F8F8F8; background-color: #B6B6B6; font-weight: bold; text-decoration: none}
.porada{clear: both; color: #3B403B; border-bottom: 3px solid #E7E7E7; padding-bottom: 10px; margin-bottom: 20px; margin-right: 30px}
.porada p{margin-top: 5px; margin-bottom: 8px; padding: 0; width: 600px; float: left}
.porada h5{clear: both; color: #B6B6B6; font-size: 9px; font-weight: normal}
.porada img.miniaturka {float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #e7e7e7;}
.porada h3 a{color: #3B403B !important; text-decoration: none !important; font-weight: bold}
.porada h2{clear: both; color: #B2008F !important; font-size: 12px; font-weight: normal}
.poradnik{clear: both; color: #3B403B; border-bottom: 3px solid #E7E7E7; padding-bottom: 10px; margin-bottom: 10px; margin-right: 30px}
.poradnik h3{font-size: 12px; color: #B2008F; font-weight: bold !important; text-decoration: none !important}
.poradnik h5{clear: both; color: #B6B6B6; font-size:11px; font-weight: normal}
.poradnik p{margin-top: 10px !important; margin-bottom: 10px !important}
/* ~~~~~~~~ projekty ~~~~~~~~ */
.projekt{width: 385px; height: 155px; /* 202px */ float: left; margin-top: 5px; margin-bottom: 5px; background: url('../cms/projekt.gif') no-repeat;background-color: #FFFFFF; position: relative}
.projekt h4{margin-top: 20px; margin-bottom: 11px; font-weight: normal; color: #FFFFFF}
.projekt h5{margin-left: 4px;display: block; float: left; width: 170px; margin-bottom: 11px; font-weight: normal; color: #323232}
.projekt h6{margin-left: 4px; display: block; float: left; margin-bottom: 11px; width: 170px; margin-top: 5px; font-weight: normal; color: #FFFFFF}
.projekt span{float: left}
.projekt em{float: left; width: 80px; font-style: normal}
.projekt p{clear: none !important; float: left; width: 160px; color: #717171; margin:0;padding:0; margin-top: 9px; margin-bottom: 18px}
.projekt p strong{display: block; color: #191919; margin-bottom: 4px}
.p_img{float: left; width: 176px; height: 122px; margin-top: 7px; margin-right: 14px; margin-bottom: 20px; margin-left: 8px}
.p_img2{float: left; width: 176px; margin-top: 7px; margin-right: 14px; margin-bottom: 20px; margin-left: 8px}
.pod_img{float: left; width: 144px; height: 92px; margin-top: 7px; margin-right: 14px; margin-bottom: 20px; margin-left: 8px}
.p_wiecej{position: absolute; top: 157px}
.p_teczka{position: absolute; top: 157px; left: 65px}
#p1{margin-right: 8px}
.naglowek{color: #B2008F; margin-left: 20px; margin-bottom: 10px}
.projekt_full .left {float: left; margin-bottom: 20px }
.projekt_full ul{margin: 0 !important; padding: 0 !important; margin-bottom: 22px !important;float: left; clear: none !important; width: 150px; }
.projekt_full li{display: block; width: 150px !important; height: 20px; color: #323232; padding-top: 3px;}
.projekt_full ul {display: none}
.pl1{background: #BB51A6 !important; color: #FFFFFF !important}
.pl2{background: #DEDEDE !important}
.pl3{background: #EBEBEB !important}
.pl4{background: #F8F8F8 !important}
.pl5{background: #E9E9E9 !important}
.pl6{background: #F3F3F3 !important}
.pl7{background: #FBFBFB !important}
.pr1{background: #9E047F !important; color: #FFFFFF !important}
.pr2{background: #D0D0D0 !important}
.pr3{background: #E3E3E3 !important}
.pr4{background: #F5F5F5 !important}
.pr5{background: #E0E0E0 !important}
.pr6{background: #EDEDED !important}
.pr7{background: #F9F9F9 !important}
.p_opis{position: relative; margin-top: 20px; padding-right: 40px;margin-left: 6px; padding-top: 16px; padding-bottom: 50px; width: 341px; _width: 335px; float: left; background: url('../cms/opis_tlo.jpg') no-repeat; background-position: top right}
.p_opis h3{color: #868686; font-weight: normal; padding-top: 10px; padding-left: 25px; position: absolute; left: -31px; _left: -37px; bottom: -5px; background: #F8F8F8; border-bottom: 1px solid #E7E7E7; height: 25px; width: 387px}
/* lista projektow (domy) */
.lista{ position: relative; margin-top: 20px; }
.lista ul{margin: 0 !important; padding: 0 !important; }
.lista li{float:left; color: #323232; padding: 5px 0 0 !important; text-align: center; margin-left:0 !important}
.lista_img{width: 188px; height: 138px; float: left; background: url('../cms/lista-img.gif') no-repeat;}
.lista_img img{float:left; width: 176px; margin-left: 7px; margin-top: 6px; }
.lista_opis{float: left; width: 350px; background: url('../cms/lista-tlo.jpg') no-repeat; background-position: top right}
.lista_opis p{float: left; width: 170px; margin-left: 15px; margin-top: 10px; color: #717171}
.lista_opis strong{display:block; padding-bottom: 4px; color: #191919}
.lista_opis img{margin-top: 20px}
.lista_opis a.opinie {float: right; margin-bottom: -10px; margin-top: 10px; margin-right: 30px; padding-left: 8px; font-weight: bold; background: url(../cms/bink4.gif) no-repeat 0px 3px; text-decoration: none !important;}
.la{background: #AD008B !important; color: #FFFFFF !important; height: 36px}
.lb{background: #DCDCDC !important; color: #181818 !important; height: 16px}
.szamba .la { height: 16px !important }
.ba {border-right: 1px solid #BF3BA3}
.bb {border-right: 1px solid #E3E3E3}
.w1d {width: 60px}
.w2d {width: 55px}
.w3d {width: 55px}
.w4d {width: 83px}
.w5d {width: 93px}
.w1 {width: 90px}
.w2 {width: 81px}
.w3 {width: 81px}
.w4 {width: 95px}
.lista_a{color: #B6B6B6 !mportant}
.p_promocja {position: relative}
.p_promocja a{
width: 120px; height: 117px;
display: block; position: absolute;top: 11px; left: 5px; text-indent: -9999px; overflow: hidden;
background: url('../cms/p_promocja.gif') no-repeat;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
.p_nowosc {position: relative}
.p_nowosc a{
width: 120px; height: 117px;
display: block; position: absolute;top: 12px; left: 5px; text-indent: -9999px; overflow: hidden;
background: url('../cms/p_nowosc.gif') no-repeat;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
/* garaze */
.projektg{width: 385px; float: left; margin-top: 5px; margin-bottom: 25px; background: url('../cms/projekt.gif') no-repeat;background-color: #FFFFFF; position: relative}
.projektg h4{margin-top: 20px; margin-bottom: 11px; font-weight: normal; color: #FFFFFF}
.projektg h5{margin-left: 4px;display: block; float: left; width: 170px; margin-bottom: 11px; font-weight: normal; color: #323232}
.projektg h6{margin-left: 4px; display: block; float: left; margin-bottom: 11px; width: 170px; margin-top: 5px; font-weight: normal; color: #FFFFFF}
.projektg span{float: left}
.projektg em{float: left; width: 80px; font-style: normal}
.projektg p{clear: none !important; float: left; width: 160px; color: #717171; margin:0;padding:0; margin-top: 9px; margin-bottom: 18px}
.projektg p strong{display: block; color: #191919; margin-bottom: 4px}
.projekty_pdf{position: absolute; left: -180px; top: 80px; float: left; vertical-align: middle; background: url('../cms/ico_pdf.gif') no-repeat left; width: 100px; padding-left: 40px; margin-top: 0px}
.szamba .projekty_pdf { top: 100px }
.projekty_pdf a{color: #383838 !important; font-size: 10px; text-decoration: none !important; padding-bottom: 2px; padding-top: 2px; display: block; border-bottom: 1px solid #E6E6E6}
.projekty_pdf h5{color: #E3000B; font-weight: bold; margin-top: 1px}
.projekty_pdf a:hover{color: #B2008F !important}
/* podwarianty */
.podwarianty{width: 385px; min-height: 200px; _height: 200px; /* 202px */ float: left; margin-top: 5px; margin-bottom: 5px; background: url('../cms/podwariant.gif') no-repeat;background-color: #FFFFFF; position: relative}
.podwarianty h4{margin-top: 20px; margin-bottom: 11px; font-weight: normal; color: #FFFFFF}
.podwarianty h5{margin-left: 4px;display: block; float: left; width: 200px; margin-bottom: 11px; font-weight: normal; color: #323232}
.podwarianty h6{margin-left: 4px; display: block; float: left; width: 200px; margin-bottom: 11px; margin-top: 5px; font-weight: normal; color: #FFFFFF}
.podwarianty span{float: left}
.podwarianty em{float: left; width: 105px; font-style: normal}
.podwarianty p{clear: none !important; float: right; width: 200px; color: #717171; margin:0;padding:0; margin-right: 15px}
.podwarianty p strong{display: block; color: #191919; margin-bottom: 4px}
.podwarianty_promocja {position: relative}
.podwarianty_promocja a{
width: 106px; height: 103px;
display: block; position: absolute;top: 2px; left: 2px; text-indent: -9999px; overflow: hidden;
background: url('../cms/promocja2.png') no-repeat; _background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cms/promocja2.png', sizingMethod='scale'); /* IE fix */
}
.pod_wiecej{position: absolute; top: 120px; left: 35px}
/* ~~~~~~~~ sortowanie ~~~~~~~~ */
.strony{height: 25px}
.strony a{color: #191919 !important; text-decoration: none !important; margin-right: 4px}
.strony a:hover{color: #9E047F !important}
/* ~~~~~~~~ zamow ~~~~~~~~ */
#zamowienie h4 { font-size: 14px; color:#9E047F; font-weight: bold; clear: both }
#zamowienie .gray { color: gray }
#zamowienie .gray a { color: gray; text-decoration: none; font-weight: bold }
.zmiany p{width: 25px !important; float: left;}
.zmiany h3{color:#0;margin-left: 0px; font-size: 11px; font-weight: normal; clear: both; padding-top: 5px; height: 20px; _height: 30px;}
.zmiany div strong{color:#9E047F}
.zmiany div{clear: both; padding-top: 5px; _padding-top: 6px; margin-right: 30px}
.zmiany div p{margin: 0 !important; padding: 0}
.zmiany div input{ margin-top: 3px; _margin-top: 0px}
.zmiany h5{float: left; font-weight: normal; width: 310px}
/* ~~~~~~~~ dobierz projekt ~~~~~~~~ */
#filtr_back{background: url('../cms/filtr_back.gif') no-repeat; width: 383px; height: 120px; float: right}
/* ~~~~~~~~ footer ~~~~~~~~ */
#biuletyn { float: left; width: 150px; height: 61px; background: url('../cms/biuletyn.gif'); margin-top: 4px; }
#biuletyn input { margin: 27px 0 0 10px; }
.widoki a {
display: block;
margin: 30px 0;
}
#srodek_full h4 a.trail { text-decoration: none; color: #3B403B; font-weight: bold;}
.zamowienia td { padding: 2px }
table.kosztorysy td:first-child + td { text-align: right; width: 100px }
table.kosztorysy tr.razem td { padding-top: 10px; font-weight: bold }
table.kosztorysy tr.data td { padding-top: 10px; color: #808080 }
#srodek_full strong, #srodek_full b { font-weight: bold; }
#srodek_full em, #srodek_full i { font-style: italic; }
input.order-button {
float: right;
margin-right: 50px;
margin-bottom: 30px;
margin-top: 60px;
padding: 5px 20px;
border: none;
background-color: #CA1D61;
color: white;
font-size: 18px;
cursor: pointer
}
input.order-button:hover {
opacity: 0.75
}