* {margin:0;padding:0;font-family: Georgia, "New York CE", utopia, serif; color:#000;}
body {padding: 0 0 6px;background: #363636 url("d_i/_bg.jpg") repeat; color:#000; font:83%/1.1 Georgia, "New York CE", utopia, serif /*arial,tahoma,verdana,sans-serif;*/}
/* --------------------------------------- */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer;color:#ff6600;font-weight: bold;} 
a:link {color:#660000;font-weight: bold;} 
a:hover,a:active {color:#660000; font-weight: bold; text-decoration:underline;} 
/* --------------------------------------- */
p {margin: 0;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, "New York CE", utopia, serif; color:#fff;}
h1 {font-size: 130%; padding: 0 0 10px 0; color: #660000; background: url("d_i/_nadpis_bg.gif") top left; margin: 0;}
h2 {font-size: 110%; margin: 16px 0 6px 0; color: #660000;}
h3 {font-size: 100%; margin: 14px 0 2px 0; color: #660000;}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}
ul {margin: 10px 0 26px 20px;}
li {margin: 0 0 0 10px;}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
dl {margin: 0 0 1em 0}
dt {font-weight:bold; margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
table {width: 100%; border: 0; padding: 0px;}
tbody, tr {border: 0; padding: 0px;}
td {border: 0; padding: 8px; vertical-align: top;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
.dih {display: none;}
/* ---------------------------------------  */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width:22px;height: 250px;background: url("d_i/_scrollbar_bg.gif") no-repeat top center;}
.vscrollerbar {padding: 0px;z-index: 2; background-image: url("d_i/_scroll_drag.png");width: 22px;height: 54px !important;background-image: url("./d_i/_scroll_drag.png"); _background-image: url("./d_i/_scroll_drag.gif");cursor: pointer;}
#mycustomscroll {width: 330px;height: 500px;overflow: auto;position: relative;margin: 10px 0 0 0;padding: 0;}
#mycustomscroll2 {width: 318px;height: 470px;overflow: auto;position: relative;margin: 10px 0 0 0;padding: 0;}
/* ---------------------------------------  */
#site {width:994px; margin: 0 auto; position:relative;color:#000;}
#all {float: left; width:994px;background: url("d_i/_top_bg.jpg") no-repeat;color:#000;}
#header {float: left;width:960px;height: 286px; margin: 0; padding: 0; text-align: center;}
#header .logo {float: left; height: 91px; margin: 0 0 0 268px; _margin: 0 0 0 134px; padding: 0;}
#page {float: left;width:884px; height: 624px; margin: 0 0 0 52px; _margin: 0 0 0 26px; background: url("d_i/_kniha1.jpg") no-repeat;color:#000;}
#page2 {float: left;width:884px; height: 612px; margin: 0 0 0 52px; _margin: 0 0 0 26px; color:#000;}
.kniha {float: left; margin: 3px 0 0 208px; _margin: 3px 0 0 104px;color:#000;}
.kniha img {float: left; margin: 0; padding: 0;}
#left {float: left; width:310px; height: 530px; margin: 26px 0 0 90px; _margin: 26px 0 0 46px; padding: 15px 20px;}
#right {float: left; width:300px; height: 530px; margin: 26px 0 0 0; padding: 15px 20px 0px 20px;background: url("d_i/_right_001.jpg") no-repeat;}
.telo {width: 300px;}
/* --------------------------------------- */
#menu0 {float: left; width: 32px; color: #000; margin: 3px 0 0 0; padding: 0; }
#menu0 ul {float: left;width: 32px;margin: 0; padding: 0;list-style-type: none;text-align: left;}
#menu0 ul li {float: left;margin: 0;padding: 0;list-style-type: none;cursor: pointer;}
#menu ul li img {float: left;margin: 0;padding: 0;}
#menu0 ul li.m1 a {float: left; margin: 0;padding: 0;background: url("d_i/_m1_historie.jpg") no-repeat 0px 0px;}
#menu0 ul li.m1 a:hover, #menu ul li.m1 .active{float: left;background: url("d_i/_m1_historie.jpg") no-repeat -33px 0px;}
#menu0 ul li.m2 a {float: left;margin: 0;padding: 0;background: url("d_i/_m1_program.jpg") no-repeat 0px 0px;}
#menu0 ul li.m2 a:hover, #menu ul li.m2 .active{float: left;background: url("d_i/_m1_program.jpg") no-repeat -33px 0px;}
#menu0 ul li.m3 a {float: left;margin: 0;padding: 0;background: url("d_i/_m1_restaurace.jpg") no-repeat 0px 0px;}
#menu0 ul li.m3 a:hover, #menu ul li.m3 .active{float: left;background: url("d_i/_m1_restaurace.jpg") no-repeat -32px 0px;}
#menu0 ul li.m4 a {float: left;margin: 0;padding: 0;background: url("d_i/_m1_ubytovani.jpg") no-repeat 0px 0px;}
#menu0 ul li.m4 a:hover, #menu ul li.m4 .active{float: left;background: url("d_i/_m1_ubytovani.jpg") no-repeat -32px 0px;}
#menu0 ul li.m5 a {float: left;margin: 0;padding: 0;background: url("d_i/_m1_kontakt.jpg") no-repeat 0px 0px;}
#menu0 ul li.m5 a:hover, #menu ul li.m5 .active{float: left;background: url("d_i/_m1_kontakt.jpg") no-repeat -33px 0px;}
/*--------------------------------------------*/
#menu00 {float: left; width: 432px; height: 28px; color: #000; margin: 0 0 0 216px; _margin: 0 0 0 108px; padding: 0; /*border: 1px solid blue;*/}
#menu00 ul {float: left;width: 432px; height: 28px; margin: 0; padding: 0;list-style-type: none;text-align: left;}
#menu00 ul li.m6 a {float: left;height: 28px; margin: 0;padding: 0;background: url("d_i/_m1_herci.jpg") no-repeat 0px 0px;}
#menu00 ul li.m6 a:hover, #menu ul li.m5 .active{float: left;background: url("d_i/_m1_herci.jpg") no-repeat 0px -28px;}
/*--------------------------------------------*/
#menu {float: left; width: 65px; color: #000; margin: 0; padding: 0; }
#menu ul {float: left;width: 65px; height: 545px;margin: 27px 0 0 0; padding: 0;list-style-type: none;text-align: left;}
#menu ul li {float: left;margin: 0;padding: 0;list-style-type: none;cursor: pointer;}
#menu ul li img {float: left;margin: 0;padding: 0;}
#menu ul li.m1 a {float: left; margin: 0;padding: 0;background: url("d_i/_m_historie.jpg") no-repeat 0px 0px;}
#menu ul li.m1 a:hover, #menu ul li.m1 .active{float: left;background: url("d_i/_m_historie.jpg") no-repeat -65px 0px;}
#menu ul li.m2 a {float: left;margin: 0;padding: 0;background: url("d_i/_m_program.jpg") no-repeat 0px 0px;}
#menu ul li.m2 a:hover, #menu ul li.m2 .active{float: left;background: url("d_i/_m_program.jpg") no-repeat -65px 0px;}
#menu ul li.m3 a {float: left;margin: 0;padding: 0;background: url("d_i/_m_restaurace.jpg") no-repeat 0px 0px;}
#menu ul li.m3 a:hover, #menu ul li.m3 .active{float: left;background: url("d_i/_m_restaurace.jpg") no-repeat -65px 0px;}
#menu ul li.m4 a {float: left;margin: 0;padding: 0;background: url("d_i/_m_ubytovani.jpg") no-repeat 0px 0px;}
#menu ul li.m4 a:hover, #menu ul li.m4 .active{float: left;background: url("d_i/_m_ubytovani.jpg") no-repeat -65px 0px;}
#menu ul li.m5 a {float: left;margin: 0;padding: 0;background: url("d_i/_m_kontakt.jpg") no-repeat 0px 0px;}
#menu ul li.m5 a:hover, #menu ul li.m5 .active {float: left;background: url("d_i/_m_kontakt.jpg") no-repeat -65px 0px;}
/* --------------------------------------- */
#menu1 {float: left; width: 432px; height: 28px; color: #000; margin: 0 0 0 420px; _margin: 0 0 0 210px; padding: 0;}
#menu1 ul {float: left;width: 432px; height: 28px; margin: 0; padding: 0;list-style-type: none;text-align: left;}
#menu1 ul li.m6 a {float: left;height: 28px; margin: 0;padding: 0;background: url("d_i/_m1_herci.jpg") no-repeat 0px 0px;}
#menu1 ul li.m6 a:hover, #menu ul li.m6 .active{float: left;background: url("d_i/_m1_herci.jpg") no-repeat 0px -28px;}
/*--------------------------------------------*/
.telo table {border: none; width:100%; margin: 10px 0;}
.telo table th {padding:6px;text-align:left;}
.telo table td {padding:6px; vertical-align: top;}
/* --------------------------------------- */
.active {background: none;}
.toggler {float: left; display: block; width: 96%; height: 28px; margin: 4px 0 0 0; color: #000;}
.toggler a {display: block; height: 28px; line-height: 28px; padding: 0 0 0 10px; background: #ffcc00 ;color: #000;}
.toggler a:hover {display: block; background: #333399 ; color: #fff; text-decoration: none;}
.element {float: left; width: 95%; margin: 6px 0 0 0; padding: 0 0 20px 10px;}
/* --------------------------------------- */
.dokum {float: left; font-size: 11px; display: block; width: 100%; margin: 8px 0 2px 0; background: #6d574b; color: #fff;}
.dokum a {display: block; padding: 4px 6px; background: #6d574b; color: #fff;}
.dokum a:hover {display: block; background:  #ffcc00; color: #000; text-decoration: none;}
.dokum span {float: left; padding: 0 10px 0 0; height: 30px; line-height: 30px;}
/* --------------------------------------- */
#footer {width: 960px; height: 24px;clear:both;background: url("d_i/_bottom_bg.gif") no-repeat top left;margin: 0; padding: 30px 0 0 0;font-size:10px;color: #4b4b4b;}
#footer p {margin: 0 20px; text-align: center;}
#footer a {color: #4b4b4b;}
#footer a:hover {color: #ffcc00;}
/* --------------------------------------- */
.fotka {width: 130px; height: 102px; margin: 6px; padding: 10px 0 0 9px; background: url("d_i/_foto_bg.png") no-repeat; text-align: left;}
.foto {float: left; width: 130px; height: 102px; margin: 0; padding: 10px 0 0 9px; background: url("d_i/_foto_bg.png") no-repeat; text-align: left;}
.foto-blok {float: left; width: 100%; padding: 0 0 20px 0;}
.foto-blok2 {float: left; width: 100%; padding: 0 0 20px 0;}