/* todos los <ul> del menu incluyendo el principal */
.menulist {
z-index:1;
 margin: 0;
 padding: 0;
 list-style: none;
 font:10px  Arial, Helvetica, sans-serif; color:#FFFFFF;  text-transform:uppercase;
 padding-bottom:2px;
}
.menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font:10px  Arial, Helvetica, sans-serif; color:#FFFFFF;  
}

/* Submenus (<ul> ) escondidos y posicionas bajo su relativo*/
.menulist ul {
color:#FFFFFF;
 visibility: hidden;
 position: absolute;
 top: 2.5em;  /*espacio vertical en relacion con el padre */
 left: 0px;
 width: 180px;
 border-left: solid 3px #FF9900;  /* color del borde naranja*/

}

/* posicion de los submenus */
.menulist ul ul {
 top: 0px;
 left: 180px;
 color:#FFFFFF;
}

/*
todos los(<li> ). 'float: left' alineados arriba horizontalmente, y son posicionados relativamente y correctamente 
tambien tienen bordes solapados
*/
.menulist li {
 float: left;
 position: relative;
 background:#677686; /*color de las listas desplegables CAMBIAR AQUI*/
 /* border: 1px solid  #7A94B4; */
 margin-right: -1px;
 color:#FFFFFF;
}
/* elementos en el submenu - reescribem float/border/margin desde arriba, restaurando el estilo vertival*/
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
 border: 1px solid  #7A94B4;
 color:#FFFFFF;

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

/* enlaces dentro del menu */
.menulist a {
 display: block;
 padding: 3px;
 color:#FFFFFF;
 text-decoration:  none;
}

/* elementos: 'hover' es mouseover, 'highlighted' son los padres propietarios del menu */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color:#FFFFFF;
 background-color: #C9D3E0; /* color cuando se pasa por encima de los enlaces*/
 /*border-top:#cccccc solid 1px;
 border-bottom:#cccccc solid 1px;*/

}
.menulist  a.highlighted {
color:#FFFFFF;
 background-color: #677686; /* color que queda cuando se navega por una subclase , muestra la ruta del submenu*/
/*  border-top:#cccccc solid 1px;
 border-bottom:#cccccc solid 1px;*/

}

/*
si se quieren imagenes copiar
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
 color:#FFFFFF;
}
.menulist ul a .subind {
 display:  block;
 float: right;
 color:#FFFFFF;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
 color:#FFFFFF;
}
.menulist ul a {
 float: none;
 color:#FFFFFF;
}
/* \*/
.menulist a {
 float: none;
 color:#FFFFFF;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
 color:#FFFFFF;
}
* html .menulist  ul a {
 height: 1%;
 color:#FFFFFF;
}
/* End Hack */