@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	background-repeat: repeat;
	background-image: url(../images/sfondo.gif);
	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: #000000;
	
}

.tagcitta {
width :116px;
height:20px;
overflow:hidden;
display:block;
float:left;
font-weight:bold;
text-align:center;
text-decoration:none;
color:black;
font-sie:16px;
border:0px solid red;
padding:10px 5px 0px 0px;
margin:0px 0px 0px 0px;
background : url(../images/tag.png); 
}

.tagcitta2 {
width :116px;
height:20px;
overflow:hidden;
display:block;
float:left;
font-weight:bold;
text-align:center;
text-decoration:none;
color:red;
font-sie:16px;
border:0px solid red;
padding:10px 5px 0px 0px;
margin:0px 0px 0px 0px;
background : url(../images/tag.png); 
}

img {overflow:hidden;}
h2 a{
color:black;
}
.thrColFixHdr #containertop {
	width: 1000px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background: Transparent;
	background-image: url(../images/TopbarVuoto.png);
	background-repeat: no-repeat;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	margin-top: 30px;
	border: 0px solid #000000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	font-size: 10px;
	color: #141f25;
	height: 153px;
} 
hr {

color:#666;

}

.thrColFixHdr #headertop {
	margin: 0;
	padding: 122px 50px 5px 20px;  /* 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. */
} 

.thrColFixHdr #headertop h2 {
	font-size:16px;
	margin: 0;
}



#area_riservata {
color:#000;
float:right;
width:90px;
height:24px;
text-align:left;
text-decoration:none;
font-size:11px;
padding-top:5px;
}

.thrColFixHdr #headertop h2  a {

text-align:center;
text-decoration:none;
color:#black;
font-weight:bold;
}

.thrColFixHdr #container {
	width: 1000px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #4f8d8e url(../images/sfondo_body_1.png) repeat-y;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 0px solid #000000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
} 


.thrColFixHdr #header {
	background-image: url(../images/Chi-ITA.jpg);
	background-repeat: no-repeat;
	padding: 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. */
	height: 200px;
	background-position: top;
} 

.thrColFixHdr #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: 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}

.thrColFixHdr #menu{
	position: relative;
	float: left;
	width:180px;
	padding:0px;
	background-color:#e0e6ea;
	height: 100%;
	}
	
	
	/*stile generale dei link*/
	#menu div{
	/*allineamento verticale*/
	display:block;
	height:20px;
	overflow:hidden;
	margin-bottom:2px;
	font-size:14px;
	padding:8px 8px 8px 8px;
	/*immagine di sfondo*/
	background: transparent;
	/*rimuove sottolineatura*/
	text-decoration:none;
	/*rimuove bordo grigio aggiunto da FF*/
	outline:none;

	color:#141F25;
	text-align:justify;
	/*clear usato dovuto ad immagine floatati per mantenere altezza dell'elemento*/
	clear:both;
	/*cursor di default dei link - specificato per Internet Explorer*/
	cursor:hand;
	}
	/*stile dei titoli dei news*/
	#menu a {
	color:#141F25;
	font-size:12px;
	display:block;
	text-decoration:none;
	padding : 1px 0px 1px 9px;
	}
	#attiva a{
	color:#ad4053;
	text-decoration:none;
	display:block;
	background: transparent url(../images/TriangleRed.jpg) no-repeat 0px 5px;
	}

	#menu a:hover {
	color:#ad4053;
	text-decoration:none;
	display:block;
	marign:1px 0px 0px 1px;
	background: transparent url(../images/TriangleRed.jpg) no-repeat 0px 5px;
	}
	
	
	/*in apertura, gli elementi span contenuti nei link sono nascosti*/
	#menu a span{
	
	}
	/*stile delle immagine contenuti in span*/
	#menu a span img{
	/*rimuove bordi aggiunti di default dai browser a immagini linkati*/
	border:none;
	/*posizionamento a sinistra*/
	float:left;
	/*margine tra immagine e testo*/
	margin:0 10px 10px 0;
	}
	/*richiesto da Internet Explorer 6 per buon funzionamento del accordion*/
	#menu a:hover{
	border:0;
	}
	/*stile sullo stato hover dei link*/
	#menu a:hover b{
	color:red;
	/*cambio di posizione dell'immagine di sfondo*/
	background-position:bottom left;
	}
	#menu div ul{
	list-style: none;
	color:#141F25;
	padding:0px 0px 0px 25px;
	margin:10px 0px 0px 0px;
	}
	#menu div:hover{
	color:#ad4053;
	background:url(../images/arrow2.jpg) no-repeat 0px -28px;
	/*cambio da valore none a block - il span è visibile*/
	height:auto;
	/*spazio cuscinetto t
	ra bordi e contenuto*/
	
	padding:8px 8px 8px 8px;
	/*rimuove il cursor di tipo link per uno di default*/
	cursor:default;
	font-size:14px;
	}
	
	
	#menualto a{
	display:block;
	float:left;
	height:26px;
	width:100px;

	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	}
	#menualto a:hover{
	background:url(../images/arrow_up.png) no-repeat bottom center;
	}
	
	#menualto a.over{
	background:url(../images/arrow_up.png) no-repeat bottom center;
	}
	
	
	#menu div.attivo{
	color:#ad4053;
	background:url(../images/arrow2.jpg) no-repeat 0px -28px;
	/*cambio da valore none a block - il span è visibile*/
	height:auto;
	/*spazio cuscinetto t
	ra bordi e contenuto*/
	
	padding:8px 8px 8px 8px;
	/*rimuove il cursor di tipo link per uno di default*/
	cursor:default;
	font-size:14px;
	}
	
	#menu div.attivo2{
	color:#ad4053;
	
	/*cambio da valore none a block - il span è visibile*/
	height:auto;
	/*spazio cuscinetto t
	ra bordi e contenuto*/
	
	padding:8px 8px 8px 8px;
	/*rimuove il cursor di tipo link per uno di default*/
	cursor:default;
	font-size:14px;
	}
	
	
