@charset "utf-8";
/* CSS Document */
#menu {
width: 190px; /* set width of menu */

background:#999;/* #eee;*/
z-index:1;


} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
z-index:1;
padding:0;

}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
	text-align:center;
	display: block;
	/*border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;*/
	
	border-bottom:2px solid white;
	border-right:1px solid white;
	
	margin-bottom:2px;
	z-index:1;
	
	margin: 0;
	padding: 2px 3px;
	font: bold 13px/20px arial, helvetica, sans-serif;

}

#menu h2 {
/*color: #fff;*/
background: #eee;
text-transform: uppercase;
z-index:1;
}

#menu a {
color: #fff;
background:url(../slike/poz_lin.jpg) repeat-x;
background-size:80%;
z-index:1;

/*background:#6E6E6E; /* #efefef;*/
text-decoration: none;
}

#menu a:hover {
color: #fff; /* #a00;*/
background: #fff;
background-image:url(../slike/ivan2.jpg);
z-index:1;
}

/*showing pop-up's */
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
z-index:1;


} 

#menu ul ul ul {
	border-top:1px solid white;
	z-index:1;
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;
}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
}