/* -----[ header styles ]---------------------------------------------------- */ #p01 { background: url('../img/navh_back.gif') no-repeat -9999px -9999px; } #p02 { background: url('../img/arr-h.gif') no-repeat -9999px -9999px; } #header #logo { position: absolute; top: 0; left: 9px; display: block; width: 156px; height: 158px; } #header #logo a { display: block; width: 156px; height: 110px; background: url('../img/logo_big.png') no-repeat top left; position: relative; bottom:1px;} #header #logo span { display: none; } #header #mainNav { position: absolute; display: block; top: 5px; left: 156px; height: 42px; } #header #mainNav li { float: left; } #header #mainNav a { font:10px 'Lucida Grande',Verdana,Arial,Sans-Serif; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#707c87; display: block; height: 42px; line-height: 42px; text-align: center; padding-left: 5px; padding-right:5px; background: url('../img/nav_back.gif') repeat-x top left; } #header #mainNav ul{display:none;} #header #mainNav :hover ul{display:block;} #header #arr1 {background:url('../img/arr.gif') no-repeat top left;position:absolute;top:30px;left:163px;height:5px;width:30px;overflow:hidden;display:block;} #header #arr2 {background:url('../img/arr.gif') no-repeat top left;position:absolute;top:30px;left:323px;height:5px;width:30px;overflow:hidden;display:block;} #header #mainNav #li_oferta:hover .mn_oferta{ color:#ffffff; background: url('../img/navh_back.gif') repeat-x top left; } #header #mainNav #li_galeria:hover .mn_galeria{ color:#ffffff; background: url('../img/navh_back.gif') repeat-x top left; } #header #mainNav #li_oferta:hover #arr1 {background:url('../img/arr-h.gif') no-repeat top left;} #header #mainNav #li_galeria:hover #arr2 {background:url('../img/arr-h.gif') no-repeat top left;} #header #mainNav a:hover{ color:#ffffff; background: url('../img/navh_back.gif') repeat-x top left; } #header #mainNav a.active{} #header #offerNav {position:absolute;top:42px;left:50px;} #header #offerNav a {width:250px;font:9px 'Lucida Grande',Verdana,Arial,Sans-Serif; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#707c87; display: block; height: 30px; line-height: 30px; text-align: center; padding-left: 5px; padding-right:5px; background: url('../img/nav_back.gif') repeat-x top left; } #header #offerNav a:hover { color:#ffffff; background: url('../img/navh_back.gif') repeat-x top left; } #header #galleryNav {position:absolute;top:42px;left:256px;width:150px;} #header #galleryNav a {width:150px;font:9px 'Lucida Grande',Verdana,Arial,Sans-Serif; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#707c87; display: block; height: 30px; line-height: 30px; text-align: center; padding-left: 5px; padding-right:5px; background: url('../img/nav_back.gif') repeat-x top left; } #header #galleryNav a:hover { color:#ffffff; background: url('../img/navh_back.gif') repeat-x top left; } #header #topNav { position: absolute; display: block; top: 19px; left: 715px; width: 96px; height: 16px; } #header #topNav li { float: left; } #header #topNav a { display: block; width: 32px; height: 16px; line-height: 16px; text-align: center; } #header #topNav a span { display: none; } #header #topNav a.tn_start { background: url('../img/tn_start.gif') no-repeat 0 0; } #header #topNav a.tn_mapastrony { background: url('../img/tn_mapastrony.gif') no-repeat 0 0; } #header #topNav a.tn_kontakt { background: url('../img/tn_kontakt.gif') no-repeat 0 0; } #header #topNav a:hover { background-position: bottom left; } #header #topNav a.active { background-position: bottom left; } #header #lang { position: absolute; display: block; bottom: 0; right: 6px; } #header #lang li { float: left; height: 20px; line-height: 20px; } #header #lang a { display: block; width: 30px; height: 20px; line-height: 20px; text-align: center; color: #3e454b; margin-left: 2px; } #header #lang a.pl { background: url('../img/f_pl.gif') no-repeat 0 -20px; } #header #lang a.en { background: url('../img/f_en.gif') no-repeat 0 -20px; } #header #lang a.de { background: url('../img/f_de.gif') no-repeat 0 -20px; } #header #lang a.ru { background: url('../img/f_ru.gif') no-repeat 0 -20px; } #header #lang a span { display: none; } #header #lang a:hover { background-position: 0 0; } #header #lang a.active { background-position: 0 0; } /* -----[ mainContent styles ]----------------------------------------------- */ .naglowek {background: url('../img/naglowek.gif') repeat-x top left;padding-top:9px;text-indent:30px;text-align:left;width:250px; height:38px; text-transform:uppercase; font:15px 'Lucida Grande',Verdana,Arial,Sans-Serif; font-weight:bold; } .nagloweklong {background: url('../img/naglowek_long.gif') repeat-x top left;padding-top:1px;text-indent:30px;text-align:left;width:800px; height:29px; text-transform:uppercase; font:15px 'Lucida Grande',Verdana,Arial,Sans-Serif; font-weight:bold; } #mainContent div.firma { position: relative; float: left; display: block; width: 250px; height: 435px; margin-right: 25px; } #mainContent div.firma div.info { margin-top: 5px; text-align:center;} #mainContent div.firma_long { position: relative; float: left; display: block; width: 800px; margin-right: 25px; } #mainContent div.oferta { position: relative; float: left; display: block; width: 250px; height: 435px; margin-right: 25px; } #mainContent div.oferta ul { margin-top: 10px; list-style: outside; margin-left: 10px; } #mainContent div.oferta_long { position: relative; float: left; display: block; width: 800px; margin-right: 25px; } #mainContent div.kontakt { position: relative; float: left; display: block; width: 250px; height: 435px; } #mainContent div.kontakt_long { position: relative; float: left; display: block; width: 800px;} #mainContent div.galeria_long { position: relative; float: left; display: block; width: 800px; } #mainContent div.mapastrony_long { position: relative; float: left; display: block; width: 800px; } #mainContent #ofr a { display:block;background:#707c87;border:2px #707c87 solid;text-align:center;color:#e7eef5;text-decoration:none;padding-top:10px;padding-bottom:10px;} #mainContent #ofr a:hover {color:#eeb734;} #mainContent p { display: block; margin: 5px 0; text-indent:10px; } #mainContent a { color: #95a4b1; } #mainContent a.more { position: absolute; bottom: 0; right: 0; color: #95a4b1; font-weight: bold; } #mainContent ul { display: block; list-style-position: outside; margin-top: 10px; margin-left:13px;padding-left:20px; list-style-type: square;} #mainContent li { list-style-type: square; margin: 3px 0; } #mainContent table { width: 100% } #mainContent .firma_img { display: block; width: 200px; height: 150px; margin: 10px auto 0 auto; border: 3px solid #707c87; } #mainContent a.mainpage_map { display: block; width: 187px; height: 176px; margin: 10px auto 0 auto; } #mainContent img.mainpage_map { display: block; width: 187px; height: 176px; } #mainContent div.kontakt .info { display: block;text-align:center;margin-top:50px; } /* -----[ contact styles ]--------------------------------------------------- */ #kontakt .dana{text-align:right; width:83px;font-size:10px;} #kontakt .text{text-align:left;} #kontakt input, textarea{border-color:#c0c0c0;color:#214673;font-weight:bold;font-size:13px;height:20px;vertical-align:middle; background:white; background-image: url('../img/textbox.gif'); border: 1px solid #CCCCCC; padding: 0px 4px 0px 4px; background-repeat: repeat-x; background-position: bottom;} /* -----[ footer styles ]---------------------------------------------------- */ #footer .languages { float: left; font-size: 1.1em; height: 26px; line-height: 26px; } #footer .languages ul { } #footer .languages li { float: left; display: block; width: 26px; height: 16px; line-height: 16px; margin: 5px 5px 0 0; } #footer .languages a { display: block; width: 26px; height: 16px; line-height: 16px; font-size: 1em; color: #3e454b; background: #565f67; text-align: center; text-decoration: none; } #footer .languages a:hover { color: #95a4b1; background: #303234; } #footer .languages a.active { color: #95a4b1; background: #303234; } #footer .copyrights {text-align:center;font-size: 1.1em; height: 26px; line-height: 26px; margin-left: 10px; } html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt { margin: 0; padding: 0; border: 0; } ul, ol {list-style:none;} a { cursor: pointer; } a, a:visited { text-decoration: underline; } a:hover { text-decoration: none; } legend { display: none; } body { background: #3e454b url('../img/mainback_gradient.jpg') repeat-x top left; color: #000; font-size: 62.5%; } body, input, textarea, select, option, optgroup, button { font-family: Tahoma, Arial, Geneva, Verdana, sans-serif; } input, textarea, select, option, optgroup, button { font-size: 1em; } .clear { clear: both; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } #header { position: relative; display: block; width: 800px; height: 304px; color: #e7eef5; background: url('../img/header_back.jpg') no-repeat top left; margin: 0 auto; } #mainContent { position: relative; display: block; width: 800px; color: #e7eef5; margin: 0 auto; margin-top: 5px; font-size: 1.1em; line-height: 1.6em; min-height:355px;} #footer { position: relative; display: block; width: 800px; height: 30px; border-top: 1px solid #565f67; margin: 0 auto; margin-top: 20px; color: #565f67; font-size: 1em; } .fancy img { border: 4px solid #707c87;} strong {font-size:13px;} .podpis {text-align:center;width:158px;height:15px;color:#e7eef5;font-size:11px;text-decoration:none;background:#707c87;display:block;position:relative;bottom:7px;margin:0 auto;} #mainlists {width:100%;font-size:10px;} #mainlists td{width:33%;vertical-align:top;border:1px solid #f29208;text-align:center;} #mainlists ul {display:block;margin:0 auto;text-align:left;margin:10px 10px 10px 10px;} #mainlists li {list-style-image:url(../img/check.gif);padding-left:5px;margin-bottom:0px;} #mainlists td:hover {background:#495056;} #mainlists .hd {font-weight:bold;width:100%;text-align:center;margin:0 auto;text-transform:uppercase;background:#f29208;color:#3e454b;} #maintext {width:100%;font-size:10px;} #maintext .x{vertical-align:top;border:1px solid #f29208;text-align:center;margin:10px 10px 10px 10px;} #maintext .x:hover {background:#495056;} #maintext .hd {font-weight:bold;width:100%;text-align:center;margin:0 auto;text-transform:uppercase;background:#f29208;color:#3e454b;} #maintext .cnt {display:block;margin:0 auto;text-align:left;margin:10px 10px 10px 10px;} .gl{vertical-align:top;border:1px solid #f29208;text-align:center;margin:10px 10px 10px 10px;} .gl:hover {background:#495056;} .gl .hd {font-weight:bold;width:100%;text-align:center;margin:0 auto;text-transform:uppercase;background:#f29208;color:#3e454b;} #mno {text-transform:uppercase;width:450px;margin-top:10px;} #mno td {background: #f29208;text-align:center;margin:10px 10px 10px 10px;font-weight:bold;} #mno a {color:#3e454b;text-decoration:none;} #mno a:hover {color:#495056;text-decoration:underline;}