BODY {	
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 12px;  /* Era 11px */
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	COLOR: #333333; 
	BACKGROUND: #CCCCCC; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: center
	}	 					  

#MainWrapper {	
	BACKGROUND: url(../images/HeaderBkg.gif) repeat-x left top
	}

#SubWrapper {		
	BACKGROUND: url(../images/FooterBkg.gif) repeat-x left bottom
	}

#WebWrapper {	
	MARGIN: 0 auto;	
	PADDING: 0px;	
	WIDTH: 770px;	
	TEXT-ALIGN: left;	
	DISPLAY: block;	
	OVERFLOW: hidden;
	}

#ProLoco {	  	
	PADDING: 0px;  	
	MARGIN:0px;	
	BACKGROUND: url(../images/BorderR1.gif) #FFFFCC repeat-y top right;	
	HEIGHT: 185px;	
	WIDTH: 770px;	
	DISPLAY: block;	
	OVERFLOW: hidden;
	}

.Top1 {	
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 10px;	
	BACKGROUND: #FFFFCC;	
	OVERFLOW: hidden;
	}

#TL1 {	
	BACKGROUND: url(../images/CornerTL1.gif) no-repeat top left;
	}

#TR1 {	
	BACKGROUND: url(../images/CornerTR1.gif) no-repeat top right;
	}

#BannerProLoco {	
	PADDING: 0px;	
	MARGIN: 0px 20px 0px 5px;   /* 770px - 20px (border Right) - 715px (larghezza LoghiProloco) - 10 px(Border Left) = 25px (diviso in 5px Left + 20px Right)*/	
	HEIGHT: 155px;		/* 185px (altezza Pro Loco) - 10px (altezza Top1) - 20px (altezza Bottom1) = 155px */	
	DISPLAY: block;	
	TEXT-ALIGN: center;		
	OVERFLOW: hidden;
	}

#ProLoco p {	
	MARGIN: 0px;	
	PADDING: 0px;
	}

.Bottom1 {		
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 20px;		
	BACKGROUND: url(../images/BorderB1.gif) #FFFFCC repeat-x bottom left;	
	OVERFLOW: hidden;
	}				 

#BL1 {	
	BACKGROUND: url(../images/CornerBL1.gif) no-repeat top left;
	}

#BR1 {	
	BACKGROUND: url(../images/CornerBR1.gif) no-repeat top right;
	}

#Header {	  	
	PADDING: 0px;	
	MARGIN: 5px 0px 0px 0px;	
	TEXT-ALIGN: Left;	
	HEIGHT: 40px;	
	WIDTH: 760px;	
	FONT-FAMILY: "Bauhaus 93", Verdana, Arial, Helvetica, sans-serif;	
	BACKGROUND: #333333;	
	DISPLAY: block;	
	OVERFLOW: hidden;
	}

/* FORMA TESTUALE DELL' HEADER */

.MonteCatriaTXT {			
/*	FONT-SIZE: 32px;	
	FONT-FAMILY: "Bauhaus 93", Verdana, Arial, Helvetica, sans-serif;	
	COLOR: #FFFFFF;	
	PADDING: 2px 0px 3px 0px;	
	MARGIN: 0px;
*/
	DISPLAY: none;
	}	

#FirstLetter {			
/*	COLOR: #99CC00;	
	PADDING: 18px 0px 3px 10px;
*/
	DISPLAY: none;
	}	

.FestaMontagnaTXT {			
/*	FONT-SIZE: 24px;	
	FONT-FAMILY: "Bauhaus 93", Verdana, Arial, Helvetica, sans-serif;	
	COLOR: #FFFFCC;	
	PADDING: 13px 0px 3px 40px;	
	MARGIN: 0px;
*/
	DISPLAY: none;
	}	

/* FORMA GRAFICA DELL' HEADER */
	
#MonteCatriaIMG { 	
/*	DISPLAY: none; */	
	margin: 0 0 0 20px;
	PADDING: 0;
	}
/* IE6 e IE 5 Hack */
* HTML #MonteCatriaIMG { 	
/*	DISPLAY: none; */		  
	MARGIN: 0 0 0 20px;
	PADDING: 0;	   /* ridurre a 20 */
	}

#FestaMontagnaIMG {	
/*	DISPLAY: none; */
	MARGIN: 0 0 -4px 20px;
	PADDING: 0;
	}	
/* IE6 e IE 5 Hack */
* HTML #FestaMontagnaIMG {
	MARGIN: 0 0 -4px 20px;
	PADDING: 0; /* + lunghezza immagine "Monte" */
}			 

#CorpoMain {	
	MARGIN: 10px 0px 0px 0px;		
	PADDING: 0px;			 	
	WIDTH: 770px; 	
	BACKGROUND: url(../images/BorderR2.gif) #FFFFFF repeat-y top right;	
	DISPLAY: block;	
	OVERFLOW: hidden;
	}

.Top2 {	
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 10px;	
	BACKGROUND: #FFFFFF;	
	OVERFLOW: hidden;
	}

#TL2 {	
	BACKGROUND: url(../images/CornerTL2.gif) no-repeat top left;
	}

#TR2 {	
	BACKGROUND: url(../images/CornerTR2.gif) no-repeat top right;
	}

