html {
	height: 100%;
}
body {
    width: 100%;
	color: #000000;
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #384243 url("/img/_bg_all2.jpg") repeat top center;
}
p { 
	margin: 0;
	padding: 0;
    text-align: justify; 
}
dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a {
    color: #333399;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
    color: #990000;
}
img {
	margin: 0;
	border: none;
}
form, input {
	margin: 0;
	border: none;
}
h1 {  
    float: left;
    width: 370px;
    height: 30px;
    line-height: 30px;
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #993333;
	text-align: left;
	margin: 0 0 0 50px;
	_margin: 0 0 0 24px;
	padding: 8px 0 0 0;
	list-style-type: none;
}
h2 { 
    width: 760px;
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 0 0 0 30px;
	padding: 0;
}
table {
    border: 0px;
}
th {
    text-align: right;
	vertical-align: top;
}
tr, td {
    text-align: left;
	vertical-align: top;
}
sup {
	font: 70% Verdana, Helvetica, Arial, sans-serif;
}
.dih {display: none;}
/*--------------*/
#page {
  width: 820px;
  margin: 40px auto 0 auto;
  padding: 0;
  text-align: left;
}
/*--------------*/
#top-logo {
    width: 820px; 
	height: 60px;
	text-align: left; 
	margin: 0;
	padding: 0;
	background: url("/img/_logo_top.jpg") no-repeat;
	background-position: 66px 0px;
}
#top-foto {
    float: left;
    width: 820px; 
	height: 300px;
	text-align: left; 
	margin: 0;
	padding: 0;
}
#top-f1 {
    float: left;
    width: 18px; 
	height: 300px;
	text-align: left; 
	margin: 0;
	padding: 0;
	background: url("/img/_top_foto_left.jpg") no-repeat;
}
#top-f2 {
    float: left;
    width: 784px; 
	height: 300px;
	text-align: left; 
	margin: 0;
	padding: 0;
	background: url("/img/_top_foto.jpg") no-repeat;
}
#top-f3 {
    float: left;
    width: 18px; 
	height: 300px;
	text-align: left; 
	margin: 0;
	padding: 0;
	background: url("/img/_top_foto_right.jpg") no-repeat;
}
/*--------------*/
#menu {
    width: 265px; 
	height: 179px;
	text-align: left; 
	margin: 283px 0 0 560px;
	padding: 0;
	background: url("/img/_menu_bg2.jpg") no-repeat;
	position: absolute;
	z-index: 99px;
}
#m1 {
    width: 192px; 
	height: 17px;
	margin: 10px 0 0 40px;
	padding: 0;
	text-align: center; 
}
#m1 a {
	background: url("/img/_m1-de.gif") no-repeat center;
}
#m1 a:hover {
	background: url("/img/_m1_on-de.gif") no-repeat center;
}
#m2 {
    width: 192px; 
	height: 14px;
	margin: 2px 0 0 40px;
	_margin: 0px 0 0 40px;
	padding: 0;
	text-align: center; 
}
#m2 a {
	background: url("/img/_m2-de.gif") no-repeat center;
}
#m2 a:hover {
	background: url("/img/_m2_on-de.gif") no-repeat center;
}
#m3 {
    width: 192px; 
	height: 14px;
	margin: 2px 0 0 40px;
	_margin: 0px 0 0 40px;
	padding: 0;
	text-align: center; 
}
#m3 a {
	background: url("/img/_m3.gif") no-repeat center;
}
#m3 a:hover {
	background: url("/img/_m3_on.gif") no-repeat center;
}
#m4 {
    width: 192px; 
	height: 14px;
	margin: 2px 0 0 40px;
	_margin: 0px 0 0 40px;
	padding: 0;
	text-align: center; 
}
#m4 a {
	background: url("/img/_m4-de.gif") no-repeat center;
}
#m4 a:hover {
	background: url("/img/_m4_on-de.gif") no-repeat center;
}
#m5 {
    width: 192px; 
	height: 14px;
	margin: 2px 0 0 40px;
	_margin: 0px 0 0 40px;
	padding: 0;
	text-align: center; 
}
#m5 a {
	background: url("/img/_m5.gif") no-repeat center;
}
#m5 a:hover {
	background: url("/img/_m5_on.gif") no-repeat center;
}
#m6 {
    width: 192px; 
	height: 14px;
	margin: 2px 0 0 40px;
	_margin: 0px 0 0 40px;
	padding: 0;
	text-align: center; 
}
#m6 a {
	background: url("/img/_m6.gif") no-repeat center;
}
#m6 a:hover {
	background: url("/img/_m6_on.gif") no-repeat center;
}
#m7 {
    width: 192px; 
	height: 14px;
	margin: 2px 0 0 40px;
	_margin: 0px 0 0 40px;
	padding: 0;
	text-align: center;
}
#m7 a {
	background: url("/img/_m7.gif") no-repeat center;
}
#m7 a:hover {
	background: url("/img/_m7_on.gif") no-repeat center;
}
#m8 {
    width: 192px; 
	height: 14px;
	margin: 2px 0 0 40px;
	_margin: 0px 0 0 40px;
	padding: 0;
	text-align: center; 
}
#m8 a {
	background: url("/img/_m8.gif") no-repeat center;
}
#m8 a:hover {
	background: url("/img/_m8_on.gif") no-repeat center;
}
#m9 {
    width: 192px; 
	height: 14px;
	margin: 2px 0 0 40px;
	_margin: 0px 0 0 40px;
	padding: 0;
	text-align: center;
}
#m9 a {
	background: url("/img/_m9.gif") no-repeat center;
}
#m9 a:hover {
	background: url("/img/_m9_on.gif") no-repeat center;
}
/*--------------*/
#flag {
    float: left;
    width: 120px; 
	text-align: left; 
	margin: 8px 0 0 40px;
	padding: 0;
}
#nadpis {
    float: left;
    width: 820px; 
	height: 46px;
	text-align: left; 
	font: 80% Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: url("/img/_nadpis_bg.jpg") no-repeat;
}
#nadpis2 {
    float: left;
    width: 820px; 
	height: 46px;
	text-align: left; 
	font: 80% Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: url("/img/_nadpis_bg2.jpg") no-repeat;
}
#telo {
    float: left;
    width: 820px; 
	height: 270px;
	text-align: left;
	font: 80% Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: url("/img/_body_bg.jpg") repeat-x;
}
#telo-all {
	width: 750px;
    color: #000000;
	margin: 10px 20px 0 30px;
	font: 90% Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration:none;
	/*text-align: justify;*/
	/*border: 1px solid #66ff00;*/
}
#telo-all2 {
	width: 760px;
	height: 260px;
    color: #000000;
	margin: 10px 20px 0 30px;
	font: 90% Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration:none;
	overflow: auto;	
}
#telo-bottom {
    float: left;
    width: 820px; 
	height: 21px;
	text-align: left; 
	margin: 0;
	padding: 0;
	background: url("/img/_body_bg_ende.jpg") repeat-x;
}
#bottom {
    clear: both;
    width: 820px; 
	height: 30px;
	text-align: left; 
	margin: 0;
	padding: 0;
}

