html, body {
	margin: 0px;
	padding: 0px;
	background: url(images/back.jpg);
	background-repeat: no-repeat;
}

body {
	font-family: Arial;
	font-size: 12px;
	color: #3E3E3E;
	text-align: center;
}


#container {
	width: 794px;
	margin: auto;
	text-align: left;
/*	border-right: 1px gray solid; */

}

#menu1 {
	height: 15px;
	text-align: center;
}

#line1 {
	height: 30px;
	margin-right: 170px;
/*	background: url(images/line1a1.jpg); */
	margin-top: 0px;
}

#line2 {
	height: 25px;
	float: right;
	width: 150px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
}

#line3 {
	height: 20px;
}

#logo {
	height: 176px;
/* height: 168px; */
background: url(images/logo.jpg);
padding: 0;
margin: 0;
/* border-left: 1px #e7e7e7 solid;  */

}

#menu2 {
	height: 20px;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 0px;
/*	border-top: 1px #e7e7e7 solid; */
	border-bottom: 1px #e7e7e7 solid;  
/*	 background-color:#FDFDFD; */
	margin-top: 0px;
	margin-bottom: 0px;
padding-top: 0px;
	padding-bottom: 0px;
}

#najnov {
background-color: #78b73e;
color: #FFFFFF;
padding-bottom: 5px;
padding-top: 5px;
}

#javn {
background-color: #EEAD17;
color: #FFFFFF;
padding-bottom: 5px;
padding-top: 5px;
}

#bilten {
background-color: #009D67;
color: #FFFFFF;
padding-bottom: 5px;
padding-top: 5px;
}

#logoi {
/* border-top: 1px #e7e7e7 solid;  */
padding-top: 15px;
margin-top: 10px;

}
#content {
	margin-right: 170px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-right: 20px;
	text-align: justify;
	padding-top: 0px;
/*		border-bottom: 1px #cccccc dashed; */

}

div#logoi a {  
/*	color: #3D3D3D;  */
	color: #db6d16;
	text-decoration: none;  
} 

div#logoi a:hover {  
	color: #753C0F;  
} 

div#content a {  
/*	color: #3D3D3D;  */
	color: #db6d16;
	text-decoration: none;  
} 

div#content a:hover {  
	color: #753C0F;  
} 

#content img.expando { 	/*sample CSS for expando images. Not required but recommended*/
	/*	border: none; */
	vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
	border: 3px #CDCDCD  double;
	width: 160px;
	height: 110px;
}

div#content img.nonexpando { 
	border: 3px #CDCDCD  double;
}

div#content a:visited img, a:hover img, a:active img { 
border: 0px; 
} 

div#content td {
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	font-size: 9pt;
	border-top-width: 0px;
}

div#content td.nobottom {
border-bottom-style: none; 
border-bottom-width: medium
}

#ads {
	float: right;
	width: 155px;
	padding-top: 0px;
	padding-left: 5px;
	margin-top: 5px;
	text-align: center;
	border-left: 1px #e7e7e7 solid; /* #cccccc */
}

div#ads a {  
/*	color: #3D3D3D;  */
	color: #db6d16;
	text-decoration: none;  
} 

div#ads a:hover {  
	color: #753C0F;  
	text-decoration: none;
} 

#menu3 {
	border-top: 1px #e7e7e7 solid; 
	height: 15px;
	text-align: center;
}

div#menu3 a {  
/*	color: #3D3D3D;  */
	color: #db6d16; 
	text-decoration: none;  
} 

div#menu3 a:hover {  
	color: #753C0F;  
} 

#footer {
	clear: both;
	height: 45px;
	text-align: center;
	border-top: 1px #e7e7e7 solid;
	border-bottom: 1px #e7e7e7 solid;
	padding-top: 6px;
	padding-bottom: 26px;
	line-height: 3px;  
	background: url(images/footergreen1.jpg);
}

div#footer a {  
/*	color: #3D3D3D;  */
	color: #db6d16; 
	text-decoration: none;  
} 

div#footer a:hover {  
	color: #753C0F;  
} 

h2 {
	color: #78b73e; 
	font-size: 16pt;  
	font-style: normal;
	font-family: Verdana, Arial;
	border-bottom: 1px #cccccc dashed;
	font-weight: bold;
		padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

h3 {
	color: #4C7725; 
	font-size: 10pt;  
	font-style: normal;
	font-family: Arial;
/*	border-bottom: 1px #cccccc dashed; */
	font-weight: bold;
}

h4 {
	color: #4C7725; 
	font-size: 9pt;  
	font-style: normal;
	font-family: Arial;
	text-align: left;
/*	border-bottom: 1px #cccccc dashed; */
	font-weight: normal;
}

hr.zelinija {
  border:0;
  border-top: 1px solid #CDE3B1;
/*  border-top: 1px solid #F6D293; */
  height: 0;
}


hr.sivalinija {
  border:0;
  border-top: 1px #cccccc dashed;
  height: 0;
}

/* menu css */

#nav, #nav ul{
font-family: verdana;
font-size: 7pt; /* velicina fonta u glavnom meniju */
margin:0;
padding:0;
padding-left: 35px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:20px; /* visina menija */
}

#nav a{
display:block;
padding: 0px 12px; /* 15px - sirina pojedinacnih menija u prvom redu */
border: 0px solid #333; /* border oko menija */
/* color:  #2A2A2A; */
color: #525252;
text-decoration:none;
/* background-color:#FDFDFD; */
background-color: white; 
font-weight: bold;
}

#nav a:hover{
background-color: #F1FCEB;
color:#333;
/* border:0px;  nema linije oko menija */
/* border-bottom: 1px solid #848483;  linija na donjem delu menija prlikom prelaska misa preko stavke */
}

#nav li{
float:left; /* da li se ceo meni nalazi levo ili desno */
position:relative;

}

#nav ul {
font-size:7pt; /* velicina fonta u meniju ispod glavnog */
position:absolute;
display:none;
width: 100px; /* sirina drugog nivoa menija */
top: 21px;

/* border:0px; */

}

#nav li ul a{
width:185px;
/* padding: 0;  sirina menija u prvom nivou */
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
height:auto;
float:left;
border-bottom: 1px solid #AEADAD; /* linija na donjem delu menija */
text-align:left; /* da li su stavke u meniju levo ili desno */
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left: 160px; /* udaljenost treceg nivoa menija od drugog */
margin:0px 0 0 12px;
border:0px; 
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;

}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}