/************************************************************** Basic styles **************************************************************/ * { margin: 0; padding: 0; } img { border: 0; } .margin-top { margin-top: 25px; } .margin-bottom { margin-bottom: 25px; } .padding-top { padding-top: 25px } .padding-both { padding: 25px 0 5px; } .no-padding { padding: 0; margin: 0; } .no-border { border: 0; } .no-display { display: none; } .center { margin: 0 auto; } .left { float: left; } .right { float: right; } .clear { clear: both; } .overflow { overflow: hidden; height: 100%; } .block { display: block; } .bold { font-weight: bold; } .middle { vertical-align: middle; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } a { color: #7e0000; text-decoration: none; outline: none; } a:hover { text-decoration: underline; cursor: pointer; } :focus { -moz-outline-style: none; } p { text-align: left; } h1 { font: bold 18px Tahoma, Arial, Helvetica, sans-serif; } h2 { font: bold 18px Tahoma, Arial, Helvetica, sans-serif; } h3 { font: bold 15px Tahoma, Arial, Helvetica, sans-serif; } ul, ol { padding: 10px 0 10px 35px; line-height: 180%; } ul li, ol li { padding: 3px 0; } sup { line-height: 5px; font-size: 11px; } /* Pagination */ p.pagination { text-align: center; background-color: #f2f2f2; padding: 10px 15px; } p.pagination span { line-height: 20px; } p.pagination a { color: #555555; padding: 0 5px; } p.pagination a:hover { text-decoration: none; } p.pagination strong { color: #1a3f7f; padding: 0 5px; } p.pagination a.left, p.pagination a.right { padding: 5px 0 5px 3px; background: url(../images/layout/top/bl-left.gif) left center no-repeat; } p.pagination a.left strong, p.pagination a.right strong { padding: 5px 8px 5px 5px; color: #fff; font-weight: normal; background: url(../images/layout/top/bl-right.gif) right center no-repeat; } /* Superlinks */ a.superlink { padding: 5px 0 5px 3px; text-decoration: none; font-size: 10px; } a.superlink strong { padding: 5px 8px 5px 5px; color: #fff; font-weight: normal; } a.superlink strong em { font-style: normal; padding-right: 10px; background: url(../images/layout/others/arrow.gif) right center no-repeat; } a.superlink.red { background: url(../images/layout/top/bl-left.gif) left center no-repeat; } a.superlink.red strong { background: url(../images/layout/top/bl-right.gif) right center no-repeat; } a.superlink.gray { background: url(../images/layout/top/sm-left.gif) left center no-repeat; } a.superlink.gray strong { background: url(../images/layout/top/sm-right.gif) right center no-repeat; } body { font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #555; background-color: #fff; padding: 20px 0; } /************************************************************** Layers **************************************************************/ #container { width: 957px; margin: 0 auto; } /*** Top ***/ /* Logo */ #logo, #logo a { float: left; width: 160px; height: 47px; background: url(../images/layout/top/logo.gif) no-repeat; text-indent: -99999px; } /* Banner */ #banner { float: right; width: 750px; height: 100px; text-align: right; } /* Top */ /* STARE #top { clear: both; height: 271px; margin-bottom: 20px; background: url(../images/layout/top/top-bg.jpg) center bottom no-repeat; } */ #top { clear: both; height: 271px; margin-bottom: 8px; } /* Menu */ #top ul { height: 54px; padding: 0; border-top: 1px solid #e7e7e7; } #top ul li { display: inline; line-height: 54px; } /* Left menu */ #top ul.left { width: 758px; border-right: 1px solid #e7e7e7; } #top ul.left li { padding: 5px 25px; border-right: 1px solid #e7e7e7; font-weight: bold; font-size: 12px; } #top ul.left li a { color: #555; } #top ul.left li.spektrum { border: 0; } #top ul.left li.spektrum a { color: #7e0000; } /* Right menu */ #top ul.right { width: 198px; text-align: center; background: #fafafa url(../images/layout/top/ul-right.gif) left center no-repeat; } #top ul.right li { padding: 5px 0 5px 3px; } #top ul.right li a { padding: 5px 8px 5px 5px; color: #fff; } #top ul.right li.sm { margin-right: 15px; background: url(../images/layout/top/sm-left.gif) left center no-repeat; } #top ul.right li.sm a { background: url(../images/layout/top/sm-right.gif) right center no-repeat; } #top ul.right li.bl { background: url(../images/layout/top/bl-left.gif) left center no-repeat; } #top ul.right li.bl a { background: url(../images/layout/top/bl-right.gif) right center no-repeat; } /* Slogan */ #top h1 { clear: both; width: 579px; height: 133px; margin: 46px 0 0 22px; background: url(../images/layout/top/slogan.gif) no-repeat; text-indent: -999999px; } /*** Left column ***/ #left { float: left; width: 190px; } #left ul { padding: 0; } #left ul li { list-style: none; padding: 3px 0; border-bottom: 1px solid #e7e7e7; line-height: 18px; padding-left: 25px; } #left ul li a { display: block; padding-left: 15px; color: #555; background: url(../images/layout/others/menu-arr1.gif) left 6px no-repeat; } #left ul li a:hover { color: #7e0000; background-image: url(../images/layout/others/menu-arr2.gif); text-decoration: none; } #left ul li.even/*, #left ul li.sub*/ { background-color: #f9f9f9; } #left ul li.current a { color: #1a3f7f; font-weight: bold; background-image: url(../images/layout/others/menu-arr3.gif); } #left ul li.no-sub a { color: #1a3f7f; font-weight: bold; background-image: url(../images/layout/others/menu-arr4.gif); } #left ul li.sub ul li { border-bottom-style: dotted; } #left ul li.sub ul li.last { border: 0; } #left ul li.sub ul li a { color: #5e5e5e; font-weight: normal; background-image: url(../images/layout/others/menu-arr1.gif); } #left ul li.sub ul li a:hover { color: #7e0000; } #left ul li.sub ul li a:hover, #left ul li.sub ul li.current a { background-image: url(../images/layout/others/menu-arr4.gif); } #left ul li.sub ul li.current a { color: #1a3f7f; font-weight: bold; } /*** Content ***/ #content { float: right; width: 765px; border: 1px solid #e9e9e9; background: url(../images/layout/others/content-bg.gif) repeat-x; } body.without-columns #content { width: 957px; } div.text { padding: 15px; line-height: 150%; } div.text h1 { padding: 4px 0; margin-bottom: 10px; color: #606060; border-bottom: 1px solid #e9e9e9; } div.text h2 { clear: both; padding: 5px 0; margin: 10px 0 15px 0; border-bottom: 1px solid #e9e9e9; } div.text h2 a { color: #5e5e5e; } div.text ul li { list-style: none; padding-left: 15px; background: url(../images/layout/others/arrow-gray.gif) left 10px no-repeat; } /* Product */ dl.product { float: right; width: 500px; overflow: hidden; height: 100%; } dl.product dt { float: left; clear: left; width: 100px; padding: 4px 0; color: #a8a8a8; border-top: 1px solid #e9e9e9; } dl.product dd { float: left; width: 400px; padding: 4px 0; line-height: 140%; border-top: 1px solid #e9e9e9; } dl.product dt.first, dl.product dd.first { border: 0; } /* GoogleMap */ #GoogleMap, #GoogleMap2 { float: right; width: 500px; height: 280px; margin: 0 0 10px 10px; padding: 0 0 5px 5px; } #GoogleMap2 { margin-top: 40px; } /* sitemap */ .sitemap { overflow: hidden; height: 100%; padding-left: 210px; background: url(../images/layout/others/sitemap.gif) left top no-repeat; } .sitemap li ul { padding: 0; } div.text ul.sitemap li { float: left; width: 300px; font-weight: bold; background: none; padding: 0 0 0 55px; } div.text ul.sitemap li span { display: block; border-bottom: 1px solid #e9e9e9; padding-left: 5px; font-size: 13px; } div.text ul.sitemap li ul li { float: none; font-size: 12px; padding: 0 0 0 15px; } div.text ul.sitemap li ul li ul li { font-weight: normal; font-size: 11px; } .sitemap li a { padding-left: 15px; color: #555; background: url(../images/layout/others/menu-arr1.gif) left center no-repeat; } .sitemap li a:hover { color: #7e0000; background-image: url(../images/layout/others/menu-arr2.gif); text-decoration: none; } /*** Home banner ***/ #homeBanner { width: 947px; height: 274px; padding: 10px 0 10px 10px; cursor: pointer; background-image: url(../images/layout/front/home_bg.jpg); background-repeat: no-repeat; } dl.spektrum { background-position: center 0px; } dl.about-company { background-position: center -294px; } dl.services { background-position: center -588px; } /*dl.products { background-position: center -294px; }*/ #homeBanner dt { float: left; clear: left; width: 224px; height: 86px; margin-bottom: 7px; } /* Headers */ #homeBanner dt a { display: block; width: 224px; height: 86px; text-indent: -99999px; cursor: pointer; } #homeBanner dt a:hover { background-position: left bottom; } /*#homeBanner dt.products a { background: url(../images/layout/front/produkty_menu.gif) left top no-repeat; }*/ #homeBanner dt.spektrum a { background: url(../images/layout/front/spektrum_menu.gif) left top no-repeat; } #homeBanner dt.about-company a { background: url(../images/layout/front/o_firmie_menu.gif) left top no-repeat; } #homeBanner dt.services a { background: url(../images/layout/front/uslugi_menu.gif) left top no-repeat; } #homeBanner dt.promo a { background: url(../images/promo/maraton.png) left top no-repeat; display: block; width: 300px; height: 86px; text-indent: -99999px; cursor: pointer;} #homeBanner dt.promo { position:relative; top: -93px; left: 235px; width: 300px; margin-bottom: -70px;} #homeBanner dt.promo a:hover { background-position: left bottom; } /*#homeBanner.products dt.products a { background-position: left bottom; }*/ #homeBanner.spektrum dt.spektrum a { background-position: left bottom; } #homeBanner.about-company dt.about-company a { background-position: left bottom; } #homeBanner.services dt.services a { background-position: left bottom; } #homeBanner.promo dt.promo a { background-position: left bottom; } /*#homeBanner.promo dk.promo a { background-position: left bottom; }*/ #homeBanner dd { display: none; float: right; width: 705px; height: 200px; color: #333; line-height: 160%; } /*#homeBanner.products dd.products { display: block; }*/ #homeBanner.spektrum dd.spektrum { display: block; } #homeBanner.about-company dd.about-company { display: block; } #homeBanner.services dd.services { display: block; color: #fff; } /* Box */ dl.box { float: left; width: 355px; height: 150px; border: 1px solid #e9e9e9; padding: 1px; margin: 10px 0; } dl.box.right { float: right; } dl.box dt { float: right; width: 190px; padding: 3px 5px; margin-bottom: 1px;/* background-color: #f8f8f8; */} dl.box dt a { color: #555; font-weight: bold; } dl.box dt a:hover { color: #7e0000; } dl.box dd.desc { float: right; width: 190px; padding: 3px 5px; } dl.box dd.desc ul { padding: 0; } dl.box dd.img { float: left; width: 150px; height: 150px; text-align: center; } dl.box dd.img img { max-width: 150px; max-height: 150px; vertical-align: middle; } dl.service { float: left; width: 140px; min-height: 185px; _height: 185px; padding: 5px; margin: 10px 20px 10px 0; border: 1px solid #e9e9e9; } dl.service dt { text-align: center; } dl.service dt a { color: #555; font-weight: bold; } dl.service dt a:hover { color: #7e0000; } dl.box.products.first { height: auto; min-height: 190px; _height: 150px; width: 200px;} dl.box.products.next { height: auto; min-height: 190px; _height: 150px; width: 200px; margin-left: 10px;} dl.box.products dt{ float: right; width: 190px; margin-bottom: 1px; text-align: center; padding: 0px;} dl.box.products dd.img { float: left; width: 150px; height: 150px; text-align: center; margin-left: 30px; } /*** Footer ***/ #footer { clear: both; border-bottom: 1px solid #e7e7e7; } /* Menu */ #footer ul { width: 100%; height: 55px; line-height: 55px; padding: 0; border-bottom: 3px solid #666; background: url(../images/layout/others/footer-ul.gif) 30px bottom no-repeat; } #footer ul li { display: inline; padding: 5px 15px; border-right: 1px solid #e7e7e7; } #footer ul li a { color: #555; } #footer ul li a:hover { color: #7e0000; text-decoration: none; } #footer ul.products-index {background-position: 168px bottom; } #footer ul.index-about { background-position: 37px bottom; } #footer ul.services-index { background-position: 98px bottom; } #footer ul.contact-index { background-position: 305px bottom; } #footer ul.kariera-index { background-position: 388px bottom; } #footer ul.index-spektrum { background-position: 453px bottom; } #footer ul.index-clients { background-position: 240px bottom; } #footer ul.products-index #products-index a, #footer ul.index-about #index-about a, #footer ul.services-index #services-index a, #footer ul.contact-index #contact-index a, #footer ul.kariera-index #kariera-index a, #footer ul.index-clients #clients-index a, #footer ul.index-spektrum #index-spektrum a { color: #1a3f7f; font-weight: bold; } #site-map { float: right; width: 100px; height: 45px; line-height: 45px; } #site-map a { padding: 5px 0 5px 3px; text-decoration: none; font-size: 10px; background: url(../images/layout/top/sm-left.gif) left center no-repeat; } #site-map a strong { padding: 5px 8px 5px 5px; color: #fff; font-weight: normal;padding: 5px 8px 5px 5px; color: #fff; font-weight: normal; background: url(../images/layout/top/sm-right.gif) right center no-repeat; } #site-map a:hover { background: url(../images/layout/top/bl-left.gif) left center no-repeat; } #site-map a:hover strong { background: url(../images/layout/top/bl-right.gif) right center no-repeat; } /* Address */ #footer div { clear: both; overflow: auto; height: 100%; line-height: 150%; padding: 5px 25px; background-color: #fafafa; } #footer div address { float: left; width: 130px; font-style: normal; } #footer div p { float: right; text-align: right; } #spektrum_logo_menu a:hover { background-position: 0%; } #warianty td{ border: 1px dotted #999; padding: 5px; width: 350px; } .div_service{ width: 520px; margin-left: 100px; } div.nowosc{ color: #cc0000; }