/* CSS Document */


html, body {
	height: 100%;
}

body {

	background-color:#CCFFFF;

	font-family: Verdana, "Times New Roman", Times, serif;

	font-size:75%;

	color:#333333;

	line-height:20px;

	cursor:default;
	
	margin:0;

	background-image: url("images/backgrounds/main.jpg");

	background-position:center;

	background-repeat:repeat-y;

}



#hlavneokno {

	width:700px;

	padding:0px;

	background-color:#FFFFFF;

	margin:0 auto;

	height: 100%;
	min-height: 110%;

	position: relative;

	font-size:1.1em;

}

body>#hlavneokno {
	height: auto;
}

#hlavicka {

	width:700px;

	background-color:#white;

	height:258px;

	color:blue;

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:150%;

	font-weight:bold;

	line-height:20px;

}

#uvod {
	margin-left:100px;

	margin-right:100px;

	padding:0px;

	padding-bottom:60px;
}

#hlavne_menu {

	width:700px;

	padding-top:5px;

	padding-bottom:5px;

	background-color:#CCCCCC;

	text-align:right;

	color:#FFFFFF;
	
	font-size:0.9em;

	background-image: url("images/backgrounds/menubg.jpg");

	margin-bottom:10px;

}

#hlavne_menu a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:0.75em;

	font-weight:bold;

	text-transform:uppercase;

	color:#003366;

	text-decoration:none;

	padding-left:5px;

	padding-right:5px;

	padding-top:10px;

	padding-bottom:11px;

	margin-left:1px;

}

#hlavne_menu a:hover {

	color:#ff3399;

	background-image: url("images/backgrounds/link.jpg");

}

#hlavne_menu .aactive {

	color:#ff3399;

	background-image: url("images/backgrounds/link.jpg");	

}


#menu2 a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:75%;

	font-weight:bold;

	text-transform:uppercase;

	color:#003366;

	text-decoration:none;

}

#menu2 a:hover {

	color:#ff3399;

}

#menu2 .aactive {

	color:#ff3399;

}

.obr {

	border-right:2px solid #ffffff;

	float:left;

}

.odsek {

	margin-left:0px;

	padding:10px;

	background-image: url("images/odsekuvod.jpg");

	background-position:top right;

	background-repeat:no-repeat;

	padding-bottom:60px;

}

.odsekmenu {

	margin-left:0px;

	padding:10px;

	background-image: url("images/odsekuvod.jpg");

	background-position:top right;

	background-repeat:no-repeat;

	margin-bottom:90px;

}

.odsek p {

	padding:5px;

	margin:0;

	margin-top:11px;

	margin-left:10px;

	margin-right:10px;

	text-indent:5px;

}

h1,h2 {	

	font-family: Helvetica;

	letter-spacing:-1px;

	color:#000000;
	
	text-align:right;

	padding-bottom:5px;

	padding-top:5px;

}

.odsek h3,h4 {	

	font-family: Arial, Helvetica, sans-serif;

	color:#000000;

}

.odsek_info {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#000000;

	letter-spacing:2px;

	font-variant:small-caps;

	text-transform:lowercase;

	text-align:right;

}

.comment {

	width:678px;
	height=30px;
	overflow: hidden;
	position: absolute;
	bottom: 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:0.6em;

	font-weight:bold;

	text-transform:uppercase;

	color:gray;

	text-decoration:none;

	text-align:center;

	margin-left:0px;

	padding:10px;

	border: 1px solid #cccccc;

	background-image:url(images/backgrounds/odsek.jpg);

	background-position:bottom right;

	background-repeat:repeat-x;

	margin-bottom:10px;


}

a {
	color:#000000;
	text-decoration:none;
}

a:hover {
	color:#ff3399;
}