* { margin: 0; padding: 0;}
img { border: none; }  

body { 
   background: black; color: #191919;    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
   text-align: center; line-height: 1.6em;
}

.cistic { height: 1px; overflow: hidden; clear: both; }
.cistic-right { height: 1px; overflow: hidden; clear: right; }
.inner { width: 980px; text-align: left; margin: 0 auto; }

/***** BASE LAYOUT *****/
#head .inner { color: #c8c8c8; background: transparent url(design/back-lista.gif) no-repeat; height: 125px; overflow: hidden; }

#main { background: white; }
#main.title { background: black; }

#foot .inner { color: #c8c8c8; background: transparent url(design/back-lista.gif) no-repeat; height: 125px; overflow: hidden; }

#head a, #foot a { font-size: 11px; }
#head a.logo, #foot a.logo { float: left; width: 350px; }
#head .menu, #foot .menu { float: left; width: 142px; overflow: hidden; margin-top: 15px; line-height: 1.2em; }
#head .menu.links a { width: 142px; }
#head .menu a, #foot .menu a { 
   border-left: none; color: #a6a6a6; text-decoration: none; text-transform: uppercase; 
   padding-left: 9px; display: block; width: 133px;
 }
#head .menu .hi a { color: #fc4a00; font-size: 15px; font-weight: bold; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; }
#head .menu .dira a { margin-top: 13px; margin-bottom: 12px; }
#head .menu a:hover, #foot .menu a:hover, #head .menu a.act, #foot .menu a.act { border-left: 1px solid #a6a6a6; padding-left: 8px; }
#head .menu .hi a:hover, #head .menu .hi a.act { border-left-color: #fc4a00;  }

#head .menu a.programme { background: transparent url(design/menu-programme.gif) no-repeat 8px; padding: 30px 127px 0 0; border-left: 1px solid #292929; }
#head .menu a.hiring { background: transparent url(design/menu-hiring.gif) no-repeat 8px; padding: 30px 76px 0 0; border-left: 1px solid #292929; }
#head .menu.cz a.programme { background: transparent url(design/menu-programme-cz.gif) no-repeat 8px; padding: 30px 127px 0 0; border-left: 1px solid #292929; }
#head .menu.cz a.hiring { background: transparent url(design/menu-hiring-cz.gif) no-repeat 8px; padding: 35px 76px 0 0; border-left: 1px solid #292929; }


#head .menu a.programme span, #head .menu a.hiring span { display: none; }

#head .right { float: left; width: 140px; padding: 15px 0 0 190px; line-height: 1.3em; color: #a6a6a6; }
#head .right a { color: #a6a6a6; text-transform: uppercase; text-decoration: none; }
#head .right a.red { color: #FC4A00; }
#head .right span.start { color: #5B5837; font-size: 14px; text-transform: uppercase; display: block; margin-top: 52px; }

#foot .menu a { text-transform: none; margin: 2px 0; }
#foot .menu a.red { color: #FC4A00; }
#foot .address { float: left; padding: 15px 0 0 190px; font-size: 11px; line-height: 16px; color: #505050; }

#home-foot { color: #717171; font-size: 11px; clear: both}
#home-foot a { color: #717171; text-decoration: none; } 
#home-foot .inner { padding-left: 350px; width: 630px; }

/***** TITLE *****/
#title {
   background: url(design/title.jpg) top left no-repeat; 
   padding: 14px 0 0 351px; width: 629px;  
   height: 440px; 
}
#title .center { width: 430px; float: left; }
#title .center img { float: left; margin: 0 10px 10px 0; }
#title .center div.left { float: left; margin: 0 10px 10px 0; width: 133px; }
#today { background: #FC4A00; width: 113px; height: 103px; padding: 15px 10px; overflow: hidden; text-transform: uppercase; }
#today .today { color: #C8C8C8; font-size: 12px; }
#today .interpret, #today .interpret a { color: black; font-size: 16px; margin: 5px 0; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
#today .date { color: white; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
#banners { float: left; width: 134px; padding-left: 40px; }
#banners a { display: block; width: 134px; height: 100px; margin-bottom: 6px; }
#banners div.news { color: #C0C0C0; margin-top: 15px; font-size: 11px; letter-spacing: -0.05em;}  
#banners div.news a { display: inline; color: #FC4A00; text-decoration: none; }
#banners div.news a.more { display: block; text-align: right; height: auto; width: 100%; text-align: right; } 

/***** CONTENT *****/
#path { padding-left: 65px; line-height: 30px; font-size: 11px; color: rgb(102,102,51); }
#path a { color: rgb(102,102,51); }

