/*============================================================*/
/*=========================MENÚ===========================*/
/*============================================================*/

.navega {position:absolute; height:31px; max-height:31px; top:233px; left:220px; z-index:120; display:inline; font-size:0.8em;}
.navega ul {list-style:none; margin:0; padding:0;}

/* estilo para las listas de subnivel */
.navega ul ul {position:relative; width:16em; margin-top:-5px; z-index:15;}

/* flotamos los items del menú principal -1r nivel- para hacerlo horizontal y de posición relativa para controlar la posición del menú desplegable */
.navega ul li {position:relative; float:left; display:block; padding:0; height:31px;}
/*estilo sub nivel items*/
.navega ul ul li {position:relative; display:block; line-height:1.5em; height:auto; _height:1.2em; line-height:1em;}
/*estilo para los links del PRIMER NIVEL - principal*/
.navega ul li a {display:block; height:31px; text-decoration:none;}
/*oculto el texto*/
.navega ul li a span {display:none;}
/*cuando hago el hover cambio la imagen de posición para hacer rollover*/
.navega ul li a:hover {background-position:bottom;}
.navega ul li a.seleccion {background-position:center;}

/*===================marcaje botones==========================*/

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .navega a {position:relative; width:161px; w\idth:161px;}

/* estilo de sub nivel links 2n nivel */
.navega ul ul a {display:block; background:#262324; color:#fff; width:149px; height:100%; padding:5px 3px 5px 11px; background-image:url(../img/tira-menu.gif); background-repeat:repeat-x; background-position:bottom; line-height:1.1em;}
.navega ul ul .menuSub1Top {background:url(../img/menu-1-top.gif); height:10px;}
.navega ul ul .menuSub1Bottom {background:url(../img/menu-1-bottom.gif); height:5px;}
.navega ul ul .menuSub1Top, .navega ul ul .menuSub1Bottom {margin:0; background-repeat:no-repeat; width:163px;}

* html .navega ul ul a  {width:149px;}
* html .navega ul ul .menuSub1Top {margin-bottom:-8px;}

/* estilo niveles hovers */
/* 1r */
.navega li:hover {position:relative;} /*importante para que mantenga la posición del desplegable en relación a */

/* 2n */
* html .navega ul ul a:hover{position:relative; color:#da340e; z-index:110;text-decoration:none!important; background:#3a3637!important;}
.navega ul ul :hover > a {color:#da340e; background:#3a3637!important;}

/* esconde el sub nivel y le da una posición absolute para que no ocupe espacio */
.navega ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:14em; z-index:100px;}

.navega ul :hover {background-position:bottom;} 

/*hacer 2n nivel visible cuando se hace hover en en 1r nivel o linka */
.navega ul :hover ul {visibility:visible; height:auto; padding:0 3em 3em 3em; left:-3em;}