html,body{margin:0;padding:0}
body{
	background-image: url('/csp/img/sfondo.jpg');
	background-position: 50%;
	background-repeat: repeat-y;
	background-color: #E0C98F;
	font-family: Georgia;
	font-size: 12px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

div#container{text-align:left;margin:0 auto}
div#header{
	height: 316px;
	background-image: url(img/civitella2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #000;
margin:0;padding-left:10px;}
div#header1{
	height: 150px;
	background-image: url(img/civitella3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #000;
margin:0;padding-left:10px;}
#pulsantiera{


	background-image: url(img/corpo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #000;

}
div#content p{line-height:1.4}



div#container{width:800px}
div#wrapper{
	background-image: url(img/corpo.jpg);
	background-repeat: repeat-y;
	background-position: center;
	float: left;
	width: 100%;
}

div#navigation{float:left;width:190px;margin-left:-770px}
div#content{
	margin: 0 230px;
}
div#extra{float:left;width:190px;margin-left:-220px}

div#footer p{
	margin: 0;
	padding: 10px 10px 1px;
}
div#footer{
	clear: left;
	height: 66px;
	background-image: url(img/tappo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	color: #000;
	padding-top: 1px;
}

a, a:link, a:active, a:visited{  font-style:normal; text-decoration:none; color:#0066CC; }
a:hover { text-decoration:none; color:#000333; }
img { border:0px none; }




/** MENU 1 ** roll-over basato solo sui colori **/
ul.menu1 { 
width:150px;
text-decoration: none;
/* elimino i punti elenco */
margin:0; 
padding:0; 
list-style-type:none;  
color:#333333;
/*font-family:Verdana; */


}
ul.menu1 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
/* lascia spazio fra il bordo del menu e il testo del link font-weight:bold;*/
height:1em;line-height:1em;   padding-left:1em; 
padding-right:1em; 
padding-top:1em; 
padding-bottom:1em;
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */ 


}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu1 li a:link, ul.menu1 li a:visited { 
background-position: 0% 0%; color:#666666;;background-image:url('none'); background-repeat:repeat; background-attachment:scroll; 
} /* colori per il link */

ul.menu1 li a:hover, ul.menu1 li a:active { 
text-decoration: none;
background: #CCCCCC;
color:#800000

} /* colori per l'effetto roll-over */



#briciole { margin-bottom:1em; text-align:left }
#briciole span { font-weight:bold; }



/* --- elementi --- */
.giustificato { text-align:justify; }
.centrato { text-align:center; }
.piccolo { font-size: 8pt;font-family:Tahoma }
.piccolissimo { font-size: 7pt;font-family:Tahoma }
.right { text-align:right; }
.evidenziato { background-color:#FFFF00; font-style:italic; }
.explain { font-style:italic; }
.divider { width:90%; margin-top:1em; border-top:1px dashed #cccccc; }
.linklog { margin-top:1em; margin-bottom:1em; background-color:#D8E5E7; padding:7px; border:1px solid #87BAC2; }
.sopra { margin-bottom:1em; }
.sotto { margin-top:1em; margin-bottom:1em;  text-align: center;  }
.titolo {
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
}
.tevento { margin-bottom:1em; font-weight:bold; color:#000080 }
.fleft { float:left; }
.fright { float:right; }
.pagine { text-align:center; }
.pagine span { font-weight:bold; }

/* --- moduli --- */
.modulo {  }
.tmodulo {border:1px dotted #808080; padding:10px; background-color: #FFFFFF; margin-bottom: 3px;  margin-top: 3px; text-align:left ; }
.box { 

border:1px solid #808000; padding:10px;  margin-bottom: 3px;  margin-top: 3px; text-align:left  }



.calendario 
{ border-collapse:collapse; 
border-spacing:0; 
width:112px; 
text-align:center; 
border:1px solid #CCCCCC; 
font-size:8px;
font-family:Arial;}


.calendario td { width:16px; height:16px; text-align:center;  }
.calendario td.wide { width:110px; height:16px; text-align:center;}
.calendario td a { font-weight:normal; }
.calendario .giorni td {  font-style:italic;  }
.calendario .scuro { background-color:#f3f3f3; }
.calendario .chiaro { background-color:#fcfcfc; }
.calendario .oggi { background-color:#CAE4FF; }
.calendario .evento {background-color:#FFFFCC;background-image:url('img/evento.gif')}
.calendario .intestazione {font-weight: normal; text-align:center; color:#800000; vertical-align: middle;}

/* the news box */
#news
{
	width: 190px;
	background: #AD8A52;
}
#news a
{
	color: Teal;
}

#news ul
{
	margin: 0 .5em 0 1em;
	padding: 0;
	font-family: Georgia, Tahoma;
	list-style-type:none;  

}
#news li{
	line-height:2em;
	color: White;
	
}
/* the news box when JavaScript is available */
#news.hasJS
{
	height:120px;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
	top:120px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
}