#content { padding: 25px 0 70px 260px; }
#content a { color: #FC4A00; text-decoration: none; }
#content h1 { color: rgb(200,200,200); text-transform: uppercase; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
#content h2 { color: rgb(25,25,25); text-transform: uppercase; font-weight: bold; font-size: 12px; }
#content h2 span { background: #5B5837; color: #dfe1d4; padding: 0 5px; line-height: 22px; display: inline-block; }
#content h3 { color: #191919; font-weight: bold; font-size: 12px; text-transform: uppercase; margin-top: 10px; }
#content h4 { color: rgb(119,86,47); font-weight: normal; font-size: 12px; text-transform: uppercase; }
#content p { margin: 15px 0; }
#content p.obrazky a { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #DDDDDD; }
#content p.obrazky a.no-border { margin: 0 5px 0 0; padding: 0; border: none; }
#content p.near { margin-top: 0; }
#content .hi { color: rgb(91,88,55); }
#content .brown { color: rgb(119,86,47); }
#content .right-box { float: right; width: 163px; color: #5B5837; }
#content .right-box a { color: #5B5837; text-decoration: none; padding: 3px 0 3px 5px; display: block; line-height: 1.2em; }
#content .right-box a:hover, #content .right-box a.act { background: url(design/menu-line.gif) left no-repeat; }
#content .right-box a.wo-border { background: none; }
#content .left-narrow { width: 505px; }

#content div.line { height: 1px; overflow: hidden; border-bottom: 1px dashed #C8C8C8; margin: 15px 0; }
#content table.menu { border-collapse: collapse; margin: 10px 0 20px 0; width: 100%; }
#content table.menu tr.item td { border-bottom: 1px dotted #C8C8C8; }
#content table.menu td.price { text-align: right; padding-left: 5px; white-space: nowrap; }
#content table.menu td.desc { padding-bottom: 10px; font-size: 11px; }
#content p.price { text-align: right; font-weight: bold; color: #5B5837; }
#content table.menu th { padding-top: 10px; border-bottom: 1px dotted #C8C8C8; }

#content div.links-item { clear: left; margin: 15px 0; }
#content div.links-item a.img { float: left; margin: 0 20px 20px 0; padding: 5px; border: 1px solid #DDDDDD; }
#content div.links-item a img {  }

#content table.program { border-collapse: collapse; margin: 15px 0; }
#content table.program td { 
   width: 90px; border: 1px solid white; height: 150px; padding: 5px; overflow: hidden;
   vertical-align: top; line-height: 1.2em; text-transform: uppercase; font-size: 11px;  
}
#content table.program td.day6, #content table.program td.day0 { background: #C8C8C8;} 
#content table.program td .dow { border-bottom: 1px solid #191919; text-transform: uppercase; font-size: 10px; }
#content table.program td .day { font-size: 16px; font-weight: bold; padding: 4px 0 6px 0;}
#content table.program td .act { color: #FC4A00; }
#content table.program td .kapela { color: #191919; font-weight: bold; }
#content table.program td .kapela:hover { color: #FC4A00; }
#content table.program td .typ { color: #5B5837; text-transform: lowercase; }
#content table.program td div.price { color: #191919; text-align: left; margin: 5px 0 1em 0; }
#content table.program td a span { background: #FC4A00; color: white; padding: 3px 5px; font-size: 9px; letter-spacing: 1px; }
#content span.reserve span { background: #FC4A00; color: white; padding: 3px 5px; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
#content div.info { text-align: right; margin-right: 7px; }
#content table.program-nav { width: 100%; margin-top: 15px; border-top: 1px dashed #C8C8C8; border-bottom: 1px dashed #C8C8C8; }
#content table.program-nav td { font-size: 14px; color: #5B5837; font-weight: bold; }
#content table.program-nav td.prev { width: 40px; text-align: right; }
#content table.program-nav td.next { width: 40px; text-align: right;  }
#content table.program-nav td.next a,
#content table.program-nav td.prev a { background: #FC4A00; color: #FFF; padding: 0 .5em; }
#content table.program-nav td.month { text-transform: uppercase; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; padding-left: 5px; }


#content span.program-nav { float: right; background: transparent; padding: 0; margin: -1px -4px 0 0; }
#content span.program-nav { =margin: -28px 3px 0 0; }
#content span.program-nav span.prev,
#content span.program-nav span.next { width: 40px; background: transparent; }
#content span.program-nav span.prev { text-align: left; }
#content span.program-nav span.next { text-align: right; }
#content span.program-nav span.next a,
#content span.program-nav span.prev a { background: #FC4A00; color: #FFF; padding: 0 .5em; }

#content h2.program-light { background: #000; color: #FC4A00; padding: .5em; font-size: 16px; }
#content table.program-light { margin: 1em 0 0 0; clear: both; width: 100%; border-bottom: 1px solid #C0C0C0; }
#content table.program-light tbody { margin: 0; padding: 0;  }
#content table.program-light tr th, 
#content table.program-light tr td { padding:  .5em 1em 0 1em; font-weight: normal; border-top: 1px solid #C0C0C0; }
#content table.program-light tr th { padding: 1em; width: 50px; text-align: center; border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; /* background: #EFEFEF; */ }
#content table.program-light tr th.week { background: #D2D3D5; }
#content table.program-light tr td { width: 650px; border-right: 1px solid #C0C0C0; }
#content table.program-light tr th strong { display: block; font-size: 20px; margin-bottom: .5em; }
#content table.program-light tr th strong.sunday { color: #FC4A00; }

#content table.program-light tr td.blank { border-right: 0; padding: 0; line-height: 1em; }
#content table.program-light tr td i { display: block; text-align: center; }


