/* ========================= G L O B A L ============================================================================ */ body { margin: 0; padding: 0 0 20px; text-align: center; } body#window { padding: 0; } body#window-center { padding: 0; text-align: center; background: #FFFBEF; } body#window-center img { border: 1px solid #E4C771; margin: 4px 0 0; } body * { line-height: 120%; } body, td, th, input, textarea, select { font: 80% "Helvetica CE", helvetica, arial, lucida, sans-serif; } img, fieldset { border: 0 solid; } h6, h5, h4, h3, h2, h1, p, ul, ol, li, dl, dd, dt, form, fieldset, input, select, textarea { margin: 0; padding: 0; } /* ................................................................................................................... */ a:link, a:visited { color: #523D2A; } a:hover { color: #000; } /* ................................................................................................................... */ h6 { position: absolute; top: -1000px; } /* komentare */ h5 { font-size: 85%; } h4 { font-size: 100%; } h1 { position: absolute; top: -1000px; } /* header */ /* ................................................................................................................... */ .clr { clear: both; height: 1px; font-size: 1px; overflow: hidden; } .fl { float: left; } .fr { float: right; } .ar { text-align: right; } .ac { text-align: center; } hr { display: none; } /* =================================================================================================================== */ #title { width: 600px; height: 430px; position: absolute; top: 50%; left: 50%; margin: -215px 0px 0px -300px; } #title img { margin: 0 0 15px; } body#tit { background: #F8ECB2; } #title p { margin: 10px 0 0 10px; font-size: 11px; } /* =================================================================================================================== */ #page { width: 780px; margin: 0 auto; text-align: left; } /* ................................................................................................................... */ #head { height: 170px; background: url(images/header.jpg); } /* horizontal menu */ #menu-bar { border: 1px solid #523d2a; background: url(images/bg-menu-bar.gif) repeat-x #ddbf6a; text-align: right; padding: 3px 12px 0 6px; margin: 0 0 1px; font-weight: bold; font-size: 12px; } #menu-bar li { list-style-type: none; float: left; padding: 2px 8px 0 12px; background: url(images/bg-li.gif) no-repeat 0 5px; } #menu-bar li.active a { color: #000; } #menu-bar #lang img { border: 1px solid #fff; } /* ................................................................................................................... */ /* 1 sloupcová verze obsahu */ #main { background: url(images/bg-main.gif) repeat-y; border: 1px solid #DBBE69; } #page .products { background: url(images/bg-3col.gif) repeat-y; } #page .katalog { background: url(images/bg-katalog.jpg); } /* ................................................................................................................... */ /* levy sloupec */ #main #menu { float: left; width: 217px; padding: 5px 5px 5px 4px; } * html #main #menu { width: 226px; w\idth: 217px; } /* navigacni menu */ #menu ul { list-style-type: none; } #menu li { float: left; display: inline; width: 217px; } #menu li a { display: block; min-height: 12px; padding: 6px 0 5px 25px; background: #DCBF6A url(images/bg-menu.gif) no-repeat; font-weight: bold; color: #523D2A; text-decoration: none; font-size: 12px; line-height: 100%; border-bottom: 1px solid #fffbef; } #menu li.sub a { background: #DCBF6A url(images/bg-submenu.gif) no-repeat; padding: 6px 0 5px 40px; font-size: 11px; } #menu li#active a { background: #DCBF6A url(images/bg-menu-active.gif) no-repeat; color: #000; } #menu li.sub#active a { background: #DCBF6A url(images/bg-submenu-active.gif) no-repeat; } #menu li.red a { color: red; } * html #menu li a { height: 24px; he\ight: 12px; } #main li a:hover { color: #000; } /* box s reklamkou */ #menu .advert { border: 1px solid #DBBE69; margin: 5px 0; background: #fff; } #menu .advert h4 { background: #C1EBFF; padding: 0.3em 5px; margin: 0 0 0.5em; } #menu .advert h5 { padding: 0 5px; margin: 0 0 0.2em; } #menu .advert p { padding: 0 5px; margin: 0 0 0.6em; font-size: 85%; } #menu .advert span { color: #D21010; } /* obrazek v menu */ #menu .il { margin: 5px 0; border: 1px solid #DEC374; } /* vlajecky EU */ #menu img.eu { float: left; margin: 5px 5px 0 0; } #menu p.eu { color: #523D2A; font-size: 12px; margin: 3px 5px 0 0; } /* formular search */ #search { margin: 0 0 6px; } #search fieldset { padding: 5px; border: 1px solid #523D2A; background: #C1EBFF; color: #523D2A; height: 19px; } #search label { float: left; width: 50px; text-align: right; padding-top: 0.15em; margin: 0 10px 0 0; } #search input#hledej { float: left; padding: 1px; border: 1px solid #bbb; width: 102px; font-size: 11px; margin: 0 3px 0 0; } /* ................................................................................................................... */ /* pravy sloupec */ #main #content { float: right; width: 528px; padding: 12px 12px 4px; } * html #main #content { width: 552px; w\idth: 528px; } #main.katalog #content { float: none; width: auto; padding: 12px; } #main #content .col { width: 373px; } /* ramecek s produktem */ #content .product-box { float: left; width: 148px; height: 119px; margin: 5px 27px 4px 0; padding: 1px 5px 0; background: url(images/bg-product-box.gif) no-repeat; } * html #content .product-box{ width: 158px; w\idth: 148px; height: 120px; he\ight: 119px; } #content .product-box.last { margin-right: 0; } #content .product-box h4 { text-align: center; line-height: 100%; font-size: 11px; } #content .product-box h4 a { color: #523D2A; text-decoration: none; } #content .product-box h4 a:hover{ color: #000; } /* novy seznam produktu */ #content .product-box-new { margin: 0 0 10px; border: 1px solid #523d2a; padding: 6px; min-height: 91px; background: url(images/bg-product-box.jpg); } * html #content .product-box-new { height: 91px; } #content .product-box-new img{ border: 1px solid #523d2a; float: left; } #content .product-box-new h4{ line-height: 100%; font-size: 13px; padding: 0 0 0 135px; margin: 0 0 1em; } #content .product-box-new h4 a { color: #523D2A; } #content .product-box-new p{ line-height: 100%; padding: 0 0 0 135px; margin: 0; } /* nadpisy */ #content h2 { margin: 0 0 0.5em; padding: 0.2em 0.4em; color: #523D2A; font-size: 140%; border: 1px solid #E4C771; background: #FFFBEF; clear: both; } #content h3 { margin: 0 0 0.3em; padding: 0 0 0.1em; font-size: 120%; border-bottom: 1px solid #ddd; clear: both; } #content h3.kat { margin: 0; padding: 0.3em 0.5em; color: #523D2A; border: 1px solid #E4C771; font-size: 95%; } /* texty */ #content p { margin: 0 0 1em; font-size: 95%; } #content .datum { font-size: 11px; color: #523D2A; font-weight: bold; float: right; margin: 0.3em 0 0 } #content p.subtitle { font-size: font-size: 95%; color: #523D2A; font-weight: bold; margin: 0.6em 0 0.6em 0 } #content .d { margin: 0 0 2em; } #content .h { margin: 0 0 0.5em; } /* seznam produktu */ #content p.item { margin: 0 0 0.3em; font-size: 95%; } #content p.item span { margin: 0 1em 0 0; width: 1em; /* MSIE 5 fix */ } #content .separ { margin: 0 0 1em; } /* tabulka detailu produktu */ #content table { width: 100%; border: solid #DBBE69; border-width: 0 0 1px 1px; margin: 0.6em 0 1em; } #content td { border: solid #DBBE69; border-width: 1px 1px 0 0; padding: .3em .5em; font-size: 12px; } #content td strong { color: #523D2A; } #content td .price { color: #B63C01; font-weight: bold; } #content tr.header td { background: #FFFBEF; font-weight: bold; font-size: 13px; } #content tr.header td span { color: #523D2A; font-weight: bold; float: right; } #content tr.picture td { text-align: center; margin: 0.6em 0; } #content tr.dark td { background: #FFFBEF; } #content .head td { background: #fffbef; font-weight: bold; color: #523d2a; } #content .head td span { color: #ff3230; } /* listovani pod tabulkou produktu */ #content #list { margin: 1em 0; padding: 0.35em 0.4em 0.25em; color: #523D2A; font-size: 95%; border: 1px solid #E4C771; background: #FFFBEF; font-weight: bold; } #content #list img { margin: 0 5px;} #content #list .fl { width: 140px; } #content #list .fr { width: 140px; text-align: right; } /* seznamy */ #content ol { margin: 0 0 1em; } #content ol li { margin: 0 0 0.5em 30px; } #content ul { margin: 0 0 1em; list-style-type: square; } #content ul.alpha { list-style-type: lower-alpha; } #content ul li { margin: 0 0 0.2em 30px; } /* vycet v kontaktech */ #main #content dl { margin: 0 0 2em 3px; } #main #content dt { float: left; margin-bottom: -100px; } /* solves MSIE 3px bug */ #main #content dd { margin-left: 12em; } /* obrazky */ #content .il { float: left; margin: 2px 1em 0.5em 0; border: 1px solid #DEC374; } #content .ir { float: right; margin: 2px 0 0.5em 1em; border: 1px solid #DEC374;} #content .nb { border: none; } /* ovalne obrazky na strance technologie */ #content img.tl { float: left; clear: left; margin: 18px 0; } #content img.tr { float: right; clear: right; margin: 18px 0; } #content img#first { margin-top: 85px; } /* ................................................................................................................... */ /* kosik */ #content #pokladna fieldset { margin: 0 0 1em; padding: 10px; border: 1px solid #DBBE69; background: #fffbef; } #content #pokladna.white fieldset { background: #fff; } #content #pokladna label { display: block; float: left; clear: left; width: 130px; margin: 0 10px 5px 0; padding: 0.2em 0 0; text-align: right; font-weight: bold; } #content #pokladna label span{ font-weight: normal; } #content #pokladna label.er { color: #c00; } #content #pokladna input, #content #pokladna select, #content #pokladna textarea { margin-bottom: 5px; padding: 1px 2px 0; border: 1px solid #DBBE69; font-size: 12px; } #content #pokladna select { font-size: 11px; } #content #pokladna textarea { width: 240px; } #content #pokladna input.check { border: none; margin: font-size: 12px; } * html #content #pokladna input.check { margin: 3px 3px 0 0; } #content #submit input {font-weight: bold; color: #523d2a; border: 1px solid #cdb36d; font-size: 1.1em; float: right; margin: 0 0 1em 0.5em; padding: 1px 5px; background: #e9cc76; } #content #pokladna p { padding: 0 0 0 140px; width: 280px; margin: 0 0 0.2em; } * html #content #pokladna p { padding: 0 0 0 143px; } #content #pokladna p.nm { padding: 0; width: auto; } #content #kosik input { margin-bottom: 5px; padding: 1px 2px 0; border: 1px solid #DBBE69; font-size: 12px; } #content #kosik select { font-size: 11px; } #content #pokladna br { clear: left; } /* chybova hlaska */ #content #error { margin: 0 0 1em; padding: 0 20px 0; background: #fff; border: 1px solid #c00; } #content #error h4 { margin: 0 -20px 0.4em; padding: 0.3em 20px; color: #fff; font-size: 1.2em; background: #d00 } #content #error li { background: url(images/li-nav.gif) no-repeat 0 2px; } #content #error p { font-size: 1em; } /* success hlaska */ #content #success { margin: 0 0 1em; padding: 0 20px 0; background: #fff; border: 1px solid #56b300; } #content #success h4 { margin: 0 -20px 0.4em; padding: 0.3em 20px; color: #fff; font-size: 1.2em; background: #56b300 } #content #success li { background: url(images/li-nav.gif) no-repeat 0 2px; } #content #success p { font-size: 1em; } .caption { text-align: center; float: left; margin: 0 10px 1em 0; width: 30%;} .caption img { border: 1px solid #E4C771; float: none; } /* ................................................................................................................... */ #foot { border: 1px solid #523D2A; margin: 3px 0 0; height: 15px; padding: 3px 15px 0; background: url(images/bg-foot.gif) repeat-x #DDC06B; font-size: 10px; color: #6F5938; } * html #foot { height: 20px; he\ight: 15px; } #foot p.fr { margin: 0 0 0 10px; } #foot a { color: #6F5938; } #foot a:hover { color: #000; } /* =================================================================================================================== */