html {margin: 0; padding: 0;}

body {
margin: 0 0 20px 0;
padding: 0;
font-size: 9pt;
font-family: Tahoma, verdana ce, verdana, sans-serif;
background: url(../img/bg_body.gif);
line-height: 1.3em;
color: #2B2B2B;
text-align: center;
}

*{
margin: 0;
padding: 0;
}

/*tabulka bezna*/
table {
border: 1px solid #8D985E;
border-collapse: collapse;
font-size: 1em;
width: 470px;
background-color: #777E52;
margin-bottom: 15px;
}
	
th, td {
padding: 5px 10px;
vertical-align: top;
border: 1px solid #8D985E;
}

th {text-align: left;}
/*tabulka bez formatu - zadny border zadny pozadi*/
table.noformat {
border: 0;
border-collapse: collapse;
background: none;
}
	
table.noformat th, table.noformat td {
padding: 5px 10px;
vertical-align: top;
border: 0;
}
/*tabulka pouziti pro formular*/
table.form {
border: 0;
border-collapse: collapse;
background: none;
}
	
table.form th, table.form td {
padding: 5px 10px;
vertical-align: top;
border: 0;
}

form {padding: 0; margin: 0;}
h1 {font-size: 150%}
h2 {font-size: 140%}
h3 {font-size: 120%}

h1 {margin-bottom: 15px; border-bottom: 1px solid #62674F; padding-bottom: 10px; margin-top: 15px;}
h2, h3, h4, h5, h6 {
	margin-bottom: 5px;
	}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{clear: both;}

a {color: #FBD04F;}
a:hover {color: #FFF;}
img {border: none;}
p {margin-bottom: 15px; position: relative;}
#content ul {margin: 0 0 15px 30px;}
#content ul li ul, #content ul li ul li ul {margin: 0 0 0 15px;}

img.lft {
float: left;
position: relative;
margin: 0 15px 10px 0;
border: 1px solid #FFF;
}

img.rgt {
float: right;
margin: 0 0 10px 15px;
position: relative;
border: 1px solid #FFF;
}

/***********************************************************************************************obsah**********/
/*definice cele stranky.. sirka, zarovnani, cokoliv*/
#all {
width: 707px;
background: url(../img/bg_page.gif) repeat-y;
position: relative;
margin: 0 auto;
text-align: left;
}

#top {
height: 215px;
position: relative;
background: url(../img/bg_top.jpg) repeat-x;
margin: 0 1px;
}

#top img {
border-bottom: 1px solid #C7B9A0;
}

#headpic {
	width: 464px;
	height: 168px;
	position: absolute;
	top: 11px;
	right: 37px;
	background: url(../img/headpic.jpg) no-repeat;
	}

#h_menu {
position: relative; 
margin-top: -86px;
width: 203px;
background: url(../img/bg_menu.gif) repeat-y;
border-bottom: 1px solid #C7B9A0;
margin-left: 1px;
}

#h_menu ul {
padding: 0;
list-style: none;
padding: 20px 10px 20px 25px;
position: relative;
}

#h_menu ul li {
position: relative;
padding: 5px 0;
}

#h_menu ul li a {
padding-left: 20px;
color: #FFF;
font-weight: bold;
font-size: 1.2em;
background: url(../img/ul_sipka.gif) no-repeat 0 5px;
}
#h_menu ul li a:hover {color:#E9B450;}

#shortcuts {
	position: absolute;
	top: 58px;
	right: 8px;
	width: 480px;
	color: #A6B5B2;
	}
	.shortcutslinks {
		text-align: right;
		margin-right: 210px;
		}
	.shortcutslinks a {color: #A6B5B2; }
	
#shortcuts form {
	position: absolute;
	top: -2px;
	right: 0;

	}
	
	.pole { border: 1px solid #A6B5B2; height: 18px; background-color: #758B88; color: #FFF; width: 150px;}
	.hledat { height: 21px; top: 1px; background-color: #2B2B2B; border: 1px solid #A6B5B2; color: #A6B5B2; cursor: pointer; font-size: 12px; padding: 1px 5px 3px 5px;}


#main {
position: relative;

}

#navi {
float: left;
width: 200px;
position: relative;
}

#navi ul {
	margin: 10px 10px 10px 26px;
	list-style: none;
	position: relative;
	}
	#navi ul li {
		margin: 4px 0;
	}
	#navi ul li a {
		color: #983A11;
		font-size: 1.1em;
		background: url(../img/li.gif) no-repeat 0 8px;
		padding: 3px 0 3px 15px;
		}
	#navi ul li a:hover {text-decoration: none; color: #FFF;}
		
	#navi ul li ul, #navi ul li ul li ul { margin: 0 0 0 15px; padding: 0;}
	
	#navi p {margin: 0 10px 10px 16px; position: relative;}
	#navi p a {color: #2B2B2B;}

#content_container {
width: 500px;
position: relative;
float: right;
margin-top: -195px;
}

#content {margin: 15px;}

#ender {
clear: both;
background: url(../img/bg_footer1.gif) repeat-y;
position: relative;
z-index: 0;
}

	.loga {
	position: relative;
	margin-top: 0;
	text-align: center;
	width: 502px;
	left: 204px;
	background-color: #697259;
	border-top: 1px solid #B4B9AC;
	padding-top: 10px;
	}
	.loga img {vertical-align: middle; margin: 0 10px 10px 10px;}
	
.enderend {
	width: 706px;
	height: 26px;
	background: url(../img/bg_footer.gif) no-repeat;
	position: relative;
	margin-top: 0;
	z-index: 1;
	color: #FFF;
	text-align: center;
	}
	.enderend span {margin-left: 210px; }