/* box che contiene tutta la pagina personalizzato nel colore */
#contenitore {
width : 750px; /* larghezza del box */
border-bottom:10px solid rgb(182,169,195); /* bordo solido malva */
border-left:1px solid rgb(182,169,195);
border-right:1px solid rgb(182,169,195);
border-top:1px solid rgb(182,169,195);
color : #000; /* colore del testo nero */
margin-top: 0px; 
margin-right: auto; /* margini impostati lateralmente ad auto per centrare la pagina */
margin-bottom: 0px;
margin-left: auto;
text-align : left; /*testo allineato a sinistra - si compensa il testo centrato del body */
}

#top {
width: 750px;
/* altezza da regolare in base all'immgine di sfondo */
height:85px; 
/* url dell'immagine - path da dove si trova il foglio stile */
background-image: url("imm/angh.jpg");
background-repeat: no-repeat; 
}

#top h1 {
display: none;
}

/* sezione circolo */
#topCircolo{
width: 750px;
/* altezza da regolare in base all'altezza dell'immagine di sfondo + 5px */
height:85px; 
/* url dell'immagine - path da dove si trova il foglio stile */
background-image: url("imm/circolo.jpg");
background-repeat: no-repeat; 
}
#topCircolo h1 {
display: none;
}
/*------- Menu a linguette -------------*/
/* box contenitore padre */
div#menu{
border-bottom: 2px solid rgb(105,87,101); /* linea terra di base  */
padding-left: 10px;
} 

/* si eliminano le puntature della lista e si portano margin e padding a 0px */
div#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
}
/* si forza la lista a essere in linea */
div#menu li{
display: inline;
margin: 0;
padding: 0;
} 
/* formattazione dei link */
div#menu li a{
text-decoration: none;
border: 1px solid rgb(105,87,101); /* terra - bordo della linguetta */
padding: 0px 0.3em;
background: rgb(182,169,195); /*malva - fondo della linguetta*/
color: rgb(51,0,0); /*bruciato - colore dei link */
}
div#menu li a:hover{
background-color: rgb(229,230,251); /* azzurro chiaro */
}
div#menu li#attivo a{
border-bottom: 2px solid #fff;
background-color: #fff;
color: #603
} 


/* box flottante a sinistra di 215px - nella pagina ce ne stanno 3 */	
.boxSin	  { font-size: 10px; background-color: rgb(229,230,251); margin: 5px; padding: 10px; width: 215px; float: left; border: solid 1px rgb(105,87,101) }
/* box flottante a sinistra di 215px - nella pagina ce ne stanno 3 */	
.boxDestra	 { 
float: right;
padding: 10px;
margin: 5px;
background-color: rgb(229,230,251); /* azzurro chiaro */
border: 1px solid rgb(105,87,101); /* terra - bordo del box */
width: 215px;
 }
/* box flottante a sinistra di 335px - nella pagina ce ne stanno 2 */	
.boxSin2	 { 
float: left;
padding: 10px;
margin: 5px;
background-color: rgb(229,230,251); /* azzurro chiaro */
border: 1px solid rgb(105,87,101); /* terra - bordo del box */
width: 335px;
 }
 
/* ---- box a tutta pagina --- */
.boxTuttaPagina {
padding: 10px;
margin: 5px;
background-color: rgb(229,230,251); /* azzurro chiaro */
border: 1px solid rgb(105,87,101); /* terra - bordo del box */
width: 715px;
}

.boxTuttaPaginaConAngolo {
padding: 10px;
margin: 5px;
background-image: url(imm/angolo.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: rgb(229,230,251); /* azzurro chiaro */
width: 715px;
border-bottom: 1px solid rgb(105,87,101);
  }

.annullaLeft {
clear: left;
  }


p.piupic {font-size: 11px;  } 
p.piupicbold {font-size: 11px;font-weight: bold;  }

.pBox {
font-size: 10px;
padding: 0px;
margin: 0px; 
text-align: left;
 }

.grasCentrato {
font-size: 10px;
padding: 0px;
margin: 0px; 
font-weight: bold;
text-align: center;
 }  

/*--- Immagini ---*/
img.sinistra { 
float: left;
padding-right: 20px;
padding-left: 10px; }

img.destra {
float: right;
padding-right: 10px;
padding-left: 20px;
  }

.immBoxSin {
float: left;
padding-right: 5px;
padding-left: 0px;  }


/* ------ Titoli ------ */
 
p.scritturaAMano {
margin-left: 15px;
margin-right: 15px;
text-align: justify;
font-family: cursive;
font-size: 14px;
  }
	
p.data {
text-align: right;
margin-right: 20%;
font-family: cursive;
font-size: 14px;
  }		
	
p.firma {
text-align: left;
margin-left: 50%;
font-family: cursive;
font-size: 14px;
  }		

.imgNoLink {border: none;  }

/*--- Tabella ---*/
table.memorandia {
text-align: left; 
 }
 
table.memorandia td {
text-align: left;
font-size: 11px;
font-weight: bold;  } 

/* LISTE */

ul.alberghi {border-left: 1px solid #900; margin-left: 320px; }

ul.alberghi li  {list-style-position: inside; font-size: 12px; text-align: left; padding-right: 20px; padding-bottom: 5px;}