/*body, html {height: 100%;}*/
HTML {PADDING: 0;MARGIN: 0; font-size:0.9em;}

body {
FONT-FAMILY: arial,'Arial CE', 'Helvetica CE', verdana, helvetica, sans-serif;

background-repeat: repeat;

background-color : #500;
background-image: url(pruh.gif); 

margin:0em;
padding: 0em;
padding-top: 0.5em;
/*scrollbar-track-color: white;
scrollbar-face-color: #800;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: gray;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: white;
scrollbar-arrow-color: silver;*/
min-width: 52em; /* 770 px*/
text-align: center;
margin-left: auto;
margin-right: auto;
width: 67em;
font-size: 0.9em;
}

p, pre, td, a, h1, h2, h3, h4, em, input, textarea, table, img, li, div, ol, ul {
 color : #000;
 line-height : 130%;
 margin: 0.1em;
 letter-spacing: 0.1em;
 font-style: normal;
}

ul {
  list-style-type: square;
  list-style-position: outside;
}

th {
background-color: #433;
text-align: center;
color: white;
height: 3em;
}

a img {border: 0; text-decoration: none;}

ol {
 list-style-position: inside;
 list-style-type: circle;
 margin-left: 0.5em;
 padding-left: 0.5em;
}

p, pre, a, td {
 text-align: justify;
}


th {margin: 0em;padding: 0em;}
em {font-weight: bold;}

h1, h2 {text-align: center; font-weight : bolder;}

.hiddentitle {
  /*visibility:hidden;*/  
  font-size:0px;
  line-height: 0px;
  margin: 0;
  border: 0;
  background-color: white;
  color: white;
}

h1 {
 font-size: 1.5em;
 padding: 1.5em;
 text-transform : uppercase;
 color: #923131;
}

h2{
 font-size: 120%;
 padding: 0.7em;
  color: #923131;
}

h2 a {
  text-decoration: none;
}

h3 {
 font-size: 100%;
 font-weight : bolder;	
 padding: 0.3em;
}

a {margin: 0;padding: 0; text-decoration: underline;}
a:hover {text-decoration : none; color: black;}
table {width: 90%; margin-left: auto; margin-right: auto;}

td {
 text-align: left;
 vertical-align: top;	
 margin:  0.1em;
 padding: 0.1em; 
}

.leftgray, .rightgray, .centergray, .middlegray {background-color : #000; color:black;}
.leftgray em, .rightgray em, .centergray em, .middlegray em {font-style: italic; color: gray;}
.rightgray {text-align: right;}
.middlegray {vertical-align: middle;}
.centergray {text-align: center;}


.plnasirka {width: 99%;}
.trictvrte {width: 75%;}
.dvetretiny {width: 66%;}
.polovina {width: 50%;}
.pct45 {width:45%;}
.dvepetiny {width:40%;}
.tretina {width: 33%;}
.petina {width: 20%;}
.sestina {width: 17%}
.desetina {width: 10%}
.ctvrtina {width: 25%;}
.height5em {margin-top:5em;}

input, textarea {color: black; background-color: #EEE;}
/* ------------------------------------------------- */
#stranka {
  POSITION: relative;
  /*margin-left: 2%; margin-right: 2%;*/
  width: 67em; /* 770px pri 1em pismu, 800px pri 0.9em pismu*/
  height: 100%;
  background-color: #FFF;
  border: 1em #888 solid;
  top:-0.7em;  
}

#obsah {
	margin: 0;
	text-align: left;
	width: 67em;
	min-height: 42em;
  border-left:1em;
  border-right:1em;
  _height: 42em;    
}

#vnitrek {
 margin-left: 0.5em;
 margin-right: 0.5em;
}

#bottom {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
	text-align: center;
	line-height: 1em;
	border-top: 0.2em solid #855;
	background-color: #FFF;
  color: black;	
}

#bottom em {
	color: #005;
}

.reklama {
  margin-top: 3em;
  padding-left: 0.1em;
  padding-right: 0.1em;
}

.primarec {
  font-style: italic;
}

img.reklama {
  margin: 0em;
  margin-right: 1em;
  margin-left: 1em;
  /*width: 15em;*/
  height: 4em;
  vertical-align: top;
}

a:hover img.reklama {
  height: 4em;
}

#textleft {
	position : absolute;
	left : 0em;
	/*top :  -2px;*/
	z-index : 99;
	margin: 0em;
}

