@charset "UTF-8";
body  {
	background-color: #FCFFE6;
	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; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #222222;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
}



/* Suggerimenti per i layout elastici 

1. Poich� le dimensioni generali dei layout elastici sono basate sulla dimensione predefinita del carattere dell'utente, il risultato di questi layout � meno prevedibile. Se usati correttamente, risultano pi� accessibili per gli utenti che hanno bisogno di visualizzare i caratteri con dimensioni maggiori, perch� la lunghezza delle righe rimane proporzionale.

2. Le dimensioni dei div di questo layout sono basate sul 100% della dimensione del carattere nell'elemento body. Se si riduce la dimensione generale del testo specificando font-size: 80% nell'elemento body o in #container, ricordarsi che l'intero layout si ridurr� in proporzione. Per compensare eventualmente questo effetto, si pu� aumentare la larghezza dei vari div.

3. Se le dimensioni dei caratteri vengono modificate in modo diverso per ogni div anzich� a livello globale (ovvero, se si assegna a #sidebar1 una dimensione di carattere del 70% e a #mainContent dell'85%), le dimensioni generali di ciascun div verranno modificate in modo proporzionale. � possibile adattare il risultato in base alle dimensioni finali dei caratteri.

*/

.thrColElsHdr #container {
	width: 900px;  /* questa larghezza crea un contenitore che riempie una finestra del browser di 800 px se il testo viene lasciato alle dimensioni di carattere predefinite del browser */
	background: #FFFFFF; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 1px solid #AAAAAA;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

.thrColElsHdr #header {
	padding: 0;
} 

.thrColElsHdr #header h1 {

	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div � circondato da un bordo, questo accorgimento non � necessario perch� anche il bordo impedisce la compressione del margine */

	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */

}



/* Suggerimenti per sidebar1:

1. Se si imposta un valore font-size per questo div, la larghezza globale del div viene modificata di conseguenza.

2. Poich� si lavora in ems, � meglio non applicare un padding alla barra laterale, poich�, nei browser conformi agli standard, verrebbe aggiunto alla larghezza producendo una larghezza effettiva non prevedibile. 

3. Per creare spazio tra il lato del div e gli elementi al suo interno, � possibile applicare un margine sinistro e destro a tali elementi, come descritto nella regola ".thrColElsHdr #sidebar1 p".

*/

.thrColElsHdr #sidebar1 {
	float: left;
	width: 200px; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
	padding-top: 6px;
	padding-bottom: 15px;
	padding-left: 6px;
}


.intsidebar1 {
}

.intsidebar2 {
	background-color: #F9F9F9;
	margin: 8px;
}

.thrColElsHdr #sidebar2 {
	float: right;
	width: 190px;
	padding-bottom: 15px;
	background-color: #F9F9F9;
	border: thin solid #DDDDDD;
	margin-top: 8px;
	margin-right: 6px;
	margin-bottom: 8px;
	margin-left: 8px;
	text-align: center;
}

.thrColElsHdr #sidebar2 p {

    margin: 0;
	
}

.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {

	margin-left: 10px; /* � necessario applicare un margine sinistro e destro a ogni elemento che verr� inserito nelle colonne laterali */

	margin-right: 10px;

}



/* Suggerimenti per mainContent:

1. Se si assegna a questo div #mainContent un valore font-size diverso dal div #sidebar1, i margini del div #mainContent e la larghezza del div #sidebar1 saranno basati sui rispettivi valori font-size. Pu� essere utile modificare i valori di questi div.

2. Lo spazio tra mainContent e sidebar1 viene creato con il margine sinistro del div mainContent.  Indipendentemente dalla quantit� di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. � possibile rimuovere questo margine sinistro se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce.

3. Per evitare il problema del 'float drop', pu� essere necessario eseguire una prova per determinare le dimensioni massime approssimative dell'immagine o elemento, poich� questo layout � basato sulle dimensioni di carattere dell'utente combinate con i valori impostati. Tuttavia, se nel browser dell'utente la dimensione del carattere � impostata su un valore pi� basso del normale, nel div #mainContent sar� disponibile meno spazio di quello evidenziato nella prova.

4. Nel commento condizionale di Internet Explorer riportato di seguito, la propriet� zoom viene utilizzata per assegnare "hasLayout" a mainContent, al fine di evitare vari bug specifici di IE che potrebbero verificarsi.

*/

.thrColElsHdr #mainContent {
	margin-right: 210px;
	margin-left: 215px;
	padding-left: 10px;
	font-size: 14px;
	text-decoration: none;
	text-align: justify;
	color: #222222;
	background-color: #F9F9F9;
	border: thin solid #DDDDDD;
	margin-top: 8px;
	padding-top: 10px;
	padding-right: 10px;
} 


.thrColElsHdr #mainContentindex {
	margin-right: 210px;
	margin-left: 215px;
	color: #222222;
	margin-top: 8px;
} 

.thrColElsHdr #footer {
	background-color: #EEEEEE;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #AAAAAA;
	height: 45px;
	padding-right: 10px;
	padding-left: 10px;
} 

.thrColElsHdr #footer p {

	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */

	padding: 10px 0; /* il padding di questo elemento crea uno spazio, cos� come avverrebbe specificando un valore margin, senza il problema della compressione del margine */

}

.thrColElsHdr #validation {
	background-color: #FCFFE6;
	margin-top: 10px;
	padding-left: 325px;
}
 
.thrColElsHdr #ottimizzato {
	background-color: #FCFFE6;
	font-size: 9px;
	height: 7px;
} 

