#menu {
    background: #003366;
}
#menu .top {
    background-color: #003366;
    font-family: arial;
    font-size: 11pt;
    padding: 0px 3px 0px 3px;
}
#menu .top a {
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
}

#menu .top a:hover {
    color: #999966;
    text-decoration: none;
    white-space: nowrap;
}
/*aqui se ajusta ancho de menu desplegable*/
#menu .section-top {
    border-color: #000000;
    border-width: 0px;
    border-style: solid solid solid solid;
    position: absolute;
	width: 125px;
    z-index: -1;
    visibility: hidden;	
}
#menu .section {
	color: #003366;
    border-color: #003366;
    border-width: 1px;
    border-style: solid solid solid solid;
    position: absolute;
	width: 125px;
    z-index: -1;
    visibility: hidden;
}
#menu .sub {
    position: relative;
    width: 100%;
}

#menu .box {
    background-color:#999966;
	color: #003366;
    font-family: arial;
    font-size: 11pt;
	width: 100%;
    padding: 0px 5px 2px 5px;
}

#menu .box-hover {
    background-color: #e8e8cd;
	color: #003366;
    font-family: arial;
    font-size: 11pt;
    font-weight: normal;
	width: 100%;
    padding: 0px 5px 2px 5px;
}
#menu .box-right {
    background-color:#999966;
    font-family: arial;
    font-size: 11pt;
    font-weight: normal;
	width: 100%;
    padding: 3px 12px 4px 5px;
}
#menu .box-right-hover {
    background-color: #999966;
	color: #003366;
    font-family: arial;
    font-size: 11pt;
    font-weight: normal;
	width: 100%;
    padding: 3px 12px 4px 5px;
}
#menu .box-right img, #menu .box-right-hover img {
	color: #003366;
    position: absolute;
	width: 100%;
}
#menu a {
    color: #FFFFFF;
    text-decoration: none;
    white-space: nowrap;
}
#menu a:hover {
    color: #003366;
    text-decoration: none;
    white-space: nowrap;
}