#outer {
width:100%; 
height:25px;  
overflow:show;
}

#menu {
list-style-type:none; 
padding:0; 
margin:0;
}

#menu ul {
list-style-type:none; 
padding:0; 
margin:0;
}

#menu li {
float:right; 
background:#999; 
margin:0; 
position:relative;
}

#menu li_salir {
float:left; 
background:#999;
margin:0;  
position:relative;
}

#menu ini {
float:right; 
background:#999; 
margin:0; 
position:relative;
}

/* for IE5.5 and IE6 only */
#menu table {
border-collapse:collapse;
position:absolute;
top:0;
left:0;
z-index:80;
font-size:1em;
}

#menu li a {
width:auto; 
height:25px; 
display:block; 
color:black; 
font-family:calibri, sans-serif; 
font-size:14px; 
line-height:24px; 
text-decoration:none; 
text-align:right;
padding: 0 10px 0 5px;
}

#menu ini a {
width:120px; 
height:25px; 
display:block; 
color:white; 
font-family:calibri, sans-serif; 
font-size:14px; 
line-height:24px; 
text-decoration:none; 
text-align:center;
}
/*
#menu :hover {
opacity: 0.9;
background:#666;
}

#menu :hover > a {
opacity: 0.9;
background:#666;
}
*/
#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {
position:absolute; 
left:-9999px; 
width:128px;
}

#menu :hover ul{
left:0;
top:25px; 
background:url(transparent.gif);
} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {
padding:0; 
left:125px; 
top:0;
}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {
padding:0; 
left:-131px; 
top:0;
}