/* CSS www.GoPages.cz default */ /*** LAYOUT ***/ * {margin: 0; padding: 0;} body {margin: 0; padding: 0; font-family:Georgia, "Times New Roman", Times, serif; background: #00478b; font-size: 90%; color: #ffffff;text-align: center;} #page {width: 959px; height: 640px; /*margin: auto;*/ text-align: left; position: absolute; /*top: -40px;*/ top: 50%; left: 50%; margin: -360px 0 0 -480px} #right { border: solid 1px white; float: right; width: 400px} /*** TOP ***/ #top { position: relative;} /* logo */ h2#logo { overflow: hidden;} #logo {position:relative; top: 0; left: -2000px; width:71px; height:73px; margin:0; padding:0; cursor:pointer;} #logo span {position:absolute; width:100%; height:100%; /*background: url(../img/logo-opavia.gif) no-repeat;*/} /* nadpisy */ h1.kontakt {position:relative; top: 0; left: 0; width:119px; height:30px; clear: left} h1.kontakt span {position:absolute; width:100%; height:100%; background: url(../img/h1-kontakt.gif) no-repeat;} h1.vyherci, h1.jak-hrat,h1.partneri, h1.vyhry,h1.vedlejsi, h1.kod, h1.jak-hrat-pohlednice,h1.pravidla, h1.fotogalerie, h1.rozhovor {position:relative; top: 1px; left: 0; width:590px; height:60px; clear: left; overflow: hidden} h1.vyherci span {position:absolute; width:100%; height:100%; background: url(../img/h1-vyherci.gif) no-repeat} h1.fotogalerie span {position:absolute; width:100%; height:100%; background: url(../img/h1-fotogalerie.gif) no-repeat} h1.jak-hrat span {position:absolute; width:100%; height:100%; background: url(../img/h1-jak-hrat.gif) no-repeat} h1.partneri span {position:absolute; width:100%; height:100%; background: url(../img/h1-partneri.gif) no-repeat} h1.vedlejsi span {position:absolute; width:100%; height:100%; background: url(../img/h1-vedlejsi.gif) no-repeat} h1.kod span {position:absolute; width:100%; height:100%; background: url(../img/h1-kod.gif) no-repeat} h1.jak-hrat-pohlednice span {position:absolute; width:100%; height:100%; background: url(../img/h1-jak-hrat2.gif) no-repeat} h1.vyhry span {position:absolute; width:100%; height:100%; background: url(../img/h1-vyhrynew.gif) no-repeat;} h1.pravidla span {position:absolute; width:100%; height:100%; background: url(../img/h1-pravidla.gif) no-repeat;} h1.rozhovor span {position:absolute; width:100%; height:100%; background: url(../img/h1-rozhovor.gif) no-repeat} h1.historie, h1.vyrobky, h1.zabava, h1.kontakt {position:relative; top: 1px; left: 0; width:844px; height:60px; clear: left; overflow: hidden} h1.historie span {position:absolute; width:100%; height:100%; background: url(../img/h1-historie.gif) no-repeat;} h1.vyrobky span {position:absolute; width:100%; height:100%; background: url(../img/h1-vyrobky.gif) no-repeat;} h1.fotogalerie span {position:absolute; width:100%; height:100%; background: url(../img/h1-fotogalerie.gif) no-repeat;} h1.zabava span {position:absolute; width:100%; height:100%; background: url(../img/h1-zabava.gif) no-repeat;} h1.kontakt span {position:absolute; width:100%; height:100%; background: url(../img/h1-kontakt.gif) no-repeat;} /* eng nadpisy */ h1.history, h1.products, h1.fun, h1.contact {position:relative; top: 1px; left: 0; width:844px; height:60px; clear: left; overflow: hidden} h1.products span {position:absolute; width:100%; height:100%; background: url(../img/h1-products.jpg) no-repeat;} h1.history span {position:absolute; width:100%; height:100%; background: url(../img/h1-history.jpg) no-repeat;} h1.fun span {position:absolute; width:100%; height:100%; background: url(../img/h1-fun.jpg) no-repeat;} h1.contact span {position:absolute; width:100%; height:100%; background: url(../img/h1-contact.jpg) no-repeat;} /* ger nadpisy */ h1.geschichte, h1.erzeugnisse, h1.erholung {position:relative; top: 1px; left: 0; width:844px; height:60px; clear: left; overflow: hidden} h1.erzeugnisse span {position:absolute; width:100%; height:100%; background: url(../img/h1-erzeugnisse.jpg) no-repeat;} h1.geschichte span {position:absolute; width:100%; height:100%; background: url(../img/h1-geschichte.jpg) no-repeat;} h1.erholung span {position:absolute; width:100%; height:100%; background: url(../img/h1-erholung.jpg) no-repeat;} /* rus nadpisy */ h1.historie-rus, h1.vyrobky-rus, h1.zabava-rus, h1.kontakt-rus {position:relative; top: 1px; left: 0; width:844px; height:60px; clear: left; overflow: hidden} h1.historie-rus span {position:absolute; width:100%; height:100%; background: url(../img/h1-historie-rus.jpg) no-repeat;} h1.vyrobky-rus span {position:absolute; width:100%; height:100%; background: url(../img/h1-vyrobky-rus.jpg) no-repeat;} h1.zabava-rus span {position:absolute; width:100%; height:100%; background: url(../img/h1-zabava-rus.jpg) no-repeat;} h1.kontakt-rus span {position:absolute; width:100%; height:100%; background: url(../img/h1-kontakt-rus.jpg) no-repeat;} /* top nav */ #topnav { height: 30px; color: #ffffff; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; position: relative; top: 53px} #topnav.eng { height: 30px; color: #ffffff; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; position: relative; top: 53px; background: url(../img/bgr-topnav-eng.jpg)} #topnav.eng2 { height: 30px; color: #ffffff; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; position: relative; top: 53px; background: url(../img/bgr-topnav-eng-unor.jpg)} #topnav ul { list-style: none; position: absolute; top: 0; right: 0} #topnav ul li { float: left; margin: 0 5px 0 0 } #topnav ul li a { color: #FFFFFF; text-decoration: underline;} #topnav ul li a:hover, #topnav ul li a.act { text-decoration: none} /* hor nav */ #hornav { width: 100%; height: 35px; position: absolute; top: 75px; right: 0; background: url(../img/bgr-hornav-bottom.gif) right bottom no-repeat;} #hornav.short { width: 100%; height: 35px; position: absolute; top: 75px; right: 0; background: url(../img/bgr-hornav-bottom-eng.jpg) right bottom no-repeat;} #hornav ul { list-style: none; float: right; position: absolute; right: 0;} #hornav ul li { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) no-repeat} #hornav ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -103px 0 no-repeat} #hornav ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -209px 0 no-repeat} #hornav ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -313px 0 no-repeat} #hornav ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -419px 0 no-repeat} #hornav ul li.h06 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -523px 0 no-repeat} #hornav ul li.h01 a:hover span, #hornav ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) no-repeat; cursor:pointer;} #hornav ul li.h02 a:hover span, #hornav ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -103px 0 no-repeat; cursor:pointer;} #hornav ul li.h03 a:hover span, #hornav ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -209px 0 no-repeat; cursor:pointer;} #hornav ul li.h04 a:hover span, #hornav ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -313px 0 no-repeat; cursor:pointer;} #hornav ul li.h05 a:hover span, #hornav ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -419px 0 no-repeat; cursor:pointer;} #hornav ul li.h06 a:hover span, #hornav ul li.h06 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -523px 0 no-repeat; cursor:pointer;} #hornav ul li span { position: absolute; width:100%; height:100%; float: left} #hornav ul li a {} /* CZ UVOD */ #hornav-cz-uvod { width: 100%; height: 35px; position: absolute; top: 75px; right: 0; background: url(../img/bgr-hornav-bottom-eng.jpg) right bottom no-repeat;} #hornav-cz-uvod { width: 100%; height: 35px; position: absolute; top: 75px; right: 0;} #hornav-cz-uvod ul { list-style: none; float: right; position: absolute; right: 0;} #hornav-cz-uvod ul li { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-cz-uvod ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) no-repeat} #hornav-cz-uvod ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -103px 0 no-repeat} #hornav-cz-uvod ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -103px 0 no-repeat} #hornav-cz-uvod ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -209px 0 no-repeat} #hornav-cz-uvod ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -313px 0 no-repeat} #hornav-cz-uvod ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -419px 0 no-repeat} #hornav-cz-uvod ul li.h06 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav.jpg) -523px 0 no-repeat} #hornav-cz-uvod ul li.h01 a:hover span, #hornav-cz-uvod ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) no-repeat; cursor:pointer;} #hornav-cz-uvod ul li.h02 a:hover span, #hornav-cz-uvod ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -103px 0 no-repeat; cursor:pointer;} #hornav-cz-uvod ul li.h03 a:hover span, #hornav-cz-uvod ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -209px 0 no-repeat; cursor:pointer;} #hornav-cz-uvod ul li.h04 a:hover span, #hornav-cz-uvod ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -313px 0 no-repeat; cursor:pointer;} #hornav-cz-uvod ul li.h05 a:hover span, #hornav-cz-uvod ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -419px 0 no-repeat; cursor:pointer;} #hornav-cz-uvod ul li.h06 a:hover span, #hornav-cz-uvod ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-vernav-on.jpg) -523px 0 no-repeat; cursor:pointer;} #hornav-cz-uvod ul li span { position: absolute; width:100%; height:100%; float: left} /* ENG verze */ #hornav.eng { width: 100%; height: 35px; position: absolute; top: 75px; right: 0;} #hornav.eng ul { list-style: none; float: right; position: absolute; right: 0;} #hornav.eng ul li { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.eng ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) no-repeat} #hornav.eng ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) -103px 0 no-repeat} #hornav.eng ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) -209px 0 no-repeat} #hornav.eng ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) -313px 0 no-repeat} #hornav.eng ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) -419px 0 no-repeat} #hornav.eng ul li.h01 a:hover span, #hornav.eng ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) no-repeat; cursor:pointer;} #hornav.eng ul li.h02 a:hover span, #hornav.eng ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) -103px 0 no-repeat; cursor:pointer;} #hornav.eng ul li.h03 a:hover span, #hornav.eng ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) -209px 0 no-repeat; cursor:pointer;} #hornav.eng ul li.h04 a:hover span, #hornav.eng ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) -313px 0 no-repeat; cursor:pointer;} #hornav.eng ul li.h05 a:hover span, #hornav.eng ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) -419px 0 no-repeat; cursor:pointer;} #hornav.eng ul li span { position: absolute; width:100%; height:100%; float: left} /* ENG uvod */ #hornav-eng-uvod { width: 100%; height: 35px; position: absolute; top: 75px; right: 0; background: url(../img/bgr-hornav-bottom-eng-unor.jpg) right bottom no-repeat;} #hornav-eng-uvod { width: 100%; height: 35px; position: absolute; top: 75px; right: 0;} #hornav-eng-uvod ul { list-style: none; float: right; position: absolute; right: 0;} #hornav-eng-uvod ul li { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-eng-uvod ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) no-repeat} #hornav-eng-uvod ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) -103px 0 no-repeat} #hornav-eng-uvod ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) -209px 0 no-repeat} #hornav-eng-uvod ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) -313px 0 no-repeat} #hornav-eng-uvod ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav.jpg) -419px 0 no-repeat} #hornav-eng-uvod ul li.h01 a:hover span, #hornav-eng-uvod ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) no-repeat; cursor:pointer;} #hornav-eng-uvod ul li.h02 a:hover span, #hornav-eng-uvod ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) -103px 0 no-repeat; cursor:pointer;} #hornav-eng-uvod ul li.h03 a:hover span, #hornav-eng-uvod ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) -209px 0 no-repeat; cursor:pointer;} #hornav-eng-uvod ul li.h04 a:hover span, #hornav-eng-uvod ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) -313px 0 no-repeat; cursor:pointer;} #hornav-eng-uvod ul li.h05 a:hover span, #hornav-eng-uvod ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-eng-vernav-on.jpg) -419px 0 no-repeat; cursor:pointer;} #hornav-eng-uvod ul li span { position: absolute; width:100%; height:100%; float: left} /* GER verze*/ #hornav.ger { width: 100%; height: 35px; position: absolute; top: 75px; right: 0; background: url(../img/bgr-hornav-bottom.gif) right bottom no-repeat;} #hornav.ger ul { list-style: none; float: right; position: absolute; right: 0;} #hornav.ger ul li.h01 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.ger ul li.h02 { position: relative; width: 129px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.ger ul li.h03 { position: relative; width: 122px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.ger ul li.h04 { position: relative; width: 113px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.ger ul li.h05 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.ger ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) no-repeat} #hornav.ger ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) -105px 0 no-repeat} #hornav.ger ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) -237px 0 no-repeat} #hornav.ger ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) -362px 0 no-repeat} #hornav.ger ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) -478px 0 no-repeat} #hornav.ger ul li.h01 a:hover span, #hornav.ger ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) no-repeat; cursor:pointer;} #hornav.ger ul li.h02 a:hover span, #hornav.ger ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) -105px 0 no-repeat; cursor:pointer;} #hornav.ger ul li.h03 a:hover span, #hornav.ger ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) -237px 0 no-repeat; cursor:pointer;} #hornav.ger ul li.h04 a:hover span, #hornav.ger ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) -362px 0 no-repeat; cursor:pointer;} #hornav.ger ul li.h05 a:hover span, #hornav.ger ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) -478px 0 no-repeat; cursor:pointer;} #hornav.ger ul li span { position: absolute; width:100%; height:100%; float: left} /* GER uvod */ #hornav-ger-uvod { width: 100%; height: 35px; position: absolute; top: 75px; right: 0; background: url(../img/bgr-hornav-bottom-eng-unor.jpg) right bottom no-repeat;} #hornav-ger-uvod ul { list-style: none; float: right; position: absolute; right: 0;} #hornav-ger-uvod ul li.h01 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-ger-uvod ul li.h02 { position: relative; width: 129px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-ger-uvod ul li.h03 { position: relative; width: 122px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-ger-uvod ul li.h04 { position: relative; width: 113px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-ger-uvod ul li.h05 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-ger-uvod ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) no-repeat} #hornav-ger-uvod ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) -105px 0 no-repeat} #hornav-ger-uvod ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) -237px 0 no-repeat} #hornav-ger-uvod ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) -362px 0 no-repeat} #hornav-ger-uvod ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav.jpg) -478px 0 no-repeat} #hornav-ger-uvod ul li.h01 a:hover span, #hornav-ger-uvod ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) no-repeat; cursor:pointer;} #hornav-ger-uvod ul li.h02 a:hover span, #hornav-ger-uvod ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) -105px 0 no-repeat; cursor:pointer;} #hornav-ger-uvod ul li.h03 a:hover span, #hornav-ger-uvod ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) -237px 0 no-repeat; cursor:pointer;} #hornav-ger-uvod ul li.h04 a:hover span, #hornav-ger-uvod ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) -362px 0 no-repeat; cursor:pointer;} #hornav-ger-uvod ul li.h05 a:hover span, #hornav-ger-uvod ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-ger-vernav-on.jpg) -478px 0 no-repeat; cursor:pointer;} #hornav-ger-uvod ul li span { position: absolute; width:100%; height:100%; float: left} /* RUS verze*/ #hornav.rus { width: 100%; height: 35px; position: absolute; top: 75px; right: 0; background: url(../img/bgr-hornav-bottom.gif) right bottom no-repeat;} #hornav.rus ul { list-style: none; float: right; position: absolute; right: 0;} #hornav.rus ul li.h01 { position: relative; width: 195px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.rus ul li.h02 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.rus ul li.h03 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.rus ul li.h04 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.rus ul li.h05 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav.rus ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) no-repeat} #hornav.rus ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) -198px 0 no-repeat} #hornav.rus ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) -303px 0 no-repeat} #hornav.rus ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) -407px 0 no-repeat} #hornav.rus ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) -513px 0 no-repeat} #hornav.rus ul li.h01 a:hover span, #hornav.rus ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) no-repeat; cursor:pointer;} #hornav.rus ul li.h02 a:hover span, #hornav.rus ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) -198px 0 no-repeat; cursor:pointer;} #hornav.rus ul li.h03 a:hover span, #hornav.rus ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) -303px 0 no-repeat; cursor:pointer;} #hornav.rus ul li.h04 a:hover span, #hornav.rus ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) -407px 0 no-repeat; cursor:pointer;} #hornav.rus ul li.h05 a:hover span, #hornav.rus ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) -513px 0 no-repeat; cursor:pointer;} #hornav.rus ul li span { position: absolute; width:100%; height:100%; float: left} /* RUS uvod */ #hornav-rus-uvod { width: 100%; height: 35px; position: absolute; top: 75px; right: 0; background: url(../img/bgr-hornav-bottom-eng-unor.jpg) right bottom no-repeat;} #hornav-rus-uvod ul { list-style: none; float: right; position: absolute; right: 0;} #hornav-rus-uvod ul li.h01 { position: relative; width: 195px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-rus-uvod ul li.h02 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-rus-uvod ul li.h03 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-rus-uvod ul li.h04 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-rus-uvod ul li.h05 { position: relative; width: 102px; height: 32px; float: left; margin: 0 3px 0 0; overflow: hidden} #hornav-rus-uvod ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) no-repeat} #hornav-rus-uvod ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) -198px 0 no-repeat} #hornav-rus-uvod ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) -303px 0 no-repeat} #hornav-rus-uvod ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) -407px 0 no-repeat} #hornav-rus-uvod ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav.jpg) -513px 0 no-repeat} #hornav-rus-uvod ul li.h01 a:hover span, #hornav-rus-uvod ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) no-repeat; cursor:pointer;} #hornav-rus-uvod ul li.h02 a:hover span, #hornav-rus-uvod ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) -198px 0 no-repeat; cursor:pointer;} #hornav-rus-uvod ul li.h03 a:hover span, #hornav-rus-uvod ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) -303px 0 no-repeat; cursor:pointer;} #hornav-rus-uvod ul li.h04 a:hover span, #hornav-rus-uvod ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) -407px 0 no-repeat; cursor:pointer;} #hornav-rus-uvod ul li.h05 a:hover span, #hornav-rus-uvod ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../img/bgr-rus-vernav-on.jpg) -513px 0 no-repeat; cursor:pointer;} #hornav-rus-uvod ul li span { position: absolute; width:100%; height:100%; float: left} /* submenu */ #subnavpohl { margin: auto; height: 40px; background: url(../img/bgr-submenu-pohl.gif) left bottom no-repeat; position: relative; padding: 7px 0 0 0; top: 1px} #subnavpohl { margin: auto; height: 40px; _background: url(../img/bgr-submenu-pohl.gif) 0 -3px no-repeat; position: relative; _top: 4px; _padding: 0 0 0 0;} /* IE FIX :(*/ #subnav { margin: auto; height: 40px; background: url(../img/bgr-submenu.gif) left bottom no-repeat; position: relative; padding: 7px 0 0 0; top: 1px} #subnav { margin: auto; height: 40px; _background: url(../img/bgr-submenu.gif) 0 -3px no-repeat; position: relative; _top: 4px; _padding: 0 0 0 0;} /* IE FIX :(*/ #subnav.nosubnav { margin: auto; height: 40px; background: url(../img/bgr-nosubmenu.gif) left bottom no-repeat; position: relative; padding: 7px 0 0 0; _top: 5px} #subnavindex { margin: auto; height: 40px; background: url(../img/bgr-content3top.jpg) left bottom no-repeat; position: relative; padding: 6px 0 0 0; _padding: 4px 0 0 0;} #subnavindex.eng { margin: auto; height: 19px; background: url(../img/bgr-content-eng-top.jpg) left bottom no-repeat; position: relative; padding: 7px 0 0 0; _padding: 5px 0 0 0} #subnavindex.eng2 { margin: auto; height: 19px; background: url(../img/bgr-content-eng-top-unor.jpg) left bottom no-repeat; position: relative; padding: 7px 0 0 0; _padding: 5px 0 0 0} #subnav ul { list-style: none; position: relative; left: 280px; top: 12px; width: 670px} #subnav ul li { float: left; margin: 0 3px 0 0} #subnav ul li.s01 { position: relative; top: 0; left: 0; width: 103px; height: 21px; overflow: hidden} #subnav ul li.s01 span { position: absolute; width:100%; height: 100%; background: url(../img/jakhrat.gif) no-repeat} #subnav ul li.s01 a:hover span, #subnav ul li.s01 a.act span { position: absolute; width:100%; height: 100%; background: url(../img/jakhrat-on.gif) no-repeat; cursor:pointer;} #subnav ul li.s02 { position: relative; top: 0; left: 0; width: 70px; height: 21px; overflow: hidden} #subnav ul li.s02 span { position: absolute; width:100%; height: 100%; background: url(../img/vyhry.gif) no-repeat} #subnav ul li.s02 a:hover span, #subnav ul li.s02 a.act span { position: absolute; width:100%; height: 100%; background: url(../img/vyhry-on.gif) no-repeat; cursor:pointer;} #subnav ul li.s03 { position: relative; top: 0; left: 0; width: 80px; height: 21px; overflow: hidden} #subnav ul li.s03 span { position: absolute; width:100%; height: 100%; background: url(../img/vyherci.gif) no-repeat} #subnav ul li.s03 a:hover span, #subnav ul li.s03 a.act span { position: absolute; width:100%; height: 100%; background: url(../img/vyherci-on.gif) no-repeat; cursor:pointer;} #subnav ul li.s04 { position: relative; top: 0; left: 0; width: 61px; height: 21px; overflow: hidden} #subnav ul li.s04 span { position: absolute; width:100%; height: 100%; background: url(../img/pravidla.gif) no-repeat} #subnav ul li.s04 a:hover span, #subnav ul li.s04 a.act span { position: absolute; width:100%; height: 100%; background: url(../img/pravidla-on.gif) no-repeat; cursor:pointer;} #subnav ul li.s05 { position: relative; top: 0; left: 0; width: 95px; height: 21px; overflow: hidden} #subnav ul li.s05 span { position: absolute; width:100%; height: 100%; background: url(../img/faq.gif) no-repeat} #subnav ul li.s05 a:hover span, #subnav ul li.s05 a.act span { position: absolute; width:100%; height: 100%; background: url(../img/faq-on.gif) no-repeat; cursor:pointer;} #subnav ul li.s06 { position: relative; top: 0; left: 0; width: 126px; height: 21px; overflow: hidden} #subnav ul li.s06 span { position: absolute; width:100%; height: 100%; background: url(../img/vvyhry.gif) no-repeat} #subnav ul li.s06 a:hover span, #subnav ul li.s06 a.act span { position: absolute; width:100%; height: 100%; background: url(../img/vvyhry-on.gif) no-repeat; cursor:pointer;} #subnav ul li.s07 { position: relative; top: 0; left: 0; width: 83px; height: 21px; overflow: hidden} #subnav ul li.s07 span { position: absolute; width:100%; height: 100%; background: url(../img/partneri.gif) no-repeat} #subnav ul li.s07 a:hover span, #subnav ul li.s07 a.act span { position: absolute; width:100%; height: 100%; background: url(../img/partneri-on.gif) no-repeat; cursor:pointer;} /*** CONTENT ***/ #content_holder { width: 955px; background:url(../img/bgr-content.jpg) no-repeat;} #content_holder.type2 { width: 955px; background:url(../img/bgr-content2.jpg) no-repeat;} #content_holder_index { width: 955px; background:url(../img/bgr-content3.jpg) no-repeat;} #content_holder_index_cz { width: 959px; background:url(../img/bgr-content-cz.jpg) no-repeat;} #content_holder_index_eng { width: 959px; background:url(../img/bgr-content-eng.jpg) no-repeat;} #content_holder_index_ger { width: 959px; background:url(../img/bgr-content-ger.jpg) no-repeat;} #content_holder_index_rus { width: 959px; background:url(../img/bgr-content-rus.jpg) no-repeat;} #content_holder.index2 { width: 955px; background:url(../img/bgr-content4.jpg) no-repeat} #content {overflow: hidden; position: relative; height: 396px; _height: 401px} #content img { float: left; margin: 0 20px 10px 15px} #content img.pohlednice { float: left; margin: 5px 0 10px 5px} #content img.pohlednice-first { float: left; margin: 5px 0 10px 15px} #content a img { border: none} #content ul, #content ol { margin: 0 0 20px 50px} #content ul li, #content ol li { } /* sablona se submenu */ #text { width: 625px; position: absolute; top: 0; left: 0;} #text.type2 { width: 550px; } #slider { position: absolute; top:220px; z-index: 10; right: 360px; width: 15px; height: 440px; cursor: pointer; background:url(../js/img/bacground.gif) 6px 10px no-repeat; } #slider.wide { position: absolute; right: 300px; z-index: 15 } /* footer */ div#footer {width: 959px; height: 25px; background:url(../img/bgr-footer.jpg) no-repeat; font-size: 0.75em; position: relative; font-family: Arial, Helvetica, sans-serif; padding: 15px 0 0 0} div#footer.type2 {width: 959px; height: 25px; _height: 40px; background:url(../img/bgr-footer2.jpg) no-repeat; font-size: 0.75em; position: relative; font-family: Arial, Helvetica, sans-serif; padding: 15px 0 0 0;} div#footer-eng {width: 959px; height: 25px; background:url(../img/bgr-footer-eng.jpg) no-repeat; font-size: 0.75em; position: relative; font-family: Arial, Helvetica, sans-serif; padding: 15px 0 0 0; _top: -5px} div#footer-type3 {width: 959px; height: 25px; background:url(../img/bgr-footer3.jpg) -1px 0 no-repeat; font-size: 0.75em; position: relative; font-family: Arial, Helvetica, sans-serif; padding: 15px 0 0 0; _top: -5px} div#footer a {} .copy { position: absolute; top: 14px; left: 158px} /* COMMON */ /* text elements */ h1, h2, h3, h4 {color: #ffffff; font-weight: normal; padding: 0px 0 5px 0; margin: 0 0 0 0; clear: left} h1 {font-size: 1.6em; margin: 0 0 10px 3px} h2 {font-size: 1.4em; font-weight: bold; padding: 5px 0 0 15px; margin: 0 0 5px 0} h3 {font-size: 1.2em; font-weight: bold; padding: 5px 0 0 15px; margin: 0 0 5px 0; color: #fbde79;} h4 {font-size: 1em; font-weight: bold; padding-top: 5px; margin: 0 0 10px 0} p {margin: 0 5px 10px 15px; padding: 0 0 0 0; color: #ffffff; font-size: 0.85em; line-height: 1.3em} a {color: #ffffff;} a:hover { text-decoration: none;} /* ostatni */ hr {display: none} kubrt {font-size: 1.2em; font-weight: bold; padding: 5px 0 0 15px; margin: 0 0 5px 0; color: #fbde79;} /* tabulky */ table { border-collapse: collapse; margin: 0 0 0 15px } table tr { margin: 0; padding: 0 } table tr td img { } .first { background: #C0C0C0; text-align: center; font-size: 1.5em; padding: 5px 0 5px 0} /*table.zabava td, table.kontakt td { font-size: 0.85em; font-weight: bold}*/ table.vyrobky, table.adress { font-size: 0.85em} #text table.vyrobky img { padding: 0; margin: 0} table.zabava, table.kontakt { width: 630px; color: #002266; clear: left; font-size: 0.85em; font-weight: bold} table.kontakt { width: 530px} table.zabava tr td.wallp { width: 420px; padding: 0 15px 5px 0 } input, textarea { background: #DBE8F0; color: #00478B; border: solid 1px #01488B; font-weight: normal} input { height: 20px; width: 120px; font-family: Arial, Helvetica, sans-serif} input.predmet, textarea { width: 260px; margin: 0 0 5px 0; font-size: 1em; font-family: Arial, Helvetica, sans-serif;} input.kontakt { width: 220px} textarea.kontakt { width: 215px; margin: 0 5px 0 0} a img.send { float: right; border: solid 1px red} td.zprava { padding: 0 0 0 70px} /* classes */ .hidden {display: none} .clr {width: 100%; font-size: 1px; clear: both} .hr1 {width: 100%; font-size: 1px; clear: both; /*background: url(../img/hr1.png) left center no-repeat; height: 30px;*/ margin: 0 0 15px 15px} .hr2 {width: 100%; font-size: 1px; clear: both; background: url(../img/hr2.gif) left center no-repeat; height: 30px; margin: 0 0 15px 15px} .noborder {border: none} .num { color: #fbbb22; font-size: 2em; padding: 0 5px 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .num2 { color: #fbbb22; font-size: 1.5em; padding: 0 5px 0 0} .high { font-size: 1em} #content img.right { float: right; margin: 0 10px 10px 20px} .more { color: #fbbb22; display: block; margin: -10px 5px 10px 15px;} .yellow { color: #fbde79;} img.history { border: solid 3px #ffffff} a.more-info { display: block; width: 900px; height: 400px; position: relative; left: 20px; top: 20px } a.more-info span { display: none} a.more-info1 { display: block; width: 190px; height: 30px; position: relative; left: 740px; top: 430px} a.more-info1 span { display: none} .spots {margin: 0 0 0 160px;} /* pohlednice */ div.simplecard h1 { color: #ffffff; font-size: 1.2em; font-weight: bold; padding: 5px 0 0 15px; margin: 0 0 5px 0;}