.none-menu {
	float: right;
    width: 230px;
	height: 46px;
	margin: 0;
	padding: 0;
}
.none-vr {
	float: left;	
	clear: left;
    width: 1px;
	height: 140px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #66ff00;*/
}
.none-vr1 {
	float: left;
	clear: left;
    width: 26px;
	height: 38px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #66ff00;*/
}
.none-vr2 {
	float: left;
	clear: left;
    width: 122px;
	height: 72px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #66ff00;*/
}
.bl-l {
	float: left;
    width: 200px;
}
.bl-r {
	float: left;
    width: 520px;
	margin: 0 0 0 20px;
}
/*-----------------------------*/
.f1 {
	float: left;
	clear: left;
    width: 204px;
	height: 150px;
	margin: 10px 0 0 0;
	text-align: left;
	background: url("img/_foto_bg2.gif") 0px 8px no-repeat;
}
.f1 img {
    margin: 24px 0 0 16px;
	padding: 0;
}
.f1b {
	float: left;
	clear: left;
    width: 200px;
	height: 142px;
	text-align: left;
	background: url("/img/_foto_bg2.gif") no-repeat top left;
}
.f1b img {
    margin: 16px 0 0 16px;
	padding: 0;
}
.f2 {
	float: right;
	clear: right;
    width: 200px;
	height: 142px;
	margin: 10px 0 0 4px;
	text-align: right;
	background: url("/img/_foto_bg2.gif") no-repeat top right;
}
.f2 img {
    margin: 16px 18px 0 0;
	padding: 0;
}
.f2t {
	float: left;
    width: 142px;
	height: 194px;
	text-align: left;
	margin: -10px 0 0 30px;
	_margin: 0 0 0 30px;
	background: url("/img/_foto2_bg.gif") no-repeat top left;
}
.f2t img {
    margin: 16px 0 0 18px;
	padding: 0;
}
.f3 {
	float: left;
    width: 200px;
	height: 142px;
	text-align: left;
	margin: 10px 0 0 30px;
	_margin: 10px 0 0 100px;
	background: url("/img/_foto_bg2.gif") no-repeat top left;
}
.f3 img {
    margin: 16px 0 0 16px;
	padding: 0;
}
.f3b {
	float: left;
    width: 200px;
	height: 142px;
	text-align: left;
	margin: 16px 0 0 0;
	_margin: 10px 0 0 70px;
	background: url("/img/_foto_bg2.gif") no-repeat top left;
}
.f3b img {
    margin: 16px 0 0 16px;
	padding: 0;
}
.f4 {
	float: left;
    width: 200px;
	height: 142px;
	text-align: left;
	margin: 30px 0 0 30px;
	background: url("/img/_foto_bg2.gif") no-repeat top left;
}
.f4 img {
    margin: 16px 0 0 16px;
	padding: 0;
}
.f4t {
	float: left;
    width: 142px;
	height: 194px;
	text-align: left;
	margin: -10px 10px 0 0;
	_margin: 0;
	background: url("/img/_foto2_bg.gif") no-repeat top left;
}
.f4t img {
    margin: 20px 0 0 18px;
	padding: 0;
}
/*----------------*/
#vrx {
    float: left;
	width: 129px;
	height: 91px;
	margin: 0 0 0 16px;
	_margin: 0 0 0 -14px;
	padding: 0;	
	position: absolute;
}
.none-vr {
    float: left;
	width: 120px;
	height: 78px;
	_height: 84px;
	margin: 0;
	padding: 0;	
}
#vr {
	width: 144px;
	height: 121px;
	margin: 159px 0 0 0;
	_margin: 159px 0 0 -30px;
	padding: 0;	
	position: absolute;
}
#vr1 {
	width: 57px;
	height: 44px;
	background: url("/img/_vr1.jpg") no-repeat top left;
	margin: 0;
	padding: 0;	
}
#vr2 {
	width: 144px;
	height: 77px;
	margin: 0;
	padding: 0;	
}
/*----------------*/
#kont-left {
    float: left;
	width: 260px;
	margin: 0;
	padding: 0;
}
#kont-right {
    float: left;
	width: 401px;
	margin: 0;
	padding: 0;
}
/*----------------*/
.rez {
    float: left;
    width: 260px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
}
#rezervace {
    float: left;
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	width: 370px;	
	margin: 10px 0 0 20px;
	_margin: 6px 0 0 16px;
	padding: 0;
	text-align: left;
}
.rez-err {
    float: left;	
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	width: 360px;	
	margin: 4px 0 0 10px;
	padding: 0;
	text-align: left;
	color: #cc0000;
}
.rez-konec {
    float: left;
	clear: left;	
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	width: 620px;	
	margin: 30px 0 0 10px;
	padding: 0;
	text-align: center;
	color: #000;
	font-weight: bold;
}
.one {
    float: left;	
	width: 120px;
	height: 18px;
	line-height: 18px;
	margin: 2px 0 0 0;
	padding: 0 2px 0 0;
	text-align: right;
}
.two {
    float: left;	
	width: 220px;
	height: 18px;
	line-height: 18px;
	margin: 2px 0 0 0;
	padding: 0;
	text-align: left;
}
.two2 {
    float: left;	
	width: 200px;
	height: 40px;
	margin: 2px 0 0 0;
	padding: 0;
	text-align: left;
}
.three {
    float: left;	
	width: 370px;
	height: 18px;
	line-height: 18px;
	margin: 2px 0 0 0;
	padding: 0;
	text-align: right;
}
.four {
    float: left;	
	width: 24px;
	height: 18px;
	line-height: 18px;
	margin: 2px 2px 0 0;
	padding: 0;
	text-align: right;
}
.five {
    float: left;	
	width: 184px;
	height: 18px;
	line-height: 18px;
	margin: 2px 0 0 0;
	padding: 0;
	text-align: left;
}
.inp-rez {
	width: 210px;
	height: 15px;
	line-height: 15px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-indent: 2px;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px #cfcfcf solid;
}
.inp-rez2 {
	width: 30px;
	height: 15px;
	line-height: 15px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-indent: 2px;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px #cfcfcf solid;
}
.area-rez {
	width: 210px;
	height: 40px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px #cfcfcf solid;
}
.sel-rez {
	width: 180px;
	height: 15px;
	line-height: 15px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-indent: 2px;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px #cfcfcf solid;
}
.sel-rez-den {
	width: 60px;
	height: 15px;
	line-height: 15px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px #cfcfcf solid;
}
.sel-rez-mesic {
	width: 90px;
	height: 15px;
	line-height: 15px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px #cfcfcf solid;
}
.sel-rez-rok {
	width: 60px;
	height: 15px;
	line-height: 15px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px #cfcfcf solid;
}
.but {
	height: 18px;
	line-height: 18px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	margin: 4px 0 0 0;
	padding: 0 4px 0 4px;
	text-align: center;
	border: 1px #cfcfcf solid;
}
.cislo {
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #cc0000;
	font-weight: bold;
}
.kont-info{padding: 0 20px 0 0; color: #d4d4d4; font-size: 10px;text-align: right;}