﻿/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
body{
	color:#777;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff url(../art/bg-x.gif) repeat-x top center;
}

/* PRIKAZ LOGA */
h1 {
	position:absolute;
	top:0;
	left:0;
	width:140px;
	height:140px;
}
h1 a, h1 a:hover {
	height:140px;
	text-decoration:none;
	display:block;
	background:#ccc;
}
a img {
	border:0;
}

/* *************************** */
#container {
	width:660px;
	margin:0 auto;
}
#logo {
	width:140px;
	height:140px;
	position:relative;
	margin:50px auto;
}
#a, #b, #c {
	width:200px;
	margin-right:20px;
	float:left;
	text-align:left;
}
h2 {
	font-size:1.5em;
	font-weight:normal;
}

/* *************************** */
.langnav {
	width:100px;
	height:17px;
	list-style:none;
	margin-top:20px;
}
.langnav li {
	text-indent:-8000px;
	float:left;
}
.langnav a {
	display:inline-block;
	width:22px;
	height:17px;
	margin-right:5px;
	float:left;
}

.hr a {	background:url(zastave.jpg) no-repeat 0 0; }
.hr a:hover, .hr a.selected { background:url(zastave.jpg) no-repeat -22px 0; }
.en a {	background:url(zastave.jpg) no-repeat 0 -17px; }
.en a:hover, .en a.selected { background:url(zastave.jpg) no-repeat -22px -17px; }
.de a {	background:url(zastave.jpg) no-repeat 0 -34px; }
.de a:hover, .de a.selected { background:url(zastave.jpg) no-repeat -22px -34px; }
.it a {	background:url(zastave.jpg) no-repeat 0 -51px; }
.it a:hover, .it a.selected { background:url(zastave.jpg) no-repeat -22px -51px; }
.it, .de { display:none }