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


@font-face {
    font-family: 'AlbanyStdRegular';
    src: url('../fonts/albanystd-webfont.eot');
    src: url('../fonts/albanystd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/albanystd-webfont.woff') format('woff'),
         url('../fonts/albanystd-webfont.ttf') format('truetype'),
         url('../fonts/albanystd-webfont.svg#AlbanyStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.navega {position:absolute; height:31px; max-height:31px; top:233px; left:183px; z-index:120; display:inline; font-size:0.8em; background:url(../img/bg_nav.png) no-repeat 0 0; display:block; padding:10px;   font-family: 'AlbanyStdRegular'; text-transform:uppercase; line-height:1.1em;}
.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; z-index:1000; margin-top:-3px;}
/*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;font-family: 'AlbanyStdRegular'; text-transform:uppercase; line-height:1.1em; position:relative; z-index:1100;}
/*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; width: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;    font-family: 'AlbanyStdRegular'; text-transform: none ;line-height:1.1em; font-size:1.1em;}
.navega ul ul .menuSub1Top {height:10px;}
.navega ul ul .menuSub1Bottom {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:#a40000; z-index:110;text-decoration:none!important; background:#3a3637!important;}
.navega ul ul :hover > a {color:#c33232; 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; top:36px;}