body {
	margin:10px;
	padding:0px;
	background-color:#336666;
	background-image: url("../img/bg.jpg");
	background-repeat: repeat-x;
	text-align:center;
	color:#336666;
}

a:link, a:visited, a:hover{
	color: #336666;
	text-decoration:none;
}

table {
	font-family: Helvetica, serif;
	font-size: 11px;
	text-align: justify;
}

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.verde {
	color: #336666;
	font-size: 13px;
	font-weight:bold;
}

#music {
	text-align:right;
	margin-right: 5px
}

#menusx {
	background-color:#fcd116;
	background-image: url("../img/bg_sx.jpg");
	background-repeat: repeat-x;
	width:128px;
}

#menusx h1{
	color: #336666;
	font-size:16px;
	font-weight:bold;
	text-decoration: underline;
}

#menusx p{
	color: #336666;
	font-size: 13px;
}	

#menusx a{
	color: #336666;
	font-weight:bold;
	font-size: 13px;
}	

#flashcontent { 
	border: solid 0px #000; 
	width: 425px; 
	height: 344px; 
	float: none; 
}
/* Pulsanti menù sinistro */

a.squarebutton{
background: transparent url(../img/button_left.gif) no-repeat top left;
display: block;
font: bold 12px Arial; /* Cambia dimensione testo */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* non toccare distanza tra le 2 img*/
text-decoration: none;
}

a.squarebutton span{
	display: block;
	text-align: center;
	width: 100px; /*larghezza dei tasti*/
	padding-top: 4px; /*spaziatura interna al tasto*/
	padding-right: 9px; /*spaziatura interna al tasto*/
	padding-bottom: 4px; /*spaziatura interna al tasto*/
	padding-left: 0px; /*spaziatura interna al tasto*/
	background-color: transparent;
	background-image: url(../img/button_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.squarebutton:hover{ /* Hover state CSS */
	background-position: bottom left; /*non toccare*/
}

a.squarebutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #336666; /*colore del testo quando ci vado sopra col mouse....*/
}

a#pulsanteattivo{
	background-position: bottom left;
}

a#pulsanteattivo span{
	background-position: bottom right;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/* fine Pulsanti menù sinistro */

.boxcentrale {
	padding:10px 10px 0 10px;
	background-color:#F4E287;
}

.boxcentrale h1 {
	color: #336666;
	font-size:20px;
	font-weight:bold;
}

.boxcentrale h2 {
	margin:0;
	padding:0;
	color: #336666;
	font-size:15px;
	font-weight:bold;
}

.boxcentrale h3 {
	margin:0;
	padding:0;
	color: #336666;
	font-size:13px;

}

.boxcentrale ul li {
	font-family: Helvetica, serif;
	font-size:13px;
	font-weight:normal;
	color: #336666;
}

.boxcentrale p {
	color: #336666;
	font-size:13px;
	text-align:justify;	
}

.boxcentrale .evidenziato {
	color: #FF0000;
	font-size:13px;
	font-weight:bold;
	text-decoration: blink;
}

.boxcentrale input.submit{
	background-color:#336666;
	/*font-family: Arial, "Times New Roman", Georgia;	*/
	border-top: 1px solid #34B4D1;
	border-left: 1px solid #34B4D1;	
	border-right: 1px solid #7E919C;	
	border-bottom: 1px solid #7E919C;
	color:#ffffff;
	width: 80px;
	padding:0;
	margin: 0;
	height: 18px;
	margin-left: auto;
	margin-right:auto;
	font-weight: bold;
	font-size: 12px;		
}

.boxcentrale input.submit:hover{
	background-color:#99cccc;
	color:#336666;
}

.elencopuntato {
	font-size: 13px;
}

#paging {
	text-align: center;
	color: #FF0000;
	font-size:13px;
	font-weight:bold;
}

#paging a{
	color: #336666;
	font-size:13px;
	font-weight:bold;
}

.link_button a:link, .link_button a:visited {
	font-size:11px;
	display: block;
	padding:0;
	margin: 0;
	width: 70px;
	height: 17px;
	line-height:17px;
	background: #336666;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.link_button a:hover {
	background: #99cccc;
	color: #336666;
}

