* { margin: 0; padding: 0; }

body { font-family: 'Myriad Pro, palatino',arial; background: url('../img/body.png') repeat-x #001900; }

hr.cleaner { clear: both; width: 100%; height: 1px; margin: -1px 0px 0px 0px; border: 0px none; visibility: hidden; }
hr.floater { clear: left; width: 100%; height: 1px; margin: -1px 0px 0px 0px; border: 0px none; visibility: hidden; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
.myPlayer { display:block;width:320px;height:240px; }
.myPlayerBox { display:block;width:242px;height:182px; margin-top: 10px;}

div#cover-repeat { background: url('../img/repeat.png') repeat-y; width: 1200px; }
div#cover-paticka { background: url('../img/paticka.png') no-repeat left bottom; width: 1200px; padding-bottom: 140px; }
div#cover { background: url('../img/top.png') no-repeat left top; width: 1200px; position: relative; }
div#cover-rozcestnik { background: url('../img/rozcestnik.png') no-repeat left top; width: 1200px; min-height: 997px; position: relative; }

div#logo { position: absolute; width: 270px; height: 270px; top: 39px; left: 119px; height: 0px; }
div#logo a { position: relative; display: block; width: 270px; height: 270px; background: url('../img/logo-radava.png') no-repeat; z-index: 50; text-decoration: none; }


div#web { width: 974px; margin: 0 0 0 137px; text-align: left; overflow: hidden; position: relative; }

div#web div#header-rozcestnik { height: 340px; }
div#web div#header { height: 385px; }
div#web div#header a { text-decoration: none; }

div#web ul#menu { display: block; width: 100%; position: relative; z-index: 1; top: 307px; left: 4px; list-style-type: none; }
div#web ul#menu li { float: left; height: 77px; }
div#web ul#menu li a { display: block; width: 100%; text-decoration: none; height: 77px; }
div#web ul#menu li a span { display: none; }

div#web ul#menu li.bowling { width: 125px; }
div#web ul#menu li.restaurace { width: 123px; }
div#web ul#menu li.turnaje-a-ligy { width: 144px; }
div#web ul#menu li.podnikove-party { width: 158px; }
div#web ul#menu li.detem { width: 107px; }
div#web ul#menu li.catering { width: 104px; }
div#web ul#menu li.osadnici { width: 104px; }
div#web ul#menu li.video { width: 87px; }
div#web ul#menu li.kontakty { width: 118px; }

div#web ul#menu li.bowling a { background: url('../img/menu/bowling.png') no-repeat 0px 0px; }
div#web ul#menu li.restaurace a { background: url('../img/menu/restaurace.png') no-repeat 0px 0px; }
div#web ul#menu li.turnaje-a-ligy a { background: url('../img/menu/turnaje-a-ligy.png') no-repeat 0px 0px; }
div#web ul#menu li.podnikove-party a { background: url('../img/menu/podnikove-party.png') no-repeat 0px 0px; }
div#web ul#menu li.detem a { background: url('../img/menu/detem.png') no-repeat 0px 0px; }
div#web ul#menu li.catering a { background: url('../img/menu/catering.png') no-repeat 0px 0px; }
div#web ul#menu li.osadnici a { background: url('../img/menu/osadnici.png') no-repeat 0px 0px; }
div#web ul#menu li.video a { background: url('../img/menu/video.png') no-repeat 0px 0px; }
div#web ul#menu li.kontakty a { background: url('../img/menu/kontakty.png') no-repeat 0px 0px; }

div#web ul#menu li a:hover { background-position: 0px -77px; }
div#web ul#menu li.active a { background-position: 0px -154px; }

div#web div#hlavicka, #web div#hlavicka-rozcestnik { width: 974px; height: 300px; overflow: hidden; position: absolute; left: 0px; top: 28px; z-index: 5; }
div#web div#hlavicka h1, #web div#hlavicka-rozcestnik h1 { display: block; width: 974px; height: 300px; position: relative; z-index: 5; }
div#web div#hlavicka h1 a, #web div#hlavicka-rozcestnik h1 a { display: block; text-decoration: none; padding: 10px; }
div#web div#hlavicka h1 a span, #web div#hlavicka-rozcestnik h1 a span { position: absolute; left: 0px; top: 0px; width: 974px; height: 300px; visibility: visible; z-index: 10; background: url('../img/hlavicka.png') no-repeat; cursor: pointer; }
div#web div#hlavicka-rozcestnik h1 a span { position: absolute; left: 0px; top: 0px; width: 974px; height: 300px; visibility: visible; z-index: 10; background: url('../img/hlavicka-rozcestnik.png') no-repeat; cursor: pointer; }

div#web ul#navigace { position: absolute; width: 11px; top: 65px; right: 18px; height: 30px; z-index: 15; }
div#web ul#navigace li { display: block; }
div#web ul#navigace li a { display: block; width: 100%; height: 9px; }
div#web ul#navigace li a span { display: none; }
div#web ul#navigace li.home { height: 9px; margin-bottom: 15px; }
div#web ul#navigace li.kontakt { height: 8px; }
div#web ul#navigace li.home a { background: url('../img/ico-home.gif') no-repeat; }
div#web ul#navigace li.kontakt a { background: url('../img/ico-kontakt.gif') no-repeat; }


#rozcestnik { display: block; width: 100%; position: relative; z-index: 1; left: 3px; list-style-type: none; }
#rozcestnik li { float: left; height: 183px; }
#rozcestnik li a { display: block; width: 100%; text-decoration: none; height: 183px; }
#rozcestnik li a span { display: none; }

#rozcestnik li.praha { width: 482px; }
#rozcestnik li.usti { width: 481px; position: relative; left: 5px; }

#rozcestnik li.praha a { background: url('../img/rozcestnik-praha.png') no-repeat 0px 0px; }
#rozcestnik li.usti a { background: url('../img/rozcestnik-usti.png') no-repeat 0px 0px; }



/*** OBSAHOVA CAST ***/

#obsah {  }

#pravypanel { float: right; width: 300px; margin: 0px 2px 0px 0px; }

#pravypanel .box { width: 298px; background: url('../img/box-repeat.png') repeat-y; }
#pravypanel .box h2 { display: block; width: 298px; background: url('../img/nadpis-maly.png') no-repeat; height: 64px; font-size: 130%; color: #f3f3f3; font-weight: normal; }
#pravypanel .box h2 span { display: block; padding: 20px 0px 0px 20px; }
#pravypanel .box .bottom { width: 298px; background: url('../img/box-bottom.png') no-repeat left bottom; }
#pravypanel .box .obsah { width: 298px; padding: 0px 20px 25px 20px; position: relative; }
#pravypanel .box .obsah p { font-size: 80%; padding: 10px 45px 15px 10px; }
#pravypanel .box .obsah a.vice { position: absolute; right: 60px; bottom: 13px; font-size: 80%;  color: #418c02; }
#pravypanel .box .obsah a { color: #418c02; }
#pravypanel .box .obsah a img { background: #ebebeb; padding: 2px; margin: 15px 3px 0px 3px; border: 1px solid #CCCCCC; }
#pravypanel .box .obsah p, #pravypanel .box .obsah ul, #pravypanel .box .obsah h3, #pravypanel .box .obsah h4, #pravypanel .box .obsah h5 { color: #333333; }
#pravypanel .box .obsah h3 { display: block; padding: 5px 0px 5px 5px; font-size: 135%; color: #333333;}
#pravypanel .box .obsah h4 { display: block; padding: 5px 0px 5px 5px; font-size: 115%; color: #347101;}
#pravypanel .box .obsah ul { list-style-type: circle; font-size: 80%; margin-left: 20px; }
#pravypanel .box .obsah a.tlacitko { display: block; width: 174px; height: 47px; text-align: center; background: url('../img/tlacitko-universal.png') no-repeat 0px 0px; text-decoration: none; color: #fff;  position: absolute; left: 110px; bottom: 15px; }
#pravypanel .box .obsah a.tlacitko:hover { background-position: 0px -47px; }
#pravypanel .box .obsah a.tlacitko span { padding: 15px 0 0 0; display: block; font-size: 120%; }
#pravypanel .box .obsah .bowling { background: url('../img/rezervace/kuzelky.png') no-repeat 42px 20px; height: 176px; }
#pravypanel .box .obsah .restaurace { background: url('../img/rezervace/restaurace.png') no-repeat 42px 20px; height: 176px; }
#pravypanel .box .obsah .party { background: url('../img/rezervace/party.png') no-repeat 42px 20px; height: 176px; }
#pravypanel .box .obsah .detem { background: url('../img/rezervace/detem.png') no-repeat 42px 20px; height: 176px; }
#pravypanel .box .obsah .catering { background: url('../img/rezervace/catering.png') no-repeat 42px 20px; height: 176px; }
#pravypanel .box .obsah hr { margin: 0px 32px 5px 0px; display: block; border: 0px none; height: 1px; background: #CCCCCC; }
#pravypanel .box .obsah img { margin: -10px 0px 0px 0px; background: #ebebeb; padding: 2px; border: 1px solid #CCCCCC; }

#pravypanel #kalendar { padding: 15px 0px 10px 10px; }
#pravypanel #kalendar p.kalendar { margin-top:-13px; text-align: center; font-size: 90%; }
#pravypanel #kalendar p.kalendar a { text-decoration: none; }
#pravypanel #kalendar p.kalendar a:hover { text-decoration: underline; }
#pravypanel #kalendar table { border-collapse: collapse; border: 1px solid #c4c4c4; width: 246px; }
#pravypanel #kalendar table tr td { border: 1px solid #c4c4c4; text-align: center; font-size: 95%; font-weight: bold; color: #333333; background: url('../img/kalendar-free.png') no-repeat #eeeeee; width: 34px; height: 28px; }
#pravypanel #kalendar table thead tr td, #pravypanel #kalendar table tr td.empty { color: #333333; background-image: none; background: #f9f9f9; }
#pravypanel #kalendar table tr td.reserved { color: #fff; background: url('../img/kalendar-reserved.png') no-repeat #f9f9f9; }

/* linky start */
#pravypanel hr.linka { background: #b37f25; height: 1px; margin: 10px 2px 6px 0px; clear: left; border-left: 0px none; border-right: 0px none; border-top: 1px solid #fbf8df; border-bottom: 1px solid #fbf8df; }
#levypanel hr.linka { background: #b37f25; height: 1px; width: 663px; margin: 1px 0px 1px 0px; float: left; border-left: 0px none; border-right: 0px none; border-top: 1px solid #fbf8df; border-bottom: 1px solid #fbf8df; }
#levypanel hr.linka.siroka { margin: 0px 2px 0px 0px; }
#levypanel hr.linka.siroka.podobrazem { margin: 5px 2px 0px 0px; }

/* Firefox hack */
@-moz-document url-prefix()
{
#pravypanel hr.linka, #levypanel hr.linka { height: 3px; }
}

/* linky end */

#levypanel { margin: 0px 304px 0px 4px; background: url('../img/linka-v.png') 663px repeat-y; padding: 5px 0px 20px 0px; position: relative; }

#levypanel .siroky-obrazek { width: 100%; height: 265px; overflow: hidden; margin: 0px 0px 4px 0px; }

#levypanel .obsah { font-size: 90%; padding: 20px 20px 25px 20px; position: relative; background: url('../img/levy-box-prechod.png') repeat-x; }
#levypanel .obsah .uzky-box-obal{ background: url('../img/levy-box-prechod.png') repeat-x; }
#levypanel .obsah h3 { font-size: 130%; font-weight: normal; padding-bottom: 10px; padding-top: 5px; }
#levypanel .obsah h4 { font-size: 120%; font-weight: normal; padding-bottom: 10px; padding-top: 5px; }
#levypanel .obsah h5 { font-size: 110%; font-weight: normal; padding-bottom: 10px; padding-top: 5px; }
#levypanel .obsah h6 { font-size: 110%; font-weight: normal; padding-bottom: 10px; padding-top: 5px; }
#levypanel .obsah p { font-size: 90%; padding-bottom: 10px; }
#levypanel .obsah table { font-size: 90%; padding-bottom: 10px; }
#levypanel .obsah table td { padding: 5px 0px 5px 0px; }
#levypanel .obsah table td.prvni {  width: 100px; }
#levypanel .obsah a { color: #418c02; }
#levypanel .obsah a.vice { position: absolute; right: 20px; bottom: 13px; font-size: 90%; color: #418c02; }
#levypanel .obsah img { float: left; margin: 10px 10px 5px 0px; }
#levypanel .obsah a img { background: #ebebeb; padding: 2px; border: 1px solid #CCCCCC; }
#levypanel .obsah div.efekt { float: left; margin: 5px 10px 5px 0px; background: url('../img/efekt.png') no-repeat; width: 283px; height: 208px; }
#levypanel .obsah div.efekt img { margin: 10px 0px 0px 7px; background: #ebebeb; padding: 2px; border: 1px solid #CCCCCC; }
#levypanel .obsah ul, #levypanel .obsah ol { font-size: 90%; padding-left: 15px; }
#levypanel .obsah hr { margin: 10px 32px 0px 0px; display: block; border: 0px none; height: 1px; background: #CCCCCC; }

#levypanel .uzky-box-obal { float: left; width: 100%; background: url('../img/linka-v.png') 328px repeat-y; padding: 0 0 0px 0; }
#levypanel .uzky-box-obal .uzky-box { float: left; width: 322px; padding: 10px 0; }
#levypanel .uzky-box-obal .uzky-box.prvni { margin: 0px 15px 0px 0px; }
#levypanel .uzky-box-obal .uzky-box .box { width: 322px; background: url('../img/uzky-box-repeat.png') repeat-y; }
#levypanel .uzky-box-obal .uzky-box .box img { margin: 2px 10px 0px 0px; background: #ebebeb; padding: 2px; border: 1px solid #CCCCCC; }
#levypanel .uzky-box-obal .uzky-box .box h2 { width: 322px; height: 51px; background: url('../img/uzky-box-nadpis.png') no-repeat; color: #444343; font-weight: normal; font-size: 130%; }
#levypanel .uzky-box-obal .uzky-box.zluty .box h2 { background: url('../img/uzky-box-nadpis_zluty.png') no-repeat; color: #212121; }
#levypanel .uzky-box-obal .uzky-box .box h2 span { display: block; padding: 13px 20px 0px 20px; position: relative; }
#levypanel .uzky-box-obal .uzky-box .box h2 span em { position: absolute; top: 19px; right: 20px; font-style: normal; font-size: 60%; }
#levypanel .uzky-box-obal .uzky-box .box .bottom { background: url('../img/uzky-box-bottom.png') no-repeat left bottom; padding: 0px 1px 5px 1px; }
#levypanel .uzky-box-obal .uzky-box.zluty .box { width: 322px; background: url('../img/uzky-box-repeat_zluty.png') repeat-y; }
#levypanel .uzky-box-obal .uzky-box.zluty .box .bottom { background: url('../img/uzky-box-bottom_zluty.png') no-repeat left bottom; padding: 0px 1px 5px 1px; }
#levypanel .uzky-box-obal .uzky-box.zluty .box img { margin: 2px 10px 0px 0px; background: #ebebeb; padding: 2px; border: 1px solid #CCCCCC; }


#levypanel .siroky-box-obal { clear: left; padding: 10px 0 10px 0; }
#levypanel .siroky-box-obal .siroky-box { width: 659px; }
#levypanel .siroky-box-obal .siroky-box .box { background: url('../img/siroky-box-repeat.png') repeat-y; }
#levypanel .siroky-box-obal .siroky-box .box h2 { width: 659px; height: 49px; background: url('../img/siroky-box-nadpis.png') no-repeat; color: #444343; font-weight: normal; font-size: 130%; }
#levypanel .siroky-box-obal .siroky-box .box h2 span { display: block; padding: 13px 120px 0px 20px; position: relative; }
#levypanel .siroky-box-obal .siroky-box .box h2 span em { position: absolute; top: 19px; right: 20px; font-style: normal; font-size: 60%; }
#levypanel .siroky-box-obal .siroky-box .box .bottom { background: url('../img/siroky-box-bottom.png') no-repeat left bottom; padding: 0px 1px 5px 1px; }
#levypanel .siroky-box-obal .siroky-box .box .bottom .obsah-loga { height: 150px; padding-left: 21px; }
#levypanel .siroky-box-obal .siroky-box .box .obsah.vysledky ol, #levypanel .siroky-box-obal .siroky-box .box .obsah.vysledky ul  {padding-left: 20px; }
#levypanel .siroky-box-obal .siroky-box .box .obsah.vysledky ul.vysledky {padding: 15px 0px 0px 0px; list-style-type: none; display: block; text-align: right; }
#levypanel .siroky-box-obal .siroky-box .box .obsah.vysledky ul.vysledky li { display: inline; font-weight: bold; font-size: 130%; }
#levypanel .siroky-box-obal .siroky-box .box .obsah.vysledky ul.vysledky li a { display: inline-block; padding: 0px 5px 0px 0px; }
#levypanel .siroky-box-obal .siroky-box .box .obsah img, #levypanel .siroky-box-obal .siroky-box .box .obsah-loga img { background: #ebebeb; padding: 2px; margin: 15px 3px 0px 3px; border: 1px solid #CCCCCC; }
#levypanel .siroky-box-obal .siroky-box .box .obsah img { margin: 0px 18px 8px 0px; }
#levypanel .siroky-box-obal .siroky-box .box .obsah p { padding-top: 10px;}
#levypanel .siroky-box-obal .siroky-box.zluty .box { background: url('../img/siroky-box-repeat_zluty.png') repeat-y; }
#levypanel .siroky-box-obal .siroky-box.zluty .box h2 { width: 659px; height: 51px; background: url('../img/siroky-box-nadpis_zluty.png') no-repeat; color: #444343; font-weight: normal; font-size: 130%; }
#levypanel .siroky-box-obal .siroky-box.zluty .box .bottom { background: url('../img/siroky-box-bottom_zluty.png') no-repeat left bottom; padding: 0px 1px 5px 1px; }

/*** ////////CONTACT-FORM/////////  ***/

#levypanel .formular fieldset { padding: 18px; border: none; width: 600px; }
#levypanel .formular p { font-size: 15px; font-family: Calibri, Sans-serif; color: #545d66; text-align: left; display: block; margin: 20px 0px 0px 28px; padding: 10px; }
#levypanel .formular p.normalni { margin: 0px 0px 0px 10px; }
#levypanel .formular fieldset label{ font-size: 15px; height: 20px; font-family: Calibri, Sans-serif; color: #545d66; text-align: right; display: inline-block; width: 150px; margin: 0px 5px 0px 10px; padding: 0; }
#levypanel .formular fieldset input.text { border: 1px solid #dfdfdf; background: #fafafa; display: inline-block; width: 180px; padding: 1px 5px; margin: 0px 5px 5px 5px; }
#levypanel .formular fieldset input.radio { display: inline-block; margin: 0px 0px 5px 5px; }
#levypanel .formular fieldset em { display: inline-block; margin: 0px 15px 5px 5px; font-size: 15px; font-style: normal; font-family: Calibri, Sans-serif; color: #545d66; }
#levypanel .formular fieldset strong { display: inline-block; margin: 0px 0px 5px 5px; font-size: 15px; font-family: Calibri, Sans-serif; color: #545d66; }
#levypanel .formular fieldset input:hover, #levypanel .formular fieldset input.povinne:hover, #levypanel .formular fieldset textarea:hover { border: 1px solid #cfcfcf; }
#levypanel .formular fieldset input:focus, #levypanel .formular fieldset label input.povinne:focus, #levypanel .formular fieldset textarea:focus { border: 1px solid #888; }
#levypanel .formular fieldset input.povinne { border: 1px solid #afafaf; background: #fafafa; }

#levypanel .formular fieldset textarea{border: 1px solid #afafaf; background: #f6f6f6; width: 420px; margin: 0px 0px 14px 174px;}
#levypanel .formular fieldset input.button{ margin-left: 426px; width: 174px; height: 47px; border: none; background: url('../img/tlacitko-universal.png') no-repeat 0px 0px; text-align: center; text-decoration: none; color: #fff; cursor: pointer; }
#levypanel .formular fieldset input.button:hover { background-position: 0px -47px;  }


#levypanel span#linka-prechod-top, #levypanel span#linka-prechod-bottom { position: absolute; left: 663px; width: 3px; height: 29px; }
#levypanel span#linka-prechod-top { top: 0px; background: url('../img/linka-prechod-top.png') no-repeat; }
#levypanel span#linka-prechod-bottom { bottom: 0px; background: url('../img/linka-prechod-bottom.png') no-repeat; }

#paticka, #paticka-rozcestnik { position: absolute; left: 160px; bottom: 53px; width: 974px; font-size: 90%; color: #fff; }
#paticka p.tb, #paticka-rozcestnik p.tb { position: absolute; right: 50px; bottom: 0px; color: #fff; }
#paticka p.tb a, #paticka-rozcestnik p.tb a { color: #fff; }
#paticka-rozcestnik { top: 571px; }
#paticka-rozcestnik p.tb { top: 0px; }
#levypanel .siroky-box-obal .siroky-box .box .obsah.vysledky .video { width: 600px; padding-left: 30px; text-align: center; font-size: 12px; font-weight: bold; }
#levypanel .siroky-box-obal .siroky-box .box .obsah.vysledky .video-vyber { color: #555; padding-left: 30px; }