/* Retro CSS */

/************ Tělo ***********/
body { background-color: black; font-family: arial;text-align: center; margin: 0px auto; overflow-x: hidden;}
a { color: black; }
#page{ margin: 0px auto; width: 934px; text-align: left; height: 950px; _overflow-y: hidden;}

#page #logo { width: 290px; height: 168px; background: black url("images/logo.jpg"); position: relative; left: -1000px;}
#page #logo p { position: relative; top: 140px; left: 17px; font-size: 11px; padding: 2px; }
#page #logo a { color: #ff38a8; }

#page #login { display:none; margin: -135px 0px 20px 790px; height: 100px;}
#page #login img { vertical-align: -11px; margin-right: 4px;}
#page #login li {  font-size: 12px; padding: 2px; }
#page #login a { color: #ffffff; font-size: 11px;}


/* Menu */
#menu { display: block; height: 170px; position: relative; top: -10px; left: 247px;}
#menu li { position: relative;  display: block; float: left; -moz-opacity: 0.8; opacity: 0.8; filter:alpha (opacity=80); -khtml-opacity: 0.8;}
#menu a { width: 100%; height: 100%; display: block; }
 
#menu .b_disco { background: black url("images/button_disco.jpg"); width: 133px; height: 50px; margin-right: 2px; }
#menu .b_concerts { background: black url("images/button_concerts.jpg"); width: 133px; height: 50px; }
#menu .b_bar { background: black url("images/button_bar.jpg"); width: 133px; height: 50px;  }
#menu .b_restaurant { background: black url("images/button_restaurant.jpg"); width: 133px; height: 50px; }
#menu .b_pronajem { background: black url("images/button_pronajem.jpg"); width: 134px; height: 50px;}

#menu .b_disco_a { background: black url("images/button_disco_a.jpg"); width: 133px; height: 70px; position: relative; top: -20px; margin-right: 2px; -moz-opacity: 1; opacity: 1; filter:alpha (opacity=100); -khtml-opacity: 1; }
#menu .b_concerts_a { background: black url("images/button_concerts_a.jpg"); width: 133px; height: 70px; position: relative; top: -20px; -moz-opacity: 1; opacity: 1; filter:alpha (opacity=100); -khtml-opacity: 1; }
#menu .b_bar_a { background: black url("images/button_bar_a.jpg"); width: 133px; height: 70px; position: relative; top: -20px; -moz-opacity: 1; opacity: 1; filter:alpha (opacity=100); -khtml-opacity: 1; }
#menu .b_restaurant_a { background: black url("images/button_restaurant_a.jpg"); width: 133px; height: 70px; position: relative; top: -20px; -moz-opacity: 1; opacity: 1; filter:alpha (opacity=100); -khtml-opacity: 1; }
#menu .b_pronajem_a { background: black url("images/button_pronajem_a.jpg"); width: 133px; height: 70px; position: relative; top: -20px; -moz-opacity: 1; opacity: 1; filter:alpha (opacity=100); -khtml-opacity: 1; }

#podmenu li a { color: #fe3daa; text-decoration: none; }
#podmenu ul { margin: -137px 0px 0px 10px; float: left; }
#podmenu li { z-index: 100; float: left; position: relative; margin: 0px 32px 0px 32px;}
/*------------------------------*/

#top { background: url("images/top.png"); width: 932px; height: 37px; position: relative; top: -150px; left: 3px; display: none;}
#obsah { background: url("images/center.png") top center repeat-y; width: 932px; height: 610px; position: relative; top: -150px; left: 4px; display: none;}
#foot { background: url("images/foot.jpg"); width: 932px; height: 160px; margin: -150px 0px 0px 2px; }
#autori { font-family: verdana; font-size: 10px; color: white; width: 880px; margin: -86px 0px 0px 20px; float: left; position: relative; z-index: 10000;}
#autori a { color: white; padding: 0px 12px 0px 20px; text-decoration: none;}
#autori span { padding-left: 300px; }