#hranatop {
	Z-INDEX: 90; 
	LEFT: 0em; 
	WIDTH: 100%; 
	POSITION: absolute; 
	TOP: 7.3em; 
	HEIGHT: 0.25em; 
	BACKGROUND-COLOR: #A00;
  margin-left: 0; 
	margin-right: 0;
	visibility: hidden;
}

#hlavicka {
	WIDTH: 100%; 
	/*POSITION: relative;*/ 
	HEIGHT: 7.35em; 
	left: 0em; 
	margin: 0em; 
	padding: 0em;
	text-align: right;
}

img#montaztop {
  height: 8.8em;
  width: 67em;  
  border: 0em;
  margin: 0em;  
  position: relative;
  z-index: 0; 
  background-color: black;      
}

img#logotop {
  height: 7em;  
  border: 0em;
  left: 36em;
  top: 4em;  
  position: absolute;
  z-index: 100;     
}

img#logotopin {  
  height: 7.2em;  
  border: 0em;
  left: 37.5em;
  margin: 0em;
  position: absolute;
  z-index: 100;
  top: 1em; 
}

#program {
	text-align: center;
	font-weight: bolder;
	color: #800;
	font-size: 95%;
	letter-spacing: 0.3em;
	padding-bottom: 1em;
}

td.program img{
  margin-right: 1.3em;
  float: left;
  width: 10em;  
}

td.program span {
  margin-left: 12em;
  text-align: justify;
  display: block;
  margin-bottom: 0.7em;
}


hr {color: #4A0000;height: 0.25em;}

img.program, img.program1 {
 margin-right: 1.3em;
 float: left;
}

img.programprehled {
 width:24em;
 margin:1em; 
}


/*   ZAROVNANI */
.center {text-align: center;}
.right {text-align: right;}
.floatright {float: right;}
.floatleft {float: left;}
.margincenter {margin-left: auto;margin-right: auto;}

/* KONEC ZAROVNANI */
.red {color: #DF3300;}

/*  Malá písma */
.small, .smallcenter {font-size: 0.8em;}
.smallest {font-size: 0.7em;}
.smallcenter {text-align:center;}
.smallred   {color: #DF3300; font-size: 0.9em;}
.smallwhite {font-size: 0.8em; color: white;}
.smallsilver  {font-size: 0.8em; color: gray;}

/* Menu a titulek  */

.menu{
	PADDING: 0; 
	margin: 0em;
	left: 2.5em;
	text-align: right;
  border: 0;
  position: relative;
  z-index: 50;  
  width:66.5em;
}

.menu span {
  padding: 0.5em;
  border: 0.5em solid #888;
	background-color: #500;
	line-height: 3.5em;  		
}

.menu a{
	width: auto;
	text-align: center;
	white-space: nowrap;

	padding-right: 0.4em; 
	padding-LEFT: 0.4em; 

	font-weight: normal;
	FONT-SIZE: 1em;

	PADDING-top: 0em;
	PADDING-bottom: 0em;   
	MARGIN: 0em; 
 
	TEXT-DECORATION: none;	 
	font-variant: small-caps;;	
	color: #FFF;
	letter-spacing: 0.01em;
}

.menu a:hover { 
	color: white; 
	background-color: #B30000;
}

.menu a span 
{ 
position: absolute;
visibility: hidden; 
font-size: 90%; 
font-weight: normal;
text-align: right;
left: 17em;
/*width: 100%;*/
}

.menu a span span {
display: block; 
position: absolute; 
visibility: hidden; 
top: 3em; 
left: 5.5em;
padding: .2em .5em 0.5em 0.5em;
/*padding: .2em .5em;*/ 
/*width: auto;*/
/*border: solid #black 2px;*/
line-height: 1.5em;  	 
}

.menu a:hover span span 
{
background:  #FFFFE8;
visibility: visible;
font-variant: normal;
color: black;
border: 0.1em solid #100;
} 


.menuintable {
 margin: 0em;
 padding: 0em;
 /*float: left;*/
 left: -2.5em;
 border-top: 0.5em solid #AAA;
 border-left: 0.5em solid #AAA;
 border-right: 0.5em solid #666;
 border-bottom: 0.5em solid #666;
 background: #FFFFE8;
 display: block;
 position: absolute;
 top: 0.3em;
 z-index: 100;
 /*height: 9.5em;*/
 overflow: auto;
 width: 17.5em;
}

.menuintable a{ 
 margin: 0.1em;
 padding: 0.1em;
 padding-left: 0.4em;
 padding-right: 0.4em;
 white-space: nowrap; 
 font-variant : normal;
 display: block;
 color: #500;	
 text-decoration: none;
 font-weight: bolder; 
}

.menuintable a:hover{
  color: white;
  background: #500;   
  text-decoration: underline;  
}

a#menuinsel {
	text-decoration: none;
	color: gray;
	font-weight: bolder;	
}

select.submenu {
  border: 1px solid silver;
  font-size:1.1em;
  font-weight:bold;
  color: #500;
  padding:1em;
  text-align:left;
}

div.submenu {
  width: 13em;
  text-align: left;
  line-height: 2em;
  display: inline;    
}

a.submenu {
  color: white;
  border: 0.1em solid #500;
  padding: 0.1em 0.5em 0.1em 0.5em;
  background-color: gray;
  text-decoration: none;
  width: 13em;
  display: inline-block;
}

a.submenu:hover {
  color: #300;
  background-color: silver;
  text-decoration: underline;
}


img#nadpisleft {
  height:8em; width:24.45em;
  float: right;
  position: absolute;
  left: auto;
  right: 0;
  margin-right: 1em;
  z-index:95;
  visibility: hidden; 
}

img#kostka{
  float:left;
  position: absolute;
  left: 1em;
  top: 1.5em;
  z-index: 91;
  /*height="141" width="150"*/
  /*top: 0.8em; */ height: 7.25em; width: 7.5em;
}

