body {text-align: center; background: url('/grafika/tlo_big.gif') no-repeat center 0px; font-family : Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #535353; margin:0; padding:0;} hr {height:1px; margin-left: 3px; margin-right:3px; color:#000000;} a {text-decoration: none; color: #068DAC; font-weight: normal} a:hover {color: #068DAC; text-decoration: underline} td, table, div, img, form, input, textarea {border: 0px none; padding:0px; margin:0px;} .center {width:780px; text-align: left; position: relative; background: url('/grafika/tlo.gif') repeat-y; background-color: #FFFFFF; margin-left: auto; margin-right: auto; margin-top:0px} .clear {clear:both;} .left{float: left; display: inline} .right{float: right; display: inline} #lewa{width: 259px; min-height: 860px; float: left; } * html #lewa{height: 800px} #content{width: 521px; min-height: 860px; float: left; border-top: 4px solid #DBDBCD} * html #content{height: 400px} #logo{float: left; margin-left: 45px; margin-top: 20px; margin-bottom: 20px} #header{width: 255px; height: 86px; clear: both; border-right: 4px solid #BCBCA6; background-color: #CACAB5} #header-2{width: 114px; height: 9px; font-size: 1px; float: right; border-right: 4px solid #D4D4C3; background-color: #DBDBCD} .strony{height: 25px} .strony a{color: #535353} .strony a:hover{color: #D7006B; text-decoration: none} /* LEWE I PRAWE MENU */ #newsletter_pl{position: absolute; bottom: 0; left: 0; width: 259px; color: #70BBCD; font-size: 9px; height: 97px; background: url('/grafika/newsletter_pl.gif') no-repeat; background-color: #2194AE;} #newsletter_pl div{clear: both; margin-left: 33px; padding-top: 5px} #newsletter_pl a{color: #70BBCD; font-weight: normal} #nowosci {margin-left: 32px; margin-top: 40px} #nowosci p {border-bottom: 1px solid #F2F2EB; padding-bottom: 11px; padding-left: 3px; width: 100px} .news{width: 200px; line-height: 15px; margin-bottom: 25px} .news div{color: #BFBFBF; margin-top: 1px; margin-bottom: 6px} .news span{color: #068DAC} #pff-cms{height: 310px} #pff-cms div{float: left; font-size: 9px; width: 74px; margin-top: 94px; padding-left: 32px; margin-right: 18px} #pff-cms a{color: #BD366A; text-decoration: none} #pff-cms strong{font-size: 11px} #pff-cms h1{padding-left: 32px; font-weight: bold} #pff-produkt{width: 200px; padding-bottom: 33px; margin-left: 32px; border-bottom: 1px solid #F2F2EB; height: 310px; margin-top: 50px; color: #6D6D6D;} #pff-produkt div{float: left; font-size: 11px; width: 100px; margin-top: 14px;padding-top: 4px} #pff-produkt a{color: #BD366A; text-decoration: none} #pff-produkt strong{font-size: 11px} #pff-produkt h1{font-weight: bold} #pff-produkt h2{font-size: 11px; width: 200px; line-height: 16px; padding-top: 3px; font-weight: normal} #pff-produkt h4{clear: both; padding-top: 55px; font-size: 11px; color: #068DAC; font-weight: bold} #pff-produkt h5{width: 190px; padding-top: 15px; font-size: 11px; line-height: 16px; font-weight: normal} #top{height: 32px; text-align: right; margin-top: 19px} #top a{color: #2194AE; font-size: 9px;margin-right: 20px} #main_menu{background-color: #1C88A1; width: 100%; height: 45px} #main_menu a{color: #FFFFFF} #main_menu a:hover{text-decoration: none} #main_menu div{float: left; height: 20px; padding-top: 5px; border-left: 1px solid #3696AD; margin-top: 10px; padding-left: 18px; margin-right: 30px} .najnowsza_realizacja{width: 176px; height: 305px; float: left; padding-right: 20px; padding-top: 20px; padding-left: 30px} .najnowsza_realizacja h2{font-size: 11px; color: #2194AE; padding-bottom: 10px; border-top: 7px solid #DFDFD1; padding-top: 20px; } .najnowsza_realizacja h3{font-size: 11px; color: #6D6D6D; margin-bottom: 13px; line-height: 16px; width: 176px; font-weight: normal} .najnowsza_realizacja a{font-size: 9px} .najnowsza_realizacja a:hover{text-decoration: none} .najnowsza_realizacja div{float: left; margin-top: 3px; padding-left: 14px; padding-right: 14px} .najnowsza_realizacja span{float: left; width: 70px } #zaufali_nam{color: #535353; margin-top: 36px; margin-left: 30px} #zaufali_nam div{width: 190px; float: left; height: 80px; line-height: 16px} #zaufali_nam p{width: 100px; height: 24px; margin:0; margin-top: 10px; padding-left: 3px; float: left; border-bottom: 1px solid #F2F2EB; } #zaufali_nam span{float: left; width: 200px; margin-left: 7px} #tresc{margin-left: 30px;margin-bottom: 40px; margin-right: 22px; line-height: 16px; margin-top: 30px} #tresc h1{margin-bottom: 0px; padding: 0; margin-top: 25px; margin-bottom: 10px} #tresc p{margin: 0; padding:0; margin-bottom: 10px} #lista{margin-bottom: 15px} #lista div{background: url('/grafika/bink11.gif') no-repeat; padding-left: 14px} /* NAGLOWKI */ #naglowek{width: 499px; height: 270px; margin-left: 22px; background: url('/grafika/home.jpg') no-repeat;} #naglowek h1{font-size: 11px; color: #2194AE; padding-top: 29px; margin-left: 54px} #naglowek h2{font-size: 11px; color: #6D6D6D; margin-left: 54px; width: 170px; font-weight: normal} #naglowek_o_nas{width: 499px; height: 277px; margin-left: 22px; background: url('/grafika/o_nas.jpg') no-repeat;} #naglowek_o_nas h1{font-size: 11px; color: #2194AE; padding-top: 29px; margin-left: 54px} #naglowek_o_nas h2{font-size: 11px; color: #6D6D6D; margin-left: 54px; width: 170px; font-weight: normal} #naglowek_o_nas div{color: #2194AE; width: 190px; margin-left: 10px; margin-top: 15px; line-height: 16px} #pokrewne{width: 237px; margin-left: 20px; margin-t: 50px; float: right; background-color: #FAFAF7} #pokrewne div{padding: 22px} #pokrewne h1{font-weight: bold; margin-bottom: 10px} #pokrewne a{ background: url('/grafika/bink6.gif') no-repeat; padding-left: 16px; border-bottom: 1px solid #EDEDE4; padding-bottom: 3px; color: #535353; display: block; padding-top: 5px} #pokrewne a:hover{text-decoration: none} #pokrewne h5{padding-bottom: 4px; color: #068DAC; font-size: 11px} #pokrewne img{margin-right: 6px; margin-left: 6px} #naglowek_kontakt{width: 499px; height: 237px; margin-left: 22px; background: url('/grafika/kontakt.jpg') no-repeat;} #naglowek_kontakt h1{font-size: 11px; color: #2194AE; padding-top: 29px; margin-left: 54px} #naglowek_kontakt h2{font-size: 11px; color: #6D6D6D; margin-left: 54px; height: 40px; width: 170px; font-weight: normal} #naglowek_kontakt div{color: #2194AE; width: 190px; margin-left: 10px; margin-top: 15px; line-height: 16px} #naglowek_uslugi{width: 499px; height: 252px; margin-left: 22px; background: url('/grafika/uslugi.jpg') no-repeat;} #naglowek_uslugi h1{font-size: 11px; color: #2194AE; padding-top: 29px; margin-left: 54px} #naglowek_uslugi h2{font-size: 11px; color: #6D6D6D; margin-left: 54px; width: 170px; font-weight: normal} #naglowek_uslugi div{color: #2194AE; width: 200px; margin-left: 10px; margin-top: 15px; line-height: 16px} #naglowek_sklep{width: 499px; height: 262px; margin-left: 22px; background: url('/grafika/sklep_internetowy.jpg') no-repeat;} #naglowek_sklep h1{font-size: 11px; color: #2194AE; padding-top: 29px; margin-left: 54px} #naglowek_sklep h2{font-size: 11px; color: #6D6D6D; margin-left: 54px; width: 170px; font-weight: normal} #naglowek_sklep div{color: #2194AE; width: 200px; margin-left: 10px; margin-top: 15px; line-height: 16px} #naglowek_cms{width: 499px; margin-left: 22px; background: url('/grafika/naglowek-cms.gif') no-repeat;} #naglowek_cms h1{font-size: 11px; color: #2194AE; padding-top: 29px; margin-left: 54px} #naglowek_cms h2{font-size: 11px; color: #6D6D6D; margin-left: 54px; width: 170px; font-weight: normal} #naglowek_cms div{color: #2194AE; width: 200px; margin-left: 10px; margin-top: 15px; line-height: 16px} #naglowek_cms p{width: 414px; margin: 0; margin-top: 28px; margin-left: 10px; line-height: 16px} #naglowek_realizacje{width: 499px; height: 277px; margin-left: 22px; background: url('/grafika/naglowek-realizacje.jpg') no-repeat;} #naglowek_realizacje h1{font-size: 11px; color: #2194AE; padding-top: 29px; margin-left: 54px} #naglowek_realizacje h2{font-size: 11px; color: #6D6D6D; margin-left: 54px; width: 170px; font-weight: normal} #naglowek_realizacje div{color: #2194AE; width: 190px; margin-left: 10px; margin-top: 15px; line-height: 16px} #menu{margin-left: 32px; margin-top: 35px; margin-right: 27px} #menu a{background: url('/grafika/bink7.gif') no-repeat; padding-left: 16px; border-bottom: 1px solid #F2F2EB; padding-bottom: 11px; color: #D7006B; display: block; padding-top: 11px} #menu a:hover{text-decoration: none} .www{float: left; width: 230px; height: 280px; float: left; padding-right: 20px; padding-top: 20px; padding-left: 30px} .www h2{font-size: 11px; color: #2194AE; padding-bottom: 10px; border-top: 7px solid #DFDFD1; padding-top: 20px; } .www-opis{float: left; width: 200px; padding-top: 30px} .www-opis h1{color: #BD366A; font-size: 11px; font-weight: bold; margin-bottom: 3px} .www-opis h2{color: #C4C4C4; font-size: 11px; font-weight: normal; border-bottom: 1px solid #F3F3ED; padding-bottom: 10px; margin-bottom: 10px} .www-opis h3{font-size: 11px; color: #6D6D6D; margin-bottom: 13px; border-bottom: 1px solid #F3F3ED; padding-bottom: 15px; line-height: 16px; width: 200px; font-weight: normal} .www-opis a{font-size: 9px} .www-opis a:hover{text-decoration: none} .www-opis div{float: left; margin-top: 3px; padding-left: 14px; padding-right: 14px} .www-opis span{float: left; width: 80px } /* CYCKI */ #lewy_zakryj{ width: 259px; color: #70BBCD; font-size: 0px; height: 90px; border-top: 1px solid #EBEBE4; background-color: #FFFFFF; margin-top:-90px;} .kreska{width: 470px; height: 9px; font-size: 0px; clear: both; border-top: 1px solid #DFDFD1; margin-left: 30px} .kreska span{background-color: #F8F8F5; float: left; width: 136px; height: 8px} .kreska div{float: left; height: 9px; width: 60px; border-right: 1px solid #EFEEE7} /* STOPKA */ #stopka {float: left; width:100%; height: 81px; background: url('/grafika/stopka_linia.jpg') repeat-x; background-color: #FFFFFF; margin-left: auto; margin-right: auto; margin-top:0px} #stopka div{} .stopka_center {color: #6D6D6D; width:780px; height: 83px; text-align: left; position: relative; background: url('/grafika/stopka.gif') repeat-y; background-color: #FFFFFF; margin-left: auto; margin-right: auto; margin-top:0px} .stopka_center h3{width: 227px; float: left; margin-top: 38px; padding-left: 32px; font-size: 9px; font-weight: normal} #footer{width: 520px; float: left; border-top: 1px solid #EDEDE6} #footer div{margin-top: 34px; margin-left: 33px;} #footer a{color: #6D6D6D; font-size: 9px; margin-right: 14px} #footer a:hover{text-decoration: none} #footer img{margin-left: 3px} /* OBRAZKI */ .img1{margin-top: 49px; margin-left: 51px} .img2{display: block; margin-left: 5px; margin-top: 40px} .img3{display: block; border-top: 7px solid #279CB7; border-bottom: 14px solid #279CB7; padding-bottom: 23px} .img4{margin-right: 2px; margin-top: 4px; } .img5{display: block; margin-bottom: 15px} .img6{float: left; padding-left: 34px; padding-bottom: 10px; border-left: 1px solid #EFEEE7; border-bottom: 1px solid #EFEEE7} .img7{float: left; padding-left: 34px; padding-top: 10px;border-left: 1px solid #EFEEE7} .img8{margin-left: 6px; margin-top: 68px; } .img9{margin-top: 4px; margin-bottom: 9px} .img10{margin-left: 3px; margin-right: 3px} .img11{display: block; border-top: 7px solid #279CB7; border-bottom: 14px solid #279CB7; } /* FORMULARZE */ #form_kontakt{width: 400px; margin-left: 70px; margin-top: 25px} #form_kontakt div{height: 32px; padding-top: 6px; width: 400px; clear: both; border-bottom: 1px solid #F4F4F0; } #form_kontakt span{float: right} #form_kontakt label{float: left; margin-top: 5px} #form_wyslij{float: right; clear: both; height: 100px; margin-top: 13px; padding-right: 50px} #form_brief{width: 380px; margin-left: 30px} #form_brief div{height: 32px; padding-top: 6px; width: 380px; clear: both; border-bottom: 1px solid #F4F4F0; } #form_brief span{float: right} #form_brief label{float: left; width: 150px; margin-top: 5px} #form_brief h2{font-size: 11px; color: #1C88A1; border-bottom: 1px solid #F2F2EB; padding-bottom: 8px; margin-bottom: 12px} .form{float: right; width: 210px; height: 23px; background: #F8F8F6; margin: 0; padding: 0; padding-top: 2px; border-top: 3px solid #EAEAE8; border-left: 2px solid #EAEAE8} .form2{float: right; width: 210px; height: 110px; background: #F8F8F6; margin: 0; padding: 0; border-top: 3px solid #EAEAE8; border-left: 2px solid #EAEAE8} .form3{font-size: 9px; margin-right: 69px; margin-bottom: 7px; color: #BA1A56; background: transparent} .select{float: right; width: 212px; font-size: 11px; height: 23px; background-color: #F8F8F6; margin: 0; padding: 0; padding-top: 2px; border-top: 3px solid #EAEAE8; border-left: 2px solid #EAEAE8} .form_newsletter{width: 110px; font-size: 11px; height: 16px; margin-top: 45px; margin-left: 39px; float: left} .form_dodaj{float: left; margin-top: 43px; margin-left: 20px} .szukaj{width: 90px; height: 15px; background: url(/grafika/wyszukiwarka.gif); padding-left: 8px; border-left: 1px solid #5E5E5E} .form4{width: 200px; height: 19px; padding-top: 1px; border: 1px solid #000000} .button{width: 100px; height: 20px; background: #F5F5F5; margin-bottom: 1px; border: 1px solid #000000} .wiersz{width: 400px; float: left; } .wiersz div {width: 150px; font-weight: bold; float: left; padding-bottom: 10px; } .wiersz span {float: right; padding-right: 20px; text-align: center; } .wiersz_2{width: 320px; float: left; background: #FFFDF5; border-left: 1px solid #D6CCA8; border-right: 1px solid #D6CCA8; border-bottom: 1px solid #D6CCA8} .mini{color: #89C4DA; font-size: 10px; } h1,h2,h3,h4,h5{margin: 0; padding: 0} h1{font-size: 11px; color: #068DAC; font-weight: normal} h2{font-size: 12px} #naglowek_uslugi h1.cufon { font-size: 26px; margin-left: 6px; margin-top: 50px; } .cufon { font-size: 18px } #wycena label { display: block; clear: both; margin-bottom: 5px; } #wycena div { font-weight: bold; color: #2194AE; font-size: 11px; } #wycena p { margin-bottom: 10px; height: 54px; border-bottom: 1px solid #F4F4F0; margin-left: -10px; } .logo { text-indent:-9999px;display:none; } #pff-produkt h1 { background: url('../grafika/header.png') no-repeat bottom left; height: 32px; } h1.cufon-bg { background: url('../grafika/header.png') no-repeat bottom left; height: 32px; }