/*body, html {height: 100%;}*/
HTML {PADDING: 0;MARGIN: 0;}

body {
FONT-FAMILY: verdana, 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
background-color : #500;/*darkred;*/
background-image: url(pruh.gif);
background-repeat: repeat;
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: 52em;
font-size: 0.9em;
}

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

th {
background-color: #111;
text-align: center;
font-size: 90%;
color: white;
height: 3.5em;
}

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

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

ol li {
	font-size:90%;
}

p, pre, a, td {
 text-align: justify;
 font-size: 0.9em;
}

td p, p a, td a, li a, h3 a {
	font-size: 100%;
}

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: black;
  color: black;
}

h1 {
 font-size: 1.5em;
 padding: 1.5em;
 text-transform : uppercase;
 padding-bottom: 2em;
}

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

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

a {margin: 0;padding: 0; text-decoration: underline;}
a:hover {text-decoration : none; color: white;}
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 : #500; color:silver;}
.leftgray em, .rightgray em, .centergray em, .middlegray em {font-style: italic; color: silver;}
.rightgray {text-align: right;}
.middlegray {vertical-align: middle;}
.centergray {text-align: center;}


.plnasirka{width: 99%;}
.trictvrte {width: 75%;}
.polovina {width: 50%;}
.tretina {width: 33%;}
.petina {width: 20%;}
.sestina {width: 17%}
.desetina {width: 10%}
.ctvrtina {width: 25%;}

input, textarea {color: black; background-color: white;}
/* ------------------------------------------------- */
#stranka {
  POSITION: relative;
  /*margin-left: 2%; margin-right: 2%;*/
  width: 52em; /* 770px pri 1em pismu, 800px pri 0.9em pismu*/
  height: 100%;
 
/* border-top: 0.2em solid #666;
 border-left: 0.2em solid #666;
 border-right: 0.25em solid #333;
 border-bottom: 0.25em solid #333;
  */
}

#obsah {
	margin: 0;
	text-align: left;
	background: #111;
	width: 52em;
	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;
	background: black;
	font-size: 0.9em;
	line-height: 1em;
	color: gray;
}

#bottom em {
	color: silver;
}

.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: 6em;
}

#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: #E00;
  margin-left: 0; 
	margin-right: 0;
}

#hlavicka {
	Z-INDEX: 90; 
	WIDTH: 100%; 
	POSITION: relative; 
	HEIGHT: 7.35em; 
	left: 0em; 
	margin: 0em; 
	padding: 0em;
}

img#montaztop {
  width: 100%;
  height: 100%;  
  border: 0em;
  margin: 0em;
}


#program {
	text-align: center;
	font-weight: bolder;
	color: #A00;
	font-size: 85%;
	letter-spacing: 0.3em;
}

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; 
}

#photogallery {
  min-height: 480px;
}

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

/* 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: silver;}

/* Menu a titulek  */

.menu{
	PADDING: 0; 
	Z-INDEX: 100;
	margin: 0em;
	margin-top: 0.5em;
	padding: 0em;
	left: -0.5em;
	TEXT-ALIGN: center;
  width: 52em;
  position: relative;
  border: 0;  
}

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

	padding-right: 0.6em; 
	padding-LEFT: 0.6em; 

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

	PADDING-top: 0em;
	PADDING-bottom: 0em;   
	MARGIN: 0em; 
 
	TEXT-DECORATION: none;	 
	font-variant: small-caps;
	color: #DDD;
	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: left;
left: -0.5em;
top: -4.5em;
text-align: center;
width: 100%;
}

.menu a span span {
display: block; 
position: absolute; 
visibility: hidden; 
top: 2em; 
left: .5em;
padding: .2em .0em 0.5em 0em;
/*padding: .2em .5em;*/ 
/*width: auto;*/
border: solid #b86 2px; 
}

.menu a:hover span span 
{
background: lightyellow;
visibility: visible;
font-variant: normal;
/*color: silver;*/ 
color: black;
} 


.menuintable {
 margin: 0em;
 padding: 0em;
 margin-top: 0.1em;
 float: left;
 border-top: 0.2em solid #666;
 border-left: 0.2em solid #666;
 border-right: 0.25em solid #444;
 border-bottom: 0.25em solid #444;
 background: #500;
 display: block;
 font-size: 0.85em; 
}

.menuintable a{ 
 margin: 0.3em;
 padding: 0em;
 padding-left: 0.4em;
 padding-right: 0.4em;
 white-space: nowrap; 
 font-variant : normal;
 display: block;	
}

.menuintable a:hover{
  color: white;
  background: #100;   
}

a#menuinsel {
	text-decoration: none;
	color: #BB7722; /* FFAA66*/
}


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

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: #500;
	padding-bottom: 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: #FFBB77;
  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: white;
  font-weight: bold;
  text-align: right;
  margin: 1em;
}

.diskText {
  padding-left: 2.5em;
}

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

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


.middle {
  vertical-align: middle;
}

#techinfo {
  margin-top: 1em;
  color: gray;
  font-size: 0.9em;
}

#techinfo a{
  color: silver;
}


.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: #333;
   color: gray;
   display: inline;
   }
.inline-button em {
   _width:1em; 
   _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: gray;
   color: black;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: gray;
   color: black;
   }
   
.inline-button:hover em {
   background: #111;
   }


/* start uvodni stranka */

img#fotouvodbgd {
position: absolute;
z-index: 0;
left: 0em;
top: 8em;
height: 41em;
width: 31.5em;
border: 0em;
margin: 0em;
float: left;
}

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

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

#motto, #mottosmall {
	text-align: center;
	font-style: italic;
	font-size: 115%;
	padding: 1.2em 0 0 0;	
	color: #EDD;/*#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;
}

#aktuality {
  position: absolute;
  width: 20em;
  height: 14em;
  top: 34.5em;
  left: 30em;
  text-align: left;
  border: 0.15em solid #800;
  margin: 0.5em;
}

span#nadpisAktuality {
  position: relative;
  top: -0.4em;
  font-size: 0.8em;
  color: gray;
  font-weight: bold;
  background: #111;
  padding: 0.2em;
  margin: 0.2em;
}

.aktualita {
  font-size: 0.8em;
  padding: 0em;
  text-align: left;
  color: silver;
  margin: 0.5em;
  margin-bottom: 1em;
  overflow: auto;  
}

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

.aktualita a {
  color: white;
  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;*/
}

div#nahravkyinlay{
	height: 19em;
	top: -24em;
	position: relative;
	margin-left: 19em;
	margin-right: 10em;
  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;
}