#obsah_wh { background-color: white; width: 900px; height: 610px; position: relative; left: 15px; z-index: 100}
#flower_left { background: url("images/flower_left.png"); width: 189px; height: 200px; margin: -309px 0px 0px -103px; position: relative;  }
#flower_right { background: url("images/flower_right.png"); width: 189px; height: 200px; margin: -199px 0px 0px 654px; position: relative; left: 200px;}

#animation { top: -653px; left: 1180px; position: relative;  z-index: 110;} 
#animation .slecna { background: url("images/slecna.png"); width: 247px; height: 400px; margin-top: 200px;;}
#animation .kytara { background: url("images/kytara.png"); width: 182px; height: 549px; position: relative; top: 90px; left: -55px;}
#animation .sklenice { background: url("images/sklenice.png"); width: 220px; height: 341px; position: relative; top: 250px; left: -55px;}
#animation .talir { background: url("images/talir.png"); width: 294px; height: 279px; position: relative; top: 300px; left: -95px;}
#animation .klic { background: url("images/klic.png"); width: 237px; height: 361px; position: relative; top: 240px; left: -65px;}
/****************************************************/


#prihlaseni { display: none; }
 
/* Title */
#blok { width: 470px; height: 300px; float: right; margin: 10px 0px 0px 5px; z-index: 1000; padding-right: 2px;}
#blok #akce { width: 470px; height: 350px; }

#blok #akce ul {margin-left: -2px; }
#blok #akce li { height: 90px; }
#blok #akce a { text-decoration: none; }

#blok #akce .top-on { margin-top: 7px; background: white url("images/program_top_1.jpg") no-repeat; width: 469px; height: 19px; padding-bottom: 5px;}
#blok #akce .center-on { background-color: #FE38A9; width: 465px; height: 45px; margin-left: 2px; overflow: hidden ;}
#blok #akce .bottom-on {  background: white url("images/program_bottom_1.jpg"); width: 469px; height: 19px; }

#blok #akce .top-off { margin-top: 7px; background: white url("images/program_top_2.jpg") no-repeat; width: 469px; height: 19px; padding-bottom: 5px;}
#blok #akce .center-off { background-color: #FF9DFF; width: 465px; height: 45px; margin-left: 2px; overflow: hidden; }
#blok #akce .bottom-off {  background: white url("images/program_bottom_2.jpg"); width: 469px; height: 19px; }

#blok #akce .akce { font-size: 13px; position: relative; top: 4px; left: 10px; font-weight: bold; float: left;}
#blok #akce .datum { font-size: 13px; position: relative; top: 4px; left: -10px; float: right; height: 18px;}
#blok #akce .cena { float: right; color: white; padding: 10px; font-size: 14px;}
#blok #akce .text {  height: 45px; display: block; padding: 5px 50px 5px 10px; font-size: 13px; text-align: justify; }
#blok #akce .vice { font-size: 12px; float: right; margin: -12px 17px 0px 0px; color: white; text-decoration: underline; position: relative; z-index: 1000; cursor: hand;}


#blok #fb { background: url("images/fb.jpg"); width: 250px; height: 107px; float: right; margin: 20px 6px 0px 0px; _margin-top: -6px;  }
#blok #fb .fan { padding-top: 20px; }
#blok #mp3 { background: url("images/mp3.jpg"); width: 250px; height: 107px; float: right; z-index: 1000; margin-right: 7px; _margin-right: 5px; }
#blok #mp3 .ipod { background: url("images/ipod.png") no-repeat; position: relative; top: 17px; left: -5px; width: 55px; height: 49px; float: right; }
#blok #mp3 .nadpis { padding: 20px 0px 5px 10px; } 
#blok #mp3 .nadpis a { font-size: 11px; position: relative; top: 8px;}
#blok #mp3 #player { position: relative; margin: 10px 0px 0px -5px; width: 256px; float:left; overflow: hidden;}
#blok #mp3 #data { font-size: 12px; font-weight: bold; padding: 5px 0px 0px 10px; }
#blok #novinky { background: url("images/novinky.jpg"); width: 200px; height: 234px; float: left;  }
#blok #novinky p { font-size: 16px; font-weight: bold; padding: 8px 0px 8px 15px; }
#blok #novinky a { font-size: 12px; padding: 0px 0px 0px 38px;}
#blok #novinky h1 {text-align: center; color: #ec008c; width: 163px; padding-top: 5px; font-size: 15px; margin: 0px -5px 0px -5px; z-index: 10; position: relative; }
#blok #novinky span { font-size: 12px; display: block; width: 163px; height: 40px; margin: 0px -5px 0px -5px; z-index: 10; position: relative; text-align: center;}
#blok #novinky .left { background: url("images/novinky_left.jpg"); width: 12px; height: 197px; float: left; margin-left: 10px; }
#blok #novinky .right { background: url("images/novinky_right.jpg"); width: 12px; height: 197px; float: right; margin-right: 10px; }
#blok #novinky .first { margin-top: 1px; background-color: white; width: 156px; height: 65px; float: left; }
#blok #novinky .second {  background-color: #F7BEE7; width: 156px; height: 66px; float: left; }
#blok #novinky .third {  background-color: white; width: 156px; height: 64px; float: left; }
/****************************************************/