#CorpoMain p {	
	MARGIN: 0px;	
	PADDING: 0px;
	}  

.Bottom2 {		
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 20px;		
	BACKGROUND: url(../images/BorderB2.gif) #FFFFFF repeat-x top left;	
	OVERFLOW: hidden;
	}				 
	
#BL2 {	
	BACKGROUND: url(../images/CornerBL2.gif) no-repeat top left;
	}

#BR2 {			
	BACKGROUND: url(../images/CornerBR2.gif) no-repeat top right;
	}	 

/* MENU NAVIGAZIONE */

.menucontainer {        
	padding: 0px 0px 0px 10px;        
	margin: 3px 10px 0px 0px;		
	TEXT-ALIGN: center;	 		
	display: block;		
	overflow: hidden;
	}				
	
/* circle */
#navCircle {        
	margin: 0px 12px 0px 0px;	/* tutti i browser */        
	padding: 0px 0px 20px 30px; /* padding-left centra il menu */        
	border-bottom: 1px solid #66CC00;
	}

* HTML #navCircle {        
	margin: 0px 10px 0px 0px;    /* solo IE 5.x, 6 */
	}

#navCircle li {        
	margin: 0px;        
	padding: 0px;			
	white-space: nowrap;        
	display: inline;        
	list-style-type: none;
	}

#navCircle a:link, #navCircle a:visited {        
	float: left;        
	font-size: 10px;         
	line-height: 14px;        
	font-weight: bold;        
	padding: 0px 12px 6px 12px;        
	text-decoration: none;        
	color: #66CC00;		
	display: block;
	}

#navCircle a:hover {        
	padding-bottom: 6px;        
	color: #339900;        
	background: url(../images/circlelight.gif) no-repeat bottom center;
	}	

#navCircle a:link.active,  #navCircle a:visited.active  {        
	padding-bottom: 6px;        
	color: #339900;        
	background: url(../images/circledark.gif) no-repeat bottom center;
	}

/* FINE MENU NAVIGAZIONE */
#Corpo {	
	TEXT-ALIGN: left;	
	MARGIN: 0;	
	PADDING: 10px;						
	WIDTH: 750px !important; /* IE >=6 e gli altri browser */	
	WIDTH/**/: 770px; /* IE 5.x */	  /* FORSE NON SERVE AVENDO AGGIUNTO L' HACK PER IE 5:x e 6 DOPO */	
	DISPLAY: block;	
	OVERFLOW: hidden;	
	}	

* HTML #Corpo {        
	WIDTH: 770px;    /* solo IE 5.x, 6 */
	HEIGHT: 1%; /* AGGIUNTO PER RISOLVERE IL 3px FIx Bug */
	}

#Patrocinio {	
	FLOAT: Left;	
	WIDTH: 200px;	
	PADDING: 0px;	
	MARGIN: 0px;	
	BACKGROUND: #FFFFCC;	
	DISPLAY: inline; /* era BLOCK - fix double margin in IE <=6 gli atri browser ignorano display:inline perchè la specifica di FLOAT rende l' elemento block level */	
	OVERFLOW: hidden;
	}			  
	/* ricordarsi di mettere l' il Fix per il 3px Bug di IE 6 dopo la dichiarazione di MainContent */

#PatrocinioRow { 	
	FLOAT: none; /* evita il collasso dei margini tra il box #patrocinio e il box #testopatrocinio */	
	MARGIN: 0px;	
	PADDING: 5px 10px;	
	WIDTH: 180px !important; /* IE => 6 e gli altri browser */	
	WIDTH/**/: 200px; /* IE 5.x */	
	CLEAR: both; /* ristabilisce la distanza verticale tra duo row */	
	}						 	

.TestoPatrocinio {		
	PADDING: 0px;	
	MARGIN: 0px 0px 10px 0px;	
	WIDTH: 180px;	 	
	FONT-SIZE: 9px;	
	FONT-WEIGHT: BOLD;	
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;	
	TEXT-ALIGN: CENTER;		
	OVERFLOW: hidden;
	}	

.Top5 {	
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 5px;	
	BACKGROUND: #FFCC99;	
	OVERFLOW: hidden;
	}

#TL5 {	
	BACKGROUND: url(../images/CornerTL5.gif) no-repeat top left;
	} 

#TR5 {	
	BACKGROUND: url(../images/CornerTR5.gif) no-repeat top right;
	}

#TestoLeft {	
	FLOAT: LEFT;	
	BACKGROUND: #FFCC99; 	
	MARGIN: 0px 5px 0px 0px;	
	DISPLAY: inline; /* fix double margin in IE <=6 gli atri browser ignorano display:inline perchè la specifica di FLOAT rende l' elemento block level */	
	PADDING: 0px;			
	WIDTH: 85px; 
	}			  

#TestoCenter {	
	BACKGROUND: #FFCC99;	
	PADDING: 0px;	
	WIDTH: 180px;
	}

#TestoRight {	
	FLOAT: RIGHT;	 	
	BACKGROUND: #FFCC99;	
	MARGIN: 0px 0px 0px 5px;	
	DISPLAY: inline; /* fix double margin in IE <=6 gli atri browser ignorano display:inline perchè la specifica di FLOAT rende l' elemento block level */	
	PADDING: 0px;	
	WIDTH: 85px;
	}

