/*----- isanti.css - by Cristina De Simone -----*/

/*Nota: Layout con problemi di Box Model, risolti con una immagine di background nel div#corpo, ma attenzione... a Firefox!!! Se un div contiene solo div float, per lui è come se il div contenitore fosse vuoto, per cui non mette il background. Risolto tutto dando float anche al div#corpo, che però avendo dei margini auto per centrarlo nella pagina, ho dovuto contenerlo a sua volta in un contenitore div#wrapCorpo.*/

/*------porto a zero tutte le regole fastidiose-------*/	
html, body, div, p, ul, ol, h1, h2, h3, h4, img {
	margin: 0px; 
	padding: 0px;
	}
ul {
	list-style-type: none;
	}
img {
	border : 0px;
	}
	
/*------INIZIO------*/
html, body {
	height: 100%;
	width: 100%;
	}
body {
	background-color: #990000;	
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;/*per allineare i div al centro*/
}
h2 {
	color: #9B7A35;
	font: bold 28px/28px "Times New Roman", Times, serif;
	text-align: right;
	padding-bottom: 20px;
    }
h3 {
	color: #9B7A35;
	font: bold 16px/16px "Times New Roman", Times, serif;
	text-align: left;
	padding-bottom: 15px;
    }
hr {
	display: none; /*per dividere i contenuti in modalità solo testo*/
	}

/*-------header-------*/
#header {
	width: 100%;
	height: 350px;
	background-image: url(../img/bg_head_body.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
#headerWrap {
	width: 750px;
	height: 350px;
	margin: 0px auto;
	background-image: url(../img/bg_head.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	position: relative; /*necessario per poter contenere i div assoluti*/
	text-align: left; /*per mettere a sinistra il logo in flash*/
	}
#containerLogo {
	width: 750px;
	height: 330px;
	position: absolute;
	z-index: 10; /*questo lo colloca sotto ai menu*/
	left: 0px;
	top: 0px;
	background-image: url(../img/decori_head.gif);
	background-repeat: no-repeat;
	background-position: right 80px;	
	text-align: left;
	}	
#flashlogo {
	width: 580px;
	height: 330px;
    font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	color: #c7c690;
	} 
	
/*------contenitore centrale------*/
#wrapCorpo { /*questo contiene tutto il corpo centrale e centrato nella pagina*/
	width: 750px;
	margin: 0px auto;
	}
#corpo {
	width: 750px;
	background-image: url(../img/bg_body1px.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	position: relative; /*serve a contenere le due colonne*/
	float: left; /*serve a Firefox per fargli vedere il background*/
	}
#corpo a, #corpo a:link, #corpo a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #990000;
	}
#corpo a:hover {
	text-decoration: underline;
	}

/*-------col sinistra-------*/
#colonnaSx {
	width: 506px;
	float: left;
	padding: 0px 0px 0px 25px;
	font-size: 0.8em;
	line-height: 1.6em;
    }
#colonnaSx p {
	color: #333333;
	text-align: justify;
	padding-bottom: 20px;
    } 
#colonnaSx p.capital:first-letter {
    float: left;
    font: bold 50px/37px "Times New Roman", Times, serif;
    color: #9B7A35;
	padding: 2px;
	}
#colonnaSx blockquote {
	background: url(../img/cit_1.gif) no-repeat top left;
	font-style: italic;
	padding: 5px 0px 20px 25px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	}
#colonnaSx blockquote p {
	background: url(../img/cit_2.gif) no-repeat bottom right;
	padding-bottom: 5px;
	padding-right: 25px;
	color: #9B7A35;
	text-align: center;
	margin-bottom: 10px;
	}
#colonnaSx blockquote span {
	color: #9B7A35;
	font-size: 11px;
	}
	 
/*-------col destra-------*/
#colonnaDx {
	width: 169px;
	padding: 0px 25px 0px 25px;
	float: right;
	font-size: 0.8em;
	line-height: 1.6em;
    }       
#colonnaDx p {
	color: #333333;
	text-align: left;
/*	padding-bottom: 20px;*/
    }

/*---------- Footer ----------*/
#footer {
	margin: 0px;
	padding: 0px;
	height: 230px;
	width: 100%;
	background-image: url(../img/bg_footer_body.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	clear: both; /*necessario a Firefox per non far sovrapporre il footer sulle colonne superiori*/
	}
#footerWrap {
	width: 750px;
	height: 230px;
	margin: 0px auto;
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	color: #c7c690;
	text-align: left;
	}
#footerMenu {
	width: 400px;
	height: 120px;
	position: absolute;
	left: 0px;
	top: 80px;
	padding-top: 10px;
	}
#footerMenu a, #footerMenu a:link, #footerMenu a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #c7c690;
	}
#footerMenu a:hover {
	text-decoration: underline;
	}
#footerInfoWrap {
	width: 335px;
	height: 120px;
	position: absolute;
	right: 0px;
	top: 80px;
	background-image: url(../img/decori_footer.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	}
#footerInfo {
	width: 195px;
	height: 110px;
	padding-top: 10px;
	padding-left: 140px;
	background-image: url(../img/logo_pic.jpg);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	}
#footerBtnxhtml {
	width: 72px; 
	height: 20px; 
	display: block; 
	position: absolute; 
	top: 120px; 
	left: 0px;
	}
#footerBtnxhtml a {
	width: 62px; 
	height: 20px; 
	background: url(../img/btnxhtml.jpg) no-repeat 0 0; 
	line-height: 20px; 
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	margin: 0; 
	padding: 0 0 0 10px; 
	color: #c7c690; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-decoration: none;
	}
#footerBtnxhtml a:hover {
	background: url(../img/btnxhtml_over.jpg) 0 0 no-repeat; 
	color: #9B7A35; 
	text-decoration: none;
	}
