/*CSS za navigaciju*/
/*

gornja navigacija

*/

.navigacija_gore{
width:540px;
margin:0 auto;
height:30px;
text-align:center;
position:relative;
left:-2px;
font-family:Verdana;
color:#fff;
padding-top:5px;
padding-bottom:10px;
text-transform:capitalize;
}
.navigacija_gore td{
padding-right:1px;
}
#current{
background:#efefef url(../slike/button_h.gif) no-repeat;
color:#000;
padding-top:11px;
}
.navigacija_gore a{
width:90px;
height:28px;
padding-top:10px;
color:#000;
text-decoration:none;
font-weight:bold;
background:#efefef url(../slike/button.gif) no-repeat;
display:block;
}
.navigacija_gore a:hover{
color:#000;
background:#efefef url(../slike/button_h.gif) no-repeat;
text-decoration:none;
padding-top:10px;
}
/*

meni sa leve strane

*/
.menu{
z-index:1000;
padding:1px;
width:160px;
margin-bottom:10px;
text-align:center;
}
.menu a, .menu h2{
display:block;
font:bold 7.5pt Verdana;
text-indent:2px;
padding-top:3px;
}
.menu a{
text-decoration:none;
color:#000000;
background:#fff;
padding-top:4px;
padding-bottom:4px;
border-left:1px solid #999;
border-top:1px solid #999;
border-bottom:none;
border-right:1px solid #999;
}
.menu a, .menu a:visited{
text-decoration:none;
}
.menu a:hover{
color:#000;
background:#c7e1fb;
text-decoration:none;
}
.menu h2{
color:#000;
background:#efefef url(../slike/left_title_bg.gif) no-repeat;
text-transform:uppercase;
margin:0;
padding:0;
width:160px; /* sirina natpisa naslova menija */
height:20px;
text-align:center;
padding-top:6px;
}
.menu li{
list-style-type:none;
}
.menu ul li{
position:relative;
}
.menu li ul{
position:absolute;
top:0;
left:160px; /* udaljenost menija drugog nivoa od leve ivice */
display:none;
}
div.menu ul, .menu ul ul, div.menu ul ul ul{
margin:0;
padding:0;
list-style-image:none;
width:160px; /* sirina menija drugog nivoa koji nema treci nivo */
}
div.menu ul ul, div.menu ul ul ul, div.menu ul li:hover ul ul, div.menu ul li:hover ul ul ul{
display:none;
}
div.menu ul li:hover ul, div.menu ul ul li:hover ul, div.menu ul ul ul li:hover ul{
z-index:1000;
display:block;
}
/* Styling for Expand */
.menu a.x{
width:158px; /* siruna menija prvi nivo */
font-weight:bold;
text-indent:2px;
background:#fff url(../slike/arr.gif) no-repeat right;
}
.menu a.x:hover{
background:#c7e1fb url(../slike/arr_h.gif) no-repeat right;
}
.donji a{
border-bottom:1px solid #999;
}
.menu_footer{
height:10px;
background:#efefef url(../slike/left_footer_bg.gif) no-repeat;
clear:both;
}

<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */

/*
	this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
	of course, that means that it might require different styling then.
	in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
 */
.menu ul {
	visibility: visible;
	position: static;
}

.menu, .menu ul {	/* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* submenu goes to the right */
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
	color: #f00;
}

.menu .adxmhoverUL {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/*]]>*/
</style>

<![endif]-->