#pruh_cerny {
	Z-INDEX: 80; 
	LEFT: 0em; 
	WIDTH: 100%; 
	POSITION: absolute; 
	TOP: 2.55em; 
	HEIGHT: 3.8em; 
	BACKGROUND-COLOR: black;
	padding: 0; margin:0;
	visibility: hidden;
}

 
/* ---------- FOTKY --------------------------- */

.smallgrayright {text-align:right;font-size:60%;color:#666;}	

#karta {
 margin:0 1.2em 0 1.2em;
 padding: 0.4em 0.9em 0 0.9em;
 text-align:center;
 /*border-right:0.15em solid #500;
 border-bottom:0.15em solid #500;*/
 /*height: 320px;*/
 width: 33em;
 vertical-align: top;
}

span#foto img {
  width: 27em;
}

#karta .nahled {
  width: 6em;
}

.border {
	border-bottom: 0.05em black solid;
	border-left: 0.05em silver solid;
	border-top: 0.05em gray solid; 	 
	background: #923131;
	color: white;
	padding: 0.5em;
}


.upozorneni {
  width: 35em;
  background: #200;
  float: right;
  margin: 0.4em;
  color: #FFC;
  border: 0.1em white solid;
  text-align: center;
}

#reklamaobrazek {
  float: right;
  vertical-align: top;
}

.borderbottom, .partTitle{
  border-bottom: 0.1em solid #800;
}

.partTitle, .diskHead, #napsali h2 {
  text-align: right;
  color: #300;
  margin-top: 1em;
  margin-bottom: 1em;  
}

.partTitle .comment, .diskHead .comment {
  color: gray;
  font-size: 0.7em;
}

.diskHead{
  border-top: 0.1em solid #800;
  text-align: left;
}

div#napsali h3{
  background-color: #333;
  color: #EDD;
  font-weight: bold;
  text-align: right;
  margin: 1em;
}

.diskText {
  padding-left: 2.5em;
}

.pepkusText {
  padding-left: 2.5em;
  height: 18em;
  overflow: auto;
  white-space: pre;
}

.pepkusTextFull {
  padding-left: 2.5em;
  white-space: pre;
}


.middle {
  vertical-align: middle;
}

#techinfo {
  margin-top: 0.2em;
  color: #111;
  font-size: 0.9em;
}

#techinfo a{
  color: #555;
}


.inline-button {
   _width:13em;
   font-family: verdana, sans-serif;
   font-weight: bold;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #000;
   color: gray;
   display: inline;
   }
.inline-button em {
   _width:1em; 
   _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: gray;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: gray;
   }
   
.inline-button:hover em {
   background: #544;

   }


/* start uvodni stranka */

img#fotouvodbgd {
position: absolute;
left: 0em;
top: 3.95em;
height: 45.5em;
width: 38.5em;
border: 0em;
margin: 0em;
z-index: 0;
/*float: left;*/
}

