.menutitle{
           cursor:pointer;
           margin-bottom: 5px;
           background-color:#CCCCCC;
           color:#FFFFFF;
           width:100%;
           padding:1%;
           text-align:left;
           font-family: Arial, Helvetica, sans-serif;
           font-weight:bold;
           font-size: 100%; 
           border:none;
}

.submenu{
         font-family: Arial, Helvetica, sans-serif;
         font-weight: normal;
         margin-bottom: 0.5em;
         margin-left: 8%;
}


.subopcion:link {
	color:#CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 90%; 
}

.subopcion:visited {
	color:#CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 90%; 
}

.subopcion:actived {
	color:#CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 90%; 
}

.subopcion:hover {
	color: #0097EA;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 90%; 
}



.subopcionActiva:link {
	color:#CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 90%; 
}

.subopcionActiva:visited {
	color:#CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 90%; 
}

.subopcionActiva:actived {
	color:#CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 90%; 
}

.subopcionActiva:hover {
	color: #0097EA;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 90%; 
}