﻿  #pnlDescargas
    {
        /*background-color: #663366;*/
        background-image: url(~/Images/cal.gif);    
        padding-left: 8px;
        padding-right: 10px;
        color: #fff;
        width: 100%;
            
    }
        
        #pnlDescargas a {
	    color:#fff;
	    text-decoration:none;
        padding-left: 8px;
        padding-right: 10px;
        background-color: #663366;
            width: 250px;
                        
        }
    #pnlDescargas a:hover {
	    color:#ABC;
	    text-decoration:none;	
	    background-color: #680366; 
	    width: 250px;
    }
        
    #pnlDescargas a:hover span 
    {
	    color:#000;
	        padding-left: 5px;
	        width: 250px;
    }
    
    
    .textoDerecha 
    {
        
        font-size: 12px;
        width: 120px;
    }
    
    .cabeceraFacturacion {
        width: 100%;
        height: 20px;
        background-color: #663366;
        text-align: left;
        color: #fff;
        
    }
    

  /* Clase que tendra el tooltip */  
.cssToolTip {
    position: relative; /* Esta clase tiene que tener posicion relativa */
    color: #000000; /* Color del texto */
}

/* El tooltip */
.cssToolTip span {
    background: rgb(243, 243, 243);
    border: 4px solid rgb(255, 255, 255);
    border-radius: 5px;
    text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
    color: rgb(1, 1, 1);
    display: none; /* El tooltip por defecto estara oculto */
    font-size: 0.8em;
    padding: 5px 5px 5px 10px;
    max-width: 6000px;
    position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
    top: -100px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
    left: -200px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
    z-index: 98; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
    text-align: justify;
}

/* El tooltip cuando se muestra */
.cssToolTip:hover span {
    display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}