#plakat { margin: 10px 0px 0px 10px; float:left; width: 411px; height: 583px; overflow: hidden;}

#formular { margin-left: 50px; }
#formular .form { color: white; width: 180px; background-color: #FE38A9; border: 2px dashed #fff; height: 30px; font-size: 14px; padding: 4px; margin: 0px 8px 8px 8px; }
#formular .form-hover { color: white; background-color: #FE38A9; border: 2px dashed #E70487;}
#formular .submit { background-color: #FE38A9; width: 130px; height: 30px; border: 2px dashed #E70487; margin-left: 34px; font-weight: bold; color: white;}
#formular .submit:hover { background-color: #FF9DFF;  }
#formular span { font-weight: bold; margin: 0px 0px 10px 12px; display: block; color: #FE38A9; font-size: 16px; border-bottom: 2px solid #FE38A9; width: 170px; }

#vypis_novinek { padding: 50px;}
#vypis_novinek li { padding: 5px 0px 5px 0px;}
#vypis_novinek p { margin-bottom: 10px; font-size: 16px; color: #D30F7F; font-weight: bold; background-color: white; border-bottom: 4px solid #D20E7F; padding: 20px 0px 3px 0px;}

#program { margin: 0px 0px 0px 35px;}
#program li { width: 840px; margin-top: 15px; height: 252px;}

#program .program_nadpis { background: url("images/program.png"); width: 157px; height: 55px; margin: 0px 0px -7px 20px; position: relative; top: 7px;}
#program .program_left { background: url("images/program_left.png"); width: 19px; height: 252px; float:left;}
#program .program_obsah { width: 790px; background-color: #F53EA8; height: 249px; margin-top: 1px; float: left; }

#program .simply-scroll-container { position: relative; }
#program .simply-scroll-clip { position: relative; overflow: hidden; z-index: 2000; }
#program .simply-scroll-list { position: absolute; top: 0; left: 0; z-index: 1000; overflow: hidden; margin: 0; padding: 0;	list-style: none; }
#program .simply-scroll-list li { padding: 0; margin: 0; list-style: none; }
#program .simply-scroll { padding-left: 5px; width: 780px; height: 240px; }
#program .simply-scroll .simply-scroll-clip { width: 780px; height: 240px; margin-top: 7px;}
#program .simply-scroll .simply-scroll-list li { float: left; width: 150px; height: 250px; }

#program .program_obsah .vice { font-size: 12px; text-decoration: none; display:block; margin: 5px 0px 0px 40px; color: white; font-weight: bold;}
#program .program_obsah .simply-scroll-clip a { color: white;}
#program .program_obsah .lupa { position: relative; top: 7px;  left: 5px;}

