html, body {padding:0; margin:0;}

body{
	background-image: url(images/menu-bg.png);
	background-repeat: repeat-y;
}
textarea{
	width:300px;
}
h1, h2, h3, h4, h5, h6{
	font-family: sans-serif;
}
#vse{
	width:1020px;
}
#zahlavi{
	width:1050px;
	height:195px;
	background-image: url(images/top-bg.gif);
	background-repeat: no-repeat;
}
#menu {
   font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:0.8em;
	width: 220px;
	padding:0 0 30 0px;
	margin: 0 0 0 0;
	overflow: hidden;
	clear: none;

	
}

#menu div {
	background:url(images/menu-in.gif) no-repeat right top;
	width:270px;
	padding:0 0 0 90px;
	margin:5 0 0 2px;
	position: relative;
	right: 100px;
}

*>#menu div {width:180px;}

#menu div a {
	background:url(images/menu-out.gif) no-repeat;
	display:block;
	padding:4px 10px 0;
	height:26px;
	text-decoration:none; font-size:16px;
	font-weight:normal;
}
*>#menu div{margin:0 0 0 0px;}

#menu ul li{
	background-image: url(images/menu-li-bg.gif);
	height: 32px;
	background-repeat: no-repeat;
	list-style-type: none;
	margin:0 0 0 0px;
	padding:5 0 0 40px;
	font-size: 20px;
	position: relative;
	right: 55px;
	width: 230px;
}

*>#menu div a {height:22px;}
#menu div a:hover, #menu div a:focus {background:none; font-weight:normal;}
#menu div a img {border:none !important;} /* Another funny IE6 bug */
*>#menu div a img {border:none;}

a, a:link, menu div a:visited {color:#fff; font-weight:bold;}
a:hover, a:focus {background:#f59800; text-decoration:none; font-weight:bold;}

#text{
	width:750px;
	float: right;
	position: relative;
	top:10px;
	padding:0px 0px 0px 10px;
	overflow: visible;
	
}
#text a{color:blue}
#text a:visited{color:navy}
#text a:hover{color:navy}
hr{
	width:750px;
	height:2px;
}
.male{
	font-size: 12px;
	margin: 0px 15px 0px 0px;
}
.male a{color:blue}
.male a:visited{color:navy}
.male a:hover{color:navy}