/* sono efiniti i contenuti comuni di 
 body, #fuoridatutto,#esterno,.sopra,.sotto,.centro,.sinistra,.destra,
 #bordosuperiore,#menusuperiore,#sottomenusuperiore1-2-3,#centrosx,#centrocentro,
 #centrodx,#menulaterale,#sfondo_sx_superiore-centrale-inferiore,#contenuto,
 #spaziatura_footer,#footer,#footerdx-sx
*/



body 
{    
    /*
    background-color :#666667 ;
    */
    background-color :#CAE3D8;
    border-width:0px;
    margin:0px;
  	}
	
	
/* influenza pesantemente ogni singolo oggetto non definito nelle varie pagine in modo dettagliato*/	
body *
{
    font-family:Verdana ;    
  	}

/* mi permette di spostare tutta la struttura in basso a o destra rispetto al body in blocco
   ponendo ad auto i margin il lato sup inf dx sx è posizionato in modo speculare*/
#fuoridatutto 
{
    position:relative ; 
    padding-top:0px; 
    width:800px; 
    margin: auto; 
 }

#esterno	
{   	
    position:relative;
    background-color: white ;
    background-repeat:no-repeat  ;
    /* così facendo non permetto uscite dal margine esterno*/ 
    float:left ;
    }

/* non specificando nulla riguardo a position o imponendo che sia static sono certo che terminato un
   blocco dei tre seguenti il contenuto seguente andrà a capo
   il fatto è che non posso però spostare il blocco se non lo definisco relative 
   o absolute*/
.sopra 
{ 
     position:relative; 
 clear:both ;    
    }
    
.centro
{
    position:relative;
       clear:both ;    
    }

/* è importante che sia static perchè si assicuri il suo posizionamento in
 fondo alla pagina*/

.sotto
{position:static; 
  clear:both ;  
    }

.sinistra
{
    position:relative ;
    float:left;
    }
    


/* usato per spaziare la testata del documento dal bordo superiore del div esterno*/
#bordosuperiore 
{display:none ;
  position:relative;
  border-width:0px;
  height:0px ; 
 margin:0px;
 padding:0px;    
 }



#menusuperiore {
position:relative ;
margin:0px;
padding:0px;
border-width:0px; 
top:105px;
width:578px;
height:83px; 
clear:both; 
float:right;
left:3px;
background-image:url(/images/menu_sopra.gif); 
background-repeat:no-repeat ; 
}


#menusuperiore ul 
{position:relative ;
text-decoration:none; 
margin:0px;
padding:0px;
border-width:0px; 
font-size:0px; 

}


#menusuperiore ul li 
{position:relative ;
text-decoration: none; 
margin:0px;
padding:0px;
border-width:0px; 
float:left ;
/* assegno una larghezza fissa ad ogni voce del menu*/
width:105px;
height:40px;
text-align:center ; 
/* bisogna porre inline per adattare a firefox che se no
fa comparire i pallini delle lite*/
display:inline;  
font-size:0px; 
}


#menusuperiore ul li a 
{
margin:0px;
padding:0px;
border-width:0px; 
position:relative ;
top:9px;
text-decoration: none; 
text-align: center;
font-size: 13px;
font-weight:bold ;
color:#5991AF;  
}

#menusuperiore ul li.corrente_superiore a{
margin:0px;
padding:0px;
border-width:0px; 
position:relative ;
text-decoration: none; 
text-align: center;
font-size: 13px;
font-weight:bold;
color:#D73000 ;  
}


#menusuperiore ul li a:hover {
position:relative ;
text-decoration: none; 
text-align: center;
font-size: 13px;
font-weight:bold;
color:#F8A518;  
}




/*usato come spaziatura tra il menu superiore e il path sottostante*/
#sottomenusuperiore1
{display:none;
 visibility:hidden ;
 height:100px;
	}



/*contiene il path attuale in alto a sx del sito*/
#sottomenusuperiore2
{ position: relative ;
  top:40px; 
  left:120px; 
  float:left; 
  font-size:0px; 
}

	
#sottomenusuperiore2 a
{ 
    text-decoration:none;
   color:#5991AF;
   font-size:10px;  
 position:relative ;
 left:20px;
 	}



/* usato anche per separare il contenuto superiore da quello inferiore*/
#sottomenusuperiore3
{ display:none ;
    height:100px;
  position: relative ;
  clear:both;
}