div#uvod {
  position: absolute;
  width: 27em;  
  margin-top: 6em;
  margin-left: 39em;
  margin-right: 1em;
  text-align: center;
}

.codelame {
  text-align: left;
  font-size: 1.5em;
  color: black;
  position:relative;  
}


#uvod h3 {
  padding-top: 2em;
}

#motto, #mottosmall {
	text-align: center;
	font-style: italic;
	font-size: 125%;
	padding: 1.2em 0 0 0;	
	color: #000;/*#328;*/
}

#mottosmall {font-size: 95%;}

img#logo {
  position: absolute;
  /*width: 362px; height: 162px;*/
  /*width: 25.2em; height: 11.4em;*/
  top: 10.5em;
  left: 30em;
  width: 21.3em;
  height: 11.4em;
}

div#logo {
  position: absolute;
  width: 28em;
  height: 5em;
  margin-top: 6em;
  margin-left: 23em;
  margin-right: 1em;
  float: right;
  text-align: right; 
}

#logo h1 {
  margin: 0;
  padding: 0;
  font-size: 2.5em;
  color: #AAA;
  font-weight: bold;
  font-family: Arial;
  float: right;
  line-height: 1em;
  letter-spacing: 0.2em;
  text-align: center;
} 

#logo img{ 
  width: 4em;
  height: 5em;    
  float: right;
  margin-right: 1em;
}


div#aktualityBlok
{
  position: absolute;
  top: 33.8em;
  left: 39.5em;
  width: 27em;
  height: 15.5em;
  overflow: hidden;
  margin:0;
  border:0;
}

div#aktuality {
/*  position: absolute;
  width: 25em;
  height: 14em;
  top: 34.5em;
  left: 40em;*/
  width: 26.7em;
  height: 13.2em;  
  text-align: left;
  border: 0.1em solid #800;
  /*margin: 0.5em;*/
  overflow: auto;  
}

div#nadpisAktuality {
  font-size: 0.85em;
  font-weight: bold;
  background-color: white;
  padding: 0.2em;
  /*margin: 0.2em;*/
  border: 0.1em solid #800;
  border-bottom: 0;
  width: 7em;
  text-align: center;
  height: 1.45em;  
}

/*
span#nadpisAktuality {
  position: relative;
  top: -0.8em;
  font-size: 0.9em;
  font-weight: bold;
  background: white;
  padding: 0.2em;
  margin: 0.2em;
  border: 0.1em solid #800;
} */

.aktualita {
  font-size: 0.9em;
  padding: 0em;
  text-align: left;
  margin: 0.5em;
  margin-bottom: 0.9em;  
}

.aktualita span.AktualitaTitle {
  font-weight: bolder;  
}

.aktualita a {
  line-height: 1em;
  font-weight: normal;
  font-size: 1em;
}

.aktualita a:hover {
  color: silver;
  background: #500;
  text-decoration: none;
}

/* end uvodni stranka */

.booklet {  
	height: 18.6em;
}

img#mapavystoupeni {
  width: 34em;
  height: 23em;
}

img.small {
  height: 10em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

img.clenove {
  height: 14em;
  margin-left: 0.5em;
  margin-right: 0.5em;  
}

div.clenove {
  min-height: 15em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;  
}

div#nahravky {
	height: 27.4em;/*484px;*/
  padding-bottom: 1em;
  overflow: hidden;    
}

div#nahravky img{
	width: 33em; /*565px;*/ 
	height: 27.4em;/*484px;*/
	border: 0.1em solid black;
}

div#nahravkyinlay{
	height: 19em;
	top: -24em;
	position: relative;
	margin-left: 19em;
	margin-right: 16em;
  overflow: auto;	
	color: black;
	text-align: right;
}


div#nahravkyinlay a {
  color: black;
}

div#nahravkyinlay p {
  color: black;
  text-align: right;
}

div#nahravkyinlay p.oddeleni {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}

.white {
  background-color: white;
  border: 0.1em solid silver;
  margin: 1em;
  padding: 1em;
}

.black {
  background-color: black;
}

.white p {
color: black;}

.white td{
  text-align: center;
  vertical-align: bottom;
}

.white img {
  width: 14em;
}

.white td img {
  width: 6em;
}

.top {
  vertical-align: middle;  
}

.hidden {
  visibility: hidden;
}

#preview 
  {
  float: left;
  }
#photo   
  {
  max-width: 42em;
  }  
#photogallery 
  {
  min-height: 480px;  
  }