/*reset*/

.container 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;  background: transparent;} 

/*vertical-align: middle; */

.container ol, ul {list-style: none;}

.container fieldset {border: 0;}

.container object {display: block;}

/*.container table {border-collapse: collapse; border-spacing: 0;}*/ 

.container img {display: block; border: none;}

.container input { outline: none;}



/* linki */

.container a { text-decoration: none; font-family: Tahoma, Verdana, sans-serif; font-size: 1em; font-weight: 600; letter-spacing: 0px; color: #b7c3c3;}

.container a:visited {}

.container a:hover {}

.container a:active {}



/*domyslne wartosci*/

.container { width: 632px; margin: 0 auto; padding: 0; background: url(../images/bg.jpg) top left repeat-y; overflow: hidden;  font: 10px Verdana, Arial, sans-serif; color: #303030;}

.container h3 { font-family: Georgia, Times New Roman, Times, serif; font-size: 1.7em; font-weight: 100; color: #5ba69c; margin: 0px;}

.container h2 { font-family: Cambria, Constantia, Georgia, serif; font-size: 1.8em; color: #956FB0; font-weight: 500; letter-spacing: 0px; margin: 0;}

.container p { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.2em; letter-spacing: 0px; color: #59595b;}

a span { cursor: pointer;}



.left { float: left!important;}

.right { float: right!important;}



#top_bg { background: url(../images/bg_top.jpg) top left no-repeat;}

#btm_bg { background: url(../images/bg_btm.jpg) bottom left no-repeat; overflow: hidden;}

#containerHolder { padding: 20px 0; overflow: hidden; width:570px; margin:0 auto;}



/*div oferta*/

#oferta {border-bottom: 2px dotted #c5b7d6; float: left;}

#oferta h2 { padding: 0 200px 10px 0;}

#oferta h4 { font-family: Cambria, Constantia, Georgia, serif; font-size: 2em; color: #956FB0; font-weight: 900; letter-spacing: 0px; margin: 0; color:#dc8537; text-align:center; padding: 0 0 10px 0;}

#oferta p#inspiracje { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.2em; color: #46C1C4; padding-bottom: 12px; letter-spacing: 0px;}

#ofertaLista { width: 570px; padding: 20px 0; float: left;}

#oferta ul { hidden; float: right; width: 530px;}

#oferta ul li { float: left;}

#oferta ul li p { float: left; font-family: Georgia, Cambria, Constantia, serif; font-size: 1em; font-weight: bold; color: #5ba69c; text-align:left; padding-right: 60px;}

#producent p { line-height: 1.2em;}

#wykonawca p { line-height: 2em;}

#producent { }

#projektant { margin-left: 59px; margin-top: 10px;}

#wykonawca { margin-left: 60px; margin-top: 12px;}

#producent a { display: block; width: 67px; position: relative;}

#producent a span { display: block; width: 41px; height: 49px; position: absolute; top: -38px; left: 80px; background: url(../images/pdf-fiolet.gif) no-repeat;}

#projektant a { display: block; width: 67px; position: relative;}

#projektant a span { display: block; width: 41px; height: 50px; position: absolute; top: -38px; left: 80px; background: url(../images/pdf-zielony.gif) no-repeat;}

#wykonawca a { display: block; width: 67px; position: relative;}

#wykonawca a span { display: block; width: 42px; height: 50px; position: absolute; top: -35px; left: 80px; background: url(../images/pdf-niebieski.gif) no-repeat;}



/* div abonament */

#abonament { float: left;}

#abonament h2 { padding: 20px 0;}

#abonament ul { margin-bottom: 20px; overflow: hidden;}

#abonament ul li { float: left; margin-left: 22px;}

#abonament ul #basic { margin-left: 0px;}

#abonament ul #basic a { display: block; width: 95px; height: 82px; position: relative;}

#abonament ul #basic a span { display: block; width: 95px; height: 82px; position: absolute; top: 0px; left: 0px; background: url(../images/basic.gif) no-repeat;}

#abonament ul #standard a { display: block; width: 96px; height: 82px; position: relative;}

#abonament ul #standard a span { display: block; width: 96px; height: 82px; position: absolute; top: 0px; left: 0px; background: url(../images/standard.gif) no-repeat;}

#abonament ul #plus a { display: block; width: 96px; height: 82px; position: relative;}

#abonament ul #plus a span { display: block; width: 96px; height: 82px; position: absolute; top: 0px; left: 0px; background: url(../images/plus.gif) no-repeat;}

#abonament ul #premium a { display: block; width: 96px; height: 82px; position: relative;}

#abonament ul #premium a span { display: block; width: 96px; height: 82px; position: absolute; top: 0px; left: 0px; background: url(../images/premium.gif) no-repeat;}

#abonament ul #individual a { display: block; width: 95px; height: 82px; position: relative;}

#abonament ul #individual a span { display: block; width: 95px; height: 82px; position: absolute; top: 0px; left: 0px; background: url(../images/individual.gif) no-repeat;}

#abonament p { text-align: center; padding-bottom: 15px; border-bottom: 2px dotted #c5b7d6; width: 560px;}

#abonament p a { font-size: 0.8em; margin: 0 auto;}

#abonament ul #projektanci { padding-right: 23px}

#abonament ul #projektanci a { display: block; width: 96px; height: 82px; position: relative;}

#abonament ul #projektanci a span { display: block; width: 96px; height: 82px; position: absolute; top: 0px; left: 0px; background: url(../images/projektant.gif) no-repeat;}

#abonament ul #wykonawcy { padding-left: 23px;}

#abonament ul #wykonawcy a { display: block; width: 97px; height: 82px; position: relative;}

#abonament ul #wykonawcy a span { display: block; width: 97px; height: 82px; position: absolute; top: 0px; left: 0px; background: url(../images/wykonawca.gif) no-repeat;}

#abonament ul#lista2 { margin: 0 160px;}

#abonament ul#lista2 li { margin: 0 0 16px 0;}

#abonament ul#info {float: left; padding-bottom: 20px; text-align: center; width: 270px; margin: 0;}

#abonament ul#info li { margin: 0; padding-left:9px}

#abonament #infoHolder { margin: 0 auto; width: 290px; overflow: hidden;}



#abonament {border-bottom: 2px dotted #c5b7d6;}



/* reklama banerowa */

#reklama { float: left;}

#reklama h2 { padding: 20px 0;}

lista-reklam ul { float: left;}



.photo { float: left;}

.photo img { margin: 20px 20px 20px 0; height: 109px;}

.opis h3 { padding: 20px 0px;}

.opis { height: 150px; width: 350px; float: left;}

.opis p { line-height: 1.2em; text-align: left; }

span.kolor { color: #5ba69c; padding-left: 5px;}

li.reklama { float: left; border-bottom: 2px dotted #c5b7d6;}



/*kontakt*/

#kontakt { overflow: hidden; clear: left;}

#kontakt h2 { margin: 20px 0 12px 0;}

#kontakt span { color: #dc8537;}

#kontakt p { text-align: center; }

#logo { display:block; width: 60px; height: 60px; position: relative; margin: 33px 45%;}

#logo span { display:block; width: 60px; height: 60px; position: absolute; top: 0px; left: 0px; background: url(../images/logo.gif) no-repeat;}



/*PODSTRONA BASIC*/

.basic #containerHolder { width: 610px;}

.basic { overflow: hidden; width: 632px; padding: 0; margin: 0 auto; }

.basic #content { margin-bottom: 10px;}

.basic h4 { margin-left: 10px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.2em; letter-spacing: 0px; color: #59595b; font-weight:normal;}

.basic #content h3 a { font-family: Georgia, Times New Roman, Times, serif; font-size: 1.2em; font-weight: 100; color: #5ba69c;}

.basic #content #formularz fieldset .check a { font-weight: normal; color: #dc8537; }

.basic h2 { font-size: 17px; margin: 10px 0 10px 10px;}

.basic h3 { margin: 10px 0 10px 10px;}

.basic #formularz { margin: 10px 0 0 10px; width: 354px; overflow: hidden;}

.basic #formularz ul {width: 354px;}

.basic #formularz ul li { margin-bottom: 10px; overflow: hidden;}

.basic #formularz ul li #nip { margin-bottom: 20px;}

.basic #formularz ul li label { float: left; width: 166px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.2em; letter-spacing: 0px; color: #59595b; font-weight:normal;}

.basic #formularz ul li input { border: 1px solid #dcdcde; padding: 2px; width: 174px; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; color: #59595b;}

.basic #formularz .submit { width:54px; height: 28px; float: right; margin-top: 30px; margin-right: 5px; }

.basic #formularz .check input { margin-right: 12px;}

.basic #obrazek { width: 101px; height: 415px; background: #dedede url(../images/bottom-basic.gif) bottom left no-repeat; float: left; margin: 10px 10px 0 15px; }

.basic #obrazek a { display: block; position: relative; width: 101px; height: 86px; }

.basic #obrazek a span { cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 101px; height: 86px; background: url(../images/pasek-basic.jpg) top left no-repeat;}



/*PODSTRONA STANDARD*/

.standard #obrazek { background: #e7f3ee url(../images/bottom-standard.gif) bottom left no-repeat;}

.standard #obrazek a span { background: url(../images/pasek-standard.gif);}



/*PODSTRONA PLUS*/

.plus #obrazek { background: #d7e5db url(../images/bottom-plus.gif) bottom left no-repeat;}

.plus #obrazek a span { background: url(../images/pasek-plus.gif);}



/*PODSTRONA PREMIUM*/

.premium #obrazek { background: #d6e0ea url(../images/bottom-premium.gif) bottom left no-repeat;}

.premium #obrazek a span { background: url(../images/pasek-premium.gif);}



/*PODSTRONA INDIVIDUAL*/

.individual #obrazek { background: #e8e4ed url(../images/bottom-individual.gif) bottom left no-repeat;}

.individual #obrazek a span { background: url(../images/pasek-individual.gif);}



/*PODSTRONA PROJEKTANT*/

designer #obrazek { background: #d7e5db url(../images/bottom-projektant.gif) bottom left no-repeat;}

designer #obrazek a span { background: url(../images/pasek-projektant.gif);}

designer #formularz .radio input { margin-left: 12px;}

designer #formularz .radio label { margin-left: 7px;}

designer #formularz .radio { margin: -15px 0 10px 0;}

designer #formularz .submit { margin-top: 15px;}



/*PODSTRONA WYKONAWCA*/

creator #obrazek { background: #d7e5db url(../images/bottom-wykonawca.gif) bottom left no-repeat;}

creator #obrazek a span { background: url(../images/pasek-wykonawca.gif);}



/*PODSTRONA PROJEKTANT TABELA*/

.projektant-tabela { overflow: hidden;}

.projektant-tabela #tabela { overflow: hidden; padding-bottom: 25px; border-bottom: 2px dotted #c5b7d6; float: left;}

.projektant-tabela #opis-abonamentu h2 { margin: 0 0 7px 0;}

.projektant-tabela #opis-abonamentu p { margin-bottom: 18px; text-align: justify;}

.projektant-tabela #opis-abonamentu { border-bottom: 2px dotted #c5b7d6;}

.projektant-tabela #co-zyskujesz h2 { margin: 0 0 7px 0;}

.projektant-tabela #co-zyskujesz p { margin-bottom: 35px;}

.projektant-tabela #tabela table tr { height: 23px;}

.projektant-tabela #tabela table { font: 12px/15px Tahoma, Verdana, Arial, sans-serif;color: #272525;}

.projektant-tabela #tabela #t1 { width: 256px; float: left; margin-top: 22px;}

.projektant-tabela #tabela #t1 tr td { padding-right: 5px;}

.projektant-tabela #tabela #t1 tr td.c1 { background: #f6f6f6; width: 256px; text-align: right;}

.projektant-tabela #tabela #t1 tr td.c1.a { background: none;}

.projektant-tabela #tabela #t1 tr td.last { height: 71px; background: none; } 

.projektant-tabela #tabela #t2 { width: 100px; margin-left: 7px; margin-top: 22px; float: left;}

.projektant-tabela #tabela #t2 tr td.c2 { background: #b6cec4; width: 100px; text-align: center;}

.projektant-tabela #tabela #t2 tr td.c2.a { background: #d7e5db;}

.projektant-tabela #tabela #t2 tr td.c2.last { overflow: hidden;  background: #fff;}

.projektant-tabela #tabela #t2 tr td.c2.last a { display: block; position: relative; width: 100px; height: 69px;}

.projektant-tabela #tabela #t2 tr td.c2.last a span { cursor: pointer; display: block; position: absolute; top: 0px; left: 0px; width: 100px; height: 69px; background:  url(../images/zamow_teraz.jpg) no-repeat;}

.projektant-tabela #obrazek { width: 145px; height: 82px;  float: left; margin: 22px 0 0 60px; overflow: hidden;}

.projektant-tabela #obrazek a { display: block; width: 96px; height: 82px; position: relative;}

.projektant-tabela #obrazek a span { cursor: pointer; display: block; width: 96px; height: 82px; position: absolute; top: 0; left: 0; background: url(../images/projektant.gif) top left no-repeat;}

.projektant-tabela #co-zyskujesz { float: left; margin-top: 24px; }

.projektant-tabela #co-zyskujesz h2 { }

.projektant-tabela #co-zyskujesz p { font-size: 1em;}

.projektant-tabela #pobierz_pdf p { font-family: Georgia, Cambria, Constantia, serif; font-size: 1em; font-weight: bold; color: #5ba69c; text-align: right; padding-right: 60px;}

.projektant-tabela #pobierz_pdf a { display: block; width: 67px; position: relative;}

.projektant-tabela #pobierz_pdf a span { cursor: pointer; display: block; width: 41px; height: 50px; position: absolute; top: -38px; left: 80px; background: url(../images/pdf-zielony.gif) no-repeat;}

.projektant-tabela #pobierz_pdf { float: right; margin-top: 47px;}



/*PODSTRONA WYKONAWCA TABELA*/

.wykonawca-tabela #tabela #t1 tr td.c1 { background: #f7f7f8;}

.wykonawca-tabela #tabela #t1 tr td.last { background: none; } 

.wykonawca-tabela #tabela #t2 tr td.c2 { background: #c9d6e7;}  

.wykonawca-tabela #tabela #t2 tr td.c2.a { background: #e1e8f2;}

.wykonawca-tabela #tabela #t2 tr td.c2.last a span { background: url(../images/wykonawca_zamow_teraz.jpg);}

.wykonawca-tabela #pobierz_pdf a span { background: url(../images/pdf-niebieski.gif); height: 49px;}

.wykonawca-tabela #obrazek a span { background: url(../images/wykonawca.gif);}



/*PODSTRONA PORĂ“WNANIE TABELA*/

.porownanie #tabela #t1 { width: 549px; float: right;}

.porownanie #tabela #t1 tr { height: 100%;}

.porownanie #tabela #t1 tr.blank { height: 23px;}

.porownanie #tabela #t1 tr td { padding: 0px;}

.porownanie #tabela #t1 tr.first td.c2 { height: 56px; background: url(../images/t1_top_basic.jpg) top left no-repeat;}

.porownanie #tabela #t1 tr.first td.c3 {  height: 56px; background: url(../images/t1_top_standard.jpg) top left no-repeat;}

.porownanie #tabela #t1 tr.first td.c4 {  height: 56px; background: url(../images/t1_top_plus.jpg) top left no-repeat;}

.porownanie #tabela #t1 tr.first td.c5 { height: 56px; background: url(../images/t1_top_premium.jpg) top left no-repeat;}

.porownanie #tabela #t1 tr.first td.c6 {  height: 56px; background: url(../images/t1_top_individual.jpg) top left no-repeat;}

.porownanie #tabela #t1 tr td.c2, .c3, .c4, .c5, .c6 { text-align: center; }

.porownanie #tabela #t1 tr.a td.c1 { background: #e7f3ee;}

.porownanie #tabela #t1 tr td.c1 { background: #fff;}

.porownanie #tabela #t1 tr td.c1 { padding: 5px; text-align: right;}

.porownanie #tabela #t1 tr.a td.c2 { background: #b9b9b9; width: 57px;} 

.porownanie #tabela #t1 tr td.c2 { background: #dedede;}

.porownanie #tabela #t1 tr.a td.c3 { background: #c2e0d6; width: 57px;}

.porownanie #tabela #t1 tr td.c3 { background: #e8f3ee;}

.porownanie #tabela #t1 tr.a td.c4 { background: #b6cec4; width: 57px;}

.porownanie #tabela #t1 tr td.c4 { background: #d7e5db;}

.porownanie #tabela #t1 tr.a td.c5 { background: #b6c7da; width: 57px;}

.porownanie #tabela #t1 tr td.c5 { background: #d7e0ea;}

.porownanie #tabela #t1 tr.a td.c6 { background: #d6cede; width: 57px;}

.porownanie #tabela #t1 tr td.c6 { background: #e8e4ed;}

.porownanie #tabela { position: relative; border: none; width: 100%; float: none;}

.porownanie #tabela #oferta_individual { width: 35px; height: 1130px; background: url(../images/indivOffer.png) top left no-repeat; z-index:1000; position: absolute; top: 90px; right:15px;}

.porownanie #pasek { width: 21px; height: 1400px; float: left; /*position: absolute; top:0; left:0;*/}

.porownanie #pasek1 { height: 129px; background: #7ebac0; }

.porownanie #pasek1 .pasek_napis { height: 115px;  background:url(../images/pasek_napis1.gif) 50% 50% no-repeat;}

.porownanie #pasek .pasek_top { height: 7px; background: url(../images/pasek_top.gif) top left no-repeat;}

.porownanie #pasek .pasek_bottom { height: 7px; background: url(../images/pasek_bottom.gif) bottom left no-repeat;}

.porownanie #pasek2 { height: 598px; background: #7ebac0;}

.porownanie #pasek2 .pasek_napis { height: 584px;  background: url(../images/pasek_napis2.gif) 50% 50% no-repeat;}

.porownanie #pasek3 { height: 188px; background: #7ebac0;}

.porownanie #pasek3 .pasek_napis { height: 174px;  background: url(../images/pasek_napis3.gif) 50% 50% no-repeat;}

.porownanie #pasek4 { height: 137px; background: #7ebac0;}

.porownanie #pasek4 .pasek_napis { height: 123px;  background: url(../images/pasek_napis4.gif) 50% 50% no-repeat;}

.porownanie #pasek5 { height: 76px; background: #7ebac0;}

.porownanie #pasek5 .pasek_napis { height: 62px;  background: url(../images/pasek_napis5.gif) 50% 50% no-repeat;}

.porownanie #objasnienia { border-bottom: 2px dotted #c5b7d6;}

.porownanie #objasnienia p { font: 12px tahoma; margin-bottom: 25px; text-align: justify;}

.porownanie #objasnienia p a { font: 12px tahoma; color: #d7843a;}

.porownanie #pobierz_pdf a span { background: url(../images/pdf-fiolet.gif)}

#padding-top { height: 80px;}

.porownanie #padding2 { height: 25px;}

.porownanie #padding3 { height: 25px;}

.porownanie #padding4 { height: 25px;}

.porownanie #padding5 { height: 25px;}



.porownanie .tr_last { height: 80px!important;}

.porownanie .tr_last td {vertical-align: bottom;}







/*PODSTRONA FAKTURA*/

.faktura #content { overflow: hidden; width: 560px; margin: 0 auto; }

.faktura p { margin-top: 7px; margin-bottom: 35px;}

.faktura #logo_faktura { width: 82px; height: 82px; background: url(../images/logo_duze.gif) top left no-repeat; float: left;}

.faktura #tekst { float: right; margin-top: 15px;}

.faktura #tekst a img { float: right;}



.faktura .padding { height: 180px;}