@charset "utf-8";
/*--------------------------PRVA RAZINA--------------------------*/
#nav {
	margin: 88px 0px 0px;
	padding: 5px 7px 0px;
	list-style: none;
	position: absolute;
	width: 900px;
	font-size: 11px;
	font-weight: bold;
	height: 43px;
	z-index:3;
}
#nav li {
	float: left;
	margin-right:5px;
}
#nav li a {
	text-decoration: none;
	color: #FFF;
	display: block;
}
#nav li a span {
	padding: 5px 7px 7px;
	display: block;
}
#nav li a:hover span, #nav li a.active span {
	background: url(images/nav-right.gif) no-repeat right top;
}
#nav li a:hover, #nav li a.active {
	background: url(images/nav-left.gif) no-repeat left top;
}
#izbornik .nav li a:hover {
	color: #CEE6FF;
}


/*----------------------------------------DRUGA RAZINA----------------------------------*/
#nav ul {
	width:200px;
	background: #82b4c4;
	position: absolute;
	left: -999em;
	margin: -10px 0px 0px 40px;
	padding: 0px;
	border-top: 1px solid #a9d1dc;
	border-right: 1px solid #a9d1dc;
	border-left: 1px solid #a9d1dc;
	list-style: none;
	border-bottom: 1px solid #5f98ab;
}
#nav ul li {
	width: 200px;
}
#nav ul li a {
	color: #FFFFFF;
	text-align: left;
	line-height: 17px;
	margin: 0px;
	padding: 2px 10px 0px 20px;
	display: block;
	border-bottom: 1px solid #a9d1dc;
	width: 170px;
	background: url(images/sub.gif) no-repeat 10px 13px;
}
#nav ul li a:hover, #nav ul li a.active {
	background: #dd8a13 url(images/sub.gif) no-repeat 10px 13px;
}
#nav ul li a.active span {
	background: #dd8a13 url(none);
}
#nav ul li a:hover span {
	background: none;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}