#menu {
width: 500px;
background: transparent;
text-align: center;
padding-top: 31px;
float: left;
}
#menu ul {
list-style: none;
margin: 0px 3px 0px 0px;
padding: 0;
width: 122px;
height: 33px;
float: left;
background-color: transparent;
background-image: url(images/bt_regular.gif);
background-repeat: no-repeat;

}
#menu ul:hover{
	background-image: url(images/bt_hover.gif);
	background-repeat: no-repeat;
}
#menu a, #menu h2 {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
display: block;
margin: 10px 0 0 0;
padding: 0px 2px;
}
#menu h2 {
color: Black;
background: transparent;
text-transform: capitalize;
padding-bottom: 6px; /* ovde ie pravi problem */
}

#menu a {
color: #2d3419;
background: transparent;
text-decoration: none;
}

#menu a:hover {
color: #dc5a0b;

}

#menu li {position: relative;}

#menu ul ul {

position: absolute;
z-index: 10500;
}
#menu ul li ul li, #menu ul li  {
	z-index: 11000;
}
#menu ul ul li {
	background-color: #fce4b3;
	border-bottom: 1px solid #FFFFFF;
	padding: 2px 5px 2px 6px;
	text-align: left;
	}
#menu ul ul li:hover {
	background-color: #f6fbe9;
	border-bottom: 1px solid #FFFFFF;
	padding: 2px 5px 2px 6px;
	}
#menu ul ul li a {
margin: 0px;
	padding: 2px 5px 2px 6px;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	
	}
	#menu ul ul li a:hover {

	color: #465C19;
	text-decoration: none;
	
	
	}
#menu ul ul ul {
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover 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
{
background-color: Blue;
display: block;}