/* Sonia Template */



body {

	margin: 0 auto;

	padding: 0;

	font: 9pt Arial, Verdana, Sans-Serif;

	background: #fff;

}



a {

	text-decoration: none;

	color: #2489DB;

}



a:hover {

	color: #808080;

}



a img {

	border: 0;

}



h3 {

	font-size: 1.3em;

	margin: 0 0 5px 0;

	padding: 2px 0px 0px 0px;

	color:black;

}

p#menuheading {

	text-align: right;

	height: 20px;

	text-decoration: none;

	color: black;

	display: block;

	padding: 4px 8px 0 0px;

	background: #FFDCC2;
	
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;	

}



#bg { 

	width: 760px;

	margin: 0 auto;

	padding: 5px 10px 10px 10px;
	
	width:100%;

	background: #fff;

}





#sadrzaj {

	padding-top: 9px;
	margin-left:auto;
	margin-right:auto;
	color: #35C4AF;
	width:1028px;
	padding-left: 0px;
}



#toplinks {

	height: 20px;

	background: #00A8AB;

	text-align: left;

	padding-right: 10px;	

	padding-top: 5px;

}



#toplinks a {

	font-size: 9pt;

	font-weight:bold;

	display: inline;

	padding-left: 12px;

	padding-right: 5px;

	background: url(strelica.gif) left no-repeat;

	padding-bottom: 3px;

	margin-left: 15px;

	color: #fff;

}



#toplinks a:hover {

	border-bottom: 2px solid #FFDCC2;

}



#zaglavlje {
	clear: both;
	margin: 0px 0px 0px 0px;
	height: 78px;
	background: url(header.gif) repeat-x;
}



#title {

	float: left;

	font-size: 14pt;

	font-weight: bold;

	padding-top: 25px;

	padding-left: 5px;
	
	
	

}



#title_info {

	float: right;

	height: auto;

	padding: 8px;

	width: 310px;

	margin: 10px 5px 0 0;

	border: 2px solid #fff;	

	background: #FFF5D9;

	color: #808080;

}



#title_info p {

	margin: 0;

}



#navigacija {

	clear: left;

	float: right;

	width: 190px;

	margin: 0 0 10px 0;
	
	padding: 0;

	font-size: 0.9em;

}



#navigacija ul {	

	list-style: none;

	width: 190px;

	margin: 0 0 3px 0;

	padding: 0;

	font-size: 1.1em;

}	



#navigacija li {

/*	margin-bottom: 4px; */

}



#navigacija li a, #navigacija li a:visited {

	text-align: right;

	height: 20px;

	text-decoration: none;

	color: black;

	display: block;

	padding: 6px;

	background: #FFDCC2;

}	

	

#navigacija li a:hover {

	background: #E7A06E;

	color: #fff;

}



.lijevo {

	margin: 0 0 3px 2px;

	padding: 5px;

	width: 180px;

	border-top: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	color: #6B6B6B;

	background: #eee url(lijevo.gif) repeat-x;

}



.lijevo a, .lijevo a:visited {

	text-decoration: underline;

}



#desna_rubrika {

	float: right;

	width: 200px;

	margin: 0 0 10px 0;

	padding: 5px 13px 20px 10px;

	border-top: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	background: #eee url(lijevo.gif) repeat-x;

	color: #5D5D5D;

	line-height: 1.5em;

}



#desna_rubrika p {

	margin: 0px;

	font-size: 90%;

}



#desna_rubrika h3 {

	font-size: 9pt;	

}



#desna_rubrika a {

	display: block;

	height: 12px;

	padding-bottom: 4px;

	margin-bottom: 2px;

	border-bottom: 1px solid #ccc;

}



#podaci {

	margin: 15px 0 0 0;

	border: 2px solid #fff;

	background: #E5EFF9 url(plavo.gif);

	padding: 3px 3px 3px 6px;

	color: #70C256;

}



#podaci a, #podaci a:visited {

	display: inline;

	border: none;	

}



#clanci {

	margin:  0 155 5px 10px;

	padding: 0 10px 5px 6px;

	line-height: 1.4em;

	background: url(Animation.gif) repeat-x bottom left;
	

}



#clanci h2 {

	margin: 0px;

	padding: 4px 0 4px 0;

	font-size: 12pt;

}



#clanci p {

	margin: 0;

}



.datum {

	padding-top: 2px;

	height: 30px;

	margin: 5px 0 6px 0;

	border-top: 1px solid #eee;

	font-size: 80%;

	text-transform: uppercase;	

	color: #808080;

}



#lijeva_rubrika {
	margin: 0 198px 20px 0px;
	border-top: 1px solid #AFCEED;
	border-bottom: 1px solid #AFCEED;
	background: #eee;
	padding: 5px 15px 5px 15px;
	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;
}



#lijeva_rubrika a, #lijeva_rubrika a:visited {

	text-decoration: underline;	

}



#lijeva_rubrika h2 {

	font-size: 1.5em;

	margin: 0 0 0.5em 0;

	color: #808080;

	padding-top: 3px;

}



#lijeva_rubrika p {

	padding: 0;

	margin: 0;

}



#lijeva_rubrika2 {
	margin: 0 193px 25px 0px;
	padding: 0px;
	sheight: 1.6em;
	height:146px;
	text-align: left;
	color: #5D5D5D;
}


/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/


#menu {
width: 10em;
background: #FFFFFF;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
font: 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}



#menu a {
color: #000;
background: #efefef;
text-decoration: none;
border-left:2px solid #FFFFFF;
border-top:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: -100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#footer3 {
clear:both;
}