.Bottom5 {	
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 5px;	
	BACKGROUND: #FFCC99;	
	OVERFLOW: hidden;
	}

#BL5 {	
	BACKGROUND: url(../images/CornerBL5.gif) no-repeat top left;
	}

#BR5 {	
	BACKGROUND: url(../images/CornerBR5.gif) no-repeat top right;
	}

.Top3 {	
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 10px;	
	BACKGROUND: #FFFFCC;	
	DISPLAY: BLOCK;
	OVERFLOW: hidden;
	}

#TL3 {	
	BACKGROUND: url(../images/CornerTL3.gif) no-repeat top left;
	}

#TR3 {	
	BACKGROUND: url(../images/CornerTR3.gif) no-repeat top right;
	}

#BannerPatrocinio {	
	TEXT-ALIGN: center;	
	PADDING: 0px;	
	MARGIN: 0px;	
	DISPLAY: block;	
	OVERFLOW: hidden;
	}

#Patrocinio p {	
	MARGIN: 10px;	
	PADDING: 0px;
	}  

.Bottom3 {		
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 10px;		
	BACKGROUND: #FFFFCC;	
	OVERFLOW: hidden;
	}				 

#BL3 {	
	BACKGROUND: url(../images/CornerBL3.gif) no-repeat top left;
	}

#BR3 {			
	BACKGROUND: url(../images/CornerBR3.gif) no-repeat top right;
	}	

#MainContent {	
	MARGIN: 0px 0px 0px 210px;  /* Tutti i Browser */	
	PADDING: 0;				
	WIDTH: 530px; 	
	OVERFLOW: visible; /* se hidden nei browser not IE si ha uno shift a destra */	
	DISPLAY: block; 
	} 
	/* QUI il MainContent subisce con IE 6 l' aggiunta di 3px */
	/* Aggiungo l' Hack per IE 6 il quale aggiunge sul bordo destro 3px non permettendo la giusta impaginazione per il MainContent */
	
	/* FIX the 3px Bug di IE 6 */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* HTML #Patrocinio {	
	MARGIN-RIGHT: 7px; /* Si aggiungono ai 3px del Bug se il margin era 0px occorreva mettere -3px */
	}					  

* HTML #MainContent { 		
	MARGIN: 0px; 		
	HEIGHT: 1%;
	}
/* End hide from IE5/mac */

#TopBlock {			
	MARGIN: 0px 0px 10px 0px;	
	PADDING: 0px;						
	WIDTH: 530px;	
	HEIGHT: 392px;	
	TEXT-ALIGN: center;	
	OVERFLOW: hidden;
	}					   

#SubContent { 
/*		
SOLUZIONE 1		
	POSITION: relative;		
	TOP: -67px;												
	
	PRO	- Contenuto sovrapposto all' immagine	
	CONTRO	- Ombre del Contenuto non adattabili a tutte le immagini.	
	- Spazio aggiuntivo in fondo alla pagina		

SOLUZIONE 2		
	MARGIN: 10px 0px 0px 0px	
	
	PRO - Maggiore ordine	
	CONTRO - Effetto di sovrapposizione non possibile		
	Vedere anche  #PubblVert
*/	
	MARGIN: 0px;	
	PADDING: 0px;	
	DISPLAY: block;	  	
	WIDTH: 530px; /* AGGIUNTO ORA */	
	OVERFLOW: hidden;
	}

#Content { 		   	
	FLOAT: LEFT;
	MARGIN: 0px 0px 0px 20px;	
	PADDING: 0px;	
	WIDTH: 380px;	
	BACKGROUND: url(../images/BorderR4.gif) #FFFFCC repeat-y top right;	
	DISPLAY: inline; /* fix double margin in IE <=6 gli atri browser ignorano display:inline perchè la specifica di FLOAT rende l' elemento block level */	
	OVERFLOW: hidden;
	}
	/* Ricordarsi di mettere il 3p Fix Bug per IE 6 dopo PubblVert */  

.Top4 {	
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 10px;	
	BACKGROUND: #FFFFCC;	
	DISPLAY: BLOCK;
	OVERFLOW: hidden;
	}

#TL4 {	
	BACKGROUND: url(../images/CornerTL4.gif) no-repeat top left;
	}

#TR4 {	
	BACKGROUND: url(../images/CornerTR4.gif) no-repeat top right;
	}

#MainContenuto {	
	TEXT-ALIGN: left;	
	PADDING: 0 25px 15px 15px;  /* padding-right = 25px perchè 15px (padding richiesto) + 10px (larghezza aggiunta per l' ombra) */	
	MARGIN: 0;	
	DISPLAY: block; 	
	OVERFLOW: hidden;
	}

/* ********************   definiamo i vari tag del video contenuto ***************** */

#MainContenuto div#video {
	text-align: center;
	padding: 10px;
	}
		 
#MainContenuto fieldset div {
	text-align: center;
/*	border:2px groove #ccc; */
    margin:0; /*.5em; */
    padding:0 /*.5em;*/
	} 
	
#MainContenuto #stile1 {
	FONT-WEIGHT: bold;
}

