body{margin: 0; padding: 1% 5%}
body{font-size: small}

body, td, div, span, a, p,input, textarea, submit
  {color: #663300; text-align: justify; font-family: Arial,Tahoma; font-size: 96%}


table, form{width: 100%}
td{vertical-align: top}
h1{padding: 0; margin: 0.5em 0; font-size: 180%; text-transform: uppercase;
  border-bottom: solid 10px #ebddb9}
h2{padding: 0; margin: 0.5em 0; text-align: right; font-size: 150%;
  font-family: "Arial Narrow", Tahoma, Arial; text-transform: uppercase;
  border-bottom: dotted 2px #663300}
h3,h4,h5,h6{margin: 0; padding: 0}
h3{font-size: 120%}
h4,h4 a{font-size: 120%}
h5{font-size: 110%}
h6{font-size: 100%}
a h2{text-decoration: underline}
a:hover {color: red; cursor: hand}
img{border: none}
textarea{height: 8em}
input:hover, select:hover, textarea:hover{background: #dddddd}

.W02{width: 2em}
.W04{width: 4em}
.W05{width: 5em}
.W06{width: 6em}
.W08{width: 8em}
.W10{width: 10em}
.W15{width: 15%}
.W20{width: 20em}
.W45{width: 45%}
.W50{width: 50em}
.W90{width: 90%; margin: 0 auto; overflow: hidden}
.H00{height: 0}
.H05{height: 5em}
.H10{height: 10em}
.H04{height: 4em}

.floatleft{float: left;}
.clearleft{clear: left;}
form img, input, textarea{width: 70%; border: solid 1px #cccc99}
p img{border: solid 2px #996600; margin: 0 10px 5px 0}

.hlavicka{height: 96px; background: url('o/hlavicka-pozadi.gif'); text-align: center; font-size: 90%}
.hlavicka img{float: right}
.hlavicka a img{float: left}
.paticka{text-align: center; color: #000000; padding: 0.5em}
.paticka a{color: #555555; margin: 0 10px}
.nadpis{height: 33px; text-align: right; background: url('o/P08.gif');}
.levy{background: url('o/pozadi-levy.gif'); vertical-align: top; padding-top: 39px;}
.levy img{padding: 0 0 8px 66px;}
.levy h5, .menu h6{margin: 0 0 0 85px; border-bottom: 1px solid #996600; width: 120px;}
td.stredni{background: url('o/pozadi-stred.gif'); width: 100%}
td.stredni{text-align: left; padding: 0px 20px 10px 20px;	color: black;}
div.stredni{margin: 2em 0; padding: 1em; background: #f4ead0; border: solid 1px #996633}
div.stredni table{width: 100%;}
div.stredni td{padding: 2px 20px 2px 5px; border: solid 1px #ead8aa}
.pravy{background: url('o/pozadi-pravy.gif'); padding: 33px 15px 0 0}
.pravy img{border: 0; padding-bottom: 8px}
.rezervace{margin: 0 5px; padding: 6px 20px; background: #ffcc33}
table.galerie td{width: 100px; height: 100px; vertical-align: middle; text-align: center; padding: 0;}
table.galerie img{border: solid 2px #996600;}

.aktivni{font-weight: 800}
.vice{margin: 0.5em; text-align: right; font-style: italic; font-size: 94%;
display: none}

.navigace
  {height: 100%; padding: 1px 5px 1px 5px; overflow: auto;
  font-size: 90%; margin-bottom: 2px; display: none}
.navigace a{}
.navigace a:hover{color: #dd5522}
.navigace a.aktivni{color: #dd5522; font-weight: bold}

.svatek div, .pocitadlo div{float: right}

.upozorneni{font-size: 120%; padding: 2em; background: white;
  margin-bottom: 2em; text-align: center; font-weight: 800}
.upozorneni a{color: white}

.vsechny, .jeden{padding: 1em; margin: 0 0 0.5em 0; background: #fafafa}
.vsechny, .jeden{border-bottom: dotted 2px #dddddd}
.vsechny a h3{text-decoration: underline}
.vsechny img, .jeden img{border: solid 3px #cccccc; margin: 0 1em 0 0; padding: 3px}

@media screen {
.print{display: none;}
}

@media print {
.levy, .hlavicka, .paticka, .nadpis, .pravy{display: none; width: 0;}
td.stredni, table{width: 75%; border: none; background: white;}
div.stredni{width: 71%; font-size: 110%;}
div.stredni td{line-height: 150%;}
td, h3, h4, p{color: black;}
}