body{
	font:12px/18px Arial,Helvetica,sans-serif;
	padding:0;
	margin:0;
	background:url(images/traka.gif) repeat-x 0 0  #90140C;
	color:#333;
}
div, h1, h2, p, form, label, input, textarea, img{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}



/* VRH*/
.style2 {font-size: 24px}
.style4 {font-size: 18}




#header{
	width:777px;
	margin:0 auto;
	height:36px;
	position:relative;
	background-color:#FFFFFF;

}
/*
#header logo{

   width:230px; 
   height:80px; 
   z-index:1; 
   padding:0; 
   position:absolute; 
   margin:0 0 0 21px;

}*/
/* MENU NA VRHU*/

#header ul{

   display:block; 
   width:505px;
   height:36px;
   position:absolute;
   top:0; 
   right:0; 
   margin:0px 0 0; 
   padding:0 0px 0 0; 
   border-bottom:4px solid #cc0000;
   }
#header ul li{

   float:right;
   font:11px/36px  Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   font-weight:bold;
}

#header ul li a{

width:100px;
 height:36px;
 display:block;
 padding:0; 
 color:#555; 
 background:#ccc; 
 text-decoration:none; 
 text-align:center; 
 margin:0 1px 0 0;
 top:0px; 
 left:0px;
 }
 
#header ul li a:hover{
width:100px; 
height:36px;
text-decoration:none; 
background:url(images/footer.gif) no-repeat 0 0 #AEAEAE;
color:#fff;}


#header ul li.active{
width:100px; 
display:block; 
height:36px; 
background:url(images/footer.gif) no-repeat 0 0 #848484;
 color:#fff;
  text-align:center; 
  margin:0 1px 0 0;
  }

/*-------------------------tekst derfinicaija--------------------*/

/*---------------------------------body start--------------------*/
#strana{
	width:776px;
	margin:0 auto;
	padding:0px 0 0px 0px;
	background-color:#FFFFFF;
}


/*---------------lijevi panel start--------------------*/
#lijevi{
	width:191px;
	float:left;
	margin-left:4px;
	padding:0;
}



#lijevi p.banner{
	display:block;
	width:170px;
	height:30px;
	margin:40px 4px 5px 4px;
	float:left;
}	
#lijevi p.banner{
	display:block;
	width:170px;
	height:30px;
	margin:40px 4px 5px 4px;
	float:left;
}
#lijevi p.most{
	width:174px;
	height:117px;
	margin:0 3px 15px 2px;
	float:left;
}
#lijevi p.most a{
	display:block;
	width:174px;
	height:117px;
	background:url(images/most.jpg) 0 0 no-repeat;
	border: 6px solid #dedeb9;
	margin-bottom: 8px;
	margin-top:6px;
	padding: 0px;
}
#lijevi p.most a:hover{
	background:url(images/most.jpg) 0 0 no-repeat;
}
/*
#sivi{
	width:191px;
	height:150px;
	margin:0;
	padding:0;
	font:bold 16px/35px Arial,Helvetica,sans-serif;

}
#sivi form.member{
	width:169px;
	height:85px;
	border-bottom:#BCD1DE solid 1px;
	border-left:#BCD1DE solid 1px;
	border-right:#BCD1DE solid 1px;
	padding:17px 7px 0 13px;
	color:#cc0000;
	margin:0 0 13px 0;
}
#sivi label{
	font:bold 12px/26px Arial, Helvetica, sans-serif;
	color:#cc0000;
	
	float:left;
}

*/
#boxovi{
	width:180px;
	background-color:#f7f7f7;
	color:#67673B;
	border:#DEDEB9 solid 1px;
	padding:5px 4px 0 5px;
	margin:8px 4px 0 0;
	float:left;
}
#boxovi h2{
	width:165px;
	font:bold 15px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	
}
#boxovi h4{
	display:block;
	width:170px;
	font:bold 16px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;

}
#boxovi h3 span{
	display:block;
	width:160px;
	font:bold 12px/13px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0E0E0E;
	
}
#boxovi p.text2{
	width:170px;
	font:normal 12px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#67673B;
	
	margin:16px 0 22px 0;
}
#boxovi ul{
	width:170px;
	margin:0;
	padding:0 0 10px 0;
}
#boxovi ul li{
	background:url(images/arrow.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	margin:0;
}
#boxovi ul li a{
	display:block;
	width:170px;
	font:normal 12px/22px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#FFFFEC;
	text-decoration:underline;
}
#boxovi ul li a:hover{
	color:#264001;
	background-color:#FBFBD3;
	text-decoration:none;
}
/*********************************************boxdesno**/

#boxovid{
	width:180px;
	background-color:#f7f7f7;
	color:#67673B;
	border:#DEDEB9 solid 1px;
	padding:5px 4px 0 5px;
	margin:8px 4px 0 0;
	float:left;
}
#boxovid h2{
	width:165px;
	font:bold 15px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	
}
#boxovid h4{
	display:block;
	width:170px;
	font:bold 14px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;

}
#boxovid h3 span{
	display:block;
	width:160px;
	font:bold 12px/13px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0E0E0E;
	
}
#boxovid p.text2{
	width:170px;
	font:normal 12px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#67673B;
	text-align:center;
	
	margin:16px 0 22px 0;
}
#boxovid ul{
	width:170px;
	margin:0;
	padding:0 0 10px 0;
}
#boxovid ul li{
	background:url(images/arrow.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	margin:0;
}
#boxovid ul li a{
	display:block;
	width:170px;
	font:normal 12px/22px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#FFFFEC;
	text-decoration:underline;
}
#boxovid ul li a:hover{
	color:#264001;
	background-color:#FBFBD3;
	text-decoration:none;
}