#program .program_obsah .mensi { float: left; margin: 10px 4px 0px 4px; width: 90px; height: 110px; position: relative; z-index: 1000; }
#program .program_obsah .mensi img { border: 3px solid #ffffff; border-bottom: 10px solid #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#program .program_obsah .mensi .vice { text-decoration: none; margin: -22px 0px 0px 3px; background-color: #ffffff; width: 65px; height: 18px; display: block; color: #F53EA8; text-align: center; font-weight: bold; font-size: 12px; z-index: 100; position: relative; padding-top: 3px; _padding-top: 5px;}
#program .program_obsah .mensi a { color: #F53EA8; text-decoration: underline; }
#program .program_nadpis_probehle { background: url("images/program_probehle.png"); width: 127px; height: 22px; margin: 0px 0px -8px 30px; position: relative; top: 5px;}
#program .bottom { width: 790px; background-color: white; height: 4px; overflow: hidden; z-index: 100; position: relative; top: -27px; left: 19px;}
#program .bottom-fialova { width: 826px; background-color: #F53EA8; height: 4px; overflow: hidden; z-index: 100; position: relative; top: -27px; left: 19px; margin-left: -18px;}
#program .program_right { background: url("images/program_right.png"); width: 19px; height: 252px; float:left;}

#program_info { padding: 14px 0px 0px 10px;}
#program_info img { float:left; }
#program_info .info { float: left; width: 460px; margin-left: 5px; height: 580px; }
#program_info .big, #program_info .small, #program_info .bottom { -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 0px 0px 8px 8px; background-color: #F53EA8; float: left; height: 20px; font-size: 14px; padding: 10px 0px 5px 0px; font-weight: bold; color: white; text-align: center;}
#program_info .big { width: 452px; }
#program_info .big a,#program_info .small a { color: white; }
#program_info .small { width: 222px; }
#program_info .objednej { padding-left: 10px; }
#program_info .text { text-align: justify; display: block; float: left; height: 322px; margin-bottom: 10px; font-size: 14px; line-height: 22px; padding: 0px 12px 0px 12px; overflow: auto; font-family: arial; font-weight: normal;}
#program_info .bottom { width: 452px; }
#program_info .bottom .fb { float: right; margin-right: 10px;}
#program_info .bottom img { margin: 0px 10px 0px 10px; }

#music li .foto { float:left; margin: 20px; border: 2px solid #EB2292; width: 100px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#music li .info { float:left; margin: 20px 0px 0px 0px; width: 720px; text-align: justify; font-size: 15px }
#music li .info h1 { color: #EB2292;}
#music li .player { float: left; width: 400px; margin: 10px 0px 0px 0px; font-size: 15px}
#music li .player img { vertical-align: -2px; margin-right: 5px;}
#music .upozorneni { color: #EB2292; font-size: 14px; position: relative; left: 270px; top: 15px; font-weight: bold;}

#cara { height: 20px; border-bottom: 3px solid black; font-size: 12px; min-width: 320px; float: right; padding: 12px 5px 0px 5px; margin-right: 8px; text-align: right; }
#cara_img { height: 25px; border-bottom: 3px solid black; font-size: 16px; font-weight: bold; width: 460px; margin-bottom: 10px;}
#cara_img .navigace { margin-top: -7px; font-size: 11px; text-decoration: none; width: 170px; position: relative; left: 295px;}
#cara_img .navigace img { vertical-align: -5px; margin: 0px 5px 0px 5px;}
#cara_img .navigace a { text-decoration: none; }
#cara_img .cara { padding: 0px 5px 0px 5px; font-size: 22px; font-weight: bold;}

#fotogalerie .nadpis { background: url("images/fotogalerie.png"); width: 225px; height: 60px;  }
#fotogalerie .nadpis-blank { background: url("images/fotogalerie-blank.png"); width: 225px; height: 60px;  }
#fotogalerie { padding: 20px; text-align: center; }
#fotogalerie li { float: left; margin: 10px; height: 170px; }
#fotogalerie .vypis { text-align: center; height: 460px; overflow: hidden; }
#fotogalerie .text { border-bottom: 28px solid #F53EA8; }
#fotogalerie img { border: 7px solid #F53EA8; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#fotogalerie span { margin: -22px 0px 0px 0px; width: 192px; display: block; text-align: center; color: white; font-weight: bold; font-size: 12px; z-index: 100; position: relative;}
#fotogalerie p { margin-bottom: 10px; font-size: 16px; color: #D30F7F; font-weight: bold; background-color: white; border-bottom: 4px solid #D20E7F; padding: 20px 0px 3px 0px;}

