body { font-size: 12px; text-align:left; font-family: Arial,Tahoma,Verdana; margin: 0px; padding: 0px; background: url('images/tlo.gif') repeat-x #ffffff; color: #181616; } a:hover { color: #ba1512; text-decoration:none; font-size: 12px; font-family: Arial,Tahoma,Verdana;} a { color: #740503; text-decoration:none; font-size: 12px; font-family: Arial,Tahoma,Verdana;} a:focus { outline: none;} /* Usuwa ramke z linków na img w FF */ object { outline:none; } h1,h2,h3,h4,h5 { color: #181616; font-size: 12px; margin: 0px; padding: 0px; font-weight:normal; font-family: Arial,Tahoma,Verdana;} /* ----------------------- STANDARDOWE ------------------------------ */ div,form,p { padding:0px; margin:0px; } img { border:0px; } .czysc { clear:both; font-size:1px; overflow:hidden;} /* --------------------------------------------------------------------------- */ .alarm {padding: 4px 0px 4px 0px; font-size:11px; color: #ffffff; font-weight:bold; } .button_1 { width:119px; height:16px; padding:4px 10px 4px 10px; overflow:hidden; background:url('images/button_1.jpg') no-repeat top left; color: #ffffff; font-size: 11px; line-height: 15px; display:block;} .button_2 { width:170px; height:16px; padding:4px 10px 4px 10px; overflow:hidden; background:url('images/button_2.jpg') no-repeat top left; color: #ffffff; font-size: 11px; line-height: 15px; display:block;} .button_3 { width:243px; height:16px; padding:4px 10px 4px 10px; overflow:hidden; background:url('images/button_3.jpg') no-repeat top left; color: #ffffff; font-size: 11px; line-height: 15px; display:block;} .button_1 a ,.button_2 a ,.button_3 a { color: #ffffff; font-size: 11px; line-height: 15px; } .button_1 a:hover ,.button_2 a:hover ,.button_3 a:hover { color: #ffffff; font-size: 11px; line-height: 15px; } /* ----------------------------------------------------------------------------------------------------------------------------------------*/ /* GLOWNE WARSTWY */ /* ----------------------------------------------------------------------------------------------------------------------------------------*/ div#kontener{margin: 0px auto; width: 999px; overflow: hidden;} div#top_products{width: 999px; height: 112px; padding-top: 17px; overflow: hidden; background: url('images/tlo_top_products.jpg') top no-repeat;} div#top{width: 999px; height: 112px; padding-top: 17px; overflow: hidden; background: url('images/tlo_top_2.png') top no-repeat;} div#top_gora {width: 999px; height: 63px; padding-bottom: 12px; overflow: hidden;} div#top_logo {width: 231px; height: 49px; padding-left: 9px; float:left; overflow: hidden;} div#top_prawy {width: 436px; height: 15px; padding-right: 9px; float: right; overflow: hidden;} div#top_prawy_linki { width:300px; float: left; overflow: hidden; padding-right:9px;} #top_prawy a {color: #6c6c6c; font-size: 10px; font-family: Tahoma,Verdana,Arial;} #top_prawy a:hover {color: #6c6c6c; font-size: 10px; font-family: Tahoma,Verdana,Arial;} div.top_prawy_sep {width: 1px; height: 8px; margin: 3px 4px 4px 5px; background: #6c6c6c; float: left; overflow: hidden;} div.top_flaga {padding-left: 8px; float: left; overflow: hidden;} div#menu{width: 990px; height: 37px; margin-left: 18px; overflow: hidden;} #menu a.normal {width: 142px; height: 26px; padding-top: 11px; margin-left: -5px; float: left; overflow: hidden; display: block; color: #ffffff; font-size: 14px; text-align: center; font-style: italic; background: url("images/menu_off.png") no-repeat;} *html #menu a.normal { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_off.png', sizingMethod='crop'); } #menu a.normal:hover {color: #ffffff; font-size: 14px; text-align: center; background: url("images/menu_on.png") no-repeat;} *html #menu a.normal:hover { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_on.png', sizingMethod='crop'); } #menu a.active_top { width: 142px; height: 26px; padding-top: 11px; margin-left: -5px; float: left; overflow: hidden; display: block; color: #ffffff; font-size: 14px; text-align: center; background: url("images/menu_on.png") no-repeat; } *html #menu a.active_top { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_on.png', sizingMethod='crop'); } div#center {width: 999px; overflow: hidden;} div#bottom {height: 80px; background: #ffffff; overflow: hidden; margin-top:12px;} div#bottom_gora_tlo {background: #e4e4e4;} div#bottom_gora {width: 972px; height: 11px; padding: 15px 0px 11px 27px; margin: 0px auto; border-bottom: 1px solid #ffffff;} #bottom_gora a {display: block; float: left; overflow: hidden; color: #818181; font-size: 10px; font-family: Tahoma,Verdana,Arial;} #bottom_gora a:hover {color: #1f1f1f; font-size: 10px; font-family: Tahoma,Verdana,Arial;} div.bottom_sep {width: 1px; height: 10px; margin: 0px 8px 0px 8px; background: #818181; float: left; overflow: hidden;} div#bottom_dol_tlo{background: #1f1f1f;} div#bottom_dol {width: 956px; height: 13px; padding: 15px 16px 14px 27px; margin: 0px auto;} div#bottom_nazwa{width: 700px; height: 13px; float: left; overflow: hidden; color: #8f8f8f; font-size: 10px; font-family: Tahoma,Verdana,Arial;} div#undicom {width: 150px; height: 13px; float: right; overflow: hidden; color: #8f8f8f; font-size: 10px; font-family: Tahoma,Verdana,Arial;} #undicom a {color: #8f8f8f; font-size: 10px;} #undicom a:hover {color: #c8c5c5; font-size: 10px;} /* ----------------------------------------------------------------------------------------------------------------------------------------*/ /* STRONA GLOWNA */ /* ----------------------------------------------------------------------------------------------------------------------------------------*/ div#main {width: 999px; height: 388px; overflow: hidden; background: url("images/tlo_main.jpg") no-repeat; position: relative;} div#banery_box { width:460px; height:386px; overflow:hidden; position: absolute; left:0px; top:1px; } div#baner_overlay { width:460px; height:386px; overflow:hidden; position: absolute; left:0px; top:0px;} div.baner_box_info { width:460px; height:386px; overflow:hidden; position: absolute; left:0px; bottom:0px; opacity: 0.0; filter: alpha(opacity=0);} div.baner_box_img { width:460px; height:386px; overflow:hidden; position: absolute; left:0px; top:0px; opacity: 0.0; filter: alpha(opacity=0);} div.baner_box_opis { width:360px; position: absolute; left:30px; bottom:51px; color: #fff;font-style: italic; text-align: justify; font-size: 14px; } div.baner_box_opis_shadow { width:360px; position: absolute; left:31px; bottom:50px; color: #000;font-style: italic; text-align: justify;font-size: 14px; } div.baner_box_nazwa { width:295px; padding: 0px 3px 0px 0px; height:43px; overflow:hidden; position: absolute; left:30px; top:343px; color: #fff; text-align: right; font-style: italic; } div#main_box_1 {width: 205px; height: 80px; padding: 13px 0px 10px 28px; position: absolute; left: 547px; top: 35px; background: url('images/main_box_1.png') no-repeat; } *html div#main_box_1 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_box_1.png', sizingMethod='crop'); } div#main_box_2 {width: 205px; height: 80px; padding: 13px 0px 10px 28px; position: absolute; left: 766px; top: 35px; background: url('images/main_box_2.png') no-repeat; } *html div#main_box_2 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_box_2.png', sizingMethod='crop'); } div#main_box_3{width: 205px; height: 80px; padding: 13px 0px 10px 28px; position: absolute; left: 417px; top: 141px; background: url('images/main_box_3.png') no-repeat; } *html div#main_box_3 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_box_3.png', sizingMethod='crop'); } div#main_box_4 {width: 205px; height: 80px; padding: 13px 0px 10px 28px; position: absolute; left: 636px; top: 141px; background: url('images/main_box_4.png') no-repeat; } *html div#main_box_4 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_box_4.png', sizingMethod='crop'); } div#main_box_5 {width: 205px; height: 80px; padding: 13px 0px 10px 28px; position: absolute; left: 504px; top: 247px; background: url('images/main_box_5.png') no-repeat;} *html div#main_box_5 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_box_5.png', sizingMethod='crop'); } div#main_box_6 {width: 205px; height: 80px; padding: 13px 0px 10px 28px; position: absolute; left: 723px; top: 247px; background: url('images/main_box_6.png') no-repeat;} *html div#main_box_6 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_box_6.png', sizingMethod='crop'); } div.main_box_nazwa {color: #000000; font-size: 18px; font-style: italic;} .main_box_nazwa span {color: #7f7f7f;} div.main_box_tekst {padding-top: 10px; color: #616161; font-size: 10px; font-style: italic;} .main_box_tekst a {color: #cd2919; font-size: 10px; font-style: italic;} .main_box_tekst a:hover {color: #cd2919; font-size: 10px; font-style: italic;} div#main_dol {width: 953px; padding: 20px 22px 12px 24px; overflow: hidden;} div#main_dol_teksty {width: 750px; overflow: hidden; float: left; overflow: hidden;} div#main_dol_gora {width: 750px; padding-bottom: 10px; overflow: hidden;} div.main_dol_lewy {width: 408px; float: left; overflow: hidden;} div.main_dol_srodek {width: 279px; padding: 0px 30px 0px 30px; float: left; overflow: hidden;} div.main_dol_tekst {padding: 12px 0px 6px 0px; color: #595959; font-size: 11px; line-height: 14px; font-family: Tahoma,Verdana,Arial; text-align: justify;} div#main_dol_dol {width: 784px; height: 24px; padding: 3px 0px 3px 0px; overflow: hidden;} div#main_dol_prawy {width: 200px; float: left; overflow: hidden; padding-top: 40px;; margin: 0px;} div#main_dol_prawy_podpis {color: #740503; font-size: 12px; text-align: right;} div#main_dol_prawy_logo {width: 200px; height: 62px; padding-top: 15px;} div.naglowek {color: #000000; font-size: 22px; font-style: italic;} div.btn {height: 24px; background: url("images/btn_prawy.gif") top right no-repeat; float: left; overflow: hidden;} div.btn_2 {float: left; height: 16px; padding: 4px 0px 4px 0px; color: #ffffff; font-size: 11px; line-height: 15px; background: url("images/btn_lewy.gif") left no-repeat; } .btn_2 a {float: left; display: block; color: #ffffff; font-size: 11px; padding: 0px 30px 0px 20px; height: 16px; line-height: 15px;} .btn_2 a:hover {color: #ffffff; font-size: 11px;} /* ----------------------------------------------------------------------------------------------------------------------------------------*/ /* PODSTRONA */ /* ----------------------------------------------------------------------------------------------------------------------------------------*/ div#podstrona {width: 991px; height: 171px; padding-left: 8px; overflow: hidden; background: url("images/tlo_podstrona.jpg") no-repeat;} div#podstrona_nazwa {height: 63px; padding: 70px 0px 8px 8px; color: #ffffff; font-size: 58px; font-style: italic; overflow: hidden;} div#podstrona_menu_lewy {width: 13px; height: 30px; float: left; overflow: hidden; background: url("images/podstrona_menu_lewy.gif") no-repeat;} div#podstrona_menu_srodek {height: 14px; padding: 9px 11px 7px 11px; background: url("images/podstrona_menu.png") repeat-x; float: left; overflow: hidden;} #podstrona_menu_srodek a {display: block; float: left; overflow: hidden; height: 14px; color: #ffffff; font-size: 12px; font-weight: bold; font-style: italic;} #podstrona_menu_srodek a:hover, a.active_podstrona {color: #fdedb4; font-size: 12px; font-weight: bold; font-style: italic;} div.podstrona_menu_sep {width: 2px; height: 8px; margin: 5px 25px 0px 25px; float: left; overflow: hidden; background: url("images/podstrona_menu_sep.gif") repeat-y;} div#podstrona_menu_prawy {width: 13px; height: 30px; float: left; overflow: hidden; background: url("images/podstrona_menu_prawy.gif") no-repeat;} div#podstrona_dol {width: 999px; padding-top: 11px; overflow: hidden;} div#sciezka {padding-left: 25px; color: #740503; font-size: 11px; font-style: italic;} #sciezka a {color: #787878; font-size: 11px; font-style: italic; text-decoration: underline;} #sciezka a:hover {color: #585050; font-size: 11px; font-style: italic; text-decoration: underline;} #sciezka a.current {color: #740503; font-size: 11px; font-style: italic; text-decoration: none;} div.podstrona_naglowek {color: #1f1f1f; font-size: 24px; font-weight: bold;} div.punkt {padding: 2px 0px 4px 20px; overflow: hidden; background: url("images/fpsign.png") no-repeat;} /* ----------------------------------------------------------------------------------------------------------------------------------------*/ /* Modul_txt */ /* ----------------------------------------------------------------------------------------------------------------------------------------*/ div.modul_txt {width: 974px; padding: 23px 0px 0px 25px;} div.modul_txt_tekst {width: 880px;} div#kontakt_gora {width: 940px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;} div#kontakt_lewy {width: 465px; padding-right: 35px; float: left; overflow: hidden;} #kontakt_lewy a {color: #740503; font-size: 12px; } div#kontakt_prawy {width: 440px; float: left; overflow: hidden; } div#kontakt_mapa {width: 425px; height: 243px; overflow: hidden; position: relative;} div#kontakt_ramka_lewy {width: 32px; height: 248px; position: absolute; top: 0px; left: 0px; } div#kontakt_ramka_prawy {width: 32px; height: 248px; position: absolute; top: 0px; left: 400px; } div#kontakt_formularz_tlo {padding-bottom: 30px; background: #740503;} div#kontakt_dol{width: 974px; padding-top: 14px; margin: 0px auto;} div#kontakt_dol_lewy {width: 320px; padding-right: 10px; float: left; overflow: hidden;} div#kontakt_tekst {padding-bottom: 22px; color: #ffffff; font-size: 11px; } div.kontakt_form_nazwa {width: 51px; height: 13px; padding: 9px 0px 6px 0px; margin-bottom: 2px; float: left; overflow: hidden; color: #ffffff; font-size: 11px;} div.kontakt_form_tekst {width: 240px; margin-bottom: 2px; float: left; overflow: hidden;} div.kontakt_form_input {width: 222px; height: 28px; float: left; overflow: hidden;} input.kontakt_tekst {width: 207px; height: 13px; padding: 8px 7px 7px 7px; color: #1f1f1f; font-size: 11px; font-family: Arial,Tahoma,Verdana; background-color: transparent; background: url("images/input_tekst.gif") no-repeat;} div.kontakt_form_img {width: 8px; height: 9px; padding: 4px 0px 15px 4px; color: #ffffff; float: left; overflow: hidden;} div#kontakt_dol_srodek {width: 185px; float: left; overflow: hidden;} div#kontakt_dol_srodek_2 {width: 170px; float: left; overflow: hidden;} div.kontakt_srodek_tekst {padding-bottom: 22px; color: #ffffff; font-size: 12px; font-weight: bold;} div.kontakt_srodek_check {width: 20px; height: 16px; padding-bottom: 21px; float: left; overflow: hidden;} div.kontakt_srodek_etykieta {height: 16px; padding: 2px 0px 19px 15px; float: left; overflow: hidden; color: #ffffff; font-size: 11px;} div#kontakt_dol_prawy {width: 280px; float: left; overflow: hidden;} div#kontakt_textarea {width: 254px; float: left; overflow: hidden; padding-bottom: 25px;} textarea#kontakt_zapytanie {width: 240px; height: 104px; padding: 8px 7px 7px 7px; color: #1f1f1f; font-size: 11px; font-family: Arial,Tahoma,Verdana; background-color: transparent; background: url("images/ramka_textarea.gif") no-repeat; margin: 0px; border: 0px; resize: none;} div.kontakt_naglowek {color: #1f1f1f; font-size: 15px; font-weight: bold; padding-bottom: 16px;} /* ----------------------------------------------------------------------------------------------------------------------------------------*/ /* Projekty */ /* ----------------------------------------------------------------------------------------------------------------------------------------*/ div#projekty {width: 880px; padding: 22px 92px 35px 24px; overflow: hidden;} div.projekty_item {width: 880px; padding: 23px 0px 10px 0px; } div.projekty_item_nazwa {color: #1f1f1f; font-size: 15px; font-weight: bold; line-height: 14px; background: url('images/punkt_news.jpg') no-repeat top left; padding-left:36px; padding-bottom:12px; padding-top:6px;} div.projekty_item_box {padding-top: 0px;} div.projekty_item_zdjecie {float: left; overflow: hidden; position:realtive; text-align:center; display:inline; margin-right:10px; width:185px; height:90px; background:url(/materialy/_upload/image/cien_projekty.png); padding:0px 10px 10px 0px;} div.projekty_item_prawy {width: 608px; float: left; overflow: hidden;} div.projekty_item_opis {padding-bottom: 15px;} div.projekty_item_dol {width: 628px; height: 24px; overflow: hidden;} div.projekty_item_border {width: 423px; height: 1px; margin: 11px 17px 12px 0px; float: left; overflow: hidden; background: #cccccc;} div.projekty_data {width: 112px; height: 16px; padding: 4px 10px 4px 10px; float: left; overflow: hidden; text-align: center; color: #ffffff; font-size: 11px; background: url("images/projekty_data.gif") no-repeat;} div.projekty_stronicowanie {width: 800px; display: block; position: relative;} div.projekty_stronicowanie1 {position: relative; left: 50%; float: left;} div.projekty_stronicowanie2 {position: relative; left: -50%; float: left;} .projekty_stronicowanie2 a {color: #dc240d; font-size: 13px;} .projekty_stronicowanie2 a:hover {color: #ae0503; font-size: 13px; font-weight: bold;} /* ----------------------------------------------------------------------------------------------------------------------------------------*/ /* Oferta */ /* ----------------------------------------------------------------------------------------------------------------------------------------*/ div#oferta {width: 880px; padding: 22px 92px 35px 24px; overflow: hidden;} div#oferta_tekst {width: 880px; padding: 18px 0px 19px 0px; color: #1f1f1f; font-size: 12px;} div#oferta_spis {width: 864px; padding: 16px 50px 0px 3px;} div.oferta_spis_kolumna {width: 332px; margin-right: 38px; float: left; overflow: hidden;} div.oferta_spis_item_1 {width: 262px; padding: 7px 4px 6px 28px; color: #740503; font-size: 12px; font-weight: bold; text-align: left; margin-bottom: 1px; background: url("images/oferta_punkt.gif") 9px 8px no-repeat #e9e7db;} .oferta_spis_item_1 a {color: #740503; font-size: 12px; font-weight: bold; text-decoration: underline;} .oferta_spis_item_1 a:hover {color: #ba1512; font-size: 12px; font-weight: bold; text-decoration: underline;} div.oferta_spis_item_2 {width: 262px; padding: 7px 4px 6px 28px; color: #740503; font-size: 12px; font-weight: bold; text-align: left; margin-bottom: 1px; background: url("images/oferta_punkt.gif") 9px 8px no-repeat #f6f5ec;} .oferta_spis_item_2 a {color: #740503; font-size: 12px; font-weight: bold; text-decoration: underline;} .oferta_spis_item_2 a:hover {color: #ba1512; font-size: 12px; font-weight: bold; text-decoration: underline;}