/* Sonia Template */



body {
	margin: 0 auto;
	padding: 0;
	font: 9pt Arial, Verdana, Sans-Serif;
	background: #ccc;
	min-width: 800px;	
}


a {
	text-decoration: none;
	color: #563d41;
}

a:hover {
	color: #808080;
}

a img {
	border: 0;
}

h3 {
	font-size: 1.3em;
	margin: 0 0 5px 0;
	padding: 2px 0px 0px 0px;
}

#bg { 
	width: 98%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background: #fff;
	border: 1px solid #000;
}


#sadrzaj {
	padding-top: 0px;
	color: #303030;
	width: 100%;
	padding-left: 0px;
}

#toplinks {
  	height: 36px;
	background: #4d7290;
	text-align: right;
	

	padding-top: 5px;
	border-bottom: 1px solid #cccccc;
	
*width:expression(document.body.clientWidth < 780 ? "768px" : "100%" );
}



	



#toplinks a {
	font-size: 8pt;
	display: inline;
	padding-left: 8px;
	padding-right: 5px;
	background: url(strelica.gif) left no-repeat;
	padding-bottom: 3px;
	margin-right: 5px;
	color: #fff;
	
	
}

#toplinks a:hover {
	border-bottom: 2px solid #fff;	
}

#header {
	clear: both;
	margin: -1px 0 5px 0;
	height: 256px;		
	background: #2a405c url(../images/bg.gif) no-repeat center;
}

#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: left;
	width: 200px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}

#navigacija ul {	
	list-style: none;
	width: 180px;
	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: #fff;
	display: block;
	padding: 6px 8px 0 10px;
	background: #1d2a3a;
}	
	
#navigacija li a:hover {
	background: #A9CAEB;
	color: #286ea0;
}

.lijevo {
	margin: 2px 0 10px 0;
	padding: 3px 10px 5px 10px;
	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: 223px;
	margin: 0 0 0px 0;
	padding: 5px 2px 10px 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;	
}

#mainbody {
  	
	margin:  0 0 5px 205px;
	padding: 0 10px 5px 6px;
	line-height: 1.4em;
	background: url(clanak.gif) repeat-x bottom left;
	*width:expression(document.body.clientWidth < 780 ? "500px" : "100%" );

}

#mainbody h2 {
	margin: 0px;
	padding: 4px 0 4px 0;
	font-size: 12pt;
}

#mainbody 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 250px 20px 205px;
	border-top: 1px solid #AFCEED;
	border-bottom: 1px solid #AFCEED;
	background: #E5EFF9 url(plavo.gif) repeat-x;
	padding: 5px 6px 5px 6px;
	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;
	
	
	*width:expression(document.body.clientWidth < 780 ? "250px" : "100%" );
	
	
	
	
}

#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;
}
.footer { 
	clear: both;
	text-align: center;
	border-top: 1px solid #ccc;
	line-height: 2em;
	background: #4d7290 url(plavo.gif);
	color: #fff;
	width:expression(document.body.clientWidth < 768 ? "768px" : "100%" );
	
	margin-bottom:-12px;

	*margin-bottom:0px;
}

#menupos{}

.floatImage{
	position: absolute;
	left: 2%;
	height: 25px;
	text-align: left;
	color: #fff;
	padding: 0;
}



.moduleHead {
  	color: #ffffff;
	background: #4d7290;
	font-weight:bold;
}

.moduleTable {
  	color: #000000;
	border: solid 1px #4d7290;
	
}

.moduleHead a {
	color: #ffffff;  
}
.moduleBody {
	padding: 2px;
	background: #f7f7f7;  
}

table {
	background: #ffffff;	
	font-family: Arial;
	font-size:12px;	  
	background-color: transparent;	  
}

.evenRow {
	background: #f7f7f7;    
}

.oddRow {
	background: #ffffff;  
}