* {margin:0; padding:0}
body, html {
	background-color: #666666;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
#plocha {
  width: 891px;
  height: 570px;
  padding: 0px;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -285px 0 0 -448px;
  overflow: hidden;
  color: #cccccc;
  background: url(obr/hlavicka-dnu.jpg) no-repeat  #103828 ;
  voice-family: "\"}\"" ;
  voice-family: inherit;
  margin: -285px 0 0 -448px;
} 
.neviditelna {
	display: none;
}
H1 {
	font-size:18px;
	padding: 0px 0 12px 0}
H2 {
	font-size:14px;
	padding:0 0 10px 0}
H3 {
	font-size:13px;
	padding:0 0 8px 0}
p {
	padding: 0 0 8px 10px}
a, td {
	color:#000}
a:hover {
	color:white}
table {margin-left:10px}
td { 
	font-size: 12px;
	vertical-align:top}
#menu1 {
	padding: 0;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:26px;
	position: absolute;
	left: 0px;
	top: 507px;
	border-top: white 1px solid;
	width: 100%;
}
#menu1 ul  {	height:31px; _height:20px; padding: 0; list-style-type:none; background:#CCCCCC; margin: 1px 1px 0px 1px;  }
#menu1 li  {float:left; border-right: 1px solid #103828 }
#menu1 li a { display:block; _display:inherit; padding: 10px 5px 3px 5px; padding: 7px 5px 5px 5px; text-decoration:none;  height:19px; _height:15px; color: #666666; font-size:11px}
#menu1 li a:hover{  color: #333333; background:bebebe}
.schovaj { display: none}
.ukaz { display: inherit} 
#menu1 li .active{ color: #333333}
.main {
	height: 382px;	
	width: 540px;
	display: block;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 125px;
	margin: 0px;
	overflow-y: auto;
	background-color:#CCCCCC;
	scrollbar-base-color:#103828
}
.text1 { 
	margin: 15px 16px 20px;
	text-align:left;
	color:#000}
.text1 ul {padding: 0 0 15px 10px;
	margin: 0 0 0 20px;
	list-style-type:square}
.text1 li {padding: 3px 0}
.main2 {
	height:382;
	width: 350px;_width:346;
	display: block;
	padding: 0px;
	position: absolute;
	left: 541px;
	top: 125px;
	margin: 0px;
	overflow-y: auto;
	background: #cccccc ;
	scrollbar-base-color:#103828
}
.podnadpis { padding-bottom:0}
.dvojnadpis { padding-bottom:10px}
.text2 { 
	margin: 15px 16px 20px;
	text-align:left;
	color:#000}
.text2 ul {padding: 0 0 10px 10px;
	margin: 0 0 0 20px;
	list-style-type:square}	
.text2 li {padding: 1px 0}
.text2 ul li a{
	color:#000}
.text2 .odrazka {
	list-style-image:url(obr/odrazka.gif);
	list-style-position: outside;
	margin:10px 26px;
	_margin: 10px 16px;}
.text2 .odrazka li { 
	padding:5px 0 5px 10px;
	_padding:5px 0 5px 20px;
	font-weight:bold}
.text2 .odrazka li a{
	color:#000;
	text-decoration:none}
.text2 ul li a:hover{
	color:white;
	text-decoration: underline}
.odsadit { margin-top:30px}
.strnast { font-size:14px}
.text2 h1 { font-size:15px}
.menu2 {
	position: absolute;
	height: 28px;
	width: 889px; _width:100%;
	left: 0px;
	bottom: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: #cccccc;
	border:1px solid #103828;
	font-family:Verdana, Arial, Helvetica, sans-serif

}
.menu2 ul
{
	list-style: none;
	width:100%;
}
.menu2 li{
	margin: 0;
	float:left;
	border-right: 1px solid #103828;
	height:28px;
	text-align:center;
}
.menu2 li a{
	display: block;
	font-size:11px;
	height:auto;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	padding:9px 5px 8px 22px;
	background: url(obr/sipka3.gif) 4px 8px no-repeat;
}
.menu2 li a:hover{background: #bebebe url(obr/sipka6.gif) 4px 8px no-repeat; color:#000000;}
.menu2 li .active{background:#bebebe url(obr/sipka6.gif) 4px 8px no-repeat}
.menu2 li .place{background: url(obr/sipka4.gif) 4px 8px no-repeat}
.menu2 .last a {}
#spodek {
	background-image: url(obr/spodek.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	left: auto;
	top: auto;
	right: 0px;
	bottom: 0px;
	position: absolute;
	height: 46px;
	width: 623px;

}
.text {
	text-align: justify;
	margin: 10px;
	padding: 0px;
}
.nastred { text-align:center}
.obr-okraj {
	border:1px solid white; margin-top:5px}
#vlajka {
	position:absolute;
	bottom:9px;
	right:9px;
	width:22px;	height:12px;
	text-align:right}
#vlajka img {
	border:1px solid #103828}