body {margin-top:0; font-family: arial;}
em.underline {text-decoration: underline; font-style:normal;}
a img {border:none}
/*div {border: 1px solid black}*/

/* STRUKTURA */
#head {
  position:relative;
	/*clear: both;*/
	width: 650px;
	height: 100px;
	background-color: #ddddff; /*#ccffff;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
/*	background-image: url(../images/vodoznak.gif);/*revoluce.gif);*/
	background-repeat: no-repeat;
  background-position:100%;
}

#bodka {
	width:135px;
	height:110px;
	position:absolute;
	z-index:30;
}

#head_print {display:none;}

#menu {
  clear:left;
  border-bottom:1px solid #cccccc;
	padding-bottom:2px;  
	text-align:center; 
	font-size: 10pt; 
	color: #333333;
	width:650px;  
	margin-left: auto; 
	margin-right: auto;
}

#menu2 {
  clear:left;
  border-bottom:1px solid #cccccc;
	padding-bottom:2px;  
	text-align:center; 
	font-size: 13pt;
	font-weight : bolder;
	color: #333333;
	width:650px;  
	margin-left: auto; 
	margin-right: auto;
}

#menu3 {
  
  border-bottom:1px solid #cccccc;
	
}




#body {clear:both; width:650px; /*height:400px; border:1px solid black;*/ margin-left: auto; margin-right: auto;}

#body table {width:100%}

#left_index {width:300px; /*height:390px;*/ margin:0px; padding-top:10px; padding-bottom:15px; float:left; text-align:right /*border:1px solid black*/}

#podobrazem {
	position:absolute;
	/*clear: both;*/
	width: 303px;
	height: 46px;
	background-color: #ddddff; /*#ccccff;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	/*	background-image: url(../images/vodoznak.gif);/*revoluce.gif);*/
	background-repeat: no-repeat;
	background-position:100%;
	left: 74px;
	top: 164px;
}


#right_index {width:345px; /*height:390px;*/ margin:0px; padding-top:10px; padding-bottom:15px; float:right; /*border:1px solid black*/}

#foot {clear:both; font-size: 8pt; width:650px; height:100px; margin-left: auto; margin-right: auto; border-top:5px solid black;}
#foot td {font-size:8pt;}
#foot table img {width:100%}

#logo {/*float: left;*/position:absolute; top:0; left:0px; vertical-align:top; padding-top:10px; padding-left:10px; width: 230px;}
#rozdeleni { /*float: right;*/
					 position:absolute; top:0; right:40px;
					 margin-top:60px;
					 margin-right:10px; 
					 width: 390px; 
					 height:40px; 
					 text-align:right; 
					 vertical-align:text-bottom;
					 font-size: 20pt;}

#rozdeleni span.small {font-size: 12pt}

/* news */
#news {
height: 200px; 
overflow: hidden;
  width:298px; /*
	position:absolute; 
	top:250px; 
	left:40%; */
	background-color:white;
	color: #3300CC; 
	border:1px outset gray;
}
#news_head {
	font-family:verdana,arial; 
  font-weight:bold; 
  color: #003366;
  background-color:#DDDDFF;
  padding: 2px 2px 0px 5px;
  height:18px;
	border-bottom:0px solid silver;
  cursor:move
}
#news_body {
  margin:5px;
}

#news_exit {
  width:15px;
	height:15px;
	padding:0px;
  float:right;
	font-weight:bolder; 
	color:darkred; 
	font-family:verdana,arial; 
	cursor:hand
}

#aktualitky {
height: 400px; 
overflow: hidden;
  width:500px; /*
	position:absolute; 
	top:250px; 
	left:40%; */
	background-color:white; 
	border:0px outset gray;
}
#menu5 {
	position:relative;
	width:650px;
	text-align:center;
	
}

#menu6 {
	position:absolute;
	
	
}


/* menu */
#menu a {font-size:10pt;text-decoration:none; color: #666666;}
#menu a:hover {color: #003366;}
#menu a.cerveny {color: #cc0000}
#menu a.cerveny:hover {color: #660000}


/* text body */
					 
#error {font-size: 10pt; color: #FF0000;}