#napojak .nadpis { background: url("images/napojak.png"); width: 244px; height: 60px;  } 
#napojak { padding: 10px;}
#napojak p { margin-bottom: 10px; font-size: 16px; color: #D30F7F; font-weight: bold; background-color: white; border-bottom: 4px solid #D20E7F; padding: 20px 0px 3px 0px;}
#napojak img { border: 7px solid #F53EA8; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 10px;}
#napojak .plakaty { text-align: center; padding-top: 20px;} 

#oslavy .nadpis { background: white url("images/oslavy.jpg"); width: 328px; height: 65px; margin: 0px 0px -7px 20px; position: relative; top: 7px;}
#oslavy .buttony { text-align: center; padding-top: 150px;}
#oslavy .buttony img { margin: 80px; }
#oslavy .text { width: 500px; text-align: center; font-size: 13px; height: 490px; position: relative; top: 50px; left: 200px; }
#oslavy strong { color: #ec008c}
#oslavy .kontakt { background: url("images/oslavy_kontakt.jpg"); width: 791px; height: 50px; border-top: 5px solid #e3e3e3; position: relative; left: 55px;}

#tisk { padding: 10px;}
#tisk .nadpis { background: url("images/tiskove_zpravy.png"); width: 268px; height: 59px;  }
#tisk ul { margin: 20px 20px 20px 100px; width: 650px; }
#tisk li { margin: 7px 0px 7px 0px; color: white; font-size: 12px;}
#tisk .button { vertical-align: -5px; margin: 0px 5px 0px 0px;}
#tisk .stahni { vertical-align: -3px; float: right;}

#bar-program { padding: 10px;}
#bar-program .nadpis { background: url("images/bar_program.png"); width: 441px; height: 62px; }
#bar-program ul { margin: 10px 20px 20px 175px; width: 570px; }
#bar-program li { margin: 0px 0px 30px 0px; color: white; font-size: 18px; font-weight: bold;}
#bar-program .button { margin: 5px 10px 0px 0px; float: left; display: block; }

#bar-pronajem { padding: 10px;}
#bar-pronajem .nadpis { background: url("images/bar_pronajem.png"); width: 460px; height: 62px; }
#bar-pronajem p { width: 650px; font-size: 18px; color: white; font-weight: bold; margin: 160px 0px 30px 120px; text-align: center; }
#bar-pronajem .cislo { margin: 20px 0px 0px 270px; }

#kalendar { padding: 10px; }
#kalendar .cal { float: left; width: 160px; padding: 0px 65px 0px 65px; }
#kalendar td { _padding-left: 2px; width: 8px; font-size: 12px; height: 8px; text-align: center; vertical-align: middle; border: 3px solid black; color: #fff; }
#kalendar .date_has_event { font-weight: bold; color: white; background-color: #676767; }
#kalendar th { background-color: #676767; padding: 3px; color: white; border: 3px solid black; height: 8px; font-size: 12px;}
#kalendar a { color: white;}
#kalendar .button { width: 20px; height: 15px; background: url('images/transparent.png'); margin: -15px -15px 0px 0px; position: relative; z-index: 100; cursor: hand; }
#kalendar .cal p { font-size: 16px; color: #fff; font-weight: bold; background-color: black; border-bottom: 4px solid #fff; }

#kalendar .small img { border: 3px solid #676767; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 100px;}
#kalendar .small li { float: left; width: 100px; margin: 20px 0px 0px 30px;}
#kalendar .small .vice { margin: -22px 0px 0px 3px; background-color: #676767; width: 102px; height: 20px; display: block; text-align: center; color: white; font-weight: bold; font-size: 12px; z-index: 100; position: relative; padding-top: 3px; _padding-top: 5px;}
#kalendar .small { float: left; width: 885px; }

