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

}

/*Top level list items*/
.horizontalcssmenu ul li{
/*Esto coloca el submenu bien, pero el desplegable se corrompe, en mozilla firefox no va bien*/
*height:15px;
/* -----------*/
position: relative;
display: inline;
float: left;
/*Esto coloca correctamente el submenu en explorer 6*/
_margin-bottom: -15px; 

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
padding: 8px 5px;
border: 1px solid #797979;
border-left-width: 0;
border-top-width: 0;
border-bottom-width: 0;
text-decoration: none;
background: url(../pix/menubg.gif) center center repeat-x;
color: #FFFFFF;
font: 12px Verdana;
/* Este float está para que se vea bien en explorer 6*/
*float: left;

}
/*Top level menu link items style*/
.horizontalcssmenu ul li a:link		{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu ul li a:active	{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu ul li a:visited	{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu ul li a:hover		{color:#FFFFFF; text-decoration:none;}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #797979;
*border-top: 0px solid #797979;
_border-top: 1px solid #797979;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
/*Esto desplaza los desplegables hacia abajo en explorer, pero falta por colocar el borde superior del 1er elto.*/
*padding-top:15px;
/*Para explorer 6 lo fijo a 0.*/
_padding-top:0px;

}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 190px; /*width of sub menu levels*/
white-space: nowrap; 
/*Con estas dos opciones se logra que los submenus adapten su tamaño al texto que contienen, pero funciona mal en explorer 7*/
/*width: auto;*/
/*white-space: nowrap; */
text-align:left;
font-weight: normal;
padding: 8px 5px;
background: url(../pix/menubgb.gif) center center repeat-x;
border-width: 0 1px 1px 1px;
}
/*Top level menu link items style*/
.horizontalcssmenu ul li ul li a:link		{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu ul li ul li a:active	{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu ul li ul li a:visited	{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu ul li ul li a:hover		{color:#FFFFFF; text-decoration:none;}

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

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

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */




/* Estilos de menu para cuando rebasa el tamaño que se muestra bien*/
.horizontalcssmenu-peq{
width: 970px;
}
.horizontalcssmenu-peq ul{
margin: 0;
padding: 0;
list-style-type: none;
_height:13px;

}

.horizontalcssmenu-peq ul li{
/*Esto coloca el submenu bien, pero el desplegable se corrompe, en mozilla firefox no va bien*/
*height:15px;
/* -----------*/
position: relative;
/*Esto coloca correctamente el submenu en explorer 6*/
_margin-bottom: -15px; 
display: inline;
float: left;
 
}

/*Top level menu link items style*/
.horizontalcssmenu-peq ul li a{
display: block;
padding: 8px 5px;
border: 1px solid #797979;
border-left-width: 0;
border-top-width: 0;
border-bottom-width: 0;
text-decoration: none;
background: url(../pix/menubg.gif) center center repeat-x;
color: #FFFFFF;
font: 11px Verdana;
/* Este float está para que se vea bien en explorer 6*/
*float: left;
}
/*Top level menu link items style*/
.horizontalcssmenu-peq ul li a:link		{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu-peq ul li a:active	{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu-peq ul li a:visited	{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu-peq ul li a:hover		{color:#FFFFFF; text-decoration:none;}
	
/*Sub level menu*/
.horizontalcssmenu-peq ul li ul{
left: 0;
top: 0;
border-top: 1px solid #797979;
*border-top: 0px solid #797979;
_border-top: 1px solid #797979;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
/*Esto desplaza los desplegables hacia abajo en explorer 7, pero falta por colocar el borde superior del 1er elto.*/
*padding-top:15px;
/*Para explorer 6 lo fijo a 0.*/
_padding-top:0px;
}

/*Sub level menu list items*/
.horizontalcssmenu-peq ul li ul li{
display: inline;
float: none;
top: 0;
}


/* Sub level menu links style */
.horizontalcssmenu-peq ul li ul li a{
width: 190px; /*width of sub menu levels*/
white-space: nowrap; 
/*Con estas dos opciones se logra que los submenus adapten su tamaño al texto que contienen, pero funciona mal en explorer 7*/
/*width: auto;*/
/*white-space: nowrap; */
text-align:left;
font-weight: normal;
padding: 8px 5px;
background: url(../pix/menubgb.gif) center center repeat-x;
border-width: 0 1px 1px 1px;
}
/*Top level menu link items style*/
.horizontalcssmenu-peq ul li ul li a:link		{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu-peq ul li ul li a:active	{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu-peq ul li ul li a:visited	{color:#FFFFFF; text-decoration:none;}
.horizontalcssmenu-peq ul li ul li a:hover		{color:#FFFFFF; text-decoration:none;}

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

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

.horizontalcssmenu-peq .arrowdiv{
position: absolute;
right: 0;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu-peq ul li { float: left; height: 1%; }
* html .horizontalcssmenu-peq ul li a { height: 1%; }
/* End */