/*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:20px;

background:#efefef url(../slike/left_footer_bg.gif) no-repeat;

}

<!--[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]-->