@charset "UTF-8";
/* CSS Document */

 

html,body{
    height:100%;
    margin:0;
	}
	
body>#container{
    height: auto;
    min-height: 100%;
}

body {
	font: "Times New Roman", Times, serif;
	background: #FCFAF3;
	background-image:url(../ita/immagini/bg.gif);
	background-repeat:repeat-x;	
	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 */
	
}
span{
padding:0;
margin:0;
}

.container { 

	width: 758px;  /* 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: url(../ita/immagini/centerBg.gif) repeat-y;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	height:100%;
} 

.header { 
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	background: #EEECE6; 
	/* 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: 184px; 
	font-size:0;
} 
.content{
	padding:0;
	margin:0;
	height:100%; 
	height: auto; 
	min-height: 100%;
	background-repeat:repeat-y;      
	width:758px;
}

.footer { 
	padding: 0; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#FFFFFF;
	clear:both;
} 

.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;

}

/*OLD CSS -- CONTROLLARE*/

.timesNewRoman13 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color: #006166;
}
a:link {
	color: #464646;
	text-decoration:none;
}
a:visited {
	color: #464646;
	text-decoration:none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
.font_nav {
	font-family: "Georgia", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	color: #482D22;
}
.fontA12 {
	font-family: "Georgia", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #482D22;
}
.fontA16 {
	font-family: "Georgia", Times, serif;
	font-size: 16px;
	line-height: 24px;
	color: #482D22;
}
.fontA14 {
	font-family: "Georgia", Times, serif;
	font-size: 14px;
	line-height: 24px;
	color: #482D22;
}
.fontA14_colorB {
	font-family: "Georgia", Times, serif;
	font-size: 14px;
	line-height: 24px;
	color: #464646;
}
.fontA14_colorC {
	font-family: "Georgia", Times, serif;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
}
.fontA20, h1{
	font-family: "Georgia", Times, serif;
	font-size: 20px;
	line-height: 20px;
	color: #7E6C63;
	font-style: normal;
	margin:0;
	padding:10px;
}
hr {
	margin:10px 0 0 0;
	border:0;
	height:1px;	
	}

/*HACK FOR IE < 7.0 */
/*
*html someclassname
{
   properties in here
}
*/
/* HACK FOR IE 7 only */
/*
*:first-child+html #lastoria[id] {
  	margin:18px 0 0 70px;
} */

.lastoria {
	width:330px; 
	height:411px; 
	padding:10px 0 0 0 ; 
	margin:0px 0 0 70px;
	/*-margin:18px 0 0 70px;*/
}

.comitato {
	width:611px;
	height:auto;
	padding:0 0 0 0;
	margin:18px 0 0 62px;
} 
.box1col {
	width:340px;
	padding:0 0 0 0;
	margin:0 0 0 62px;
}
.box2large {
	width:611px;
	padding:0 0 0 0;
	margin:18px 0px 0 62px;
}
.box3large {
	width:700px;
	padding:0 0 0 0;
	margin:0px 0px 0 62px;
}
.box2large2col {
	width:611px;
	padding:0 0 0 0;
	margin:18px 0px 0 62px;
}
.colContainer {
	background-color: #EEECE6;
	border-style: solid;
	border-color: #D8D6D1;
	border-width: 1px;
}
.colContainer p {
	padding:14px; margin:0;
}
.colContainer #colSX {
	float:left; width:280px; padding-right:20px;
}
.colContainer #colDX {
	width:300px;  float:left; 
}
.box1col p,  .box2large p, .stdbox p{
	padding:14px;
	margin:0 0 0 0; 
	background-color:#EEECE6; 
	border-style:solid; 
	border-color:#D8D6D1; 
	border-width: 1px;
}	
.stdbox_colorB{
	/*
	background-color: #FCFAF3;
	border-style: solid;
	border-color: #EEECE6;
	border-width: 1px;
	*/
}
.stdbox_colorB p{
	padding:14px;
	margin:0 0 0 0; 
	background-color: #FCFAF3;
	border-style: solid;
	border-color: #EEECE6;
	border-width: 1px;
}
.titolo {
	padding:0;
	margin:0;
	float:left;
	width:59px;
	/*height: 400px;
	 position:absolute;*/
	min-height: 100%;
	height:100%;
	height: auto !important; /*per i browser moderni */
     /* height: 600px;     per IE5.x e IE6 */
    /* min-height: 600px;  per i browser moderni */
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
.titolo h1 { 
	display:none
	}
.mainbg {
	background-image:url(../ita/immagini/bg_chisiamo.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-size: 0;
	margin:0;
	padding:0;
	height:100%;
}
.boxAttivita {
	margin:12px 12px 20px 12px;
	padding:10px;	
	width:172px;
	background-color:#EEEDEA;
	float: left;
}
.boxNews{
	margin:12px 12px 20px 12px;
	padding:10px;	
	width:170px;
	background:  #79675E repeat-x  url(../ita/immagini/panelNewsBg.jpg);
	float: left;
}
.boxPress{
	margin:12px 12px 20px 12px;
	padding:10px;	
	width:172px;
	background:  #818181 repeat-x  url(../ita/immagini/panelPressBg.jpg);
	float: left;
}
.boxPress hr{
	color:#818181;
	background-color: #818181;
	width:168px;
}
.boxNews hr{
	color:#79675E;
	background-color: #79675E;
	width:168px;
}
.boxAttivita hr{
	color:#FFF;
	background-color: #FFF;
	width:168px;
}
.boxItemData {
	margin:0;
	padding:2px;
	margin-top:10px;
	width:168px;
	background-color:#FFFFFF;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;
	font:Georgia, 'Times New Roman', Times, serif;
	font-size:12px;
	color:#482D22;
}
.boxItemBar {
	margin:0;
	padding:0;
	margin-top:10px;
	width:168px;
	height:2px;
	background-color:#999;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	color:#482D22;
}
.boxItem p, .boxItem a, .boxItem a:link, .boxItem a:active , .boxItem a:visited{
	margin:0;
	padding:2px;
	margin-top:2px;
	width:168px;
	font:Georgia, 'Times New Roman', Times, serif;
	font-size:14px;
	color:#707070;
}
.boxItem a:hover {
	color:#333;
	text-decoration:underline;
}
.boxNews p, .boxNews a, .boxNews a:link, .boxNews a:active , .boxNews a:visited{
	margin:0;
	padding:2px;
	margin-top:2px;
	width:168px;
	font:Georgia, 'Times New Roman', Times, serif;
	font-size:14px;
	color:#FBF9F2;
}
.boxNews a:hover {
	color: #CCCCCC;
	text-decoration:underline;
}
.boxPress p, .boxPress a, .boxPress a:link, .boxPress a:active, .boxPress a:visited{
	margin:0;
	padding:2px;
	margin-top:2px;
	width:168px;
	font:Georgia, 'Times New Roman', Times, serif;
	font-size:14px;
	color:#FFF;
}
.boxPress a:hover {
	color: #999999;
	text-decoration:underline;
}

.pageContainer{
	float: left;
	padding:0; 
	margin:10px 0 0 0px; 
	width:480px;
	/*height:100%;	*/
	border-bottom: 1px solid #EEECE6;
}
.pageContainerLargo{
	float: left;
	padding:0; 
	margin:10px 0 0 0px; 
	width:680px;
	/*height:100%;	*/
}
.titolopagina h2 {
	float:left	;
	font-family: "Georgia", Times, serif;
	font-size: 20px;
	line-height: 20px;
	color: #7E6C63;
	background-color:#EEECE6;
	font-style: normal;
	margin:10px 0px 10px 0px;
	width:460px;
	padding:10px; 	
}
.titolopagina_news h2 {
	float:left	;
	font-family: "Georgia", Times, serif;
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	background-color: #76645B;
	font-style: normal;
	margin:10px 0px 10px 0px;
	width:460px;
	padding:10px; 	
}
.titolopagina_press h2 {
	float:left	;
	font-family: "Georgia", Times, serif;
	font-size: 20px;
	line-height: 20px;
	color: #FFF; 
	background-color: #7F7F7F;
	font-style: normal;
	margin:10px 0px 10px 0px;
	width:460px;
	padding:10px; 	
}
.titolopagina_amici h2 {
	float:left	;
	font-family: "Georgia", Times, serif;
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	background-color: #76645B;
	font-style: normal;
	margin:10px 0 10px 0 ;
	width:440px;
	padding:10px;
	
}
.pageNavbar{
	font:Georgia, 'Times New Roman', Times, serif;
	font-size:12px;
	color:#482D22;
	line-height:18px;
	margin:2px 0 0 0;
	padding:0;
	width:100%;
	height:24px;
	border-bottom: 1px solid #EEECE6;
}
.pageNavbar #data{
	float:left;
	padding-bottom:10px;
	font-weight:bold;	
}
.pageNavbar #data_press{
	float:left;
	padding-bottom:10px;
	font-weight:bold;	
	color:#444;
}
.pageNavbar #container{
	margin:0;
	padding:0;
	float:right;
	text-align:right;	
}
.pageNavbar #level1name{
	/*width:auto;*/
}
.pageNavbar #thislevel{
	/*width:200px;*/
	background-color:#EEEDEA;
	padding: 2px 6px 2px 6px;
}
.pageNavbar #thislevel_news{
	/*width:200px;*/
	color:#FFF;
	background-color:#4A3025;
	padding: 2px 6px 2px 6px;
}
.pageNavbar #thislevel_press{
	/*width:200px;*/
	color:#FFF;
	background-color:#444444;
	padding: 2px 6px 2px 6px;
}
.fotoContainer{
	float:left;
	margin:10px 0px 0px 0px;
	width:476px;
	height:100%;
}
.fotoContainerLargo{
	float:left;
	margin:10px 0px 0px 0px;
	width:100%;
	height:100%;
}
.fotoitem{
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	background-color:#EEECE6;
	width:auto;
	height:auto;
	text-align:center;
}
.fotoitemWFix{
	float:left;
	margin:4px 8px 12px 8px;
	padding:2px;
	background-color:#EEECE6;
	width:204px;
	height:174px;
	text-align:center;
}
.fotoitem img{
	padding:4px;
}
.fotoitem p, .fotoitemWFix p{
	margin:2px;
	padding:4px;
	background-color:#FFF;
	font-family: "Georgia", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	color: #482D22;
	text-align:center;
}
.logoitem{
	float:right;
	margin:0 20px 10px 0;
	padding:0;
	width:auto;
	height:auto;
	}
