body{
margin:0px;
padding:0px;
text-align: center;
background-image:url(images/back-04.gif);
background-repeat:repeat;
}
  
#container{
margin: 0px auto;
width: 780px;
background-color:#FFF;
}

#flash{
margin: 0px auto;
width: 780px;
}
  
#meni{
background-image:url(images/hmoe-002_02.gif);
width:780px;
height:33px;
margin: 0px;
padding: 0px;
}
  
#lijevo{
float:left;
width:556px;
}
  
#desno{
float:right;
background-image:url(images/back-desno.gif);
background-repeat:repeat-y;
background-color:#546651;
width:224px;
}

#footer{
clear:both;
text-align:center;
width:780px;
background-image:url(images/hmoe-002_05.gif);
height:72px;
}  

#foo{
padding-top:30px;
}  
  	
#meni ul{
display:block;
text-align:left;
font-family:Trebuchet MS;
font-weight:bold;
font-size:16px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:10px;
padding:4px 0px;
height:33px;
}

#meni li{
display:inline;
list-style-type: none;
}

#meni a { 
padding: 0px; 
}

#meni a:link, #meni a:visited{
color: #fff;
text-decoration: none;
}

#meni a:hover{
color: #000;
text-decoration: none;
}
 
.text-foot{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#FFFFFF;
}

.text-lijevo{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px 10px 5px 5px;
margin-left:5px;
color:#000;
}
.text-lijevo2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#000;
	text-align: justify;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.text-norm{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	color:#000;
	text-align: justify;

}
.textLabela{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC0000;
}
.slikaRub {
	border: 1px solid #999999;
}

.text-desno{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px 10px 0px 0px;
text-align:left;
color:#000;
}

.txtBox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	border: 1px solid #999999;
	width: 200px;
}
.txtBoxMulti{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	border: 1px solid #999999;
	width: 370px;
	height: 200px;
}
.gumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	font-size: 10px;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

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

a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

/*.linkPlavi {
	color : #336699;
	text-decoration : none;
	
}
 a.linkPlavi.link{
	color : #336699;
	text-decoration : none;
	}
.linkPlavi a:hover{
	color : #336699;
	text-decoration : none;
	}
.linkPlavi a:visited{
	color : #336699;
	text-decoration : none;
	}*/
	
a.donkey:link {color: #336699; text-decoration: none; }

a.donkey:visited {color: #336699; text-decoration: none; }

a.donkey:hover {color: #336699; text-decoration: underline; }

a.donkey:active {color: blue; } 

	
	
.kutija {
display:table;
width:224px;
height:36px;
background-image:url(images/naslov-back.gif);
background-repeat:no-repeat;
text-align:left;
padding-left:5px;
padding-top:5px;
font-family:Trebuchet MS;
font-weight:bold;
font-size:14px;
color:#FFF;
}
.kutija2 {
display:table;
width:520px;
height:140px;
text-align:left;
padding-left:5px;
padding-top:5px;
font-family:Trebuchet MS;
font-weight:bold;
font-size:14px;
color:#FFF;
}

.kutijaRepeater {
display:table;
width:520px;
background-image:url(back-2.gif);
background-repeat:repeat-y;
text-align:justify;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;
padding:5px;
}
.text-kutija {
display:table;
width:224px;
height:125px;
background-image:url(images/grad.jpg);
background-repeat:no-repeat;
text-align:left;
padding-left:5px;
padding-right:5px;
padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
}

.kutija3 {
	display:table;
	width:530px;
	height:auto;
	padding:5px;
	color:#000;
	background-position: left;
}

.pic1{
border: solid 4px #F2F2F2;
}
.pic2{
	border: solid 4px #F2F2F2;
	height: 110px;
	width: 110px;
	background-color: #FFFFFF;
	margin: 5px;
}

.naslov-main{
font-family:Trebuchet MS;
font-weight:bold;
font-size:18px;
color:#8B9C88;
padding-left:10px;
}

.podnaslov{
font-family:Trebuchet MS;
font-weight:bold;
font-size:18px;
color:#8B9C88;
padding-left:0px;
}

hr{
height:1px;
color:#8B9C88;
width:100%;
}

.crta{
padding-left:5px;
padding-right:5px; color:#FFFFFF
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}