/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	background: #000 url("/graphics/wall.png") repeat-x center top;
	color: #959595;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}
	
	
/* ___| container |_____________________ */


#container {
	margin: 0 auto;
	width: 950px;
	position: relative;
	}


/* ___| header |_____________________ */


#header {
	margin: 0;
	width: 960px;
	height: 144px;	
	float: left;
	clear: both;
	}
#header h1 {
	margin: 0 0 0 10px;
	left: 0;
	top: 0;
	width: 225px;
	height: 132px;
	overflow: hidden;
	background: none;
	display: block;
	position: relative;
	}
#header h1 a {
	width: 225px;
	height: 132px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	display: block;
	}
#header h1 span {
	left: 0;
	top: 0;
	width: 225px;
	height: 132px;
	background: url("/graphics/swn-moravia2.jpg") no-repeat;
	display: block;
	position: absolute;
	}
	
#ikony {
	margin: 0;
	width: 300px;
	height: 80px;
	position: absolute;
	top: 28px;
	right: 4px;
	}


/* ___| menu |_____________________ */


menu, ul#menu_lng, div.menu_lng {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 130px;
	left: 9px;
	}	
menu li, ul#menu_lng li, div.menu_lng span {
	margin: 0 14px 0 0;
	list-style: none;
	display: inline;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	position: relative;
	font-size: 120%;
	font-weight: bold;
	}
menu li a, ul#menu_lng li a { color: #c8c8c8; text-decoration: none; }
menu li a:hover, ul#menu_lng li a:hover { color: #fff; text-decoration: none; }

menu ul, menu ul.sub-sub {
	margin: 0;
	padding: 9px 0 0 0;
	width: 150px;
	height: 301px;
	display: none;
	position: absolute;
	top: 22px;
	left: 1px;
	background: url("/graphics/image/img1-blur.png") no-repeat left top;
	}
menu ul.sub-sub { top: 0; left: 154px; }
menu li ul li { position: static; }
menu li ul li, menu li ul.sub-sub li {
	margin: 0;
	line-height: 110%;
	width: 160px;
	font-size: 75%;
	font-family: Arial, sans-serif;
	font-weight: bold;
	float: none;
	clear: both;
	}
menu li ul.sub-sub li { font-size: 100%; }
menu li ul li a, menu li ul.sub-sub li a {
	width: 120px;
	margin: 0;
	padding: 6px 10px 6px 10px;
	background: none;
	color: #02407d;
	display: block;
	}
menu li ul.sub-sub li.ods a {
	width: 110px;
	padding: 3px 10px 3px 20px;
	font-weight: normal;
	}
menu li ul li a:hover, menu li ul.sub-sub li a:hover { color: #02407d; background: url("/graphics/arr.png") no-repeat right center; }

ul#menu_lng, div.menu_lng { left: auto; right: 10px; }
ul#menu_lng li, div.menu_lng { margin: 0; font-size: 100%; text-transform: uppercase; font-weight: normal; }
ul#menu_lng li a { color: #717171; }
	
	
/* ___| main |_____________________ */


#main {
	margin: 0;
	width: 950px;
	float: none;
	clear: both;
	}
	
#top_img { margin: 0; padding: 10px; width: 930px; height: 314px; background: url("/graphics/bg_main.png") no-repeat top; float: none; clear: both; }

ul.boxes { margin: 0; padding: 0; width: 950px; height: 133px; float: left; clear: both; }
ul.boxes li { list-style: none; margin: 0 46px 0 10px; width: 190px; height: 120px; text-align: right; float: left; }
ul.boxes li h2 {
	line-height: 110%;
	margin: 32px 0 6px 0;
	color: #ff9900;
	font-weight: bold;
	font-size: 130%;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	}
ul.boxes li h2 span { display: block; font-weight: normal; font-size: 95%; }
ul.boxes li h2 a { text-decoration: none; color: #ff9900; }
ul.boxes li h2 a:hover { color: #fff; }
ul.boxes li p { width: 114px; color: #999; line-height: 130%; float: right; font-size: 95%; }
ul.boxes li#last { margin-right: 0; }
ul.boxes li.iko1 { background: url("/graphics/ikony/iko01.png") no-repeat left top; }
ul.boxes li.iko2 { background: url("/graphics/ikony/iko02.png") no-repeat left top; }
ul.boxes li.iko3 { background: url("/graphics/ikony/iko03.png") no-repeat left top; }
ul.boxes li.iko4 { background: url("/graphics/ikony/iko04.png") no-repeat left top; }


/* ___| footer |_____________________ */


p#footer { margin: 0 auto; width: 944px; padding: 3px 6px 0 0; font-size: 85%; color: #747474; text-align: right; }
p#footer a { margin: 0 4px; color: #747474; text-decoration: none; }
p#footer a:hover { color: #fff; text-decoration: none; }

#foot_text { margin: 0 auto 5px auto; width: 950px; padding: 12px 0 5px ; background: url("../graphics/bg_footer.png") repeat-x bottom; }
#foot_text p { margin-bottom: 10px; line-height: 150%; font-size: 90%; }
#foot_text h2 { line-height: 100%; margin: 0 0 5px 0; color: #ff9900; font-weight: bold; font-size: 120%; font-family: Arial, sans-serif; text-transform: uppercase; }
#foot_text h3 { line-height: 100%; margin: 0 0 5px 0; color: #959595; font-weight: bold; font-size: 120%; font-family: Arial, sans-serif; }