.bodytext{
	float:left;
	margin:14px 0 10px 0px;
}
.bodytext p{
	width:460px;	
	padding:0;
	margin: 0;
	font-family: "Georgia", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #482D22;
	text-align:justify;	
}
.sottotitolo {
	float:left;
	width:100%;
	padding:0;
	margin: 0;
	background-color: #EEECE6;	
	}
.sottotitolo p{
	padding: 8px;
	margin: 0;
	font-family: "Georgia", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	color: #33333;
	text-align:left;
	text-transform: uppercase;
	}
.bodytext a, .bodytext a:link, .bodytext a:active{
	font-family: "Georgia", Times, serif;
	font-size: 12px;
	color: #333333;
	text-decoration:none;
	background-color:#EEEDEA;
	padding: 2px 6px 2px 6px;
}
.bodytext a:hover{
	font-family: "Georgia", Times, serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
	background-color:#482D22;
	padding: 2px 6px 2px 6px;	
}
.allegatiContainer{
	padding:0;
	width:460px;
	margin:14px 0px 2px 0px;
	float:left;/*provoca errore in ie6<<<<<<<<<<<<<<<*/
	/*height:100%;
	text-align:left;*/
}
.allegatiContainer h2{
	font-family: "Georgia", Times, serif;
	font-size: 18px;
	padding: 2px;	
	margin:0 0 10px 0;
	color: #482D22;	
	border-bottom: 1px solid #EEECE6;
}
.allegatoItem{
	margin: 6px 12px 6px 0;
	padding: 6px 0 6px 6px;
	background-color:#EEECE6;
	float:left;
	height:100%;
	width:200px;
	}