.feedback_button a:link, .feedback_button a:visited {
	font-size:11px;
	display: block;
	padding:0;
	margin: 0;
	width: 120px;
	height: 17px;
	line-height:17px;
	background: #99cccc;
	font-weight: bold;
	text-decoration: none;
	color: #336666;
	margin-left: 0;
	text-align: center;
}

.feedback_button a:hover {
	background: #336666;
	color: #ffffff;
}


.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336666;
	text-align:center; 
}

.copyright a:link, .copyright a:visited {
	color: #336666;
}

.copyright a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336666;
	text-align:center;
}

/* CSS per i form del sito */

.cssform p{
font-family: Helvetica, serif;
width: 647px;
clear: left;
margin: 0;
padding: 20px 0 20px 0;
padding-left: 0; /*width of left column containing the label elements*/
border-top: 1px dotted #336666;
height: 1%;
color: #336666;
}

.cssform label{
font-family: Helvetica, serif;
font-weight: bold;
float: left;
margin-left: 155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 300px;
height: 175px;
}

.boxlinks p{
	margin:0px;
	padding:0px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* Fine CSS per i form del sito */

/* Privacy */
.privacy{
	font-size: 10px;
	border: 1px solid #336666;
	padding:5px;
	text-align:left;
}

/* Citazione */
.citazione p {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

.citazione ul li {
	font-size: 12px;
}

/* CSS per slideshow immagini */
.showcase {
	position: relative;
	}

.showcase a.controls {
	position: absolute;
	width: 54px;
	height: 50px;
	background-color: #2097FA;
	text-decoration: none;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	text-align: center;	
	border: 2px solid #FFF;	
	}

.showcase a.previous {
	padding-bottom: 4px;
}

.showcase ul li {
	width: 170px;
	height: 170px;
	float: left;	
	list-style-type: none;	
}

.showcase ul li a {
	display: block;	
}

.showcase li a img {
	width: 100%;
	height: 100%;
	border: 0;	
}

/* Horizontal showcase ------------------------- */

.showcase#horizontal {	
	margin: 20px auto 0 auto;
	width: 836px;
	height: 170px;
}	
	
.showcase#horizontal a.controls {
	top: 50%;
	margin-top: -27px;
}

.showcase#horizontal a.next {
	right: 0;
	padding-top: 4px;
}


.showcase#horizontal a.controls:hover {
	border-color: #2097FA;
}

.showcase#horizontal ul {
	position: relative;	
	width: 700px;
	height: 170px;	
	margin: 0 auto;
}


/* fine CSS per slideshow immagini */

.mappasito ul{
	list-style-type: square;		
}

.mappasito ul li{
	padding-top:20px;
}

.mappasito ul a:link, .mappasito ul a:visited, .mappasito ul a:hover{
	text-decoration: underline;
}

.mappasito ul ul{
	list-style-type: none;
}

.mappasito ul ul li{
	padding-top:5px;
}

.boxcentrale h4 {
	margin:0;
	padding:10;
	font-size: 24px;
	color: #cc6600;
	font-style:oblique;
}

.boxcentrale h5 {
	margin:0;
	padding:0;
	font-size: 14px;
	color: #cc6600;
	font-style:oblique;
}

/* Modifica Michele per popunder */

		#popad{
			padding:5px;
			border:1px solid #999;
			background:#eee;
			width:184px;
			z-index: 100;
		}
		#popad_footage{
			height:300px;
			width:184px;
			background:url(01.gif) top left no-repeat;
		}
		#popad_footage a{
			display:block;			
			height:300px;
			width:184px;
			display:block;
			text-indent:-600px;
			overflow:hidden;
		}
		#popad p{
			margin:0;
			padding:0 .5em .5em .5em;
			background:#fff;
			font-family:Arial,Sans-serif;
			font-size:90%;
			font-weight:bold;
		}
		#popad_content a{
			color:#369;
		}
		#popad.dynamic #popad_footage{
			height:300px;
			width:184px;
			background:url(../banner_pg.png) top left no-repeat;
		}
		#popad.dynamic #popad_footage a{
			height:290px;
		}
		#popad.dynamic #popad_footage a#popad_close{
			color:#ddd;
			height:20px;
		}
		#popad.dynamic{
			position:absolute;
			top:4em;
			left:50%;		
		}
		html>body #popad.dynamic{
			position:fixed;
		}


/* fine modifica Michele popunder