/*

Ajuste el ancho de los renglones en .menulist; p ej: 235
El desplazamiento a la derecha incluye el espacio entre el menu y su submenu; p. ej: 240
El color del fondo, p. ej: background: #EAEAEA;
Claro, el color de la liga y fondo en hover; p.ej. 
 color: #333333;
 background-color: #ffffff;
El color de la celda que tiene un submenu activo en:
 .menulist a.highlighted {
 color: #333333;
 background-color: #ffffff;
*/


/* Menú con despliegue vertical, con una imagen de 60 + 2 pixeles */


/* Todas las etiquetas <ul> en el menú, incluyendo las del primer nivel */
.menulist, .menulist ul {
 margin: 0;
 padding: 1px;
 width: 140px;
 list-style: none;
 background: #ffffff;
 border: 1px solid transparent;
 align: center;
}

/* Los submenús (etiquetas <ul>) se ocultan y están posicionados en modo absoluto respecto de su menu madre */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 2px;
 left: 150px;
 background: #ffffff;
 padding:5px;
 
}

/*
 Todas las entradas de los menús (etiquetas <li>) están posicionadas relativamente para no traslaparse al menú
 Sin bordes, originalmente
*/
.menulist li {
 position: relative;
 border: 0px solid transparent;
 padding: 1px 1px 1px 1px;
 background: #c4824e;
/* margin-bottom: 0px; */
 margin: 0px;
 color: #ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: normal;
 font-weight: normal;
 text-transform:uppercase;
}

.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Ligas dentro del menú */
.menulist a, .menulist a:visited {
 display: block;
 text-decoration: none;
 padding: 3px;
 color: #ffffff;
 border: 0px solid #00639C;
 font-weight: normal;
}

/* diablito para corregir que IE no soporta bordes transparentes */
* html .menulist a {
 border: none;
 margin: 0px;
}

/*
 Entradas: hover/focus = a la entrada actual.
 highlighted = entradas madre en los menús visibles
 Se puede usar una imagen de fondo background-image:url(file.gif) en lugar o además del color de fondo
*/

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 text-decoration: none;
 color: #330000;
 background-color: transparent;
 padding: 3px;
 border: 0px solid #ffffff;
 margin: 0px;
 font-weight: normal;
}

.menulist a.highlighted {
 text-decoration: none;
 color: #FFFFFF;
 background-color: #c4824e;
 padding: 1px 1px 1px 1px;
 border: 0px solid #ffffff;
 margin: 0px;
 font-weight: normal;
}

/*
 Para poner una imagen de fondo para cada entrada:
 1) Asigne una etiqueta única para cada liga en el menu, como: <a id="xyz" href="#">
 2) Copie y pegue esas líneas para cada liga a la que desee poner una imagen:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/
/*
.menulist a#1 {
 background-image: url(imagenes/cla/cla_1_01s.jpg);
}
.menulist a#1:hover, .menulist a.highlighted#1, .menulist a#1:focus {
 background-image: url(imagenes/cla/cla_1_01s.jpg);
}
.menulist a#2 {
 background-image: url(imagenes/cla/cla_2_01s.jpg);
}
.menulist a#2:hover, .menulist a.highlighted#2, .menulist a:focus {
 background-image: url(imagenes/cla/cla_2_01s.jpg);
}
.menulist a#3 {
 background-image: url(imagenes/cla/cla_3_01s.jpg);
}
.menulist a#3:hover, .menulist a.highlighted#3, .menulist a:focus {
 background-image: url(imagenes/cla/cla_3_01s.jpg);
}
.menulist a#4 {
 background-image: url(imagenes/cla/cla_4_01s.jpg);
}
.menulist a#4:hover, .menulist a.highlighted#4, .menulist a:focus {
 background-image: url(imagenes/cla/cla_4_01s.jpg);
}
.menulist a#5 {
 background-image: url(imagenes/cla/cla_5_01s.jpg);
}
.menulist a#5:hover, .menulist a.highlighted#5, .menulist a:focus {
 background-image: url(imagenes/cla/cla_5_01s.jpg);
}
.menulist a#6 {
 background-image: url(imagenes/cla/cla_6_01s.jpg);
}
.menulist a#6:hover, .menulist a.highlighted#6, .menulist a:focus {
 background-image: url(imagenes/cla/cla_6_01s.jpg);
}
.menulist a#7 {
 background-image: url(imagenes/cla/cla_7_01s.jpg);
}
.menulist a#7:hover, .menulist a.highlighted#7, .menulist a:focus {
 background-image: url(imagenes/cla/cla_7_01s.jpg);
}
*/

/* 'subind': indicadores de submenú, que se pegan automáticamente al contenido de las anclas 'A'. */
.menulist a .subind {
 float: right;
}

/* Este parche corrige errores en IE/Windows. \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* fin del parche */