/* FOR-EKO - main CSS ============================================================================================================================================================================================================ */ /* Created by: Mateusz Pietrowiak */ /* reset CSS ===================================================================================================================================================================================================================== */ body { font-size: 12px; } a { text-decoration: none; outline: none; } div, p, body, a, address, span, ul, li, ol, img, form, fieldset, table, tr, td, th, h1, h2, h3, h4, h5, h6, dd, dt, dl, blockquote { margin: 0; padding: 0; border: 0; } em { font-weight: bold; font-style: normal; } hr, legend { display: none; } input,textarea,select { outline: none !important; } .clear { clear: both; } .hide { position: absolute; width: 0; height: 0; overflow: hidden;} .left { float: left; } .right { float: right; } address { display: block; font-style: normal; } ul { list-style: none; } /* Content ======================================================================================================================================================================================================================== */ body {background:#fff url(../gfx/bga.png) repeat-x; font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #505050; } #bg { background : url(../gfx/bgb.png) repeat-x 0 100%; padding-top: 8px; } #wrapper { width: 959px; margin: 0 auto; } #top { margin-left: -16px; width: 975px; position: relative; height: 216px; background: #fff url(../gfx/top.jpg) no-repeat; } #top h1 { position: absolute; top: 35px; left: 34px; } #top h1 a { display:block;} #top h1 img { display:block;} #catalog-header-img { display:block; position: absolute; width: 107px; height: 112px; background: url(../gfx/catalog-header-img.png);bottom: -75px; left: -21px;} #top-nav { position: absolute; right: 13px; top: 18px; width: 214px; height: 44px; background: url(../gfx/top-nav.png); padding-left: 14px; } #top-nav li { float: left; height: 44px; line-height: 44px; padding: 0 20px; background: url(../gfx/top-nav-separator.png) no-repeat 0 50%; } #top-nav li.first { background: none; } #top-nav li a { color:#fff; text-transform: lowercase; } #top-nav li a:hover { text-decoration: underline; } #menubar { position: absolute; right: 0; bottom: -64px; width: 708px; height: 64px; background: #0e9298 url(../gfx/menubar.png); } #menubar ul { padding-left: 8px; } #menubar li { height: 64px; float: left; padding-left: 3px; background: url(../gfx/menubar-separator.png) no-repeat 1px 3px; } #menubar li:first-child { padding-left: 0;} #menubar li a { display:block; height: 64px; text-indent: -9999em; overflow: hidden; } #menubar li a:hover { height: 70px; margin-top: -6px; background-position: 0 -64px; } #menubar .m1 { width : 163px; background: url(../gfx/m1.png);} #menubar .m2 { width : 103px; background: url(../gfx/m2.png);} #menubar .m3 { width : 104px; background: url(../gfx/m3.png);} #menubar .m4 { width : 195px; background: url(../gfx/m4.png);} #menubar .m5 { width : 115px; background: url(../gfx/m5.png);} #container { width: 100%; overflow: hidden; padding-bottom: 65px; } #sidebar { float: left; width: 242px; padding-bottom: 65px; background: url(../gfx/sidebar-shadow.png) no-repeat 0 100%; } #side-catalog { width: 100%; margin-bottom: 8px; padding-bottom: 8px; background: #f1f1f1 url(../gfx/side-catalog-bottom.png) no-repeat 0 100%; } #side-catalog ul { width:100%;} #side-catalog h3 {margin-bottom: 10px; width: 100%; height: 63px; background: url(../gfx/side-catalog-header.png); text-indent: -9999em; overflow: hidden;} #side-catalog li { padding-top: 1px; background: url(../gfx/side-catalog-separator.png) repeat-x; } #side-catalog li:first-child { padding-top: 0; background: none; } #side-catalog li a { width: 210px; padding: 6px 0 6px 32px; line-height: 16px;display:block; background: url(../gfx/side-catalog-arrow.png) no-repeat 12px 12px; color: #505050; font-size: 12px;} #side-catalog li a:hover { color: #0a878c; font-weight:bold;} #side-catalog li a.active { background-color: #0a878c; color: #fff !important; font-weight:normal !important; background-image: url(../gfx/side-catalog-arrow-hover.png); } #side-banners { width:100%;} #side-banners img { display:block; margin-bottom: 8px; } #side-logos { width: 232px; padding: 0 5px; overflow: hidden; margin: 30px 0;} #side-logos a.griggio { display: block; width: 91px; height:31px; text-indent: -9999em; overflow: hidden; background: url(../gfx/logo-griggio.png); float: left;} #side-logos a.griggio:hover { background-position: 0 -31px; } #side-logos a.bernardo { display: block; width: 115px; height:23px; text-indent: -9999em; overflow: hidden; background: url(../gfx/logo-bernardo.png); float: right; margin-top: 6px; } #side-logos a.bernardo:hover { background-position: 0 -23px; } #main { float: left; width: 688px; padding-left: 17px;padding-top: 90px; padding-right: 12px; } .header { height: 41px; width: 660px; background: url(../gfx/header.png) no-repeat 100% 0; padding-left: 28px; margin-bottom: 17px; } .header h3 { height: 40px; text-indent:-9999em;overflow: hidden; width: 100%; background-repeat: no-repeat; } #main p { line-height: 200%; } #main p a.more { margin-left: 3px; } #main-content { padding-bottom: 15px; } #main-info { padding-top: 32px; background: url(../gfx/shadow.png) no-repeat; width: 100%; overflow:hidden; padding-bottom : 23px; } #main-info .promotions { float: left; background: #74868f url(../gfx/news-box.png) ; width: 371px; height: 289px; position: relative; } #main-info .promotions h3 { width: 100%; height: 46px; background: url(../gfx/news-box-header.png) no-repeat ; text-indent: -9999em; overflow: hidden; margin-bottom: 14px; } #main-info .promotions ul { margin-left: 28px; } #main-info .promotions ul li { line-height: 18px; padding: 8px 0 9px 0; padding-left: 27px; background: url(../gfx/news-box-item.png) no-repeat 0 9px ;} #main-info .promotions ul li a { color:#fff; line-height:18px; font-size: 12px; } #main-info .promotions ul li a:hover { text-decoration: underline; } #main-info .promotions a.more { position: absolute; bottom: 0; right: 0; padding-right: 30px; text-transform: lowercase; width: 141px; height : 31px; background: #566167 url(../gfx/news-box-more.png); text-align:right; color:#fff; line-height:30px; } #main-info .locations { float: left; padding-left: 21px; width: 294px; height: 289px; } #main-info .locations h3 { width: 100%; height: 42px; text-indent: -9999em; overflow: hidden; background: url(../gfx/locations-header.png); margin-bottom: 17px;} #main-info .locations img { display:block; margin: 0 auto; } #main-recommended { padding-top: 32px; background: url(../gfx/shadow.png) no-repeat; width: 100%; overflow:hidden; padding-bottom : 23px;width:100%; } #main-recommended h3 { width: 100%; height: 41px; text-indent: -9999em; overflow: hidden; background: url(../gfx/recommended-header.png); margin-bottom: 5px;} #main-recommended ul { width: 110%; } #main-recommended ul li { float: left; width: 173px; padding-left: 34px; padding-right: 33px; background: url(../gfx/recommended-separator.png) no-repeat 0 50%; height:225px; } #main-recommended ul li.first { background: none; } #main-recommended ul li h4 { font-size: 12px; width:100%; height: 33px; text-indent: 0; color:#06797e; font-weight:bold; text-align:center; line-height:33px; } #main-recommended ul li h4 a { color:#06797e; } #main-recommended ul li .rec-img { position: relative; display: block; } #main-recommended ul li .rec-logo { position: absolute; top: 0; left: 0; width: 50px; padding: 1px; background: #fff; } #main-recommended ul li img { display:block; border:1px solid #b6b6b6; margin-bottom:11px;} #main-recommended ul li a.details { margin-left:1px;display:block; width: 172px; height: 29px; overflow: hidden; text-indent: -9999em ; background: url(../gfx/recommended-details.png); } #main-recommended ul li a.details:hover { background-position: 0 -29px; } #bottom-nav { padding-top: 61px; height: 48px; width: 100%; background: url(../gfx/bottom.png) no-repeat 100% 100%; margin-bottom: 2px;} #bottom-nav ul { float: right; height: 48px; } #bottom-nav ul li { float: left; height: 48px; line-height: 48px; padding-right:22px; padding-left: 24px; background: url(../gfx/bottom-nav-separator.png) no-repeat 0 50%; } #bottom-nav ul li:first-child { background: none; } #bottom-nav ul li a { text-transform: lowercase; color: #06797e;} #bottom-nav ul li a:hover { color: #666666 ; text-decoration: underline; } #footer { height: 97px; width: 100%; overflow: hidden; background: #06797e; } #footer span {color: #79c3c6; font-size: 10px!important;} #footer .copy { float: left; color: #fff; height: 97px; line-height: 97px;} #footer .copy a { color: #fff ; font-weight: bold; } #footer .realisation { float: right; color:#3ca8ad; height: 97px; line-height: 97px; padding-right: 10px; } #footer .realisation a{ color: #3ca8ad; } #footer_info {background-color: #06797e; text-align: center; padding-bottom: 4px; color: #6fb7ba; margin-top: -18px;} #main-content ul li { line-height: 200%; padding-left: 15px; background: url(../gfx/bullet.png) no-repeat 0 5px;} #main-content a { color: #0d9197; text-decoration: underline;} #main-content a:hover {text-decoration: none;} #page-bottom { background: url(../gfx/pageBg.png) no-repeat; margin-top: 30px;} #page-bottom a {display: block; width: 81px; height: 38px; background: url(../gfx/back.gif) no-repeat; text-indent: -9999em; overflow: hidden;} #breadcrumbs {margin-bottom: 45px; display: block;} #breadcrumbs ul li { width: auto!important; float: left; padding: 0 0 0 15px; text-transform: lowercase;} #breadcrumbs ul li:first-child { padding-left: 24px;background: url(../gfx/SitemapBullet.gif) no-repeat 0 7px;} #breadcrumbs ul li { background: url(../gfx/bulletBC.gif) no-repeat 0 8px; padding: 0 11px 0 23px; } #breadcrumbs ul li a { text-transform: lowercase;} .header h3 { background-repeat: no-repeat!important; } #headerWelcome { background-image : url(../gfx/headerWelcome.png);} #headerAbout { background-image : url(../gfx/headerAbout.png);} #headerOferta { background-image : url(../gfx/headerOferta.png);} #headerTargi { background-image : url(../gfx/headerTargi.png);} #headerZapytanie { background-image : url(../gfx/headerZapytanie.png);} #headerService { background-image : url(../gfx/headerService.png);} #headerKontakt { background-image : url(../gfx/headerKontakt.png);} #headerSitemap { background-image : url(../gfx/headerSitemap.png);} #headerNews { background-image : url(../gfx/headerNews.png);} #headerKredyty { background-image : url(../gfx/headerKredyty.png);} #header-recommended{ background-image : url(../gfx/header-recommended.png);} #oferty_list ul li {height: 119px; overflow: hidden; background: url(../gfx/prodListBg.png) repeat-x;margin-bottom: 2px;} #oferty_list ul li .img_lnk, #oferty_list ul li .opisProd {float: left;} #oferty_list ul li .cenaProd { line-height: 119px;float: right; width: 160px; height: 119px; border-left: 1px solid #e3e3e3; text-align: center; color: #505050;} #oferty_list ul li label { font-weight: bold; color: #0a878c;} #oferty_list ul li .tekst { font-weight: bold; color: #505050; font-size: 12px; text-transform: uppercase; text-decoration: none; } #oferty_list ul li .tekst:hover {text-decoration: underline;} #oferty_list ul li .img_lnk {margin-top: 11px!important; border: 1px solid #c8c8c8; padding: 0!important; display: block; width: 114px; height: 95px; overflow: hidden;} #oferty_list ul li .opisProd {margin-left: 21px; margin-top: 35px; width: 367px; overflow: hidden!important;} #selectProducer { background: url(../gfx/showProducer.png) no-repeat; height: 46px; margin-bottom: 20px;} #selectProducer select {margin-left: 146px; margin-top: 13px; width: 200px;} #opis {/*width: 380px; float: left; */margin-left: 23px; font-size: 12px; line-height: 180%; } #opis table {margin-top:20px;} #opis table, #opis table tr, #opis table th, #opis table td {border: 1px solid #d5d5d5;} #opis table {border-collapse:collapse} #opis label {font-weight: bold; color: #0a878c!important;} #opis .producer { position: relative; top: -18px;} #opis .price { margin-top: 15px;} #mini_gallery {float: right; width: 250px; margin-left:20px} #mini_gallery img {margin: 1px; border: 1px solid #c9c9c9;} h3.name {margin-bottom:20px; padding-top: 22px; color: #505050; font-size: 14px; font-family: tahoma; margin-left: 23px; text-transform: uppercase;} #headerSpecyfikacja { background: url(../gfx/headerSpecyfikacja.png) no-repeat; display: block; text-indent: -9999em; margin: 5px 0 10px 0; height: 25px;} #headerAddInfo { background: url(../gfx/headerAddInfo.png) no-repeat; display: block; text-indent: -9999em; margin: 5px 0 10px 0; height: 25px; margin-left: 23px;} .daneKontaktowe { padding: 0 20px !important; width: 100%; } .daneKontaktowe th {background: #7e929b; color: #fff; padding: 12px; margin: 0!important; border-colapse: colapse;} .daneKontaktowe td { padding: 8px 15px !important; background: #efefef; font-size: 12px;} .daneKontaktowe th.miasto { width: 150px; } .daneKontaktowe th.imie { width: 100px; } .daneKontaktowe th.e-mail { width: 150px; } .daneKontaktowe th.phone { width: 100px; } .daneKontaktowe td.phone { text-align: center; } .daneKontaktowe .n td {background: #f3f3f3;} #refList {margin-left: 23px;} #main-content table {padding: 20px 0;} #main-content table td { padding: 5px;} .news_list {margin-top: 20px;} .news_list .news_title a { font-weight: bold!important; color: #555; background: url(../gfx/bulletBC.gif) no-repeat 0 3px; padding-left: 20px;} .news_list .news_title { padding-bottom: 7px; border-bottom: 1px solid #eee; margin-bottom: 7px; } .news_list .news { padding-bottom: 22px!important; border-bottom: 1px solid #eee; margin-bottom: 40px;} .news_list .more { float: right; clear: both; color: white!important; background: url(../gfx/moreNews.png) no-repeat; display: block; width: 115px; height: 21px; line-height: 19px; margin: 0; padding-left: 28px; text-decoration: none!important;} #orla {background: #ffffff url(http://www.foreko.eu/gfx/orla.jpg); width: 420px; height: 360px; no-repeat top left; display: block; border: 2px solid rgb(219, 219, 219); margin-bottom: 35px; float: right;} #map {visibility: hidden;} #PRS li {float: left; background: none!important;} #PRS li a img {padding: 1px; border: 1px solid #eee;} #PRS {clear: both; float: none;} #contact_form { width: 665px; clear:both; } #contact_form form{ width: 600px; overflow: hidden;} #contact_form form div{ margin-bottom: 15px;width:580px; overflow:hidden; } #contact_form form div label.caption{ width: 120px; float: left; padding-right: 12px; text-align: right; color: #777676; font-weight: bold; font-size: 11px; background: url(../images/separator3.png) no-repeat 100% 50%; margin-right: 10px; display:inline !important; } #contact_form .name {border-bottom: 1px solid #e7e7e7; padding-bottom:10px;} #contact_form form input.checkbox{ margin-right: 10px; } #contact_form form input.text{ font-size: 11px; font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; background: #f9f9f92; border: 1px solid #d3d3d3; color: #3f3735; padding: 6px 15px; width: 360px; height: 15px; line-height: 15px; } #contact_form div .textarea { font-size: 12px; font-family: Arial; padding: 7px 14px; border: 1px solid #d3d3d3; width: 350px; color: #565656; } #contact_form div .textarea { min-width: 360px; max-width: 360px; min-height: 100px; max-height: 500px; } #contact_form .send {float:right; width:230px} .info-error { text-align:center; margin-bottom:20px; color: red;} .info-ok {clear:both; text-align:center; margin-bottom:20px; color: green;} #contact_form form label{ color: #353535; margin-right: 30px; height: 29px; line-height: 29px; } #mail_info_OK { width:200px; border: 1px dotted #c90c03; text-align: center; line-height: 220%; padding: 6px 15px; margin: 5px 0 12px 0; color: #c90c03; font-weight: bold; background-color: #fff2f1;} .small_box_error { border: 1px solid red; color: red; background: #fff5f5; padding: 5px 0; width: 390px!important; margin-left: 142px; text-align: center;} #controls { height: 25px; background: url(../gfx/controls-bg.png) no-repeat 50% 0; clear: both; overflow: hidden; text-align: center; width: 679px;} #controls div { padding-top: 7px; width: 114px; margin: 0 auto; clear: both; overflow: hidden; } #controls div a { text-indent: -9999em; display: block; float: left; width: 24px; height: 12px; background: url(../gfx/bg-ctrl.png) no-repeat 0 0; margin: 0 2px; } #controls div a.activeSlide { background-position: 0 100%; } #top-search { padding: 0 0 6px 33px; background: url(../gfx/lupka.png) no-repeat;} #top-search input { float: left; display: block; margin: 0; padding: 0; vertical-align: base-line;} #top-search .text { padding: 4px 6px 4px 6px; border: 1px solid #b7b7b7; width: 137px; border-right: none !important; color: #777; font-size: 12px; } #top-search .submit { float: left; } #top-search .submit:hover { background: #d7d7d7; color: #fff; } .no-border-images, .no-border-images img { border: none !important; } .infos div { margin-top: 7px; } .gwarancja { height: 37px; line-height: 34px; padding: 0 12px; font-weight: bold; background: url(../gfx/gwarancja.png) no-repeat; font-size: 12px; } .realizacja { height: 37px; line-height: 34px; padding: 0 12px; font-weight: bold; background: url(../gfx/realizacja.png) no-repeat; font-size: 12px; } .gwarancja span, .realizacja span { color: #0a878c; } .producent-logo { background: url(../gfx/producent.png) no-repeat; line-height: 55px; height: 55px; padding: 2px 0 0 113px; } .mc-box { background: #7f8a8f url(../gfx/bg-top-mc.jpg) no-repeat 0 0 !important; width: 213px; overflow: hidden; padding: 4px 0 0 0; } .mc-box ul { background: url(../gfx/bg-bottom-mc.jpg) no-repeat 0 100% !important; padding: 0 0 4px 0; } .mc-box ul li { background: url(../gfx/bg-mc.jpg) no-repeat 180px 50% !important; height: 42px; border-bottom: 1px solid #959ea2; } .mc-box ul li.last { border: none !important; } .mc-box ul li a { line-height: 42px!important; color: #fff!important; text-decoration: none !important; font-size: 13px; font-weight: bold; font-family: arial; text-shadow: 1px 1px 1px #404649; display: block; height: 42px;} .kontakt-site { font-size: 12px; } .kontakt-site strong { color: #0c8a8f; } .kontakt-site .dane > table { padding-top: 5px !important; } .locations-list { background: url(../gfx/loc-bg.png) no-repeat 100% 100%; width: 100%; padding-bottom: 0 !important; } .locations-list td { padding: 0px 20px 40px 50px !important; background: url(../gfx/loc.png) no-repeat 10px 0; vertical-align: middle !important; line-height: 180%; } .address1 { padding-bottom: 10px;} .address1 p { line-height: 160% !important; padding: 0 0 7px 0; } #leasing {overflow:hidden; width:675px; height:289px; margin-bottom:20px;} #leasing > img {display:block;} #leasing-controls {background: url(../gfx/leasing/bg-controls.png) no-repeat; width:245px; height:236px; float:left; } #leasing-controls a {display:block; width:240px; height:45px; line-height:45px; float:right; color:#fff; font-weight:bold; font-family:arial; background: url(../gfx/bg-a-leasing.jpg) no-repeat 0 100%;} #leasing-controls a.last {background: none;} #leasing-controls a.activeSlide {background-color: #fff !important; color: #088084;} #leasing-controls span {padding-left:22px;} #leasing-slider {width:430px; height:235px; float:right; border-bottom: 1px solid #efefef} #leasing-slider .lslider {width:430px; height:235px; overflow:hidden; } #leasing-slider div > a {display:block; float:left; width:217px; height: 235px; text-align:center; padding:0 !important; margin:0 !important;} #leasing-slider div > a span {color:#788991;} #leasing-slider div > a strong { color: #088185; font-size:18px;} #leasing-slider img {display:block; } #leasing-slider p {float:right; background: url(../gfx/bg-p-leasing.jpg) no-repeat 0 0; width:212px; height: 236px; text-align: center; color:#788991; border-left:1px solid #efefef;} #leasing-slider p strong {color: #088286; font-size: 18px ;} #leasing-slider p span {color: #515a5f; font-weight:bold;} #leasing-slider .wbk {display:block; background: url(../gfx/wbk.jpg) no-repeat; width:186px; height:41px; text-indent:-9999em; margin:0 auto;margin-bottom:30px; margin-top:10px} #leasing-slider .polseff {display:block; background: url(../gfx/pdf.jpg) no-repeat; width:192; height:52px; text-indent:-9999em; margin-left:5px; margin-top:20px} .partners-header h3 { width: 100%; height: 41px; background: url(../gfx/headerPartners.png) no-repeat ; text-indent: -9999em; overflow: hidden; } .partners { border: 1px solid #e8ebed; border-top: none; padding: 20px 0; position: relative; overflow: hidden; } .partners .inner { margin: 0 auto; width: 600px; padding: 0 !important; overflow: hidden;} #partners { padding: 0; margin:0; } #partners li { padding: 0; display: block; float: left; } #partners li a { display: block; width: 150px; height: 60px; text-indent: -9999em; margin: 0; } #partners li a:hover { background-position: 0 0 !important; } .partners-controls { display: block; width: 14px; height: 60px; position: absolute; top: 20px; } .partners-controls.prev { display: none; } .partners-controls.next { display: none; } .jcarousel-item, .jcarousel-item a { margin: 0 !important; display: block; } .partners .inner { overflow: visible !important; } .jcarousel-clip { overflow: hidden; clear: both; } .jcarousel-next { cursor: pointer; background: red; display: block; width: 14px; height: 60px; position: absolute; top: 50%; margin-top: -30px; left: -43px; z-index: 999999999 !important; background: url(../gfx/prev.png) no-repeat; } .jcarousel-prev { cursor: pointer; background: red; display: block; width: 14px; height: 60px; position: absolute; top: 50%; margin-top: -30px; right: -43px; z-index: 999999999 !important; background: url(../gfx/next.png) no-repeat; }