/* ///// CODIGO CSS PARA EL MENU HORIZONTAL ///// */

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/* Artículos del listado de niveles superiores */
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
}

/* El estilo de los artículos de links de menú de nivel Superior */
.horizontalcssmenu ul li a{
display: block;

/*

Transparencia para todo el Menú

filter:alpha(opacity=85);
-moz-opacity:0.85;
*/

width: 120px; /* La Anchura de los artículos de los links del menú de nivel superiores */
padding: 2px 8px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(../img/menubg.gif) center center repeat-x;
color: #FFFFFF;
font: bold 13px Tahoma;
}
	
/* Nivel del submenú */
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/* Subartículos de la lista del nivel del menú */
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Estilo que une el nivel del Submenú */
.horizontalcssmenu ul li ul li a{
width: 160px; /* La anchura del nivel del submenú */
font-weight: normal;
padding: 2px 5px;
background: url(../img/menubg.gif) center center repeat-x;
border-width: 0 1px 1px 1px;

/* Transparencia para los submenus */

filter:alpha(opacity=85);
-moz-opacity:0.85;

}

.horizontalcssmenu ul li a:hover{
background: url(../img/menubgover.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: url(../img/menubgover.gif) center center repeat-x;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../img/menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /* Para un párrafo (si alguno) que inmediatamente sigue el menú, añade 1em al espaciado superior entre los dos en IE */
padding-top: 1em;
}
	
/* Para IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }

/* End */