.allegatoItem img{
	height:40px;
	border:none;
	margin:0;
	padding:0;
	float:left;
	
}
.allegatoItem a{
}
.allegatoItem ul{
	float:left;
	margin:0;
	padding:0;	
	height:100%;
}
.allegatoItem li{
/*min-height:150px;
	height:40px;*/
	height:100%;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:inside;
	list-style:none;
	font-family: "Georgia", Times, serif;
	font-size: 0.7em;
	line-height:1.4em;
	color: #482D22;	
}
.allegatoItem p{
	float:left;	
	/*margin:0.5em 0 0.75em 0;*/
	margin: 0;
	padding: 0 6px 0 6px;
	width:140px;
	height:100%;
	}
.allegatoItem a:hover{
	
}
.bloccoSx {
	width:150px;
	margin:0.1em 0 0.7em 0.5em;
	padding:0;
	float:left;
	height:26px;
	
}
.bloccoSx p{
	float:left; 
	margin:0.2em 0 0.5em 0.5em; 
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1em;
	
}
.bloccoSx a, .bloccoSx a:link, .bloccoSx a:visited{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	color: #4A3025 ;
}
.bloccoSx a:hover{
	text-decoration:underline;
	color: #999999 ;
}
.listcontainer{
	margin:20px 0 20px 0;	
	}
.listitem,  .listitem a{
	background:#EEECE6;
	color:#444444;
	height:37px;
	margin:0 0 14px 0;
	padding:0 0 0 4px;	
	}
.listitem h3{	
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		font-weight:normal;
		}
.listitemBox{
	padding:4px 0 12px 4px;
	height:10px;
	width:300px;
	float:left;
	}
.btnBox{
		padding:4px;
		float:right;
		}