#kalendar .big p { margin: 0px 0px 0px 80px; width: 587px; _width: 600px; font-size: 16px; color: #fff; font-weight: bold; background-color: black; border-bottom: 4px solid #fff; padding: 10px 0px 3px 0px;}
#kalendar .big img { border: 3px solid #676767; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 140px;}
#kalendar .big li { width: 140px; margin: 20px 0px 0px 80px; float: left;}
#kalendar .big .vice { margin: -28px 0px 0px 3px; background-color:#676767; width: 142px; height: 20px; _height: 25px; display: block; text-align: center; color: white; font-weight: bold; font-size: 12px; z-index: 100; position: relative; padding-top: 7px; }
#kalendar .big { float: left; padding-left: 50px; }

#restaurant-listek { padding: 10px;}
#restaurant-listek .nadpis { background: url("images/restaurant_listek.png"); width: 241px; height: 63px; }
#restaurant-listek .plakaty { text-align: center; padding-top: 5px;}
#restaurant-listek .text { position: relative; top: -52px; left: 420px; }
#restaurant-listek .text a { color: white; position: relative; top: 10px; left: -150px; font-size: 13px;}

#restaurant-menu { padding: 10px;}
#restaurant-menu .nastav { margin: 20px 0px 0px 50px;}
#restaurant-menu .nadpis { background: url("images/restaurant_menu.png"); width: 260px; height: 63px; }
#restaurant-menu .nastav #submit { background-color: #FE38A9; width: 130px; height: 30px; border: 2px dashed #E70487; margin: 10px 0px 0px 30px; font-weight: bold; color: white;}
#restaurant-menu .nastav #submit:hover { background-color: #FF9DFF; }
#restaurant-menu .nastav input { float: left; margin: 8px; }
#restaurant-menu .nastav span { font-size: 16px; color: white; width: 450px; display: block; }
#restaurant-menu .jidelak-menu { margin: 85px 0px 0px 60px; background-color: #FE38A9; -moz-border-radius: 8px; -webkit-border-radius: 8px; width: 770px; height: 370px; }
#restaurant-menu .jidelak-menu span { float: right; font-weight: bold; _margin-top: -13px;}
#restaurant-menu .jidelak-menu strong { margin-top: 10px; display: block;}
#restaurant-menu .jidelak-menu .nabidka { font-size: 12px; font-weight: bold; color: white; position: relative; top: -25px; left: 20px;}
#restaurant-menu .register { margin-left: 15px; font-size: 24px; }
#restaurant-menu li { color: white; margin: 2px 100px 2px 50px; list-style: none; font-size: 12px; border-bottom: 1px dotted #DF218C; }


#pronajem { padding: 10px;}
#pronajem .nadpis { background: url("images/pronajem.png"); width: 176px; height: 64px; }
#pronajem .nadpis_dokumenty { font-size: 17px; font-weight: bold; }
#pronajem .soubory { margin: 20px 20px 20px 140px; width: 620px; }
#pronajem .soubory li { margin: 7px 0px 7px 0px; color: white; font-size: 15px;}
#pronajem .soubory .button { vertical-align: -3px; margin: 0px 5px 0px 0px;}
#pronajem .soubory .stahni { vertical-align: -3px; float: right;}
#pronajem .nadpis_nabidka { margin: 40px 0px 3px 60px; color: #EA47A6; font-size: 17px; font-weight: bold; }
#pronajem .nabidka { margin: 0px 0px 0px 60px; width: 800px;}
#pronajem .nabidka li { float:left; font-size: 20px; font-weight: bold; color: #EA47A6; padding: 4px 55px 4px 0px; border-top: 5px solid #EA47A6; border-bottom: 5px solid #EA47A6; }
#pronajem .nabidka .end { padding: 4px 0px 4px 0px; }
#pronajem .info { margin: 70px 0px 0px 160px; text-align: center; width: 570px; font-weight: bold; }
#pronajem .nadpis_info { color: #EA47A6; font-size: 22px; }
#pronajem .text { font-size: 20px; color: white; margin-top: 3px;}
#pronajem .footer { font-size: 17px; color: #EA47A6; margin-top: 5px;}