/*****************************************************************************************************/ /************************************** BASIC **************************************/ /*****************************************************************************************************/ * { margin: 0; padding: 0; border: none; } a { color: #000; text-decoration: underline; } a:hover { color: #000; text-decoration: none; } hr { display: none; } body { background: #fff; color: #000; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: .75em; text-align: center; padding: 40px 0; } .clearfix { display: block; } .clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } h1 { font-size: 1.5em; font-weight: bold;} h2 { font-size: 1.2em; font-weight: bold; color: #000; } h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; padding-left: 0; } h4 { font-size: 1em; font-weight: bold; margin-bottom: 5px; padding-left: 0; } p { line-height: 1.5em; padding: 5px 0; } .hidden { display: none; } hr { display: none; } /* POZICIE */ .fl { float: left; } .fr { float: right; } /* FARBY */ /* */ /*****************************************************************************************************/ /************************************** LAYOUT *************************************/ /*****************************************************************************************************/ #page { width: 975px; margin: 0 auto; text-align: left; position: relative; } #odkazy_nadpis {margin-right:50px;} #header { position: relative; width: 100%; height: 76px; overflow: hidden; background: url('../files/graphics/bg_header.jpg') right no-repeat !important; } #logo { width: 301px; height: 63px; margin-top: 6px; } #logo a { display: block; width: 100%; height: 63px; position: relative; } #logo span { display: block; width: 100%; height: 100%; float:left;} #kontakt { position: absolute; bottom: 5px; right: 10px; font-size: 1.2em; font-weight: bold; text-align:right; } #main { width: 100%; margin: 15px 0; } #main h1 { line-height: 80px; } #main h1.kozuby { background: #771919 url('../files/graphics/h1kozuby.gif') 15px 5px no-repeat; } #main h1.detail { width: 100%; text-align: right; color: #696758; height: auto; line-height: 1.8em; padding: 0; position: absolute; top: 5px; right: 10px; } #menu { position: relative; width: 100%; background: url('../files/graphics/bg_mainmenu.jpg') bottom left no-repeat; padding-bottom: 5px; } #menu ul { list-style: none; height: 35px; } #menu ul li { float: left; height: 100%; margin-right: 20px; } #menu ul li h2 a {font-weight:normal; line-height: 35px; color: #696758; font-size: 1.5em; text-decoration: none; } #menu ul li a:hover { color: #999788; } #menu a.search { position: absolute; bottom: -3px; right: 0; display: block; height: 17px; background: url('../files/graphics/lupa.gif') left no-repeat; padding-left: 30px; line-height: 17px; color: #696758; font-weight: bold; font-size: 1.1em; text-decoration: none; } #menu a.search:hover { color: #999788; } .flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; } #nadpis_cat {font-size:2em; font-weight: bolder; } #noFlashMenu { height: 450px; } #noFlashMenu ul { margin-bottom: 10px; } #noFlashMenu ul li { float: left; margin-left: 30px; } #noFlashMenu ul li a { } #noFlashMenu ul li ul { margin-left: 0px; } #noFlashMenu ul li ul li { float: none; } #noFlashMenu ul li ul li a { } ul.seznam {margin-left:20px;} .ponuka { margin-top: 10px; } .ponuka ul { list-style: none; } .ponuka ul li { width: 189px; height: 372px; float: left; margin-right: 7px; list-style: none; } .ponuka ul li.last { margin-right: 0; float: right; } .ponuka ul li a { display: block; width: 100%; height: 100%; color: #fff; font-size: 1.8em; text-decoration: none; } .ponuka ul li a:hover { color: #fff; text-decoration: underline; } .ponuka ul li a span { padding-left: 20px; display: block; margin-top: 20px; } .ponuka .moderne { background: #431c15 url('../files/graphics/kozuby1.jpg') top no-repeat; } .ponuka .rustikalne { background: #431c15 url('../files/graphics/kozuby2.jpg') top no-repeat; } .ponuka .portale { background: #431c15 url('../files/graphics/kozuby3.jpg') top no-repeat; } .ponuka .plynove { background: #431c15 url('../files/graphics/kozuby4.jpg') top no-repeat; } .ponuka .keramicke { background: #431c15 url('../files/graphics/kozuby5.jpg') top no-repeat; } .ponuka .klasicke { background: #431c15 url('../files/graphics/vlozky1.jpg') top no-repeat; } .ponuka .design { background: #431c15 url('../files/graphics/vlozky2.jpg') top no-repeat; } .ponuka .otvorene { background: #431c15 url('../files/graphics/vlozky3.jpg') top no-repeat; } .ponuka .plynoveV { background: #431c15 url('../files/graphics/vlozky2.jpg') top no-repeat; } .ponuka .teplovodne { background: #431c15 url('../files/graphics/vlozky5.jpg') top no-repeat; } .info { position: relative; font-size: 1.2em; width: 485px; float: right; border-left: 2px solid #a8a589; color: #696758; } .info a, .info a:hover { color: #696758; } .info .padding { padding: 0 0 10px 10px; } .bgtext { background: #272b31; color: #fff; padding: 2px 0; letter-spacing: .1em; text-align: center; } .bgtext.detail { width: 4.5em; } h2.detailproduktu {margin:0px 0px -15px 0px ; color: #696758; font-size: 1em; text-decoration:underline;} .bgtext.nakres { width: 12em; margin-top: 9px; } .nakres a { color: white } .text { width: 100%; min-height: 450px; } .text .padding { padding-bottom: 100px; } .price { position: absolute; bottom: 0; left: 0; padding-bottom: 20px; width: 100%; border-top: 2px solid #a8a589; padding-top: 10px; } .name { float: left; width: 230px; } .name h2 { color: #696758; font-size: 1.7em; } .value { float: right; width: 240px; text-align: right; } .value span { font-size: 1.25em; } .value form { font-size: 1.2em; margin-top: 5px; } .value input.poc { border: 1px solid #a8a589; color: #696758; width: 2em; text-align: center; padding: 2px; margin: 0 5px; } .value input.sub { height: 22px; margin-left: 10px; overflow: hidden; background: white; color: #999788; cursor: pointer; border: 1px solid #C2C0AD; font-weight: bold;} .image { width: 485px; float: left; } .image img { margin-right: 10px; } .tooltip { background: #fdf9ce; color: #696758; font-size: 1em; z-index:100; width: 250px; text-align: left; padding: 5px; } /* SVINA */ a.productbox { float: left; width: 480px; height: 150px; position:relative; display: block; text-decoration: none; color: #696758; font-size: 1.7em; font-weight: bold; padding-bottom: 10px;} a.productbox h2 {color: #696758;} a.odd span.content { display: block; margin-left: 220px; } a.even span.content { display: block; padding-right: 220px; } a.odd img.product { position:absolute; top: 0px; left: 0px; } a.even img.product { position:absolute; top: 0px; right: 0px;} a.productbox span.colors img { margin-right: 10px } table input, table select { border: 1px solid; border: 1px solid #a5a184; } p.clear { clear: both; }