/* common styling */
.menu {
font-family:Arial, Helvetica, sans-serif;
background-image:url(../img/fondomenu.jpg);
margin: 0px auto 0px auto;
width:761px; 
height:31px; 
position:relative; 
font-size:12px; 
z-index:100;
}

.menu ul li a, .menu ul li a:visited { /* TEXTO BOTONES */
display:block; 
text-decoration:none; 
color:#666666;
width:70px; 
height:31px; /* ALTO DE LOS CUADROS DEL MENU */
text-align:center; /* ALINEACION DEL TEXTO DE LOS BOTONES */
padding-left:0px;
border:0; 
background-color:transparent; /* COLOR FONDO CUADROS PRINCIPALES */
line-height:31px; 
font-size:12px; /* TAMAŅO TIPOGRAFIA */
overflow:hidden;
}

.menu ul {/* TODOS LOS BOTONES PRINCIPALES JUNTOS */
padding-left:53px; 
margin:0; 
list-style: none;
}

.menu ul li {/* TODOS LOS BOTONES PERO POR SEPARADO */
float:left; 
position:relative;
padding-right:41px;
}



.menu ul li ul {
display: none;
}


/* specific to non IE browsers */
.menu ul li:hover a {
color:#000000; /* COLOR TEXTO mouse sobre el cuadro principal */
background:transparent;/* mouse sobre el cuadro principal */
}

.menu ul li:hover ul {
display:block;
position:absolute; 
top:31px; /* SEPARACION ENTRE EL DESPLEGABLE Y EL TOP */
left:-50px; /* PARA CORRER EL DESPLEGABLE HACIA LA DERECHA (ESPACIO EN LA IZQUIERDA) */
width:50px; /* ANCHO DE LOS CUADROS DEL MENU */
}



/* DESPLEGABLE DENTRO DE OTRO */
.menu ul li:hover ul li a.hide {
background:none; /* -------------COLOR FONDO NORMAL MENU DESPLEGABLE DENTRO DE OTRO--------- */
color:RED;/* -------------COLOR FONT NORMAL MENU DESPLEGABLE DENTRO DE OTRO--------- */
}

.menu ul li:hover ul li:hover a.hide {
background:none; /* -------------COLOR FONDO NORMAL MENU DESPLEGABLE DENTRO DE OTRO--------- */
color:YELLOW;/* -------------COLOR FONT NORMAL MENU DESPLEGABLE DENTRO DE OTRO--------- */
}
/* DESPLEGABLE DENTRO DE OTRO */



.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block; 
background:#f2f2f2;/* COLOR FONDO NORMAL MENU DESPLEGABLE */
color:#666666;/* COLOR FONT NORMAL MENU DESPLEGABLE */
width:114px; /* ANCHO DE BOTONES MENU DESPLEGABLE */
text-align:left;/* ALINEACION DEL TEXTO DEL DESPLEGABLE CUADRO BLANCO */
padding-left:6px;
}

.menu ul li:hover ul li a:hover {
background:#e9e9eb; /* COLOR CUADRO DESPLEGABLE AL ENCIMA */
color:#000000; /* COLOR FONT DESPLEGABLE AL ESTAR ENCIMA */
} 



/* DESPLEGABLE DENTRO DE OTRO */
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:105px; /* -------------MARGEN LEFT MENU DESPLEGABLE DENTRO DE OTRO (QEDA A LA DERECHA)--------- */
top:0;/* -------------MARGEN TOP MENU DESPLEGABLE DENTRO DE OTRO--------- */
}

.menu ul li:hover ul li:hover ul.left {
left:-105px;/* -------------MARGEN LEFT MENU DESPLEGABLE DENTRO DE OTRO (QEDA A LA IZQUIERDA)--------- */
}
/* DESPLEGABLE DENTRO DE OTRO */