#MainContent p {	
	MARGIN: 0px;	
	PADDING: 5px 0px;
	}	   

#CantoXXI {	
	MARGIN: 20px -5px 0px -5px; 
	}	

#centerBlock {	
	DISPLAY: BLOCK; 	
	TEXT-ALIGN: center;	
	MARGIN: 30px auto;
	TEXT-ALIGN:center;
	}		   

form {	
	MARGIN: 15px;	
	PADDING: 0px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	TEXT-ALIGN:left;
	}

form div.titleform {	
	BACKGROUND-COLOR:#DBE0F5;	
	PADDING:10px;	
	FONT:12px arial;	
	COLOR:black;		
	FONT-WEIGHT: bold;	
	TEXT-ALIGN: center;
	}		  

form div.datiform {	
	MARGIN:10px; 	
	FONT: 11px arial; 	
	COLOR: blue; 	
	TEXT-ALIGN:right;
	}

form div.datiform div.commentoform {	
	TEXT-ALIGN:left;	
	MARGIN-BOTTOM:25px;
	}				  

form div.datiform label {	
	PADDING: 0px 10px 0px 0px;	
	MARGIN: 0px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	VERTICAL-ALIGN: middle;
	}

input {	
	PADDING: 5px;	
	MARGIN: 5px 0px;	
	VERTICAL-ALIGN: middle;
	} 

form div.sceltaform {	
	MARGIN:10px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	TEXT-ALIGN:center;
	}			 			 

form div.sceltaform fieldset {	
	MARGIN:5px 50px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	VERTICAL-ALIGN: middle;
	display: Block;
	overflow: hidden;
	}			 			 

fieldset {	
	FONT: 11px arial; 	
	COLOR: black; 	
	VERTICAL-ALIGN: middle;
	DISPLAY: BLOCK;
	OVERFLOW: HIDDEN;
	TEXT-ALIGN:center;
	MARGIN: 10px auto;	   
	PADDING: 0;
	}
	
legend {	
	FONT: 11px arial; 	
	COLOR: blue; 	
	VERTICAL-ALIGN: middle;
	}							

form div.sceltaform label {	
	PADDING: 0px 10px 0px 5px;	
	MARGIN: 0px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	VERTICAL-ALIGN: middle;
	}

form div.sceltaform input {	
	PADDING: 5px;	
	MARGIN: 5px 0px;	
	VERTICAL-ALIGN: middle;	/* 	BORDER: 0px; */
	}

fieldset form {	
	MARGIN: 15px;	
	PADDING: 0px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	TEXT-ALIGN:left;
	} 
	
object {	
	DISPLAY: BLOCK;
	MARGIN: 10px auto;	
	PADDING: 0px;	
	TEXT-ALIGN:center;
	}
	
fieldset #centerBlock .fotointerna{
	MARGIN: 15px auto;
	PADDING: 0px;
	TEXT-ALIGN: center;
	}
	
fieldset #centerBlock form div.titleform {	
	BACKGROUND-COLOR:#DBE0F5;	
	PADDING:10px;	
	FONT:12px arial;	
	COLOR:black;		
	FONT-WEIGHT: bold;	
	TEXT-ALIGN: center;
	}		  

fieldset #centerBlock form div.datiform {	
	MARGIN:10px; 	
	FONT: 11px arial; 	
	COLOR: blue; 	
	TEXT-ALIGN:right;
	}

fieldset #centerBlock form div.datiform div.commentoform {	
	TEXT-ALIGN:left;	
	MARGIN-BOTTOM:25px;
	}				  

fieldset #centerBlock form div.datiform label {	
	PADDING: 0px 10px 0px 0px;	
	MARGIN: 0px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	VERTICAL-ALIGN: middle;
	}

fieldset #centerBlock input {	
	PADDING: 5px;	
	MARGIN: 5px 0px;	
	VERTICAL-ALIGN: middle;
	} 

fieldset #centerBlock form div.sceltaform {	
	MARGIN:10px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	TEXT-ALIGN:center;
	}			 			 

fieldset #centerBlock form div.sceltaform fieldset {	
	MARGIN:5px 50px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	VERTICAL-ALIGN: middle;
	display: Block;
	overflow: hidden;
	}			 			 

fieldset #centerBlock fieldset {	
	FONT: 11px arial; 	
	COLOR: black; 	
	VERTICAL-ALIGN: middle;
	display: Block;
	overflow: hidden;
	}
	
fieldset #centerBlock legend {	
	FONT: 11px arial; 	
	COLOR: blue; 	
	VERTICAL-ALIGN: middle;
	}							

fieldset #centerBlock form div.sceltaform label {	
	PADDING: 0px 10px 0px 5px;	
	MARGIN: 0px;	
	FONT: 11px arial; 	
	COLOR: black; 	
	VERTICAL-ALIGN: middle;
	}

fieldset #centerBlock form div.sceltaform input {	
	PADDING: 5px;	
	MARGIN: 5px 0px;	
	VERTICAL-ALIGN: middle;	/* 	BORDER: 0px; */
	}

.fotointerna {				  	
	DISPLAY: BLOCK; 	
	MARGIN: 0px auto;		
	PADDING: 0px;	
	TEXT-ALIGN: center;
	}	

