body { background: #ffffff url(images/bg.jpg) top left repeat-x; margin: 0; padding: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } body#gallery { background: #404040 url(images/bg_gallery.jpg) top left repeat-x; margin: 0 auto 0 auto; padding: 0; text-align: center; } h1 { font-size: 11px; font-weight: bold; margin: 28px auto auto 280px; font-family: Arial, Helvetica, sans-serif; } h2 { font-size: 12px; font-weight: bold; margin: 30px auto 10px 34px; float: left; display: inline; width: 300px; color: #FFFFFF; display: none;} .long { width: 626px; } .long img { float: right; display: inline; margin: 0 0 0 15px; } #main2 img { margin-top: 20px; border: 4px solid #CCCCCC; } #main2 #navis { width: 208px; height: 40px; margin: 5px auto 0 auto; } #main2 #navis a { font-weight: bold; float: left; width: 100px; display: inline; font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #cbcbcb; text-decoration: underline; } #main2 #navis a.prawy { background: url(images/ar.gif) 83px 1px no-repeat; } #main2 #navis a.lewy { padding-left: 8px; background: url(images/arr.gif) 0px 1px no-repeat; } #main2 #navis a:hover { color: #F97575; } #main { width: 963px; height: auto; margin: 0 auto 0 auto; text-align: left; } .menu { width: 963px; height: 64px; margin-top: 20px; background: url(images/menu_bg.jpg) top left no-repeat; } .menu img { display: inline; border: none; float: left; } /* hack to correct IE5.5 faulty box model */ * html .menu { width:665px; w\idth:665px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; float: left; display: inline; width: 963px; height: 61px; margin-top: 0; } .menu ul ul { width:160px; margin-left: 0; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li { float:left; height: 44px; width:160px; position:relative; background: url(images/stroke.gif) bottom right no-repeat; } /* style the links for the top level */ .menu a, .menu a:visited { font-family: Arial, Helvetica, sans-serif; text-align: center; display:block; font-size:10px; text-decoration:none; color:#fff; font-weight: bold; text-align: center; height:61px; line-height:61px; } /* a hack so that IE5.5 faulty box model is corrected */ /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited { background:#ffffff; } /* style the second level hover */ .menu ul ul a.drop:hover { background:#ffffff; } .menu ul ul :hover > a.drop { background:#ffffff; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul { visibility:hidden; position:absolute; height:0; top:46px; left:0; width:133px; background:#ffffff; } /* another hack for IE5.5 */ * html .menu ul ul { top:46px; t\op:46px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table { position:absolute; top:0; left:0; border-collapse:collapse;} /* styl listy drugiego rzedu */ .menu ul ul a, .menu ul ul { text-align: left; } /* styl linku listy drugiego rzedu */ *html .menu ul ul a, .menu ul ul a { border: none; text-align: left; } .menu ul ul a, .menu ul ul a:visited { color:#ffffff; height: 44px; line-height: 40px; width:133px; text-align: left; padding-left: 15px; background: #464646 url(images/arrow.gif) 0 6px no-repeat; } /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:133px;w\idth:133px; height: 30px; } /* górny :hover styl*/ .menu a:hover { color: #ffffff; cursor: pointer; } .menu a.full_1:hover { background: url(images/1_button_bg.jpg) 1px 0 no-repeat; color: #ffffff;} .menu a.full_2:hover { background: url(images/2_button_bg.jpg) top left no-repeat; color: #ffffff;} .menu a.full_3:hover { background: url(images/3_button_bg.jpg) top left repeat-x; color: #ffffff;} /* :hover styl drugiego rzedu*/ .menu ul ul a:hover { color: #CCCCCC; background:#ffffff url(images/arrow_grey.gif) 0 6px no-repeat; } /* górny :hover styl*/ .menu :hover > a {color: #ffffff; } /* :hover styl drugiego rzedu*/ .menu ul ul :hover > a {color:#686868; background:#ffffff url(images/arrow_grey.gif) 0 6px no-repeat; } /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} #company { float: left; display: inline; width: 791px; height: 103px; background: url(images/logo.gif) top left no-repeat; } #company img { float: left; display: inline; border: none; } #company_2 { float: left; display: inline; width: 791px; height: 103px; background: url(images/logo_2.gif) 1px -1px no-repeat; } #company_2 img { float: left; display: inline; border: none; } #company_profile { width: 781px; height: 80px; float: left; display: inline; } #lang { width: 120px; float: left; display: inline; height: 103px; text-align: center; margin-left: 35px; } #lang img { display: inline; margin: 50px 5px 0 5px; border: none; } #header_home { width: 963px; height: 299px; float: left; display: inline; background: url(images/header_home.jpg) top left no-repeat; } #header_ogrzewanie { width: 963px; height: 299px; float: left; display: inline; background: url(images/header_ogrzewanie.jpg) 1px 0 no-repeat; } #header_zabytki { width: 963px; height: 299px; float: left; display: inline; background: url(images/header_zabytki.jpg) 1px 0 no-repeat; } #header_grzejniki { width: 963px; height: 299px; float: left; display: inline; background: url(images/header_grzejniki.jpg) 1px 0 no-repeat; } #header_druk { width: 963px; height: 299px; float: left; display: inline; background: url(images/header_druk.jpg) 1px 0 no-repeat; } #header_firma{ width: 963px; height: 299px; float: left; display: inline; background: url(images/header_firma.jpg) 1px 0 no-repeat; } #header_kontakt { width: 963px; height: 299px; float: left; display: inline; background: url(images/header_kontakt.jpg) 1px 0 no-repeat; } #second_menu { height: 299px; width: 240px; float: left; display: inline; text-align: left;} #second_menu ul { margin: 179px 0 0 0; list-style: outside none; width: 250px; float: left; display: inline; padding: 0;} #second_menu ul li { width: 250px; height: auto; margin: 0; font-size: 12px; float: left; display: inline; } #second_menu ul li a#aktu:hover { font-family: Arial, Helvetica, sans-serif; color: #ffffff; background: url(images/1_menu_bg.gif) 3px 0 no-repeat; } #second_menu ul li a#pro:hover { font-family: Arial, Helvetica, sans-serif; color: #ffffff; background: url(images/2_menu_bg.gif) 3px 0 no-repeat; } #second_menu ul li a#wsp:hover { font-family: Arial, Helvetica, sans-serif; color: #ffffff; background: url(images/3_menu_bg.gif) 3px 0 no-repeat; } #second_menu ul li a { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; width: 200px; display: block; } #second_menu ul li a#aktu { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; width: 250px; display: block; height: 44px; line-height: 44px; text-indent: 40px; } #second_menu ul li a#pro{ font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; width: 250px; display: block; height: 33px; line-height: 33px; text-indent: 40px; } #second_menu ul li a#wsp{ font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; width: 250px; display: block; height: 40px; line-height: 40px; text-indent: 40px; } ul.prom { list-style: outside none; margin: 20px 0 0 35px; padding: 0; width: 400px; float: left; display: inline; list-style-image: none; } ul.prom li { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background: url(images/arrow_2.gif) 3px 3px no-repeat; padding-left: 15px; margin-bottom: 10px; } ul.prom_2 { list-style: outside none; margin: 10px 0 0 35px; padding: 0; width: 600px; float: left; display: inline; list-style-image: none; } ul.prom_2 li { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background: url(images/arrow_2.gif) 3px 3px no-repeat; padding-left: 15px; margin-bottom: 4px; } .photos { width: 634px; height: 150px; float: left; display: inline; margin: 10px 0 0 40px; } .photos img { float: left; display: inline; margin-right: 6px; margin-left: 0; border: #666666 2px solid; } #left_col { width: 249px; height: 150px; float: left; display: inline; } #left_col h2 { color: #000000; } #left_col p { color: #000000; width: 270px; margin: 20px auto 0 40px; float: left; display: inline; } #left_col img { float: left; display: inline; margin: 20px 0; } #welcome_head { background: url(images/images/witamy_head.gif) top left no-repeat; width: 400px; height: 30px; margin: 35px 0 0 40px; } #obrobka_head { background: url(images/images/obrobka_head.gif) top left no-repeat; width: 400px; height: 30px; margin: 35px 0 0 40px; } #produkcja_head { background:url(images/produkcja_head.gif) top left no-repeat; width: 400px; height: 30px; margin: 35px 0 0 40px; } #sortowanie_head { background:url(images/sortowanie_head.gif) top left no-repeat; width: 400px; height: 30px; margin: 35px 0 0 40px; } #ofirmie_head { background: url(images/ofirmie_head.gif) top left no-repeat; width: 400px; height: 30px; margin: 35px 0 0 40px; } #history_head { background: url(images/historia_head.gif) top left no-repeat; width: 400px; height: 30px; margin: 45px 0 0 40px; float: left; display: inline; } #obrobka_baner { width: 533px; height: 83px; background: url(images/obrobka.jpg) top left no-repeat; margin: 45px 0 0 40px; float: left; display: inline;} #produkcja_baner { width: 533px; height: 83px; background: url(images/produkcja.jpg) top left no-repeat; margin: 45px 0 0 40px; float: left; display: inline;} #sortowanie_baner { width: 533px; height: 83px; background: url(images/sortowanie.jpg) top left no-repeat; margin: 45px 0 0 40px; float: left; display: inline;} #rework_baner { width: 533px; height: 83px; background: url(images/rework.jpg) top left no-repeat; margin: 45px 0 0 40px; float: left; display: inline;} #right_col { float: left; display: inline; width: 712px; height: auto; background: #363636 top left no-repeat; } #righ_col_bottom { float: left; display: inline; background: url(images/right_col_bottom.gif) top left no-repeat; width: 712px; height: 28px; margin-top: 30px; } p { color: #FFFFFF; width: 350px; margin: 20px auto 0 40px; float: left; display: inline; font-size: 12px; } p.date { font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; font-weight: bold; width: 150px; margin: 20px auto -20px 40px; float: left; display: inline; font-size: 12px; text-transform: uppercase; } p.header { margin-top: 40px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; width: 600px; } p.header_2 { margin: 50px 0 20px 40px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } p.header_3 { margin: 50px 0 0 40px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; width: 500px; } #right_col a:visited { color: #CCCCCC; } #right_col a:hover { color: #FF0000; } #right_col a { color: #F97575; text-decoration: underline; } #flash { width: 640px; height: 521; float: left; margin: 30px 0 0 35px; } a.pdf:visited { color: #CCCCCC; } a.pdf { font-size: 12px; color: #F97575; text-decoration: underline; background: url(images/pdf.gif) 0 2px no-repeat; line-height: 16px; margin: 10px 0 10px 40px; padding-left: 20px; clear: left; display: block; } .p_con { width: 600px; height: auto; float: left; display: inline; margin: 30px 0 -20px 0; } .p_con_2 { width: 700px; height: auto; float: left; display: inline; margin: 2px 0 0 0; } .p_conleft { width: 200px; height: auto; float: left; display: inline; } .p_conleft_2 { width: 350px; height: auto; float: left; display: inline; ; } .p_conleft p { margin: 0 0 0 40px; } .p_conleft_2 p { margin: 0 0 0 40px; color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-weight: bold; width: 350px; } .p_conright { width: 400px; height: auto; float: left; display: inline; } .p_conright_2 { width: 270px; height: auto; float: left; display: inline; } .p_conright p { margin: 0 0 0 35px; } .p_conright_2 p { margin: 0 0 0 40px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; width: 250px; } #footer { clear: left; float: left; display: inline; width: 963px; height: 64px; background: url(images/footer.jpg) top left no-repeat; margin-top: 20px; } #footer ul { float: left; display: inline; margin: 25px 0; padding: 0 29px; list-style: outside none; } #footer ul li { display: inline; padding: 0 5px 0 5px; } #footer ul li a { color: #FFFFFF; font-size: 10px; text-decoration: underline; } #footer ul li a:hover { color: #CCCCCC; font-size: 10px; text-decoration: underline; } #credits { float: right; display: inline; color: #FFFFFF; margin: 25px 34px auto auto;} p#design a { color: #000000; } p#design a:hover { color: #2a3f8b; } p#design { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; clear: left; display: block; margin: 0 34px 0 280px; padding-bottom: 10px; text-align: center; } form#register { clear: left; float: left; display: inline; width: 500px; margin: 0; font-size: 0; padding-left: 0; margin: 60px 0 0 35px; } form#register div.field { line-height: 14px; float: left; display: inline; width: 222px; min-height: 20px; height: auto; margin: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; } *html div.field { height: 20px; } form#register div.cont { float: left; display: inline; width: 200px; margin: 0; } form#register div.field p { float: left; display: inline; width: 100px; margin-top: 4px; margin-bottom: 2px; text-indent: 0; margin-left: 0; } form#register div.field input.reg_text { float: left; display: inline; margin: 0; border: #FF0000 1px solid; width: 170px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #999999; } form#register div.field textarea#pole { float: left; display: inline; margin: 0; border: #FF0000 1px solid; width: 370px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #999999; } form#register div.field2 { line-height: 14px; float: left; display: inline; width: 250px; min-height: 20px; height: auto; margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; background: url(images/stroke_bg.gif) top left no-repeat; } #buttons { clear: left; } #reg_button { float: left; display: inline; background: #999999; border: #FF0000 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; margin: 10px 0 0 0; line-height: 19px; } #res_button { float: left; display: inline; background: #999999; url(images/button_bg.gif); border: #FF0000 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; margin: 10px 0 0 2px; line-height: 19px; } fieldset { border: none; } p.begin_color { margin-left: 39px; margin-top: 0; margin-bottom: 20px; float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FF0000; font-weight: bold; text-transform: uppercase; width: 500px; } img.ogrzewanie { float: left; display: inline; margin: 30px 0 0 35px; }