/* 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;
	margin-top: 10px;
}

.fltrtlink { /* 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: 0px;
	margin-top: 10px;
	width: 220px;
	padding-left: 5px;
	
}

.fltrtlink a { 
	text-decoration: none;
	color: #337799;	
}

.fltrtlink a:hover {
	text-decoration: underline;
	color: #337799;
}



.fltlft { /* questa classe pu� essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
	margin-top: 10px;
}

.fltlftlink{ /* questa classe pu� essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 0px;
	margin-top: 10px;
	width: 219px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #337799;
	text-align: right;
	padding-right: 5px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}


.urbangreymenu{
	width: 195px;
	margin-top: 0px;
}

.urbangreymenu .headerbar{
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*31px is left indentation of header text*/
	background-color: #66CC66;
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0px;
	text-align: center;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
	color: black;
	display: block;
	padding: 5px 0;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	background-color: #82BDD9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}


.urbangreymenu a:hover{
	color: white;
	background-color: #005FA9;
}





.attivo a:active{
	color: white;
	background-color: #005FA9;
}



.attivo a:visited{
	color: white;
	background-color: #005FA9;
}





.urbangreymenuris{
	width: 195px; /*width of menu*/
}

.urbangreymenuris .headerbar{
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*31px is left indentation of header text*/
	background-color: #66CC66;
	background-repeat: no-repeat;
	background-position: 8px 6px;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0px;
	text-align: center;
}

.urbangreymenuris ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenuris ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenuris ul li a{
	color: black;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	background-color: #DDDDDD;
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.urbangreymenuris ul li a:visited{
color: black;
}

.urbangreymenuris ul li a:hover{ /*hover state CSS*/
	color: white;
	background-color: #555555;
}


.indirizzocoop{
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.titolosidebar2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #F6633D;
	text-align: center;
	color: #EEEEEE;
	vertical-align: middle;
	font-weight: bold;
	margin-bottom: 6px;
	height: 24px;
	width: 190px;
}

.top {
	color: #FF6633;
	text-decoration: none;
}

a.top:hover{
	color: #FF6633;
	text-decoration: underline;
}

.ancor {
	color: #005FA9;
	text-decoration: none;
}

a.ancor:hover{
	color: #005FA9;
	text-decoration: underline;
}

.link {
	color: #000000;
	text-decoration: none;
}

a.link:hover{
	color: #005FA9;
	text-decoration: underline;
}

.bordoim {
	padding: 2px;
	border: 1px solid #888888;
	margin: 0px;
}



 div#containernews{
	overflow:hidden;
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border: thin solid #DDDDDD;
	background-color:  #F9F9F9;
	text-decoration: none;
}

#containernews a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration:none;
	background:none;
}
#containernews a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration:none;
	background:none;
}
#containernews a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration:none;
	background:none;
}
#containernews a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3300;	
}



 


.corpo {
	font-family: Arial, Verdana,  sans-serif;
	font-size: 12px;
	color: #444444;
	text-decoration: none;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.corpo1 {
	font-family: Arial, Verdana,  sans-serif;
	font-size: 12px;
	color: #555555;
	text-decoration: none;
}







#sx2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration:none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #E4E4E4;
	background:none;
}
#sx2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
		border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #E4E4E4;
	text-decoration:none;
	background:none;
}
#sx2 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration:none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #E4E4E4;
	background:none;

}
#sx2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration: underline;
	/*background-color:#cedeed;*/
	background-image:url(/client/images/colorlink.gif);
	background-repeat:repeat;	
}


#sx a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration:none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #E4E4E4;	
}
#sx a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
		border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #E4E4E4;
	text-decoration:none;
}
#sx a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration:none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #E4E4E4;

}
#sx a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration: none;
	/*background-color:#CEDEED;*/
	background-image:url(/client/images/colorlink.gif);
	background-repeat:repeat;
	
}

.destra {
float:right;
margin-left:7px;
padding: 1px;
border: solid 1px #CDC8C3;

}



.sinistra {
float:left;
margin-right:7px;
margin-bottom:7px;
padding: 1px;
border: solid 1px #CDC8C3;
}

.sinistra_senzabordo {
float:left;
margin-right:7px;

}
.destra_senzabordo {
	float:right;
	text-decoration: none;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CDC8C3;
	border-right-color: #CDC8C3;
	border-bottom-color: #CDC8C3;
	border-left-color: #CDC8C3;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-left: 7px;
}







h1 {
display:none;
}

h2 {
	font-family: Arial, Verdana, "San Seryf";
	font-size: 18px;
	color: #005FA9;
	margin-bottom:6px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h33 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 15px;
	color: #BE2F35;
	font-weight:bold;
	margin:0px;
	padding:0px;
	border-bottom-color:#CCCCCC; 
	border-bottom-style:solid; 
	border-bottom-width:1px; 
	margin-bottom:12px; 	
}

h4 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 13px;
	color: #E4701E;
	font-weight:bold;
	margin:0px;
	padding:0px;
	
}

h5 {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #E47010;
	font-weight:normal;
	margin:0px;
	padding:0px;
	
}
.Stile8 {	font-size: 11px;
	color: #777777;
}
.Stile9 {
	color: #005FA9
}

.Stile10 {
	color: #005FA9;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #1069AE;
	padding-bottom: 11px;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.evidenza {
	color: #FF3300;
	font-style: italic;
}

/* foto-----------------------------------------------------*/

.thrColElsHdr #containerfoto {
	width: 900px; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 1px solid #AAAAAA;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #555555;
} 


 #foto {
	margin-right: 10px;
	margin-left: 215px;
	font-size: 14px;
	text-decoration: none;
	text-align: justify;
	color: #222222;
	border: thin solid #DDDDDD;
	margin-top: 8px;
	padding-top: 5px;
	padding-left: 2px;
}

.bodyf  {
	background-color: #FCFFE6;
	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: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #222222;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
}