body{
	background-color: #444;
	margin: 0; 
	padding: 0;
}

#container{
	width: 877px;
	margin: 0 auto;
	background-color: #282828;
	color: #c8c8c8;
	font-family: Arial, Helvetica, sans-serif;
	padding:  0 0 15px 0;
}
#header{
	width: 876px;
	height: 386px;
	background:#860000 url(../images/header-image.jpg) no-repeat;
}

#header a.english:link, 
#header a.english:visited, 
#header a.english:hover, 
#header a.english:active{
	background: url(../images/english.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	width: 43px;
	height: 19px;
	margin: 29px 18px 0 0 ; 
	background-position: 0px 0;
}

#header a.english:hover{
	background-position: -43px 0;
}

.eng #header a.english:link, 
.eng #header a.english:visited, 
.eng #header a.english:hover, 
.eng #header a.english:active{
	background: url(../images/hrvatski.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	width: 48px;
	height: 14px;
	margin: 29px 18px 0 0 ; 
	background-position: 0px 0;
}

.eng #header a.english:hover{
	background-position: -48px 0;
}

#header h1{
	margin: 0;
	background: url(../images/h1.gif) no-repeat;
	width: 385px; 
	height: 42px;
	text-indent: -9999px;
	display:block;
	margin: 105px 0 0 25px;
}

.eng #header h1{
	margin: 0;
	background: url(../images/h1-eng.jpg) no-repeat;
	width: 385px; 
	height: 42px;
	text-indent: -9999px;
	display:block;
	margin: 110px 0 0 25px;
}

#header p.text{
	width: 382px; 
	height: 45px;
	background: url(../images/header-text.gif) no-repeat;
	text-indent: -9999px;
	margin: 16px 0 0 28px;
}

.eng #header p.text{
	width: 382px; 
	height: 45px;
	background: url(../images/header-text-en.jpg) no-repeat;
	text-indent: -9999px;
	margin: 16px 0 0 28px;
}

#header p.dipl{
	width: 122px; 
	height: 18px;
	background: url(../images/header-dipl.gif) no-repeat;
	text-indent: -9999px;
	margin: 19px 95px 0 0px;
	float: right;
}

.eng #header p.dipl{
	width: 122px; 
	height: 18px;
	background: url(../images/header-dipl-en.jpg) no-repeat;
	text-indent: -9999px;
	margin: 19px 95px 0 0px;
	float: right;
}

#header p.name{
	width: 203px; 
	height: 42px;
	background: url(../images/header-name.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 16px 0 0px;
	float: right;
}

#menu{
	background-color: #535353; overflow: auto;
}

#menu ul{
	margin: 0; padding: 0;
}

#menu ul li{
	margin: 0; padding: 0;
	border-right: 3px solid #444;
	float: left;
	display: inline;
}
#menu ul li a.ured:link, 
#menu ul li a.ured:visited, 
#menu ul li a.ured:hover, 
#menu ul li a.ured:active {
	background: url(../images/menu_ured.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 127px; height: 32px;
}

#menu ul li a.ured:hover{
	background-position: -127px 0 ;
}

.eng #menu ul li a.ured:link, 
.eng #menu ul li a.ured:visited, 
.eng #menu ul li a.ured:hover, 
.eng #menu ul li a.ured:active {
	background: url(../images/menu_ured_en.jpg) no-repeat;
}

.eng #menu ul li a.ured:hover{
	background-position: -127px 0 ;
}


#menu ul li a.onama:link, 
#menu ul li a.onama:visited, 
#menu ul li a.onama:hover, 
#menu ul li a.onama:active {
	background: url(../images/menu_onama.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 73px; height: 32px;
}

#menu ul li a.onama:hover{
	background-position: -73px 0 ;
}

.eng #menu ul li a.onama:link, 
.eng #menu ul li a.onama:visited, 
.eng #menu ul li a.onama:hover, 
.eng #menu ul li a.onama:active {
	background: url(../images/menu_onama_en.jpg) no-repeat;
}

.eng #menu ul li a.onama:hover{
	background-position: -73px 0 ;
}

#menu ul li a.kontakt:link, 
#menu ul li a.kontakt:visited, 
#menu ul li a.kontakt:hover, 
#menu ul li a.kontakt:active {
	background: url(../images/menu_kontakt.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 75px; height: 32px;
}

#menu ul li a.kontakt:hover{
	background-position: -75px 0 ;
}

.eng #menu ul li a.kontakt:link, 
.eng #menu ul li a.kontakt:visited, 
.eng #menu ul li a.kontakt:hover, 
.eng #menu ul li a.kontakt:active {
	background: url(../images/menu_kontakt_en.jpg) no-repeat;
}

.eng #menu ul li a.kontakt:hover{
	background-position: -75px 0 ;
}

#content {
	background-color: inherit;
	width: 832px; 
	margin: 20px auto 0 auto;
}

#content h2 {
	border-bottom: 5px solid #535353;
	background: url(../images/vaga.jpg) right 4px no-repeat;
	padding: 10px 0 5px 0;
	margin: 0;
}

#content .clanak {
	background-color: #2e2e2e;
	padding: 15px 15px 15px 15px;
	margin: 10px 0 10px 0;
}

#content .clanak p {
	font-size: 14px; 
	margin: 0; 
	padding: 0 0 10px 0;
}

#content .clanak img {
	float: left;
	margin: 0 10px 10px 0;
}

#content dl {
	font-size: 14px; 
	float: left;
	margin: 0 22px 0 0;
}


#content dt {
	font-weight:bold;
}

#content dd {
	 margin:0; padding: 0;
}

#content .clanak a:link, 
#content .clanak a:visited, 
#content .clanak a:hover, 
#content .clanak a:active {
	color: #fff;
} 

#content .clanak a:hover {
	text-decoration: none;
}