/* Impone che in Mozilla le immagini con link siano bordate completamente */
.fotointerna A {	
	DISPLAY: BLOCK; 	/* regole distribuibili su ogni stato di a(link , active ecc. ) */	
	PADDING: 3px;	
	BORDER-WIDTH: 1px;	
	BORDER-STYLE: dashed;											  	
	TEXT-DECORATION: none;	
	}

.fotointerna A:link { 	
	BACKGROUND: #FFFFCC;	
	BORDER-COLOR: #339900;
	} 

.fotointerna A:active {	
	BACKGROUND: #66CC00;	
	BORDER-COLOR: #FFFFFF;
	}

.fotointerna A:visited {	
	BACKGROUND: #66CC00;	
	BORDER-COLOR: #FFFFFF;
	}

.fotointerna A:hover {	
	BACKGROUND: #669900;	
	BORDER-COLOR: #FFFFFF;
	}

.doublefotointerna {				  	
	DISPLAY: BLOCK; 	
	MARGIN: 5px;		
	PADDING: 0px;	
	TEXT-ALIGN: center;
	FLOAT: left;
	}	

/* Impone che in Mozilla le immagini con link siano bordate completamente */
.doublefotointerna A {	
	DISPLAY: BLOCK; 	/* regole distribuibili su ogni stato di a(link , active ecc. ) */	
	PADDING: 3px;	
	BORDER-WIDTH: 1px;	
	BORDER-STYLE: dashed;											  	
	TEXT-DECORATION: none;	
	}

.doublefotointerna A:link { 	
	BACKGROUND: #FFFFCC;	
	BORDER-COLOR: #339900;
	} 

.doublefotointerna A:active {	
	BACKGROUND: #66CC00;	
	BORDER-COLOR: #FFFFFF;
	}

.doublefotointerna A:visited {	
	BACKGROUND: #66CC00;	
	BORDER-COLOR: #FFFFFF;
	}

.doublefotointerna A:hover {	
	BACKGROUND: #669900;	
	BORDER-COLOR: #FFFFFF;
	}

#foto100 {	
	WIDTH: 108px !important; /* IE => 6 e gli altri browser */;	
	WIDTH/**/: 116px; /* IE 5.x */
	} 

/* regoliamo il padding right e left in IE 6 e inferiori */
* HTML #foto100 {	
	WIDTH: 108px;
	}

#foto150 {
	WIDTH: 158px !important; /* IE => 6 e gli altri browser */;	
	WIDTH/**/: 166px; /* IE 5.x */
	} 

/* regoliamo il padding right e left in IE 6 e inferiori */
* HTML #foto150 {	
	WIDTH: 158px;
	}
	
#foto200 {	
	WIDTH: 208px !important; /* IE => 6 e gli altri browser */;	
	WIDTH/**/: 216px; /* IE 5.x */
	}

/* regoliamo il padding right e left in IE 6 e inferiori */
* HTML #foto200 {	
	WIDTH: 208px;
	}
	
#foto250 {	
	WIDTH: 258px !important; /* IE => 6 e gli altri browser */;	
	WIDTH/**/: 266px; /* IE 5.x */
	}

/* regoliamo il padding right e left in IE 6 e inferiori */
* HTML #foto250 {	
	WIDTH: 258px;
	}

#foto272 {	
	WIDTH: 280px !important; /* IE => 6 e gli altri browser */;	
	WIDTH/**/: 288px; /* IE 5.x */
	}

/* regoliamo il padding right e left in IE 6 e inferiori */
* HTML #foto272 {	
	WIDTH: 280px;
	}

#foto300 {	
	WIDTH: 308px !important; /* IE => 6 e gli altri browser */;	
	WIDTH/**/: 316px; /* IE 5.x */
	}

/* regoliamo il padding right e left in IE 6 e inferiori */
* HTML #foto300 {	
	WIDTH: 308px;
	}

#foto225 {	
	WIDTH: 233px !important; /* IE => 6 e gli altri browser */;	
	WIDTH/**/: 241px; /* IE 5.x */
	} 

/* regoliamo il padding right e left in IE 6 e inferiori */
* HTML #foto225 {	
	WIDTH: 233px;
	}

.Tab {	   	
	DISPLAY: BLOCK;	
	MARGIN: 20px;	
	PADDING: 0px 0px 20px 0px;	
	BORDER-BOTTOM: 1px #669900 dashed; /* #339900 oppure 66CC00 */	
	}														   

.Tab img {			
	MARGIN:0px;	
	PADDING: 0px;
	}

#TabLeft { 	
	TEXT-ALIGN: LEFT;
	}				

#TabRight {	
	TEXT-ALIGN: Right;
	}

#loghi {	
	MARGIN: 0px;	
	PADDING: 0px;	
	BACKGROUND: #FFFFCC;	
	OVERFLOW: hidden;	
	TEXT-ALIGN: center;	
	HEIGHT: 100px;
	}

#logoleft {	
	FLOAT: left;	
	TOP: 0px;
	}