#footerBtncss {
	width: 56px; 
	height: 20px; 
	position: absolute; 
	top: 120px; 
	left: 80px;
	}
#footerBtncss a {
	width: 46px; 
	height: 20px; 
	background: url(../img/btncss.jpg) 0 0 no-repeat; 
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	margin: 0; 
	padding: 0 0 0 10px; 
	color: #c7c690; 
	text-transform: uppercase; 
	text-decoration: none; 
	line-height: 20px; 
	font-weight: bold;
	}
#footerBtncss a:hover {
	background: url(../img/btncss_over.jpg) 0 0 no-repeat; 
	color: #9B7A35; 
	text-decoration: none;
	}
#footerBtncounter {
	width: 130px; 
	height: 30px; 
	position: absolute; 
	top: 115px; 
	left: 144px;
	text-align: center;
	line-height: 31px; 
	background: url(../img/counter_btn.jpg) no-repeat 0 5px;	}
/*------menu orizzontale------*/	
#menuOrizzontale {
	width: 500px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	position: absolute;
	z-index: 20;
	top: 20px;
	right: 0px;
    } 
#menuOrizzontale ul { 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    } 
#menuOrizzontale ul li {
	display: inline;
	margin: 0px;
	padding: 5px 5px 5px 15px;
    } 
#menuOrizzontale a {
	color: #c7c690;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/freccia.gif) no-repeat left center;
	padding-left: 12px;
    } 
#menuOrizzontale a:visited { 
    color: #c7c690; 
    } 
#menuOrizzontale a:hover { 
    color: #9B7A35; 
	background: url(../img/freccia_over.gif) no-repeat left center;
    }	
#menuOrizzontale li.attivo {
	color: #9B7A35;
	font-weight: bold;
	background: url(../img/freccia_over.gif) no-repeat left center;
	padding: 5px 5px 5px 12px;
	margin-left: 15px;
    }
	
/*------menu verticale------*/
#menuVerticale {
	width: 190px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	z-index: 30;
	top: 110px;
	right: 0px;
    } 
#menuVerticale ul { 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    } 
#menuVerticale ul li {
	display: block;
	margin: 0px;
	padding: 5px 5px 5px 0px;
    } 
#menuVerticale a { 
    color: #c7c690; 
    font-weight: bold; 
    text-decoration: none; 
	background: url(../img/freccia.gif) no-repeat left center;
	padding-left: 12px;
    } 
#menuVerticale a:visited { 
    color: #c7c690; 
    } 
#menuVerticale a:hover { 
    color: #9B7A35; 
	background: url(../img/freccia_over.gif) no-repeat left center;
    }
#menuVerticale li.attivo {
	color: #9B7A35;
	font-weight: bold;
	background: url(../img/freccia_over.gif) no-repeat left center;
	padding: 5px 5px 5px 12px;
    }

/*---------- Varie ----------*/   
.hide {
	display: none;
	}
.sinistra {
	text-align: left;
	}
.destra {
	float: right;
	}	
.cornice {
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px solid #9B7A35;
	margin-bottom: 20px;
	}
.oro {
	color: #9B7A35;
	}
 .alto {
	text-align: justify;
	margin-top: 48px;/**/
	}
.box {
	padding: 6px;
	background-color: #DCDBBA;
	border: 1px solid #9B7A35;
	color: #333333;
	text-align: justify;
	/*margin-bottom: 20px;*/
	}
#colonnaSx .box {
	padding: 12px;
	background-color: #DCDBBA;
	border: 1px solid #9B7A35;
	color: #333333;
	text-align: justify;
	/*margin-bottom: 20px;*/
	}
#colonnaSx p.centrato {
	text-align: center;
	}
#colonnaDx .boxinalto {
	padding: 6px;
	background-color: #DCDBBA;
	border: 1px solid #9B7A35;
	color: #333333;
	text-align: justify;
	margin-top: 48px;
	margin-bottom: 20px;
	}

/*------classi varie per le liste------*/	

/*------semplice con punto elenco (default)-------*/	
ul.elenco {
	text-align: left;
	}
ul.elenco li {
	padding-left: 12px;
	background: url(../img/p_elenco.gif) no-repeat left center;
	}	

/*-------lista multicolonna------*/
.multicolonna ul { 
	position: relative; 
	margin: 0; 
	text-align: left;
	}
.multicolonna ul li {
	height: 1.6em;
	width: 240px;
	position: absolute;
	padding-left: 12px;
	background: url(../img/p_elenco.gif) no-repeat left center;
	}
/* Prima colonna */
.multicolonna li.a-1, .multicolonna li.b-1, .multicolonna li.c-1 {
	margin-left:0;
	}
/* Seconda colonna */
.multicolonna li.a-2, .multicolonna li.b-2, .multicolonna li.c-2 {
	margin-left:250px;
	}
/*Prima riga*/
.multicolonna li.a-1, .multicolonna li.a-2 {
	top:0;
	}
/*Seconda riga*/
.multicolonna li.b-1, .multicolonna li.b-2 {
	top:1.6em;
	}
/*Terza riga*/
.multicolonna li.c-1, .multicolonna li.c-2 {
	top:3.2em;
	}
.multicolonna ul.righe-1 {
	height: 1.6em;
	}
.multicolonna ul.righe-2 {
	height: 3.2em;
	}
.multicolonna ul.righe-3 {
	height: 4.8em;
	}

/*------lista con sottolista per la sitemap------*/
ul.document {
	list-style: disc url(../img/doc.gif);
	margin: 0;
	padding: 0 0 0 3em;
	}
ul.document li {
	margin: 0.5em 0em 0em;
	}
ul.document li.directory { 
	list-style: square url(../img/cartella.gif); 
	margin: 0.5em 0em 0em ;
	}