#maticna
{
	float: left;
	width: 360px;
	height: 500px;
	padding: 15px 10px 0 10px;
	overflow:auto;
	line-height: 170%;
	margin-top:10px;
}

#maticna p
{
	margin: 0 0 5px 0;
	padding: 0;
	text-align:justify;
}

#maticna h1, h2, h3
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 150%;
	letter-spacing: -1px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
}
#maticna_s
{
	float: left;
	width: 548px;
	height: 460px;
	padding: 15px 15px 0 15px;
	overflow: auto;
	line-height: 150%;
	margin-top:10px;
}

#maticna_s p
{
	margin: 0 0 15px 0;
	padding: 0;
	text-align:justify;
}

#maticna_s h1, h2, h3
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 150%;
	letter-spacing: -1px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #777;
}
#maticna_sir
{
	float: left;
	width: 560px;
	height: 500px;
	padding: 15px 10px 0 10px;
	overflow:auto;
	line-height: 170%;
	margin-top:10px;
}

#maticna_sir p
{
	margin: 0 0 5px 0;
	padding: 0;
	text-align:justify;
}

#maticna_sir h1, h2, h3
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 150%;
	letter-spacing: -1px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
}
#maticna_sir_s
{
	float: left;
	width: 548px;
	height: 460px;
	padding: 15px 15px 0 15px;
	overflow: auto;
	line-height: 150%;
	margin-top:10px;
}

#maticna_sir_s p
{
	margin: 0 0 15px 0;
	padding: 0;
	text-align:justify;
}

#maticna_sir_s h1, h2, h3
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 150%;
	letter-spacing: -1px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #777;
}


#maticna_n
{
	float: left;
	width: 360px;
	height: auto;
	padding: 15px 10px 0 10px;
	overflow:none;
	line-height: 170%;
	margin-top:10px;
}

#maticna_n p
{
	margin: 0 0 5px 0;
	padding: 0;
	text-align:justify;
}

#maticna_n h1, h2, h3
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 150%;
	letter-spacing: -1px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
}
#maticna_n_s
{
	float: left;
	width: 548px;
	height: 460px;
	padding: 15px 15px 0 15px;
	overflow: auto;
	line-height: 150%;
	margin-top:10px;
}

#maticna_n_s p
{
	margin: 0 0 15px 0;
	padding: 0;
	text-align:justify;
}


#dno-glavna{
	width:100%;
	height:100px;
	margin:0;
	padding:0px 0 0 0;
	/*background:url(images/podloga_link.jpg) 0 0  #666666;*/
	
	color:#fff;
}
#dno{
	width:776px;
	margin:0 auto;
	position:relative;
	height:80px;
	background:url(images/footer.gif);
	border-top:4px solid #cc0000;
	text-align:center;
}
#dno p.copyright{
	font:bold 12px/24px Arial,Helvetica,sans-serif;
	color:#333;	
	position:absolute;
	left:195px;
	top:50px;
}
#dno a.link{
	font:bold 11px/17px Arial,Helvetica,sans-serif;
	color:#ffffff;
	background-color:#02354D;
	text-align:center;
	text-decoration:none;
}
#dno a.link:hover{
	color:#ccc;
	background-color:#00A5E5;
}
#dno ul{
	padding:0;
	margin:0;
	position:absolute;
	left:110px;
	top:20px;
	width: 600px;
}
#dno ul li{
	font:bold 11px/24px Arial,Helvetica,sans-serif;
	letter-spacing:0.1em;	
	margin:0;
	float:left;
}
#dno ul li a{
	font:bold 11px/24px Arial,Helvetica,sans-serif;
	color:#ccc;
	background-color:#848484;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 11px 0 11px;
}
#dno ul li a:hover{
	text-decoration:underline;
}
#footer ul li.home2{
	font:bold 11px/24px Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	background-color:#848484;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
	padding:0 11px 0 11px;
	border:none;
}


#desno{
	width:175px; 
	margin:8px 0px 0 0px; 
	padding:0 5px 0 5px;
	background: #fff;
	float:left;
	
	}


h1 {
	text-align: center;
	border-bottom: 2px solid #eee;
	padding: 0.5em;
}
h2 {
	color: #cc0000;
	font-family: Geneva,Helvetica,Arial,sans-serif;
	font-size: 160%;
	font-weight: normal;
	margin: 0pt 0pt 0px;
}
.demo_naslovna {
	width: 184px;
	height: 120px;
	text-align: center;
	float: left;
}
.demo_naslovna img {
	display:block;
	border: 3px solid #dedeb9;
	margin-bottom: 8px;
	margin-top:6px;
	padding: 4px;
}