/* ========================= G L O B A L ============================================================================ */ body { margin: 0; padding: 0; text-align: left; background: url(images/bg-body.jpg); } body * { line-height: 115%; } body, td, th, input, textarea, select { font: 16px "Times CE", times, 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: #1C029C; font-weight: bold; } a:hover { background: #4E2F17; color: #fff; } /* ................................................................................................................... */ .clr { clear: both; height: 1px; font-size: 1px; overflow: hidden; } .fl { float: left; } .fr { float: right; } hr, .hide { display: none; } h1, h2, h6 { position: absolute; top: -1000px; } /* ................................................................................................................... */ /* vyskakovaci okna s obrazky */ body#window { background: #DAB983; } body#window img { border: 1px solid; margin: 5px 0 0; } /* vyskakovaci okna s textem */ body#popup { background: #DAB983; padding: 10px; text-align: left; font: 12px "Helvetica CE", helvetica, arial, lucida, sans-serif; } body#popup h4 { font-size: 14px; margin: 0 0 0.3em;} body#popup h3 { font-size: 20px; margin: 0 0 0.5em; padding: 0.5em} body#popup div { background: #fff; border: 1px solid; padding: 10px } /* =================================================================================================================== */ #nadpage { width: 1060px; margin: 0 auto; padding: 0 8px 2px 9px; text-align: left; } #page { width: 760px; margin: 0 auto; padding: 0 8px 2px 9px; text-align: left; background: url(images/bg-page.gif); } #page2 { width: 760px; margin: 0 auto; padding: 0 8px 2px 9px; text-align: left; background: url(images/bg-page.gif); } #rightpage { width: 300px; float: right; width: 0px; margin: 0 0 0px; padding: 0px; min-height: 0px; font-family: "Times CE", times, serif; } * html #page { width: 777px; w\idth: 760px; } /* ................................................................................................................... */ #m7 { height: 30px; width: 182px; background: #7F5627; } /* header */ #head { width: 760px; height: 170px; } /* montaze pro ruzne stranky */ #title #head { background: url(images/head-1.jpg); } #historie #head { background: url(images/head-1.jpg); } #dorucovani #head { background: url(images/head-3.jpg); } #vyroba #head { background: url(images/head-4.jpg); } #baleni #head { background: url(images/head-5.jpg); } #galerie #head { background: url(images/head-6.jpg); } #jak-balit #head { background: url(images/head-7.jpg); } #kontakty #head { background: url(images/head-8.jpg); } /* nemecka verze montazi */ #title-de #head { background: url(images/head-1-de.jpg); } #historie-de #head { background: url(images/head-1-de.jpg); } #dorucovani-de #head { background: url(images/head-3-de.jpg); } #vyroba-de #head { background: url(images/head-4-de.jpg); } #baleni-de #head { background: url(images/head-5-de.jpg); } #galerie-de #head { background: url(images/head-6-de.jpg); } #jak-balit-de #head { background: url(images/head-7-de.jpg); } #kontakty-de #head { background: url(images/head-8-de.jpg); } /* anglicka verze montazi */ #title-en #head { background: url(images/head-1-en.jpg); } #historie-en #head { background: url(images/head-1-en.jpg); } #dorucovani-en #head { background: url(images/head-3-en.jpg); } #vyroba-en #head { background: url(images/head-4-en.jpg); } #baleni-en #head { background: url(images/head-5-en.jpg); } #galerie-en #head { background: url(images/head-6-en.jpg); } #jak-balit-en #head { background: url(images/head-7-en.jpg); } #kontakty-en #head { background: url(images/head-8-en.jpg); } #title img {display: block;} #head a { float: right; height: 170px; display: inline; } #head a span { position: absolute; top: -1000px; } #head a:hover { background: none; } #head a.h1 { width: 160px; } #head a.h2 { width: 235px; } #head a.h3 { width: 160px; margin: 0 235px 0 0; } #head a.h4 { width: 213px; } #head a.h5 { width: 202px; } #head a.h6 { width: 224px; } #head a.h7 { width: 123px; } #head a.h8 { width: 223px; } #head a.h9 { width: 168px; } #head a.h10 { width: 235px; } #head a.h11 { width: 102px; } #head a.h12 { width: 212px; } #head a.h13 { width: 231px; } #head a.h14 { width: 223px; } #head a#zalozeno { float: left; width: 91px; height: 61px; margin: 25px 0 0 200px; } #head .clr { height: 0px; } #head a.flag { padding: 0 10px 0 0; height: 15px; margin: 150px 0 0; } /* ................................................................................................................... */ /* menu */ #menu { height: 60px; background: url(images/bg-menu.gif); } #menu ul { list-style-type: none; font-weight: bold; font-size: 18px; } #menu li { float: left; height: 58px; margin: 1px 0; text-align: center; } #menu li a { display: block; padding: 5px 0 5px; text-decoration: none; color: #FFE402; } #menu li a span { font-size: 12px; color: #fff; } #menu li a:hover { text-decoration: underline; color: #fff; background: none; } #page #menu li a.active { color: #000 ; background: #FF9406 } /* policka menu */ #menu #m1 { width: 133px; background: url(images/bg-li.gif) 0 48%; } #menu #m7 { height: 30px; width: 182px; background: #7F5627; } #menu #m9 { height: 60px; width: 182px; background: #cf4e27; font-family: "Times CE", times, serif; font-size: 17px; font-weight: bold; } #menu #m2 { width: 141px; background: #52381A; } #menu #m3 { width: 130px; background: #7F5627; } #menu #m4 { width: 115px; background: #AF7636; } #menu #m5 { width: 102px; background: #d19451; } #menu #m6 { width: 139px; background: #52381A; } #m8 { width: 139px; background: #ff3434; } /* krajni policka */ #menu #m1 a, #menu #m1 a { color: #000; } * html #menu #m1 a, * html #menu #m6 a { padding: 3px 0 5px; } html>body #menu * { line-height: 90%; } html>body #menu #m1 *, html>body #menu #m6 * { line-height: 100%; padding: 5px 0 6px } /* ................................................................................................................... */ /* main layout */ #main { background: url(images/bg-main.gif) no-repeat bottom; font-family: "Helvetica CE", helvetica, arial, lucida, sans-serif; } #main #left { float:left; width: 578px; } #main #right { float: right; width: 162px; margin: 0 0 230px; padding: 10px; min-height: 134px; background: url(images/bg-right.jpg) no-repeat; font-family: "Times CE", times, serif; } * html #main #right { width: 182px; w\idth: 162px; height: 134px; } /* main layout - nemeckej */ #main-de { background: url(images/bg-main-de.gif) no-repeat bottom; font-family: "Helvetica CE", helvetica, arial, lucida, sans-serif; } #main-de #left { float:left; width: 578px; } #main-de #right { float: right; width: 162px; margin: 0 0 230px; padding: 10px; min-height: 134px; background: url(images/bg-right.jpg) no-repeat; font-family: "Times CE", times, serif; } * html #main-de #right { width: 182px; w\idth: 162px; height: 134px; } /* main layout - anglicky */ #main-en { background: url(images/bg-main-en.gif) no-repeat bottom; font-family: "Helvetica CE", helvetica, arial, lucida, sans-serif; } #main-en #left { float:left; width: 578px; } #main-en #right { float: right; width: 162px; margin: 0 0 230px; padding: 10px; min-height: 134px; background: url(images/bg-right.jpg) no-repeat; font-family: "Times CE", times, serif; } * html #main-en #right { width: 182px; w\idth: 162px; height: 134px; } .kontaktimg { float: left; margin: 0 1em 1em 0; } .i1 {margin-left: 20px;} .i2 {margin-left: 40px;} .clear { clear: both; } /* ................................................................................................................... */ /* levy sloupec */ #left #content { background: url(images/bg-content.gif) no-repeat; min-height: 100px; padding: 15px 38px 30px; } * html #left #content { height: 100px; } /* svetly nadpis stranky */ h3 { padding: 0.6em 20px; color: #fff; background: #2C1A09; font-family: "Times CE", times, serif; } /* ................................................................................................................... */ /* hnedy nadpis stranky */ h4 { color: #4B1000; } h5 { color: #000; } /* ................................................................................................................... */ /* barvy */ .y { color: #FFE402; } .b { color: #4B1000; } .bgb { background: #000; } /* velikosti */ #page .s8 { font-size: 8px; } #page .s10 { font-size: 10px; } #page .s12 { font-size: 12px; } #page .s13 { font-size: 13px; } #page .s14 { font-size: 14px; } #page .s15 { font-size: 15px; } #page .s16 { font-size: 16px; } #page .s17 { font-size: 17px; } #page .s18 { font-size: 18px; } #page .s19 { font-size: 19px; } #page .s20 { font-size: 20px; } #page .s21 { font-size: 21px; } #page .s22 { font-size: 22px; } #page .s23 { font-size: 23px; } #page .s24 { font-size: 24px; } #page .s25 { font-size: 25px; } #page .s26 { font-size: 26px; } /* zarovnani */ .ac { text-align: center; } .ar { text-align: right; } .pd { padding: 0 0 0 80px; } /* radkovani */ .h { margin: 0 0 0.5em; } .s { margin: 0 0 1em; } .sh { margin: 0 0 1.5em; } .d { margin: 0 0 2em; } /* obrazky */ .il { float: left; margin: 0 0.5em 1em 0; } .ir { float: right; margin: 0 0 0.5em 1em; } .ic { margin: 0 auto 1em; display: block; border: 1px solid #663300; overflow: hidden; } .im { vertical-align: middle; } /* seznamy */ li { margin: 0 0 0.2em 2em; } /* ................................................................................................................... */ /* pravy sloupec */ #right p { margin: 0 0 1em; font-size: 15px; } #right p strong { font-size: 20px; } #right a.nh:hover { background: none; } /* ................................................................................................................... */ /* upozorneni */ #attention { padding: 20px 30px; border: solid #261919; border-width: 1px 0; background: #312020; } #attention h4 { color: #fff; font-size: 22px; } #attention h4 span { color: #FFE402; } /* ................................................................................................................... */ /* pata */ #foot { padding: 10px 30px 15px; margin: -2px -8px -7px -9px; background: url(images/bg-foot.gif) no-repeat bottom; font: 11px "Helvetica CE", helvetica, arial, lucida, sans-serif; color: #fff; } #foot a { color: #fff; } #foot a#xhtml { width: 78px; height: 13px; float: right; background: url(images/bg-xhtml.gif); } #foot a#css { width: 78px; height: 13px; float: right; margin: 0 0 0 10px; background: url(images/bg-css.gif); } /* =================================================================================================================== */