/* BARA DE MENIU */

#menu {
height: 29px; /*HEIGHT-UL BAREI*/
width: 946px; /* WIDTH-UL MENIULUI */
margin: 0 ;
padding: 0;
display: block;
float:left;
position: relative;
background-color: #DDB040;/* BACKGROUND-UL BAREI DE MENIU */
}

/*  CSS SUB MENIU  */

#menu a {
font-size: 12px;  /* MARIMEA FONTULUI DE LA SUB MENIU */
font-family:Verdana; /*FONT-UL MENIULUI*/
text-align: left;
display: block;
margin: 0;
padding: 3px;
text-decoration: none;
color: #ffffff;  /* CULOAREA TEXTULUI DE LA SUB MENIU */
line-height: 26px;
margin: 2px;
width: 200px; /* WIDTH DE LA SUB PAGINI*/
height: auto;
font-weight: normal;
background: transparent;
background-color: #DDB040;
opacity: .9;
filter:alpha(opacity=90); /* IE's opacity*/
}

#menu a:hover {
	background-color:#C53A41;

}

/* CSS MENIU PRINCIPAL  */

#menu a.main_menu {
letter-spacing:2px;
font-size: 12px;
font-family:Verdana;
text-align: center;
margin:0;
padding: 8px 10px 7px 10px;
white-space: nowrap;
line-height: 14px;
height: auto; /* HEIGHT DE LA MENIUL PRINCIPAL*/
width: auto; /* WIDTH DE LA MENIU PRINCIPAL*/
color: #fff; /* CULOAREA TEXTULUI DE LA MENIU */
}

#menu a.main_menu:hover {
background: url(../images/selected_back.gif) center no-repeat;
}

/* MENU SELECTAT (PAGINILE PRINCIPALE)*/
#menu ul li .tree_selected .main_menu {
font-weight: bold;
background: url(../images/selected_back.gif) center no-repeat;
}

#menu ul li .tree_selected {
	font-weight: bold;
	background: url(../images/selected_back.gif) center no-repeat;
}

#menu ul li ul li{
border-bottom:1px solid #000; /* SEPARATOR SUB MENIU */

}

/* OTHER STUFF */
#menu li {
width:auto;
position: relative;
float: left;
}

#menu ul {
position: absolute;
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
display: block;
}

#menu ul ul {
position: absolute;
z-index: 900;
}

#menu ul ul ul {
top: 0px;
left: 100%;
}

#menu ul li ul li {
margin: 0px;
left: 0;
padding: 0;
top: 0px;

}


#menu ul li ul li a {
line-height: 20px;
margin: 0px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul,
div#menu ul ul ul ul li:hover ul ul,
div#menu ul ul ul ul ul li:hover ul ul/**/,
div#menu ul ul ul ul ul ul li:hover ul ul,
div#menu ul ul ul ul ul 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,
div#menu ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul ul li:hover ul /**/,
div#menu ul ul ul ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul ul ul ul li:hover ul
{display: block;}