#content table.program-light tr td a { float: left; font-weight: bold; font-size: 14px; }
#content table.program-light tr td span { float: right; font-size: 11px; font-style: italic; }
#content table.program-light tr td span span { font-size: 12px; font-weight: bold; float: none; }
#content table.program-light tr td p { margin-bottom: 0; padding: .5em 0; clear: both; }
#content table.program-light tr a.reservation { float: right; background: #FC4A00; color: #FFF; margin: 0 0 .5em 0; padding: 0 5px; line-height: 16px; font-size: 9px; letter-spacing: 0px; }


#content div.tables { width: 532px; height: 400px; position: relative; background: url(tables.gif) no-repeat; }
#content div.tables a { display: block; position: absolute; width: 10px; height: 10px; overflow: hidden; background: #FC4A00; }
#content div.tables a.selected { background: url(seat-selected.gif); }
#content div.tables span.foto a { width: 37px; height: 35px; overflow: hidden; background: transparent; }
#content div.tables span.foto a:hover { background: url(foto-hi.gif) no-repeat; }
#content div.tables span.foto a.top { top: 9px; left: 216px; }
#content div.tables span.foto a.right { top: 151px; left: 420px; }
#content div.tables span.foto a.bottom { top: 365px; left: 216px; }
#content div.tables span.foto a.left { top: 151px; left: 7px; }

#content table.legend { margin: 15px 0; }
#content table.legend td { padding: 0 15px 0 6px; }
#content table.legend td.nic { padding-left: 20px; }
#content table.legend td.foto { padding-left: 0; }

#content form.reservation { width: 100%; background: #dddddd; padding: 10px; line-height: 2em; }
#content form.reservation input { border: 1px solid #999999; }
#content form.reservation label { padding-right: 5px; }
#content form.reservation #name { width: 300px; }
#content form.reservation #email, #content form.reservation #phone { width: 190px; }
#content form div.butt { float: right; }
#content form input.butt_back { border: 2px solid #717171; color: white; background: #999999; font-size: 9px; text-transform: uppercase; padding: 2px 5px; }
#content form input.butt_submit { border: 2px solid #231f20; color: white; background: #FC4A00; font-size: 9px; text-transform: uppercase; padding: 2px 5px; letter-spacing: 1px; }
#content .error { color: red; font-weight: bold; }
#content p.error { margin: 0; }

#popup-foto { display: none; position: absolute; border: 5px solid #DDDDDD; background: white; z-index: 100; }
#popup-foto img { border: 5px solid #191919; }
#popup-kapela { display: none; position: absolute; border: 5px solid #191919; background: white; z-index: 100; overflow: auto; text-align: left; padding: 10px; }
#popup-kapela a.close { float: right; color: #FC4A00; }
#popup-kapela h2 { color: rgb(200,200,200); text-transform: uppercase; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
#popup-kapela h3 { margin: .5em 0; color: #5B5837; text-transform: uppercase; font-weight: normal; font-size: 18px; }
#popup-kapela img { margin: 10px 0; }
#popup-kapela p.instruments { text-transform: uppercase; }
#popup-kapela p.url { margin-top: 10px;  }
#popup-kapela p.url a { color: #FC4A00; text-decoration: none; }
#popup-over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; opacity: .5; background: black; display: none; }

#content table.summary, #content table.summary-seats { background: #DDDDDD; width: 100%; padding: 10px; line-height: 2em; margin-bottom: 15px; }
#content table.summary td, #content table.summary-seats th.table { width: 50%; }
#content table.summary-seats th { color: #5B5837; text-transform: uppercase; font-weight: normal; }
#content table.summary-seats .price { text-align: right; padding-left: 5px; white-space: nowrap; }

#content form.join-us { }
#content form.join-us div.item { margin: 10px 0; }
#content form.join-us div.item label { float: left; width: 200px; margin-right: 10px; }
#content form.join-us div.item input { width: 290px; }
#content form.join-us div.butt { margin-top: 20px; }

#calendar { height: 133px; /*overflow: hidden;*/ margin-top: 5px; }

#content table.formats { border-collapse: collapse; }
#content table.formats th { color: #FC4A00; font-weight: normal; padding-right: 5px; }

#left { float: left; color: #77562F; padding: 60px 0 0 60px; width: 150px; }

#content .program-box { height: 142px; }
#content .program-box div { width: 123px; height: 112px; float: left; color: #C8C8C8; padding: 15px 20px 15px 10px; margin-right: 20px; }
#content .program-box div span { color: #FC4A00; }
#content .program-box .box-off { background: url(design/box-off.gif) no-repeat;  }
#content .program-box .box-on { background: url(design/box-on.gif) no-repeat; }
#content .program-box .box-off-last { background: url(design/box-off-last.gif) no-repeat;  }
#content .program-box .box-on-last { background: url(design/box-on-last.gif) no-repeat; }

#band_pop_up { min-width: 400px; min-height: 200px; }
#band_pop_up p { width: 450px; }
#band_pop_up p#popupImg { width: auto; text-align: center; }