body  {
	/*background: #991f23;*/
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse 
	impostazioni predefinite dei browser*/
	padding: 0;
	text-align: left; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento
	predefinito a sinistra nel selettore #container */
	font-size: small;
	color: #000000;
	font: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#container {
	width: 95%;
	/*width: 90%;  /* crea un contenitore pari all'80% della larghezza del browser */
	background: #FFFFFF;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 1px solid #000000;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
} 

#header {
	background: #7B889D;
	text-align: left;
	margin: 0;	 /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header 
	viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
} 

#sidebar1 {
	float: left; /* questo elemento deve precedere nell'ordine di origine qualunque elemento accanto al quale deve essere posizionato */
	width: 16%; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	background: #7B889D; 
	padding: 0px 10px;
	font-size: small;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#mainContent {
background-color:#fff;
	float:right;
	width: 78%;
	margin-left:5px;  
	color: #700203;
	padding: 5px;
	text-align: left;
	font-size: small;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#footer {
	padding: 0px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background: #7b889D;
	margin-right:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
} 


/* Classi varie riutilizzabili */
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve 
precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina. L'elemento reso mobile 
deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}

a{
	color: #FFF;
	text-decoration: none;	
}
a:hover {
	color: #FFCC00;
	font-size: small;
	text-decoration: none;
}
.linkverde  {
	color:#006600;
}
.rossobold {
	font-weight: bold;
}
.verde {
	font-size: 14px;
	color: #060;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.rosso {
	color: #710100;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
.rossolarge {
	color: #710100;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
	
.BannerGrigino {
	font-size: xx-large;
	color: #EBEBEB;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.caratteri-medium {
	font-size: medium;
}
.p1 {
	font-size:large;
	font-weight:bold;
}
.p2 {
	font-size:medium
}
.margineDX15 {
	margin-right: 15px;
}
.margineDX50 {
	margin-right: 50px;
}
.margineSX30 {
	margin-left: 30px;
}
.margineSX50 {
	margin-left: 50px;
}
.margineSX100 {
	margin-left: 100px;
}