#centrosx
{ position:relative;
 border-width:0px;
margin:0px;
padding:0px;
width:215px;
}


#sfondo_sx_superiore
{position:relative; 
 width:215px;
 height:36px; /* quando non c'è contenuto o si specifica un'altezza o viene impostata una riga di default*/ 
 left:-32px;  /* è necessario spostarlo a sx della stessa quantita degli altri due sfondi centro e inferiore*/
 background-image: url(/images/sidetopleft.jpg);
 background-repeat:no-repeat;  
 clear:both; 
    }

#sfondo_sx_centrale
{position:relative; 
 width:215px;
 left:-32px;
 background-image: url(/images/sidemiddleleft.jpg);
 background-repeat:repeat-y ; 
    }

#menulaterale 
{  
    position:relative;
    clear:both; /* in tal modo il prossimo layer fratello andrà a capo*/
    width:180px;
    left :50px;
    /* lo sfondo è meglio specificarlo a livello più basso perchè più carino*/
     /* necessario per adattare a firefox*/
 }


#menulaterale ul
{   
     list-style-type:none ;
     display:inline;
     padding-left:0px; 
     margin-top:0px;
    }

#menulaterale ul li a
{
    display:none;
    position:relative;   
    }
    
#menulaterale ul li  
{ 
    list-style-type:none ;
    position:relative;
    display:inline;  
    width:180px;    
    padding-left:0px; 
    }    
            
#menulaterale ul li.corrente_superiore ul li
{
    }


#menulaterale ul li.corrente_superiore ul li a 
{
     position:relative;  
     left:0px;  
     display:list-item; 
     text-decoration:none; 
     font-size : 13px;
     font-weight:bold;   
     color:#5991AF ;
     border-bottom:solid 2px #efefef; 
     padding:5px 0px 0px 0px;

}

#menulaterale ul li.corrente_superiore ul li.corrente_laterale a 
{ 
    background-color:#D8F2D4;
}



#menulaterale ul li.corrente_superiore ul li a:hover 
{ 
   background-color:#DFE9ED;
}     


#centrosx  #login
{ 
  position: relative ;
  /*è utile usare la proprietà top e non 
    margin o padding per non creare problemi alla formattazione*/
  top:20px; 
  margin-bottom:10px; 
  height:90px; 
  width:180px;
  overflow:hidden ;  
  clear:both ;
  left:50px;
  background-color:#f7f7f6; 
	}

#ricerca
{ 
  /*è utile usare la proprietà top e non 
    margin o padding per non creare problemi alla formattazione*/
  top:20px;    
  position:relative;
  clear:both;
  width:215px;
  left:50px;
  padding-top:10px; 
  padding-bottom:10px; 
  height:50px;
    }


#ricerca .testo_ricerca 
{
  font-size:11px;    
}


#ricerca .bottone_ricerca 
{
  font-size:11px;    
}



#sfondo_sx_inferiore
{position:relative; 
 width:215px;
 height:36px; 
 left:-32px;
 background-image: url(/images/sidebottomleft.jpg);
 background-repeat:no-repeat;  
 clear:both; 
    }

#centrocentro
{width: 580px;
top:-50px;
border-width:0px;
margin:0px;
padding:0px; 

    }


#contenuto
{
position:relative;
width: 580px;
top:0px;
left:0px;
background-color:white ; 
overflow:hidden;
clear:both ;  
}




#centrodx 
{display:none ;
    
    }


#spaziatura_footer
{   position:relative ;
    clear:both;
    height:20px;  
    }

#footer 
{position:relative;
    clear:both;
    height:20px;   
  background-color:#f7f7f6;
    }

#footersx {
position:relative;
float:left ;
left:20px;
}

#footersx a 
{ font-size:10px;
 text-decoration:none; 
 color : #5991AF;
}

 #footercx {
position:relative;
width:600px; 
clear:both; 
}

/* le proprietà float e position:absolute non vanno d'accordo!!!!*/

 #footerdx {
position:relative;
float:right;
left:0px;
clear:left; 
}


#footerdx a 
{ font-size:12px;  
 text-decoration:none; 
 color : #5991AF;
  }

#footerdx span 
{ font-size:12px;
   font-weight:lighter;   
   color: #A089A3;
}