/* Contenedor del menu */

#menu{
    font-family: Arial, Verdana,  FreeSans ;
    float:       left;
    font-size:   11px;
}

/* Imagenes en el interior */

#menu img{
    border-style:   none;
    vertical-align: middle;
    width:          25px;
    height:         25px;
}

/* Enlace del menú que despliega los hidden blocks */

#menu a{
    display:         block;
    border-width:    1px;
    border-style:    solid;
    background:      #69B0F0;
    border-color:    #99AFFF;
    text-decoration: none;
    white-space:     nowrap;
    margin:          0;
    padding:         0 5px;
}

/* Detalles de los enlaces */

#menu a, #menu a:visited{
    color:#FFFFFF;
}

/* Detalles en el posicionamiento sobre los enlaces */

#menu a:hover{
    color: #100080;
    background:#FFFFFF;
}

/* Detalles sobre los enlaces que se activan en el menú */

#menu a:active{
    color:#69B0FF;
    background:#69B0FF;
}

/* Características de los contenedores de listas */

#menu ul{
    background:#69B0FF;
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    /*width:100px;*/
}

/* Características de las listas */

#menu li{
    position:relative;
    min-height: 1px;
    vertical-align: bottom;
}

/* Características de los submenues */

#menu ul ul{
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
    visibility:hidden;
    /*padding: 1em;
    margin:-1em 0 0 -1em;*/
}

/* Características de los submenues de los submenues */

#menu ul ul ul{
    top:0;
    left:100%;
}

/* Detalles del elemento del menu apuntado */

div#menu li:hover{
    cursor:pointer;
    z-index:100;
}

/* Ocultacion de los subelementos */

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul {
    display:none;
    visibility:hidden;
}

/* Despliegue de los subelementos escondidos */

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul {
    display:block;
    visibility:visible;
}