div.tooltip {
position: relative; /* es la posición normal */
/*text-decoration: none !important; /* forzar sin subrayado */
/*color:#0080C0 !important; /* forzar color del texto */
/*font-weight:bold !important; /* forzar negritas */
font-size: 11px !important; 
font-family: Arial, Helvetica, sans-serif !important;
font-style: bold; color : #E7AC09 !important;
}

div.tooltip:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#245EA5; /* DEBE haber un color de fondo */
}

div.tooltip span {
display: none; /* el elemento va a estar oculto */
}

div.tooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:0em; left:15em; /* donde va a estar */
width:200px; /* el ancho por defecto que va a tener */
padding:4px; /* la separación entre el contenido y los bordes */
background-color: #245EA5; /* el color de fondo por defecto */
color: #E7AC09; /* el color de los textos por defecto */
border:1px solid ;
}