/* Author: Vellkan Design Studio Igor Chudy Author URI: http://www.vellkan.pl/ Version: 1.0 Project: MP24 Home Page Description: */ body {height: 100%; width: 100%; font: normal 12px Verdana; color: #fff; background: url(img/Bck.png) left top repeat;} html, body {width: 100%;} /* Reset ---------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4 h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-weight: inherit; font-family: inherit; } h1 { font-size: 3em; } h2 { font-size: 2em; } h3 { font-size: 1.5em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h6 { font-size: 1em; } :focus { outline: 0; } blockquote, q {quotes: "" "";} .clear { clear: both; } /* Custom ----------------------------------------------------------------------- */ #Container {width: 960px; margin: 0 auto; } #Container .Info {margin: 0 0 10px 0px; font: normal 13px Arial, Helvetica, sans-serif; padding:8px; margin-top: 30px; text-align: center; } #Top {width: 100%; height: 102px; background: url(img/Top.png) left top no-repeat; position:relative; overflow: hidden;} #Top h1 a {margin: 0 0 0 3px; display: block; float: left; width: 162px; height: 102px; text-indent: -9000px; background: url(img/TopLogo.png) left top no-repeat;} #Top ul {list-style: none; margin: 36px 0 0 0;} #Top ul li {float: left; display: block; margin: 0 15px 0 0; padding: 8px 0 8px 15px; background: url(img/TopLine.png) left top no-repeat;} #Top ul li:first-child {background: none;} #Top ul li a {font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #888888; text-decoration: none; text-shadow: -1px -1px 0px #000;} #Top ul li a:hover {color: #fff;} #Top a.GrupaAttix {position: absolute; left: 850px; top: 45px; font: normal 16px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #DD0000; text-decoration: none; text-shadow: -1px -1px 0px #000;} #Top a.GrupaAttix:hover {color: #fff;} #Content {margin: 25px 0 30px 0; width: 954px; padding: 3px; background:#000;} #Content.Red {background:#eb0e20 url(img/BorderBck.png) left bottom repeat-x;} #Header {width: 954px; height: 369px; background:#000; display:block;} #Content ul#Logos {width: 318px; height: 369px; list-style: none; float: left; margin-left: 637px;} #Content ul#Logos li {width: 159px; height: 61px; display: block; float: left; margin-top: 1px; } #Content ul#Logos li:first-child {margin: 0;} #Content ul#Logos li span {width: 159px; height: 61px; display: block; float: left; text-indent: -9000px; background-image: url(img/Logos.png);} #Content ul#Logos li span.Velux {background-position: 0 0;} #Content ul#Logos li span.Creaton {background-position: 0 -62px;} #Content ul#Logos li span.Nelskamp {background-position: 0 -124px;} #Content ul#Logos li span.Galeco {background-position: 0 -186px;} #Content ul#Logos li span.Fakro {background-position: 0 -248px;} #Content ul#Logos li span.Rockwool {background-position: 0 -310px;} #Content ul#Logos li span.Roto {background-position: -159px 0;} #Content ul#Logos li span.Isocer {background-position: -159px -62px;} #Content ul#Logos li span.Rheinzink {background-position: -159px -124px;} #Content ul#Logos li span.Dorken {background-position: -159px -186px;} #Content ul#Logos li span.Marley {background-position: -159px -248px;} #Content ul#Logos li span.IVT {background-position: -159px -310px;} #Content ul#Menu {list-style: none; display: block; float: left;} #Content ul#Menu li {width: 318px; height: 168px; display: block; float: left; } /*#Content ul li a {width: 318px; height: 168px; display: block; float: left; text-indent: -9000px;}*/ #Content ul#Menu li a {width: 318px; height: 168px; display: block; float: left; position: relative; overflow: hidden;text-decoration: none;} #Content ul#Menu li a span{display: block; position: absolute; left:0; top: 318px; width: 318px; height: 50px; background: #000; color: #fff; padding: 5px 0 10px 30px; font: normal 13px/19px Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0px #000;} #Content ul#Menu li.Okna {background: url(img/ThumbOkna.png) left top no-repeat;} #Content ul#Menu li.Dachowka {background: url(img/ThumbDachowka.png) left top no-repeat;} #Content ul#Menu li.Serwis {background: url(img/ThumbSerwis.png) left top no-repeat;} #Content ul#Menu li.Dekoracja {background: url(img/ThumbDekoracja.png) left top no-repeat;} #Content ul#Menu li.Akcesoria {background: url(img/ThumbAkcesoria.png) left top no-repeat;} #Content ul#Menu li.Rynny {background: url(img/ThumbRynny.png) left top no-repeat;} #Content ul#Menu li.Membrany {background: url(img/ThumbMembrany.png) left top no-repeat;} #Content ul#Menu li.Welna {background: url(img/ThumbWelna.png) left top no-repeat;} #Content ul#Menu li.Systemy_kominowe {background: url(img/systemyk.png) left top no-repeat;} #Content ul#Menu li.dodatki {background: url(img/dodatki2.png) left top no-repeat;} #Content ul#Menu li.Kolektory {background: url(img/ThumbKolektory.png) left top no-repeat;} #Content ul#Menu li.Folie {background: url(img/folie.png) left top no-repeat;} #Content ul#Menu li.Wiezba {background: url(img/wiezba.png) left top no-repeat;} #Content ul#Menu li.Ogrody {background: url(img/ogrody.png) left top no-repeat;} #Content ul#Menu li.dladekarzy {background: url(img/dlaDekarzy.png) left top no-repeat;} #Content ul#Menu li.allegro {background: url(img/allegro.png) left top no-repeat;} .ProductExtras {width: 850px;height: 100%;margin: 0 auto 40px auto;overflow:hidden;list-style: none;} .ProductExtras > li {width: 230px;padding: 10px;border: 1px solid #222222;background:#000;margin: 15px;float: left;text-align: center;} .ProductExtras > li span {font: normal 12px Arial, Helvetica, sans-serif; color:#555555;} .ProductExtras > li a.Title {font: bold 14px Arial, Helvetica, sans-serif;color:#3e3e3e;text-decoration: none;display: block;margin: 0 0 5px 0;padding: 2px;} .ProductExtras > li a.Title:hover {color:#DD0000;} .ProductExtras li .Logo {display: block; margin: 0 auto; width: 220px; height: 150px; } .ProductExtras li .Logo a {display: block; margin: 0 auto; width: 220px; height: 150px; background-image: url(img/ExtraLogotype.png); } .ProductExtras li a.budowa {background-image: url(img/roboty.png);} .ProductExtras li a.fakro {background-position: 0 -150px;} .ProductExtras li a.optilight {background-position: 0 -450px;} .ProductExtras li a.rooflite {background-position: 0 -600px;} .ProductExtras li a.roto {background-position: 0 -300px;} .ProductExtras li a.velux {background-position: 0 0;} .ProductExtras li a.keylite {background-position: 0 -750px;} .ProductExtras li .Logo2 a {display: block; margin: 0 auto; width: 220px; height: 150px; background-image: url(img/ExtraLogotype2.png); } .ProductExtras li a.creaton {background-position: 0 0px;} .ProductExtras li a.nelskamp {background-position: 0 -140px;} .ProductExtras li a.jacobi {background-position: 0 30px; background-image: url(img/Jacobi_logo.jpg); background-repeat: no-repeat;} .ProductExtras li a.nelskampnibra {background-position: 0 -300px;} .ProductExtras li a.creaton_logo {background-position: 0 0; background-image: url(img/logotypy/creaton.jpg); background-repeat: no-repeat;} .ProductExtras li a.nelskamp_logo {background-position: 0 0; background-image: url(img/logotypy/nelskamp.jpg); background-repeat: no-repeat;} .ProductExtras li a.nibra_logo {background-position: 0 0; background-image: url(img/logotypy/nibra.jpg); background-repeat: no-repeat;} .ProductExtras li a.jacobi_logo {background-position: 0 0; background-image: url(img/logotypy/jacobi.jpg); background-repeat: no-repeat;} .ProductExtras li a.roben_logo {background-position: 0 0; background-image: url(img/logotypy/roben.jpg); background-repeat: no-repeat;} .ProductExtras li a.tondach_logo {background-position: 0 0; background-image: url(img/logotypy/tondach.jpg); background-repeat: no-repeat;} .ProductExtrasList { width: 950px; height: 100%; margin: 0 auto 40px auto;overflow:hidden;} .ProductExtrasList > li { width: 150px; padding: 8px; border: 1px solid #ddd; background:#f7f7f7;margin: 15px 10px; float: left; text-align: center;} .ProductExtrasList > li img {display: block; width: 150px; height: 200px; margin: 0 auto; } .ProductExtrasList > li span {font: bold 12px Arial, Helvetica, sans-serif; color: #B90000;} .ProductExtrasList > li .ProductSubMenu {display: block;margin: 10px 0 0 10px;text-align: left;} .ProductExtrasList > li .ProductSubMenu li {margin: 0 0 6px 0;} .ProductExtrasList > li .ProductSubMenu li a {font: normal 12px Arial, Helvetica, sans-serif;color: #3e3e3e;padding: 2px; text-decoration: none;} .ProductExtrasList > li .ProductSubMenu li a:hover {background: #b90000;color: #fff;} .CategorySubList { width: 960px; height: 100%; margin: 0 auto 40px auto;overflow:hidden; list-style: none;} .CategorySubList li { width: 280px; padding: 8px; border: 1px solid #222222; background:#000; margin: 15px 10px; float: left; text-align: center;} .CategorySubList li div.Img {display: block; width: 280px; height: 230px; margin: 10px auto; background: #fff; border: 1px solid #ddd;} .CategorySubList li div.Img img {display: block; width: 280px; height: 210px; margin: 10px auto; } .CategorySubList li div.Img2 {display: block; width: 280px; height: 230px; margin: 10px auto; background: #000; } .CategorySubList li div.Img2 img {display: block; width: 280px; height: 210px; margin: 10px auto; } .CategorySubList li a {font: bold 18px Arial, Helvetica, sans-serif; color: #B90000; text-decoration: none; padding: 2px;} .CategorySubList li a:hover {background: #B90000; color: #fff; } .CategoryDescSubList { width: 930px; height: 100%; margin: 0 0 0 10px;overflow:hidden; list-style: none;} .CategoryDescSubList li { padding: 8px; border: 1px solid #222222; background:#000; margin: 15px 0px; overflow: hidden; } .CategoryDescSubList li div.Thumb {display: block; float: left; text-align:center;} .CategoryDescSubList li div.Thumb img {display: block; padding: 10px; margin: 0 30px 10px 10px; background: #fff; border: 1px solid #ddd; } .CategoryDescSubList li .Description {float: left; width: 560px; font: normal 12px/19px Tahoma, Arial, Helvetica, sans-serif; color: #AAAAAA;} .CategoryDescSubList li .Description p {margin: 10px 0 10px 2px;} .CategoryDescSubList li .Description p strong {font-weight: bold; color: #fff;} .CategoryDescSubList li a {font: bold 18px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding: 2px; text-align: center;} #dachowka { width: 930px; height: 100%; margin: 0 0 10px 40px;overflow:hidden; list-style: none;} #produkt {width:150px; height:310px; border: 1px solid #222222;padding-top:0px; float:left; margin:10px;} #produkt img {background-color:#ffffff} .podpis{font: bold 14px Arial, Helvetica, sans-serif; margin-left: 20px; color:#aa0000}; .tytul{ margin: 0 0 0 40px;padding:10px;color:#b90000;font-weight:bold; font-size:20px;font-family:verdana} .nazwa{color:#b90000;font-weight:bold; font-size:16px;font-family:verdana} .opis a{color:#fff;float:left; padding-left:10px;font-size:12px;font-family:verdana; text-decoration:none;} .opis a:hover{color:#fff;float:left; padding-left:10px;font-size:12px; font-family:verdana; text-decoration:underline;} #kontakt {padding:20px; font-size:13px; color:#ffffff; font-family:verdana; background:#000;} #kontakt2 {margin-bottom:20px;height:350px; font-size:13px; color:#ffffff; font-family:verdana; } #kontakt a {color:#AAAAAA; text-decoration:underline;} #kontakt2 a {color:#AAAAAA; text-decoration:underline;} #kontakt_informacje { float:left; text-align:center; background:#000;} #kontakt_formularz { float:right; background:#000; } #o_firmie {padding:20px; font-family:verdana; font-size:13px; color:#AAAAAA;} #o_firmie a {color:#AAAAAA; text-decoration:underline;} #Footer {} .CategorySubList li span a{color:#fff;float:left; padding-left:10px;font-size:12px;font-family:verdana; text-decoration:none;} .CategorySubList li span a:hover{background:none; color:#fff;float:left; padding-left:10px;font-size:12px; font-family:verdana; text-decoration:underline;}