h1 {font-size: 18pt; color: #003366; margin-bottom:5px}
h2 {font-size: 14pt; color: #999999; margin-bottom:2px; clear:left}
h3 {font-size: 12pt; margin-bottom:2px; margin-bottom:2px;}
h4 {font-size: 10pt; margin-bottom:2px; margin-bottom:2px;}
h5 {font-size: 13pt; color: #999999; margin-bottom:2px; clear:left}
h6 {font-size: 15pt; color: #003366; margin-bottom:5px}
h7 {font-weight:normal; font-size: 13pt; font-weight:bolder;}
h8 {font-weight:normal; font-size: 14pt; text-align: right;}




td.nadpis {font-size: 14pt; color: #999999; font-weight:bolder;}	
		
span.light {font-weight:normal;}
a.vice_v_programu {display:block; text-align:right; color: #999999;}

span.light2 {font-weight:normal; font-size: 14pt; color: #999999;}
span.light3 {font-weight:normal; font-size: 14pt; }
span.light4 {font-weight:normal; font-size: 16pt; color: #003366; font-weight:bolder;}
span.light5 {font-weight:normal; text-align: right; font-size: 14pt; }
span.light6 {font-weight:normal; font-size: 14pt; color: #999999; font-weight:bolder;}
span.light7 {font-weight:normal; font-size: 12pt; font-weight:bolder;}
span.light8 {font-weight:normal; font-size: 11pt; font-weight:bold; }
span.light9 {font-weight:normal; font-size: 10pt; font-weight:bold; }
span.light10 {font-weight:normal; font-size: 14pt; }


div {font-size:10pt; text-align:justify;}
div.uvadi {text-align: right;}
#right_index td {text-align: left;}


div.main {clear:both; text-align:justify; padding-bottom:20px}
div.main_border {border-bottom:1px solid #cccccc;}
div.left {float:left; }
div.right {float:right; }

div.foto img {padding-left:5px; width:150px}
div.foto_right {width:150px; padding-left:7px; float:right;}
div.foto_left {width:150px; padding-right:7px; float:left;}

div.text {width:495px; text-align:justify;}
div.pulka {width:320px}
div.align_right {text-align: right;}

.center {text-align: center}	

p {font-size:10pt}
td {font-size:10pt; /*vertical-align:text-top;*/}
.datum {font-size: 12pt; color: #999999; font-weight:bold; text-align: right}


a {text-decoration:none; color:gray; }
a:hover {color:black }



/*rezervace*/
#rezervace {border-collapse:collapse; }
#rezervace td {font-size:10pt; font-weight:bold; /*border: 1px solid red;*/}
#rezervace td select {font-size:10pt; font-weight:bold;}

#rezervace #error, #rezervovano {margin-top:10px; padding:15px; background-color: #FFFFCC ; outline: 1px solid #dbdbbb; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}


/* horni lišta */
a.modry {color: #003366;}
a.modry:hover {color: #336699;}
a.sedy {color: #666666;}
a.sedy:hover {color: #999999}
a.cerveny {color: #990000;}
a.cerveny:hover {color: #660000 }

/* dolni lišta */
#foot a {color: black}
#foot a:hover {color: gray}
#foot span.small {font-size:7pt}



/* admin */
a.form {font-size:8pt; color:gray; font-weight:bold;}
a.form:hover {color:#333333}
a.form_red {font-size:8pt; color:#cc0000; font-weight:bold;}
a.form_red:hover {color:#330000}
p.off {color:red}
p.edit {color:#999999}
p.new {color:blue}

/* formulář*/
form {padding-bottom:0px; margin-bottom:0px} 
form div {font-size:8pt; text-align:justify}
input.usn {width: 80px; font-family:arial; height: 12px; font-size:8pt; border:1px solid #003366}
input.button {font-size:8pt; font-family:arial; height: 16px;  color: white; border:1px outset #003366; background-color: #003366; cursor:hand}
#body input {font-size:8pt;}
#body textarea {font-size:8pt; font-family: arial; width:100%}
#body select {font-size:8pt;}
#body input.but {color: white; border:1px outset #003366; background-color: #003366; cursor:hand}
label { font-size:10pt; cursor: hand; font-weight:normal; color: black }

#menu form {padding-top:0px; margin-top:0px}


/* 01design */

#design {vertical-align:-4px}




/**** mobil ****/
@media only screen and (orientation:portrait) {
  /* reset */
  html,body,table {height: auto;padding: 0;margin: 0; font-size: 20pt;}
	div { width:auto}
	div.left, div.right, #left_index, #right_index {float:none; width:auto;}
	#left_index img {width:100%; height:auto}
	div.align_right, #right_index {text-align:left}
	div.pulka {width:auto}
	#head, #menu2, #menu, #menu5, #body, #foot {width:calc(100% - 20px); margin: 0 10px; font-size:1rem}
	#menu6 {display:inline, font-size: 1rem;}
	

	#foot_mapa {display:none}
	
	#body div, p, td, #rozdeleni, #rozdeleni span.small, #menu a, #error, #rezervace td,  #rezervace td select, #foot td, #news_body {font-size: 1rem}

	h1 {font-size: 1.3rem}
	h2 {font-size: 1.2rem}
	h3 {font-size: 1.1rem}
	h4 {font-size: 1rem}
	h5 {font-size: 1.15rem}
	h6 {font-size: 1.25rem}
	h7 {font-size: 1.15rem}
	h8 {font-size: 1.2rem}

	td.nadpis {font-size: 1.2rem}

	span.light2, span.light3, span.light4, span.light5,  span.light6, span.light7, span.light8, span.light10 {font-size: 1.2rem}
	span.light9 {font-size: 1rem}

	.datum {font-size: 1.1rem}

	#foot span.small, a.form, a.form_red, form div, input.usn, input.button, #body input, #body textarea, #body select {font-size: 0.8rem}
	label {font-size: 1rem}
}