#logocenter {		
	FLOAT: left;	
	PADDING: 0px;  /* 2 x 25px = 50px + 290px (100px + 100px + 90px) = 340px + 25px (padding dx) + 15px (padding dx) = 380px */ 	
	MARGIN: 0px 25px;	
	DISPLAY: inline; /* fix double margin in IE <=6 gli atri browser ignorano display:inline perchè la specifica di FLOAT rende l' elemento block level */	
	TOP:0px;
	}  
	/* QUI logoleft subisce con IE 6 l' aggiunta di 3px */
	/* Aggiungo l' Hack per IE 6 il quale aggiunge sul bordo destro 3px non permettendo la giusta impaginazione per la PubblVert */

	/* FIX the 3px Bug di IE 6 */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* HTML #logoleft {  
	margin-right: -3px;  /* Si aggiungono ai 3px del Bug se il margin era 0px occorreva mettere -3px */  
	margin-left: -3px;  /* Si aggiungono anche sul lato opposto per allineare l' immagine al bordo opposto */  
	} 

* HTML #logocenter {	
	MARGIN: 0px auto;  
	}
/* End hide from IE5/mac */

#logoright {	
	FLOAT: right;	
	TOP: 0px;
	}  
	/* QUI logocenter subisce con IE 6 l' aggiunta di 3px */
	/* Aggiungo l' Hack per IE 6 il quale aggiunge sul bordo destro 3px non permettendo la giusta impaginazione per la PubblVert */

	/* FIX the 3px Bug di IE 6 */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* HTML #logocenter {  
	margin-right: 22px;  /* Si aggiungono ai 3px del Bug se il margin era 0px occorreva mettere -3px */  
	margin-left: 22px;  /* Si aggiungono anche sul lato opposto per allineare l' immagine al bordo opposto*/
	} 

* HTML #logoright {  
	margin-right: -3px;  /* Si aggiungono ai 3px del Bug se il margin era 0px occorreva mettere -3px */  
	}
/* End hide from IE5/mac */

.Bottom4 {		
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 20px;	
	BACKGROUND: url(../images/BorderB4.gif) #FFFFCC repeat-x top left;	
	OVERFLOW: hidden;
	}				 

#BL4 {	
	BACKGROUND: url(../images/CornerBL4.gif) no-repeat top left;
	}
	
#BR4 {			
	BACKGROUND: url(../images/CornerBR4.gif) no-repeat top right;
	}	

#PubblVert {
/*		
SOLUZIONE 1		
	MARGIN: 77px 0px 0px 410px;														
	
	PRO	- Contenuto sovrapposto all' immagine	
	CONTRO	- Ombre del Contenuto non adattabili a tutte le immagini.	
	- Spazio aggiuntivo in fondo alla pagina		
	
SOLUZIONE 2		
	MARGIN: 0px 0px 0px 410px	
	
	PRO - Maggiore ordine	
	CONTRO - Effetto di sovrapposizione non possibile		
	Vedere anche  #SubContent
*/									
	MARGIN: 0px 0px 0px 410px; /* tutti i browser */	
	WIDTH: 110px;	
	BACKGROUND: #FFFFCC;	
	TEXT-ALIGN: center;	
	OVERFLOW: visible; /* se hidden nei browser not IE si ha uno shift a destra */ 	
	DISPLAY: block; 	
	}

* HTML #PubblVert { 	
	MARGIN: 0px 0px 0px 410px; 	/* IE 5.x, 6 */ 
	}
	/* QUI il PubblVert subisce con IE 6 l' aggiunta di 3px */
	/* Aggiungo l' Hack per IE 6 il quale aggiunge sul bordo destro 3px non permettendo la giusta impaginazione per la PubblVert */
	
	/* FIX the 3px Bug di IE 6 */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* HTML #Content {  
	margin-right: 7px;  /* Si aggiungono ai 3px del Bug se il margin era 0px occorreva mettere -3px */  
	} 
* HTML #PubblVert {  
	MARGIN: 0px;   
	HEIGHT: 1%;  
	}
/* End hide from IE5/mac */

#BannerPubblVert {	
	TEXT-ALIGN: center;	
	PADDING: 0px;	
	MARGIN: 0px auto;	
	DISPLAY: block;	
	OVERFLOW: hidden;
	}

#PubblOrizz {	
	MARGIN: 0px;	
	PADDING: 0px;	
	HEIGHT: 139px;	
	BACKGROUND: url(../images/BorderR1.gif) #FFFFCC repeat-y top right;	
	DISPLAY: block;	
	OVERFLOW: hidden;
	}

#BannerPubblOrizz {	
	TEXT-ALIGN: center;	
	PADDING: 0px;	
	MARGIN: 0px;	
	HEIGHT: 110px;		/* 139px (altezza PubblOrizz) - 10px (altezza Top1) - 19px (altezza Bottom1) = 110px */	
	DISPLAY: block;	
	OVERFLOW: hidden;
	}

#PubblOrizz p {	
	MARGIN: 0px;	
	PADDING: 0px;
	} 				  

#Footer {	
	MARGIN: 0px;	   	
	PADDING: 0px;		
	HEIGHT: 40px;	
	BACKGROUND: #333333;	
	TEXT-ALIGN: center;	
	COLOR: #FFFFFF;	
	FONT-SIZE: 11px;	
	FONT-WEIGHT: bold;
	}

#Footer p {	
	MARGIN: 0px;	   	
	PADDING: 3px;	
	}

