body { text-align: center; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; color: #333; margin: 0 auto; background: #EEF0ED url('images/background.jpg') repeat-x; }
.cleaner { clear: both; }
.zero_base { width: 0px; height: 0px; position: relative; font-size: 0px; }
a { color: #9E2627; text-decoration: underline; }
a:hover { color: #9E2627; text-decoration: none; }

#main { width: 731px; text-align: justify; margin: 0 auto; }

#topmenu_left { width: 19px; height: 59px; background: #373737 url('images/topmenu_left.jpg') no-repeat; float: left; }
#topmenu { width: 693px; height: 59px; background: #373737 url('images/topmenu_background.jpg') repeat-x; float: left; }
    #topmenu ul { list-style: none; height: 59px; padding: 0px; margin: 0px; }
    #topmenu ul li { text-align: center; float: left; height: 59px; width: 138px; padding: 0px; margin: 0px; }
    #topmenu ul li a { padding: 20px 0px 0px 0px; height: 39px; display: block; background: none; text-decoration: none; color: #FFF; }
    #topmenu ul li .selected { background: #666 url('images/topmenu_highlighted.jpg') repeat-x; }
    #topmenu ul li a:hover { background: #666 url('images/topmenu_highlighted.jpg') repeat-x; text-decoration: none; color: #FFF; }
#topmenu_right { width: 19px; height: 59px; background: #373737 url('images/topmenu_right.jpg') no-repeat; float: left; }
#header { clear: both; }
    #header strong a { color: #333; text-decoration: none; }
    #header strong a:hover { color: #333; text-decoration: none; }
    #header strong { width: 731px; height: 216px; font-size: 14px; margin: 0; display: block; position: relative; overflow: hidden; background-color: #FFF; }
    .oteviraci_doba { position: absolute; left: 510px; top: -78px; z-index: 3; font-size: 12px; color: #FFF; font-weight: bold; width: 200px; }
.menu { width: 220px; text-align: center; background: #9E2627 url('images/menu_background.jpg') repeat-y; float: left; margin-bottom: 10px; }
    .menu_top { width: 220px; height: 20px; background: #9E2627 url('images/menu_top.jpg') no-repeat; }
    .menu h2 { font-family: Arial; font-size: 14px; color: #FFF; display: block; width: 180px; padding: 0px 0px 7px 0px; margin: 0px 20px 10px 20px; text-decoration: none; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #B12F31; }
    .menu ul { padding: 0px; text-align: left; margin: 0px 0px 20px 0px; list-style: none; }
    .menu ul li { width: 120px; padding: 0px; margin: 5px 0px 0px 40px; }
    .menu ul li a { color: #FFF; text-decoration: none; display: block; width: 100px; padding-left: 15px; background: #9E2627 url('images/menu_list.jpg') no-repeat left center; }
    .menu ul li .menu_selected { color: #FBCBB9; text-decoration: none; display: block; width: 100px; padding-left: 15px; background: #9E2627 url('images/menu_list.jpg') no-repeat left center; }
    .menu ul li a:hover { color: #FBCBB9; text-decoration: none; background: #9E2627 url('images/menu_list_highlighted.jpg') no-repeat left center; }
    .menu .submenu { padding: 0px; margin: 0px 0px 5px 0px; font-size: 10px; }
    .menu .submenu li { margin: 5px 0px 0px 30px; }
    .menu_bottom { width: 220px; height: 20px; background: #9E2627 url('images/menu_bottom.jpg') no-repeat; }
#content { width: 481px; float: right; margin: 10px; padding: 0px; line-height: 1.4; }
    #content .img_right { float: right; padding: 5px 0px 5px 5px; }
    #content .sloupec { float: left; width: 230px; margin-right: 8px; }
    #content .seznam_jidlo { font-weight: bold; font-size: 14px; width: 480px; padding: 2px 0px 2px 0px; clear: both; float: left; }
    #content .seznam_jidlo div { width: 95px; text-align: center; float: left; }
    #content .seznam_jidlo span { width: 280px; text-align: left; float: left; }
    #content .seznam_jidlo em { font-size: 11px; font-weight: normal; }
    #content .seznam_napoje { font-size: 11px; width: 230px; padding: 1px 0px 1px 0px; clear: both; }
    #content .seznam_napoje div { width: 40px; float: right; text-align: left; }
    #content .seznam_napoje span { float: left; }
    #content .seznam_fotogalerie { width: 480px; height: 50px; background-color: #D9D9D9; clear: both; font-weight: bold; }
    #content .seznam_fotogalerie img { float: left; padding: 2px 0px 2px 0px; }
    #content .seznam_fotogalerie div { width: 120px; text-align: center; float: left; padding-top: 10px; }
    #content .seznam_fotogalerie span { line-height: 1; float: left; display: block; width: 260px; text-align: center; font-size: 16px; font-family: Arial; padding-top: 16px; }
    #content .seznam_fotogalerie2 { width: 480px; height: 50px; clear: both; font-weight: bold; }
    #content .seznam_fotogalerie2 img { float: left; padding: 2px 0px 2px 0px; }
    #content .seznam_fotogalerie2 div { width: 120px; text-align: center; float: left; padding-top: 10px; }
    #content .seznam_fotogalerie2 span { line-height: 1; float: left; display: block; width: 260px; text-align: center; font-size: 16px; font-family: Arial; padding-top: 16px; }
    #content .seznam_fotogalerie em { font-size: 11px; font-weight: normal; }
    #content .seznam_fotogalerie2 em { font-size: 11px; font-weight: normal; }
    #content .sloupec acronym { font-size: 11px; border-style: dotted; border-color: #CCC; border-width: 0px 0px 1px 0px; text-decoration: none; }
    #content .red { width: 471px; padding: 5px; background-color: #C33; text-align: center; font-weight: bold; color: #FFF; }
    #content .green { width: 471px; padding: 5px; background-color: #3F3; text-align: center; font-weight: bold; color: #000; }
    #content .kniha p { text-indent: 0px; }
    #content form { width: 471px; display: block; padding: 5px; border: 1px solid #CCC; }
    #content form .pole { width: 265px; text-align: left; margin-bottom: 5px; margin-left: 100px;}
    #content form .pole img { border: none; }
    #content form textarea { margin: 0px 0px 5px 100px; font-family: Tahoma font-size: 11px;}
    #content form .buttonfield { width: 470px; padding: 10px 0px 10px 0px;  margin: 0 auto; text-align: center; }
    #content form .buttonfield input { width: 100px; padding: 0px 2px 0px 2px; background-color: #9E2627; color: #FFF; font-weight: bold; border-style: solid; border-color: #333; border-width: 1px 1px 2px 1px; }
    #content .kniha { width: 471px; text-align: justify; padding: 5px; margin-bottom: 10px; border: 1px solid #CCC; font-size: 11px; }
    #content .kniha div { width: 466px; background-color: #9E2627; font-size: 12px; font-weight: bold; color: #FFF; padding: 2px 0px 2px 5px; margin-bottom: 5px;  }
    #content .kniha div span { margin-left: 10px; font-size: 10px; color: #DDD; font-weight: normal; }
    #content .strankovani { width: 471px; padding: 5px; text-align: center; margin-bottom: 5px; background-color: #DDD; }
    #content .strankovani .selected { font-weight: bold; color: #9E2627; }
    #content .strankovani a { color: #000; text-decoration: underline; }
    #content .strankovani a:hover { color: #000; text-decoration: none; }
    .photo_thumb { float: left; margin: 4px; background: #999 url('images/loading.gif') center center no-repeat; }
    .photo_thumb a { display: block; border: 2px solid #CCC; }
    .photo_thumb a:hover { border: 2px solid #FFF; }
    .photo_thumb img { border: none; height: 50px; }
    h1 { display: block; width: 461px; border-style: solid; border-color: #DEDFDD; border-width: 0px 0px 1px 0px; font-size: 18px; color: #9E2627; padding: 5px 0px 5px 20px; margin: 0px; font-family: Arial; }
    h2 { display: block; width: 100%; font-size: 16px; color: #000; padding: 5px 0px 0px 0px; margin: 0px 0px 5px 0px; font-family: Arial; clear: both; border-style: solid; border-color: #DEDFDD; border-width: 0px 0px 1px 0px; }
    p { text-indent: 28px; margin: 5px 0px 10px 10px; }
    .centerbox { width: 100%; text-align: center; }
    .centerbox a img { border: none; }
    .popisek { font-size: 11px; font-style: italic; color: #777; }
    #content table tr td { text-align: center; height: 12px; }
    #content table .den { font-size: 14px; font-weight: bold; }
    #content .tdnazev { text-align: left; margin-left: 2px; }
    #content .headtr td { background-color: #DDD; text-align: center; font-size: 11px; }
    
#footer { font-size: 11px; width: 731px; height: 54px; clear: both; margin: 10px 0px 0px 0px; background: #373737 url('images/footer_background.jpg') repeat-x; }
    #footer_left { width: 20px; height: 54px; background: #373737 url('images/footer_left.jpg') no-repeat; float: left; }
    #footer_text { text-align: center; width: 691px; height: 30px; float: left; color: #ABABAB; padding-top: 24px; }
    #footer_text strong { font-weight: normal; }
    #footer_text a { color: #FFF; text-decoration: underline; }
    #footer_text a:hover { color: #FFF; text-decoration: none; }
    #footer_right { width: 20px; height: 54px; background: #373737 url('images/footer_right.jpg') no-repeat; float: left; }