.thrColFixHdr #menu_top {
	
	text-align:center;
	background-color: transparent;	
	float:left;		
	text-align:center;
margin-left:50px;	

	}
	html>body .tabs {

	list-style-position: center;
	list-style: none;
	background:#E0E6EA;
	display:inline;
	padding:1px 0px 8px 0px;
	height:26px;
	margin:0;
	margin-left:-35%;
	position:relative;
	left:50%;
	
	white-space: nowrap;
    }
	
	.tabs {
	display:block;
float:left;
	list-style: none;
	list-style-position: left;


    }
	
   
	html>body .tabs li {

white-space: nowrap;
    }
	
   .tabs li {
	float:left;
    }
	
	
	
   .tabs li a {

	display:inline;
    padding: 10px;
	height:14px;
	white-space:  nowrap;
	font-size:11px;
	color:#141F25;
    text-decoration:none;
	text-align:center;
	line-height:34px;
    }
	
 
	
   .tabs li a:visited {
    }
	
   .tabs li a:hover {
	color:#ad4053;
	
	background:url(../images/TriangleVerde.jpg) no-repeat bottom center;
    }

	.tabs li a.attiva{

	color:#ad4053;
	font-weight:bold;
	background:url(../images/TriangleVerde.jpg) no-repeat bottom center;
    }
	
.thrColFixHdr #mainContent {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	float:left;
	width:760px;

	height: 100%;
} 

.thrColFixHdr #mainContent h2 {
display:inline;
color:#111;
padding:0px 40px 5px 15px;
margin-left:15px;

font-size:18px;
border-bottom:2px dotted #ccc;
}


.text_header{

color:#111;
font-size:11px;
margin-top:20px;
margin-left:20px;

}

.text_testo{

color:#111;
font-size:11px;
margin-left:28px;

}



.thrColFixHdr #footer {
	width: 1000px;
	background: Transparent;
	background-image: url(../images/Footer2.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: 0px;
	border: 0px solid #000000;
	height: 32px;
} 

.thrColFixHdr #footer p {

    background: Transparent;
	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 */

}


.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.*/

	float: left;
	margin-right: 8px;

}

.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;

}

.text_header_img {
	margin-left:20px;
}