/* tooltip sobre enlaces (LIBFX: a.libfx-tooltip)
   uso: dentro de un a.libfx-tooltip poner:
   <em.tooltip><span></span>TEXTO DEL TOOLTIP</em> 
*/
a.libfx-tooltip em.tooltip{
 display: none;
 text-align: justify;
}

a.libfx-tooltip:hover {
 position: relative;
 z-index: 9;
}

a.libfx-tooltip:hover em.tooltip{
 display: block;
 position: absolute;
 top: 2.5em;
 left: 2em;
 padding: 6px 0.7em;
 width: 90%;
 border: 1px solid #c0c0c0;
 background-color: #ffffcc;
 color: black;
 text-decoration: none;
 font-style: normal;
 font-size: 89%;
}

a.libfx-tooltip em.tooltip span{
 position:absolute; 
 left:20px; 
 top:-6px; 
 width:11px; 
 height:6px; 
 background-color: transparent;
 background-image: url(../img/tooltip-sup.gif);
 background-position: 0 0; 
 display:block; 
 font-size:1px;
}

a.libfx-tooltip em.tooltip:hover{
 display: none;
}

a.libfx-tooltip img {
 border: none;
 float: right;
 margin-top: 3px;
 margin-left: 1em;
 margin-bottom: 2px;
}