/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(slike/bodybg.jpg) 0 0  repeat #FFFFF2; 
	color:#676749;
}

#header{
	background:#FFFFF2;
	width:870px;
	height:16px;
	border-top:#D8D6FB solid 6px;
        border-bottom:#D8D6FB solid 1px;
	margin:0 auto;
	padding:2px 0 0 0;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-weight: bold;



}
.levo{
  font-family: Verdana, Arial, Helvetica, sans-serif;

  color: #3688BA;
  background-color: #FFFFFF;
  width: 400px;
  height:15px;
  margin:0px 0 0 0;	
float:left;

}

.sredina{
  font-family: Verdana, Arial, Helvetica, sans-serif;

  color: #FF0000;
  background-color: #FFFFFF;
  width: 200px;
  height:15px;
  margin:0px 0 0 0;	
float:left;

}

.desno{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:right;
  color: #3688BA;
  background-color: #FFFFFF;
  width: 200px;
  height:15px;
  margin:0px 0 0 0;	
float:right;
}





#header1{
	background:#FFFFF2;
	width:870px;
	height:60px;
	margin:0 auto;
	padding:2px 0 0 0;
	position:relative;

}

#header2{
	background:url(slike/p1.jpg) 0 0  repeat-x #FFFFF2;
	width:870px;
	height:77px;
	margin:13px auto;
	padding:2px 0 0 0;
	position:relative;
}


#the_box5 {
float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;

  color: #000000;
  background-color: #FFFFFF;
  width: 280px;
height:55px;
margin:2px 2px 2px 2px ;



}

.box_header5 {
  padding-top: 1px;
font-weight: bold;
font-size: 120%;
  color: #0000FF;
text-decoration:underline;


  text-align: left ;
  height: 15px;
}

.box_text {
  text-align: left;
}

#body1{
	width:870px;
        height:1250px;
	margin:0 auto;
        background:#FFFFFF;
//	padding:2px 0 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
//	font-weight: bold;
}

#body1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#body1  img {
    border: none;
} 


#panel1 {
	width:165px;
        height:1200px;
	margin:5px 5px 5px 5px;
        background:#FFFFcc;
	padding:5px 5px 5px 5px;
//	padding:5px 5px 5px 5px;
//position: absolute;
//z-index: 0;
	float:left;
	
//	border-style: solid solid solid solid;
//	border-color: #D8D5D1;
//	border-size: 1px;
//	border-width: 1px;
font-weight: bold;

}
#panel2 {
	width:418px;
        height:1200px;
//position: absolute;
//z-index: 1;
	float:left;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
        background:#FFFFBB;
//	padding:0px 0px 0px 0px;
		
//	border-style: solid solid solid solid;
//	border-color: #D8D5D1;
//	border-size: 1px;
//	border-width: 1px;


}
#panel3 {
	width:218px;
        height:1200px;
//position: absolute;
//z-index: 2;
	float:left;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
        background:#FFFFBB;
//	padding:1px 1px 1px 1px;
		
//	border-style: solid solid solid solid;
//	border-color: #D8D5D1;
//	border-size: 1px;
//	border-width: 1px;

}

#panel5 {
	width:665px;
        height:1108px;
	float:left;
	margin:5px 5px 5px 5px;
        background:#FFFFBB;
	padding:1px 1px 1px 1px;
		
	border-style: solid solid solid solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;

}

#menu2 {
	width: 160px;
	margin: 0px;
	border-style: solid solid none solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;
	
	}
	
#menu2 li a {
	height: 16px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 14px;
	text-decoration: none;
	}	
	
#menu2 li a:link, #menu2 li a:visited {
	color: #3688BA;
	display: block;
	background:  url(slike/menu2.gif);
	padding: 8px 0 0 30px;
	}
	
#menu2 li a:hover {
	color: #3688BA;
	background:  url(slike/menu2.gif) 0 -32px;
	padding: 8px 0 0 32px;
	}





#the_box {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #3688BA;
  background-color: #FFFFFF;
  width: 160px;

margin:10px 0 0 0;

        border-style: solid solid solid solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;

}

.box_header {
  padding-top: 1px;
  font-weight: 600;
  color: #000000;
//background-color:  #FFFFCC;
background:  url(slike/p3.jpg) 0 0  repeat;
  text-align: center;
  height: 15px;
}

.box_text {
  text-align: left;
}


#cent1{
	width:200px;
	height:1000px;
	background:#FFFF00;
	border-right:#D8D6FB solid 2px;

}

#the_box2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #3688BA;
  background-color: #FFFFFF;
  width: 405px;

margin:5px ;

        border-style: solid solid solid solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;

}

.box_header {
  padding-top: 1px;
  font-weight: 600;
  color: #000000;
//background-color:  #FFFFCC;
background:  url(slike/p3.jpg) 0 0  repeat;
  text-align: center;
  height: 15px;
}

.box_text {
  text-align: left;
}


#the_box3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #3688BA;
  background-color: #FFFFFF;
  width: 214px;
//height:160px;
margin:2px 2px 10px 2px ;

        border-style: solid solid solid solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;

}

.box_header {
  padding-top: 1px;
  font-weight: 600;
  color: #000000;
//background-color:  #FFFFCC;
background:  url(slike/p3.jpg) 0 0  repeat;
  text-align: center;
  height: 15px;
}

.box_text {
  text-align: left;
}

#the_box6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #3688BA;
  background-color: #FFFFFF;
  width: 650px;
//height:160px;
margin:2px 2px 10px 2px ;

        border-style: solid solid solid solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;

}

.box_header6 {
  padding-top: 1px;
  font-weight: 600;
letter-spacing:5px
  color: #000000;
//background-color:  #FFFFCC;
background:  url(slike/p3.jpg) 0 0  repeat;
  text-align: center;
  height: 15px;
}

.box_text6 {
  text-align: left;
}