body{
font-family: Verdana, Arial;
background-image: url("images/pozadina.gif");
background-repeat: repeat-x;
background-position: top center;
background-color: white;
font-size: 15px;
	}

h1{font-size: 19px;}
h2{font-size: 17px;}
h3{font-size: 16px;}

#okvir{
width: 850px;
height: auto;
margin: 0 auto;
border: 1px solid #aaa;	
background-color: white;
}

#logo{
background-image: url("images/logo.jpg");
background-position: top right;
background-repeat: no-repeat;
height: 190px;
margin: 0;
}
	
#nav{
background-color: #7AA9DD; 
height: 40px;
font-family:Arial;
font-size:15px;
	}

#nav ul li {
	display: inline;
	text-align:center;
}

#nav ul li a {
	text-decoration: none; 
	padding: 10px 5px 10px 5px; 
	color: #fff; 
	font-weight: bold;
}

#nav ul li a:hover {
	background-color:#4372AA;
	text-decoration: none;
}

#nav ul li a.trenutni {
	background-color:#4372AA;
	text-decoration: none;
}
	
#bottom{
height: 85px;	
	}

#bottom td.right{
background-image: url("images/bottom_right.jpg");
background-repeat: no-repeat;
background-position: top right;
}

#bottom td.left{
background-image: url("images/bottom_left.jpg");
background-repeat: no-repeat;
background-position: top left;
}
	
#meni{
vertical-align: top;	
	}
	
#meni ul{
padding: 0;
margin-top: 0;
margin-left: 0;
	}

#meni ul li{
	list-style: none; 
	display: block; 
	margin:0 0 1px 0; 
	padding: 5px 5px 5px 15px; 
	background: #f8bbb8;	
	}

#meni ul li:hover{
background: #e35d5d; 
	color:#fff;	
	}
	
#meni ul li a{
	color: #1f1f1f;
	text-decoration: none;
}

#meni ul li a:hover{
	color: #fff;
	text-decoration: underline;	
	}

#meni .otac {background: #7AA9DD;}
#meni .otac a {text-decoration: underline;font-weight:bold;color: #fff;}
#meni .otac a:hover {background: #7AA9DD;}
#meni ul li.otac:hover {background: #7AA9DD;}

.sadrzaj{
padding: 10px;	
color: #5B5B5B;
background-color: #bae5f8;
vertical-align: top;
	}

.left{
width: 270px;	
vertical-align: top;
	}
	
.right{
width: 550px;	
	}