/* 
* #0066CB - Color of the header
 * #99CDFF - Color of the tree view
 * #01009A - Color of the logo
 * moravia - Directory with images
*/

body {
	background:black;
	text-align:center;
	font-family:Arial CE, Arial, sans-serif;
	color:white;
	margin:0; padding:0;
	background:url('./images/background.gif') repeat-x black;
}

#container {
	width:760px;
	text-align:left;
	color:black;
	margin:0 auto;
	/*background:white;*/
	position:relative;
}

#header {
	background:url('./images/header.jpg') no-repeat #0066CB;
	height:291px;
	padding:0 5px 0 5px;
	position:relative;
}

/* Languages */
#languages a, #languages span {
	display:block;
	float:left;
	/*width:25px;*/
	height:25px; width:25px;
	line-height:25px;
	background:white;
	color:black;
	border-right:solid black 1px;
	font-size:0.7em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
#languages span, #languages a:hover {
	color:white; background:black;
}

/* Table with links */
#header table {
	position:absolute;
	top:109px;
	left:5px;
	border-collapse:collapse;
	/*width:100%;*/
	
}
#header td {border:none; padding:0; margin:0; text-align:center;}

#header table div {
	height:150px;
	width:150px;
	/*border:solid white 1px;
	border-top:solid white 4px;
	border-bottom:solid white 4px;*/
	margin-bottom:5px;
	border-bottom:solid #034b94 1px;
	/* #5e1b00 - HNEDA
	#034b94 - modra */
}

#header table a {
	color:white;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:180px;
	border-top:solid #034b94 1px;
	border-bottom:solid #034b94 1px;
}
#header table a:hover, #header a.selected {
	/*text-decoration:underline;*/
	background:url('./images/menu.gif') repeat-x bottom #ffa53b;
	border-top:solid #5e1b00 1px;
	border-bottom:solid #5e1b00 1px;
	color:#5e1b00;
}

#header a div {background-position:0px 0;}

#header a.selected div, #header a:hover div {
	background-position:150px 0;
	border-bottom:solid #5e1b00 1px;
}

/* Footer */
#footer {
	height:30px;
	background:url('./images/footer.jpg') no-repeat #0066CB;
	border-top:solid #034b94 1px;
	margin:0 5px 0 5px;
}

/* Content */
#main {
	margin:0 5px 0 5px;
	padding:20px 0 20px 0;
	background:white;
}

#left {float:left; margin-left:20px;}

#content {
	margin:0 75px 0 300px;
}
.clear {clear:both;}

h2 {
	font-size:1.7em;
	margin-top:0;
}
p {margin:15px 0 15px 0;}
#content table {
	margin:0 0 30px 0;
	border-collapse:collapse;
	font-size:0.9em;
}

a {color:#ff4500;}
a:hover {text-decoration:none;}

p.info {
	position:relative;
	padding-left:60px;
	background:url('./images/info.png') no-repeat left top;
	font-size:0.9em;
	color:gray;
}