
/* div contenitore dell'effetto*/
#accordion_wrapper
{ 
    position: relative; 
    width: 100%; 
    border: 0px; 
    margin: 0px;
    padding: 0px; 
    overflow: hidden;
    }
    
    
/* div che contiene tutto il contenuto ma è dentro #accordion_wrapper 
   le sue proprietà non sembrano influire un granchè*/    
 #acAlignment
 {  position: relative; 
    border: 0px; 
    padding: 0px; 
    margin-bottom: 0px;
    margin-top: 0px; 
    margin-right: auto; 
    margin-left: 0px; 
    width: 500px;
    }
    

/*definisce le proprietà del titolo*/
.acToggle    
{
    width:500px; 
    padding-top:5px; 
    padding-bottom:5px; 
    padding-right:5px; 
    padding-left:5px;  
    margin-top:0px; 
    margin-bottom:0px; 
    margin-left:0px; 
    margin-right:0px;  
    border-top-width:0px; 
    border-bottom-width:2px; 
    border-left-width:0px; 
    border-right-width:0px; 
    border-style:solid; 
    border-color:#C4DAB3; 
    background-color:white;  
    cursor:pointer;
    text-align:justify ; 
    }

/* link che contiene anche il titolo del paragrafo*/
.acToggle a  
{
    font-size:12px; 
    color:#45357E; 
    cursor:pointer;
    }

/* influenza il titolo del paragrafo attualmente scelto*/
.acCurrent    
{
    text-align:justify ;  
    border-color:#bfbfbf; 
    background-color:white;  
    }

/* influenza il titolo del paragrafo attualmente scelto*/
.acCurrent a  
{
    font-size:12px; 
    color:#9582C8; 
    }
    
/* div del paragrafo relativo al titolo definito in actoggle*/    
.acStretch    
{ 
    width:440px; 
    margin-top:0px; 
    margin-bottom:0px; 
    margin-left:15px; 
    margin-right:15px;  
    padding-top:10px; 
    padding-bottom:10px; 
    padding-right:15px; 
    padding-left:15px;  
    border-top-width:5px; 
    border-bottom-width:5px; 
    border-left-width:1px; 
    border-right-width:1px; 
    border-style:solid; 
    border-color:#ffffff; 
    background-color:#f7f7f6; 
    }

.acStretch
{
    text-align:justify;
    font-family:Verdana;
    font-size:11px;   
    } 


#acAlignment h3 a 
{
    text-decoration:none;
    }
    
/* div finale che serve a non far sovrapporre il vari layer definiti*/    
.acStretchBottom 
{
    width: 99%; 
    clear: both;
    }        
    
    