/* BARA DE MENIU */

#menu {
width: 938px; /* WIDTH-UL MENIULUI */
margin: 0 ;
padding: 0;
background:url("../images/template_1/menu_bg.jpg") repeat-x;

}

/*  CSS SUB MENIU  */

#menu a {
text-align: left;
display: block;
margin: 0;
padding: 3px 3px 3px 10px;
text-decoration: none;
line-height: 25px;
width: 210px; /* WIDTH DE LA SUB PAGINI*/
height: 25px;
font-weight: bold;
background:url("../images/template_1/menu_bg.jpg") right bottom repeat-x;
opacity: .9;
filter:alpha(opacity=90); /* IE's opacity*/
text-transform:uppercase;
}

#menu a:hover {
	background:url("../images/template_1/menu_a_hover_bg.jpg") right no-repeat ;
}

/* CSS MENIU PRINCIPAL  */

#menu a.main_menu {
letter-spacing:2px;
text-align: center;
margin:0;
/*padding: 8px 18px 7px 2px;*/
padding: 0 9px;
white-space: nowrap;
height: 41px; /* HEIGHT DE LA MENIUL PRINCIPAL*/
width: auto; /* WIDTH DE LA MENIU PRINCIPAL*/
background:url("../images/template_1/menu_a_bg.jpg") right no-repeat;
text-transform:uppercase;
font-weight: bold;
line-height: 41px;
}


#menu a.main_menu:hover {
	background:url("../images/template_1/menu_a_hover_bg.jpg") right no-repeat ;
}

#menu ul li .tree_selected a.main_menu{
	background:url("../images/template_1/menu_a_hover_bg.jpg") right no-repeat ;
}

/* 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;}

#menu ul li ul {
	width:220px;
	position: absolute;
	top: 41px;
	left: 0;
}