/*stili per il layout fisso con posizionamenti assoluti*/

/*** Per questo tipo di layout non dimensionare nulla in "em" ma sempre "px". 
	 Utilizzare "em" solamente con il testo. ***/
html,body{margin: 0;
		  padding:10px 0px 0px 0px;
		  background-color:#FF9900;
}

body{
	font-family: arial,sans-serif;
	font-size: 76%;text-align: center;
	background-image:url(../img/sfondo_1x800.jpg);
	background-repeat:repeat-x;
}
	
div#container{
	position:relative;
	width: 754px;
	margin: 0 auto;
	text-align: left;
    border-left: 0px solid #36c;
	border-right: 0px solid #36c;
}

/*stili generici, su header e footer*/
div#header{
	background-image:url();/*L'HEADERD NON HA LA TRASPARENZA*/
		/* y_top / x_right / y_bottom / x_left */
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*div#menu{
	padding:0px 0px 0px 0px;
}*/

/*
#font_menu_sx{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #FFFFFF;
}*/

h1,h2{margin: 0;padding:0}
/*h1{padding-left:;font: bold 2.3em/80px arial,serif}*/
h2{color: #999;font-size: 1.5em}

div#footer a{font-weight: bold;text-decoration: underline;padding-bottom:0px;}

/*stili specifici per il layout*/
div#navigation{ /* COLONNA SINISTRA */
	position:absolute;top:157px; left:8px; width:200px;
	/* y_top / x_right / y_bottom / x_left */
	margin:65px 0px 0px 0px;
	}

/*** LEGGERE: gli stili sotto sono quelli del CSS originale. Io li utilizzo x modificare le voci sul mio menù dinamico ***/
/*stili per la navigazione*/
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0}

div#navigation a{ color:#FFFFF2; /*font: normal bold 1.1em/1.1em arial,sans-serif;text-decoration: none;*/
font-size:16px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:none;}
div#navigation a:hover{color: #BD250D;text-decoration: none}
div#navigation a#activelink{color: #FF0000;text-decoration: none}

	
/*TABELLA: x formattare una tabella di un file incluso dobbiamo impostare sul file "incluso" :
class, border, bordercolor, cellspacing, cellpadding.
*/
div#table {
	width:540px;
	/* y_top / x_right / y_bottom / x_left */
	margin: 0 auto;/*NON DIAMO PADDING IN VERTICALE XCHE' ALCUNI BROWSER VISUALIZZANO NELLO SPAZIO DEL PADDING IL COLORE DI SFONDO DELLA PAGINA E NON QUELLO DEL CONTENT*/
	padding:10px 0px 0px 190px;/*IL PADDING SERVE PER SPOSTARE GLI ELEMENTI DENTRO LA TABELLA*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #FFF;
		
	table-layout:fixed;
	text-align:left;
	vertical-align: text-top;
}

/*CLASSE X I BORDI ALL'INTERNO DELLA CELLA*/
td.td_sopra{background:#339933;}
td.td_left {border-left:1px  solid #000000;}
td.td_leftBIS {border-left:1px  solid #000000; padding-top:20px; padding-bottom:20px;}
td.td_right {border-right:1px  solid #000000;}
td.td_left_right {border-left:1px solid ;border-right:1px  solid #000000;}
.tre {border:1px solid blue;}



div#content{

		/* y_top / x_right / y_bottom / x_left */
	margin: 0px 0px 0px 0px; /* il margin y_bottom a -20px fa si di non avere spazio vuoto tra content e footer*/
	padding:0px 0px 0px 0px;
    background: #fff url(../img/striscia_or.png) repeat-y;
}
/*** STILE X FOOTER ***/
div#footer{
	text-align:center;
	font-size:10px;
	background: url(../img/footer.jpg) no-repeat;
	color:#fff;
	/* y_top / x_right / y_bottom / x_left */
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 45px 0px;
}	
div#footer a{ color:#CC0000; font: normal bold 1.1em/1.1em arial,sans-serif;text-decoration: none}
div#footer a:hover{color: #FF6600;text-decoration: none}
div#footer a#activelink{color: #FF0000;text-decoration: none}
/*** FINE STILE X FOOTER***/

div#CS3{padding: 4px 0px 0px 0px;}
div#contatti{
/* y_top / x_right / y_bottom / x_left */

	padding: 10px 0px 0px 150px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;
	color:#ffffff;}

/*** CONTENUTI ***/
div#contenuti{
/*width:409px;*/ /*larghezza contenuto in %*/
/* larghezza contenuto in %*/
/*border:1px solid #000;*/
margin:0 auto;/*padding x spostare il contenuto*/
padding:10px 0px 0px 210px;/*IL PADDING SERVE PER SPOSTARE GLI ELEMENTI DENTRO LA TABELLA*/
/*Lasciare padding bottom a 10px xchè se no distacca pagina da footer*/}
#contenuti th, #contenuti td {border:0px solid;border-collapse:collapse;}
#contenuti td, #contenuti th {padding:0px; text-align: left;}
#contenuti th {background: #CCCCCC; color: #000033; font-size:12px;}
#contenuti tr:hover td {/* questo non funziona in IE *//*background: #009966;*/}
#contenuti.odd td{background: #ddd}

/*** TABELLA X ANAGRAFICA GALLERY DETTAGLIO VERS.2.0 ***/

div#anag_gallery_dett {/*table-layout:auto;background:#01A5D8;*/ width:500px; margin-left:-10px; }

#anag_gallery_dett caption{font-weight:bold;color: #FFF; font-size:90%; background:#083E60; font-family:Verdana, Geneva, sans-serif;}
#anag_gallery_dett th, #anag_gallery_dett td { text-align:center; margin:0 auto}
#anag_gallery_dett td, #anag_gallery_dett th { text-align:center; margin:0 auto;/*background:#FEC51E;*/ color: #000033; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
#anag_gallery_dett th {}
#anag_gallery_dett tr:hover td {/* questo non funziona in IE *//*background: #009966;*/}
#anag_gallery_dett.odd td{background: #ddd}

col.oddanag_gallery_dett{background: #CCCCCC}

col.col1anag_gallery_dett{background: #C4E3F7; /*width:;*/ }
col.col2anag_gallery_dett {background: #A4DBFF; /*width:;*/}
col.col3anag_gallery_dett {background: #86B3D0; /*width:*/}
col.col4anag_gallery_dett {background: #679FC5; /*width:*/}
col.col5anag_gallery_dett {background: #C4E3F7; /*width:*/}
col.col6anag_gallery_dett {background: #A4DBFF; /*width:*/}
col.col7anag_gallery_dett {background: #86B3D0; /*width:*/}
col.col8anag_gallery_dett {background: #679FC5; /*width:*/}
col.col9anag_gallery_dett {background: #C4E3F7; /*width:*/}
col.col10anag_gallery_dett {background: #C4E3F7; /*width:*/}