html {
	margin: 0;
	padding: 0;
	}
body { 
	background: url(../images/graf/sfgen.jpg) top repeat-x #015193;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #747474; 
	font-size:11px; 
	text-align: justify; 
	margin: 0; 
	padding: 0; 
	}

/* SFONDI */

.sfSx { background:url(../images/graf/sfsx.jpg) top right no-repeat;}
.sfDx { background:url(../images/graf/sfdx.jpg) top left no-repeat;}
.sfMenu { background:url(../images/graf/sfmenu2.jpg) top no-repeat; color:#000000; padding-left:15px;}
.sfMenuTit { background:url(../images/graf/sfmenutit.jpg) repeat-x top; width: 167px; height:20px; color:#3b7ab7; font-weight: bold; padding-top:1px; padding-left:5px;}
.sfNews { background:url(../images/graf/sfnews.jpg) no-repeat top #a5bfd2; color:#ffffff; padding-left:10px;}
.sfMenuDx { background:url(../images/graf/pi_24.jpg) repeat-x bottom #f1f0ef; color:#650000; padding-left:15px; height:19px;}
.sfSepDx { background:url(../images/graf/pi_32.jpg) top repeat-x #fed592; height:10px;}
.sfMarchi { background:url(../images/graf/marchi.jpg) top repeat-x #feebcd;}
.sfMenuInterno { background:url(../images/graf/pi_20.jpg) repeat-x top; height:20px;}
.sfBox { background:url(../images/graf/box9.jpg) top no-repeat #ffffff;}


/* TESTI */

.textWite, .textWite:link { color: #ffffff; text-decoration: none;}
a.textWite:hover {  color: #ffffff; text-decoration: underline;}

.textRed, .textRed:link {  color: #650000; text-decoration: none;}
a.textRed:hover {  color: #df7f02; text-decoration: none;}

.menuTop, .menuTop:link {  font-size: 10px; color: #747474; text-decoration: none;}
a.menuTop:hover {  font-size: 10px; color: #000000; text-decoration: none;}

.menuLeft, .menuLeft:link {  color: #383738; text-decoration: none;}
a.menuLeft:hover {  color: #3b7ab7; text-decoration: none;}

.menuRight, .menuRight:link {  color: #650000; text-decoration: none;}
a.menuRight:hover {  color: #df7f02; text-decoration: none;}

.Titolo, .Titolo:link {  font-size: 18px; color: #3b7ab7; text-decoration: none;}
a.Titolo:hover {  font-size: 18px; color: #5aaaf7; text-decoration: none;}

.sottoTitolo, .sottoTitolo:link {  color: #003a72; text-decoration: none; font-style:italic; font-weight:bold;}
a.sottoTitolo:hover {  color: #0067cb; text-decoration: none; font-style:italic; font-weight:bold;}

.links, .links:link {  color: #3b7ab7; text-decoration: none;}
a.links:hover {  color: #5aaaf7; text-decoration: none;}

.note, .note:link {  color: #54799d; text-decoration: none;}
a.note:hover {  color: #5aaaf7; text-decoration: none;}

.tagClouds1, .tagClouds1:link {  font-size: 12px; color: #a5bfd2; text-decoration: none;}
a.tagClouds1:hover {  font-size: 12px; color: #a5bfd2; text-decoration: underline;}

.tagClouds2, .tagClouds2:link {  font-size: 14px; color: #246ca5; text-decoration: none;}
a.tagClouds2:hover {  font-size: 14px; color: #246ca5; text-decoration: underline;}

.tagClouds3, .tagClouds3:link {  font-size: 16px; color: #febe4b; text-decoration: none; font-weight:bold;}
a.tagClouds3:hover {  font-size: 16px; color: #febe4b; text-decoration: underline; font-weight:bold;}

.mini, .mini:link {  font-size: 10px; color: #747474; text-decoration: none;}
a.mini:hover {  font-size: 10px; color: #747474; text-decoration: underline;}

.titoletto, .titoletto:link {  color: #003a72; text-decoration: none; font-weight:bold;}
a.titoletto:hover {  color: #0067cb; text-decoration: none; font-weight:bold;}


/* GRAFICA VARIA */

.borderW { background:#ffffff; padding:1px; border:1px solid #e2e2e2;}
.giustificato { text-align:justify;}
ul { list-style: url(../images/graf/ulli.gif) disc;}

.border { border:1px solid #dadada;}

.box { background: url(../images/graf/box.jpg) top repeat-x #f6f9fc; border:1px solid #93aec2;}

.form { color:#3b7ab7; }











/* PER IL MENU FARE LO SFONDO CHE CAMBIA COLORE: background="../images/graf/esi_07.jpg" 

.menu, .menu:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #848484; text-decoration: none; }
a.menu:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #a2a2a2; text-decoration: underline;}




.IFrame { 
 
	
	padding-left: 20px;
	padding-top:20px;
	padding-bottom:10px;
	padding-right:10px;
	/*background-color: #ffffff;
	overflow-y: auto;
	overflow: auto;
	display: block; 
	height: 211px; 
	width: 418px;
}




.clear{ clear:both;}

/* specific divs 
#container {  
	width: 955px; 
	height: 100%;
	margin: 0 auto; 
	text-align: center;
	position: relative;
	}

#intro { 
	width: 955px;
	top:0px;
	left:0px;
	position: absolute;
	}
	
#center{ 
	width: 955px;
	top:333px;
	left:0px;
	position: absolute;
	}


#bottom { 
	position: absolute;
	top:733px;
	left:181px;
	width: 610px;
	}
	
	
	
	
	
/* divs interni 


#leftPanel {
	width: 186px;
	position: absolute;
	text-align: right;
	left:0px;
	background: url(../images/left.jpg) top no-repeat;
	}

#rightPanel {
	width: 169px;
	height: 400px;
	position: absolute;
	text-align: left;
	left:786px;
	background: url(../images/right1.jpg) top no-repeat;
	}
	
#rightPanelOn {
	width: 169px;
	height: 400px;
	position: absolute;
	text-align: left;
	top:0px;
	left:0px;
	background: url(../images/bottom1.png) bottom left no-repeat;
	}

#centerPanel {
	width: 580px;
	height: 400px;
	position: absolute;
	text-align: left;
	left:186px;
	padding-left:20px;
	background: url(../images/center.jpg) bottom right no-repeat #ffffff;
	}

#footerPanel {
	width: 610px;
	height: 47px;
	position: absolute;
	top:0px;
	left:0px;
	background: url(../images/footer.jpg) bottom center no-repeat;

	}




/* TESTO 

h3 { 
	font: italic bold 1.4em Verdana, sans-serif;
	letter-spacing: 0px; 
	margin: 0; 
	color: #a0004d;
	}
	
h2 { 
	font: italic bold 1em Verdana, sans-serif;
	letter-spacing: 0px; 
	margin: 0; 
	color: #e22565;
	}

*/
.Titolo {  font-color: #bf006e bold;}

.upperred,.upperred:link,.upperred:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ED171F;
	text-transform:uppercase;
}
a.upperred:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #E80000;
	text-decoration: underline;
	text-transform:uppercase;
}