#allinea {				
	CLEAR: both;	
	DISPLAY: inline;
	}							 

#BigContenuto {	
	MARGIN: 0px;	
	PADDING: 10px 20px 10px 10px;						
	WIDTH: 720px !important; /* IE => 6 e gli altri browser */	
	WIDTH/**/: 750px; /* IE 5.x */	
	BACKGROUND:	url(../images/BorderR4.gif) #FFFFCC repeat-y top right; 	
	DISPLAY:BLOCK;	
	OVERFLOW: hidden;
	}		 

#centerBlock #video{
	DISPLAY: BLOCK;
	MARGIN: 15px 200px;
	PADDING: 0px;
	TEXT-ALIGN: center;
	}
	


* HTML #BigContenuto {        
	WIDTH: 750px;    /* solo IE 5.x, 6 */
	}

#LeftColumn {	
	FLOAT: Left;	
	PADDING: 10px;	
	WIDTH: 340px !important; /* IE => 6 e gli altri browser */	
	WIDTH/**/: 360px; /* IE 5.x */	
	MARGIN: 0px;	
	BACKGROUND: #FFFFCC;	
	DISPLAY: inline; /* era BLOCK - fix double margin in IE <=6 gli atri browser ignorano display:inline perchè la specifica di FLOAT rende l' elemento block level */	
	OVERFLOW: hidden;
	}
	/* Ricordarsi di aggiungere il 3px Fix bug per IE 6 dopo RightColumn */

* HTML input#username {		
	PADDING: 0px 0px 5px 0px;	/* IE 5.X e 6 */
	}								  
	
* HTML input#password {			
	PADDING: 0px 0px 5px 0px;	/* IE 5.X e 6 */
	}

#RightColumn {		
	PADDING: 10px;	
	WIDTH: 339px !important; /* IE => 6 e gli altri browser */	
	WIDTH/**/: 359px; /* IE 5.x */	
	MARGIN: 0px; /* a destra bisogna tenere conto dell' ombra */	
	DISPLAY: BLOCK;	
	OVERFLOW: hidden;	
	BORDER-LEFT: 1px #cccccc dashed;
	}			  
	
* HTML input#name {	
	PADDING: 0px 0px 5px 0px;	/* IE 5.X e 6 */
	}

* HTML input#email {	
	PADDING: 0px 0px 5px 0px;	/* IE 5.X e 6 */
	}
	/* QUI RightColumn subisce con IE 6 l' aggiunta di 3px */
	/* Aggiungo l' Hack per IE 6 il quale aggiunge sul bordo destro 3px non permettendo la giusta impaginazione per la RightColumn */
	
	/* FIX the 3px Bug di IE 6 */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* HTML #LeftColumn {  
	margin-right: -3px;  /* Si aggiungono ai 3px del Bug riportando a 0px il margin*/  
	}
	 
* HTML #RightColumn {  
	MARGIN: 0px;   
	HEIGHT: 1%;  
	}
/* End hide from IE5/mac */

/* MENU INTERNO ALLE PAGINE */
.menuCircleInterno {        
	padding: 0px;        
	margin: 0px;		
	TEXT-ALIGN: center;	 		
	display: block;		
	overflow: hidden;
	}

	/* circle */
#navCircleInterno {        
	margin: 0px;        
	padding: 0px 0px 34px 70px; /* padding-left centra il menu il padding-bottom posiziona il border */        
	border-bottom: 1px solid #66CC00;
	}

#navCircleInterno li {        
	margin: 0px;        
	padding: 0px;			
	white-space: nowrap;        
	display: inline;        
	list-style-type: none;
	}

#navCircleInterno a:link, #navCircleInterno a:visited {        
	float: left;        
	font-size: 12px;        
	line-height: 28px;        
	font-weight: bold;        
	padding: 0px 20px 6px 20px;        
	text-decoration: none;        
	color: #66CC00;		
	display: block;
}

#navCircleInterno a:hover {        
	padding-bottom: 6px;        
	color: #339900;        
	background: url(../images/circlelightInt.gif) no-repeat bottom center;
	}	
	
#navCircleInterno a:link.active,  #navCircleInterno a:visited.active  {        
	padding-bottom: 6px;        
	color: #339900;        
	background: url(../images/circledarkInt.gif) no-repeat bottom center;
	}
/* FINE MENU INTERNO ALLE PAGINE */ 

#ProgrammaPage {	
	MARGIN:0px;	
	PADDING:0px;	
	TEXT-ALIGN: center;
	}					   
	
#pagerDown { 	
	MARGIN: 20px 0px 0px 0px;	
	PADDING: 0px;	
	BORDER-TOP: 1px solid #66cc00;	
	TEXT-ALIGN: center;	
	}						
	  
#pagerUp { 	
	MARGIN: 0px 0px 20px 0px;	
	PADDING: 0px;	
	BORDER-BOTTOM: 1px solid #66cc00;	
	TEXT-ALIGN: center;	
	}						
	
H1 {	
	FONT: 200% "Bauhaus 93", Verdana, Arial, Helvetica Sans-serif;	
	FONT-WEIGHT: BOLD;	
	COLOR: #99CC00;
	}

