/*body {font-size: 1em; font-family: Arial, sans-serif; margin: 10em; padding: 10px; background-color: white; }*/
	#telo {padding: 10px 10px 10px 10px;}
	#top {position: absolute; width: 942px; height: 128px; top: 10px; left: 10px;z-index: 9; background: url("images/top.gif") 0 0 no-repeat;}
	
	#stred {position: absolute; width: 522px; top: 140px; left: 225px; z-index:3; font-family: Arial, sans-serif; font-weight: normal; font-size: 10pt; color: black;}
	#stred h1 {color: #00C13F; font-size: 20pt; text-align: center; padding: 5px 0px 0px 0px; margin: 0;}
	#stred h2 {color: #00C13F; font-size: 14pt; text-align: left; padding: 5px 5px 0px 0px; margin: 7px 0px 0px 0px; font-style: italic;}
	#stred h3 {color: #00C13F; font-size: 12pt; text-align: left; padding: 5px 5px 0px 0px; margin: 0; font-style: italic;}
	#stred p {padding: 0px 5px 0px 0px; margin: 0;}
	#stred td {color: black; font-size: 10pt; text-align: left; padding: 3px 3px 3px 3px; margin: 0; font-weight: normal; vertical-align: top;}
	#stred caption {color: black; font-size: 11pt; text-align: left; padding: 3px 3px 3px 3px; margin: 0; font-weight: bold; font-style: italic;}
	.stred-top {background: url("images/stredtop.gif") 0 0 no-repeat; padding: 0 0 0px 0; margin: 0;}
	.stred-text {background: url("images/stredbg.gif") 0 0 repeat; text-align: left; padding: 5px 5px 5px 5px; margin: 0;}
	.stred-bottom {background: url("images/stredbottom.gif") 0 0 no-repeat; padding: 0px 15px 11px 15px; margin: 0; text-align: right;}
	.stred-author {color: black; font-size: 8pt; font-weight: normal; font-style: italic;}
	.stred-poznamka {color: black; font-size: 8pt; font-weight: normal; font-style: italic;}
	.stred-informace {color: red; font-size: 10pt; font-weight: bold; font-style: italic;}
	#stred a {color: red; text-decoration: none;}
	#stred a:hover {color: #00C13F; text-decoration: underline;}
	.stred-novinky-novejsi {position: absolute; top: 15; left: 15;}
	.stred-novinky-starsi {position: absolute; top: 15; left: 465;}
	.stred-dokumenty-vyveseno {position: absolute; top: 15; left: 15;}
	.stred-dokumenty-archiv {position: absolute; top: 15; left: 450;}

	
	#boxy {position: absolute; width: 200px; top: 140px; left: 750px; z-index:3; border: 0px solid black; background: white;}
	#boxy h1 {background: url("images/boxytop.gif") 0 0 no-repeat;color: #00C13F; font-family: Arial, sans-serif; font-size: 14pt; font-weight: bold; text-align: center; padding: 5px 0px 0px 0px; margin: 0;}
	.boxy-text {background: url("images/boxybg.gif") 0 0 repeat;color: black; font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; text-align: left; padding: 5px 5px 5px 5px; margin: 0;}
	.boxy-bottom {background: url("images/boxybottom.gif") 0 0 no-repeat; padding: 0 0 5px 0; margin: 0;}
	#boxy a {color: black; text-decoration: none;}
	#boxy a:hover {color: red; text-decoration: underline;}

	#novinky{position: absolute; width: 210px; top: 140px; left: 10px; z-index: 3; border: 0px solid black; background: white; color: black; font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; text-align: left;}
	#novinky h1 {background: url("images/novinkytop.gif") 0 0 no-repeat;color: yellow; font-family: Arial, sans-serif; font-size: 16pt; font-weight: bold; text-align: center; padding: 5px 0px 0px 0px; margin: 0;}
	#novinky h2 {color: yellow; font-family: Arial, sans-serif; font-size: 11pt; font-weight: bold; text-align: left; padding: 5px 5px 0px 5px; margin: 0;}
	#novinky p {padding: 0px 5px 0px 5px; margin: 0;}
	.novinky-datum {color: white; font-size: 8pt;}
	.novinky-text {background: url("images/novinkybg.gif") 0 0 repeat; color: black; font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; text-align: left; padding: 5px 5px 5px 5px; margin: 0;}
	.novinky-bottom {background: url("images/novinkybottom.gif") 0 0 no-repeat; padding: 0 0 5px 0; margin: 0;}
	#novinky a {color: black; text-decoration: none;}
	#novinky a:hover {color: yellow; text-decoration: underline;}
	
	#adresa {position: absolute; top: 84px; left: 108px; font: 0.83em Arial, sans-serif; width: 100%; font-weight: bold;}
	#adresa a {color: black; text-decoration: none;}
	#adresa a:hover {color: red;}
/*--- menu ---*/
	ul.sub{position: absolute; z-index:10; visibility: hidden; } li.mainHover ul.sub{visibility: visible;} li {behavior: url(hover.htc);}
	#menu {position: absolute; top: 99px; left: 99px; font:0.83em Arial, sans-serif; width: 100%; float: left; clear: right;}
	#menu ul {width: 826px;}
	#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
	#menu li {float: left; width: 118px;}
	#menu li, #menu ul.sub li {margin: 0; padding: 0;}
	#menu h3 {font-size: 1em; width:118px; color: yellow; margin:0; padding: 0px; border: 0px solid Gray;}
	#menu h3 a {display: block; width: 118px; height: 18px; color: yellow; text-align: center; vertical-align: middle; text-decoration: none; width: 100%; background: url("images/but.gif") 0 0 no-repeat;}
	#menu h3 a:hover {background-position: -118px 0; color: red;}
	ul.sub {position: absolute; z-index: 10; visibility:hidden;}  /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
	#menu ul.sub li {display: block;  width: 100%; margin:0; padding: 0;}
	#menu ul.sub li a {display: block; margin: 0; width: 200; border-left: 10px solid #dddddd; background-color: #dddddd;}
	#menu ul.sub li > a {width: 200px;}
	#menu ul.sub li a:hover {background-color: red; color: inherit; border-left: 10px solid red;}

	#menu ul li.main:hover h3 a {background-color: #c2c2c2; color: inherit;}
	#menu ul li.main {position: relative;}
	#menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
	#menu ul li.main:hover ul.sub {visibility: visible;}