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


.nav {position:absolute; height:26px; max-height:26px; top:40px; left:454px; z-index:110; display:inline; font-size:0.7em;}
.nav ul {list-style:none; margin:0; padding:0;}

/* estilo para las listas de subnivel */
.nav ul ul {position:relative; width:15em; margin-top:-8px;}

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


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

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

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

* html .nav ul ul a  {width:14em; w\idth:12em; _width:147px;}
* html .nav ul ul .menuSub1Top {margin-bottom:-8px;}


/* estilo fondo 3r nivel */
.nav ul ul ul a {background:#ca0202; margin:0; background-image:url(../img/tira-menu2.gif); background-repeat:no-repeat; background-position:bottom;}
.nav ul ul ul .menuSub2Top {margin-bottom:-2px; background:url(../img/menu-2-top.gif); background-repeat:no-repeat; width:161px; height:8px;}
.nav ul ul ul .menuSub2Bottom {margin:0; background:url(../img/menu-2-bottom.gif); background-repeat:no-repeat; width:161px; height:10px;}

/* estilo fondo 2n nivel que despliega 3r nivel */
.nav ul :hover a.sub1 {background-image:url(../img/tira-menu-doble.gif); background-position:bottom right; background-repeat:no-repeat;}

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

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

/* 3r */
* html .nav ul ul ul a:hover {position:relative; z-index:120; text-decoration:none; color:#fff; background:#e42727!important;}
* html .nav ul ul ul .menuSub2Top {margin-bottom:-7px;}
.nav ul ul ul :hover > a {color:#fff; background:#e42727!important;}

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

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

/* manten el 3r nivel escondido cuando hacemos hover en el 1r */
.nav ul :hover ul ul {visibility:hidden;}

/* hacer visible el 3r nivel  cuando hover en el 2n nivel */
.nav ul :hover ul :hover ul {visibility:visible; left:10em; _left:10.95em; z-index:150;}