H2 {	
	FONT: 175% "Bauhaus 93", Verdana, Arial, Helvetica Sans-serif;	
	FONT-WEIGHT: BOLD;	
	COLOR: #99CC00;
	}

H3 {	
	FONT: 150% "Arial black", Verdana, Arial, Helvetica Sans-serif;	
	COLOR: #333333;
	}

H4 {	
	FONT: 125% "Arial black", Verdana, Arial, Helvetica Sans-serif;	
	COLOR: #333333;
	}

H5 {	
	FONT: 100% "Arial black", Verdana, Arial, Helvetica Sans-serif;	
	COLOR: #333333;
	}

H6 {	
	FONT: 75% "Arial black", Verdana, Arial, Helvetica Sans-serif;	
	COLOR: #333333;
	}

.titolo {	
	TEXT-ALIGN: center;
	}

A:link {	
	COLOR: #339900;	
	TEXT-DECORATION: none; 
	}

A:active {	
	COLOR: #66CC00;	
	TEXT-DECORATION: none; 
	}

A:visited {	
	COLOR: #66CC00;	
	TEXT-DECORATION: none; 
	}

A:hover {	
	COLOR: #669900;	
	TEXT-DECORATION: underline;
	}											
	
/* lista di base contenuta in un div di classe "listbasic" */
.listbasic ul{   	
	LINE-HEIGHT: 1.5;	
	LIST-STYLE-POSITION: outside;	
	FONT-SIZE: 11px; 	
	LIST-STYLE: none; 	
	COLOR: #333333; 	
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
	}

.listbasic LI A:link {	
	COLOR: #339900;	
	TEXT-DECORATION: none; 
	}

.listbasic LI A:active {	
	COLOR: #66CC00;	
	TEXT-DECORATION: none; 
	}

.listbasic LI:visited {	
	COLOR: #66CC00;	
	TEXT-DECORATION: none; 
	}

.listbasic LI A:hover {	
	COLOR: #669900;	
	TEXT-DECORATION: underline;
	}	    
	
/* lista classica contenuta in un div di classe "listclassic" */
.listclassic ul{   	
	LINE-HEIGHT: 1.5;	
	LIST-STYLE-POSITION: outside;	
	FONT-SIZE: 11px; 	
	LIST-STYLE: disc; 	
	COLOR: #333333; 	
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
	}

.listclassic ul ul{   	
	LINE-HEIGHT: 1.5;	
	LIST-STYLE-POSITION: outside;	
	FONT-SIZE: 11px; 	
	LIST-STYLE: circle; 	
	COLOR: #333333; 	
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
	}

.listclassic LI {	
	MARGIN: 0px;	
	PADDING: 10px;
	}

.listclassic LI A:link {	
	COLOR: #339900;	
	TEXT-DECORATION: none; 
	}

.listclassic LI A:active {	
	COLOR: #66CC00;	
	TEXT-DECORATION: none; 
	}

.listclassic LI:visited {	
	COLOR: #66CC00;	
	TEXT-DECORATION: none; 
	}

.listclassic LI A:hover {	
	COLOR: #669900;	
	TEXT-DECORATION: underline;
	}		  

/* lista con icone senza div contenitore e icone (8x8 px) perfettamente centrate */
ul.listicon, ul.listicon li {	
	LIST-STYLE: none;	
	FONT-WEIGHT: bold;	
	MARGIN: 0px;	
	PADDING: 5px 15px;
	}

ul.listicon li{	
	PADDING: 4px 0 4px 15px; /* paddingleft distanzia l' icon dal testo */	
	LINE-HEIGHT: 1.4em;    
	BACKGROUND: url(../images/common/bullet_01.gif) no-repeat 0 0.7em;    
	MARGIN: -4px 0 0
	}

.listicon LI A:link {	
	COLOR: #339900;	
	TEXT-DECORATION: none; 
	}

.listicon LI A:active {	
	COLOR: #66CC00;	
	TEXT-DECORATION: none; 
	}

.listicon LI:visited {	
	COLOR: #66CC00;	
	TEXT-DECORATION: none; 
	}

.listicon LI A:hover {	
	COLOR: #669900;	
	TEXT-DECORATION: underline;
	}
	/* Tags */

.taglist {	
	TEXT-ALIGN:center;	
	MARGIN-BOTTOM:0;	
	FONT-SIZE:1.8em;	
	LINE-HEIGHT: 1.8;	
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, "Bauhaus 93";	
	FONT-WEIGHT: normal;	
	BACKGROUND: #FFFFCC;
	}

.taglist a.tag {	
	/*padding:0 2px;*/	
	PADDING:0px 1px;	
	MARGIN: 0px; 	
	TEXT-DECORATION:none;
	}

.taglist a.tag:hover {	
	TEXT-DECORATION:underline;
	}

.taglist big, .taglist small, .taglist span {	
	WHITE-SPACE:nowrap;
	}

.taglist small small a.private_tag { 	
	COLOR: #FF6448 
	}

.taglist small small a { 	
	COLOR: #666 
	}

.taglist small { 	
	FONT-SIZE: 80%; 
	}

.taglist big { 	
	FONT-SIZE: 120%; 
	}

.taglist big big {	
	FONT-WEIGHT:bold; 
	}

.taglist a.private_tag { 	
	COLOR: #FF6448 
	}