#menulista {
		background-color: #b2dae7;
		height:25px;
		padding:2px 5px 2px 5px;
	}
	* html #menulista {
		padding: 2px 1px 1px 2px; /* IE6 */
	}
   #menulista li {
/*	   border:1px solid #b2dae7;
		background-color: #b2dae7; */
		float:left;
		list-style:none;
		margin:0 1px 0 0;
		padding:0px;
		text-align:center;
	}
   #menulista li a {
	 	background-color:#09C;
		color:#FFF;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:700;
		height:25px;
		line-height:25px;
		margin:0px;
		text-decoration:none;
		vertical-align:middle;
		display:block; /* para que funcione en mozilla */;
/*		width:107px; 800x600 */
		width:137px;
	}
   #menulista li a:hover {
	   background-color:#EC303A;
	}

/*
 * Estilos de configuraci�n de los men�s.
 *
 * El nombre de este estilo es configurable en la llamada a create_vert_menu
 *
 * Este estilo permite tocar el div que envuelve al men� de 1er nivel y dentro
 * del cual se ponen cada uno de los enlaces.
 *
 */
div.menu_vertical {
    border-right: 1px solid #09C;
    border-bottom: 1px solid #09C;
    border-left: 1px solid #09C;
    padding: 0px;
    background-color: #FFFFFF;

    margin: 0px;

    position: absolute; /* NECESARIO. No tocar */
    visibility: hidden; /* NECESARIO. No tocar */
	z-index: 99;
}

/*
 * Este estilo se aplica a cada una de las subopciones del men�
 * una vez que el usuario est� sobre ellas.
 */

div.menu_vertical a.sinflecha:hover, div.menu_vertical a.sinflecha:active {
    background-color:#EC303A;
    color: #FFF;
    border-top: 1px solid #FFF;
	 z-index: 99;
}

div.menu_vertical a.sinflecha {
    background-color:#fff;
    text-decoration:none;
    color:#09C;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:11px;
	 font-weight:700;
    text-align: left;
    margin: 0px;
	 border-top: 1px solid #09C;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    width: 200px;
    display: block;  // Necesario. No tocar
    float: none;  // Necesario. No tocar
	 z-index: 99;
}

div.menu_vertical a.conflecha {
    background-color:#fff;
    text-decoration:none;
    color:#09C;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:11px;
	 font-weight:700;
    text-align: left;
    margin: 0px;
    border-top: 1px solid #09C;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    width: 200px;
    display: block;  // Necesario. No tocar
    float: none;  // Necesario. No tocar
	 z-index: 99;
	background: White url(../img/navegacion/flecha.gif) no-repeat 98%;
}

/*
 * Estilo para las opciones de submenus nivel >= 2 cuando
 * el rat�n est� sobre ellas.
 */
div.menu_vertical a.conflecha:hover, div menu_vertical a.conflecha:active {
    background-color:#EC303A;
    color: #FFFFFF;
    border-top: 1px solid #09C;
	 z-index: 99;
}

/*
 * Estilos para los menus de nivel 2 en adelante
 */

/*
 * Estilos de configuraci�n de los men�s.
 *
 * El nombre de este estilo es configurable en la llamada a create_vert_menu
 *
 * Este estilo permite tocar el div que envuelve a los men�s de nivel 2
 * y superiores.
 *
 */
div.nivel2 {
    border-right: 1px solid #09C;
    border-bottom: 1px solid #09C;
    border-left: 1px solid #09C;
    padding: 0px;
    background-color: #FFF;
    /* Solo de ponemos el ancho a los A
    width: 240px;
    */
    margin: 0px;
    margin-top: 2px;

    position: absolute; /* NECESARIO. No tocar */
    visibility: hidden; /* NECESARIO. No tocar */
	 z-index: 99;
}

/*
 * Este estilo se aplica a cada una de las subopciones del men�.
 */
div.nivel2 a.sinflecha {
    background-color: #FFF;
    background-image: none;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    text-align: left;
    margin: 0px;
    border-top: 1px solid #09C;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 0px;
    width: 200px; /* ancho = ancho del div - paddings */
    background: #FFFFFF;
    color: #09C;
    display: block;  /* Necesario. No tocar */
    float: none;  /* Necesario. No tocar */
	 z-index: 99;
}

/*
 * Este estilo se aplica a cada una de las subopciones del men�
 * una vez que el usuario est� sobre ellas.
 */
div.nivel2 a.sinflecha:hover, div.nivel2 a.sinflecha:active {
    background: #EC303A;
    color: #FFF;
    border-top: 1px solid #09C;
	 z-index: 99;
}

div.nivel2 a.conflecha {
    background-color:#fff;
    text-decoration:none;
    color:#09C;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:11px;
	 font-weight:700;
    text-align: left;
    margin: 0px;
    border-top: 1px solid #09C;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    width: 200px;
    display: block;  // Necesario. No tocar
    float: none;  // Necesario. No tocar
	 z-index: 99;
	background: White url(../img/navegacion/flecha.gif) no-repeat 98%;
}

/*
 * Estilo para las opciones de submenus nivel >= 2 cuando
 * el rat�n est� sobre ellas.
 */
div.nivel2 a.conflecha:hover, div.nivel2 a.conflecha:active {
    background-color:#EC303A;
    color: #FFFFFF;
    border-top: 1px solid #09C;
	 z-index: 99;
}