@charset "utf-8";
/* CSS Document */

/* APPUNTI poo da cancellare ... */

/*-- questo è un modo crossbrowser per settare un'altezza minima agli oggetti block level 
height: auto !important;    //////per i browser moderni 
height: 180px;     ////// per IE5.x e IE6 
min-height: 180px;   //////per i browser moderni 

--*/



/* ------------------------------------------------------ GENERALI --- */
/* ------------------------------------------------------------------ */
body {
margin: 0;
padding: 0;
font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: center; 
background-color:#fff;
color: #575757;
background-image:url(/image/comuni/bgHead.gif);
background-repeat:repeat-x;
background-position:0 0; /* right/left   top/bottom */
}
#ausiliario{
	width:100%;
	/*background-image:url(/image/comuni/bgAusiliario.png);
	background-position:50% 0;	
	background-repeat:no-repeat;
	background-attachment:;*/
	}
#centrato {
width:960px;
margin:auto;
text-align: left;
}

img{
border:0;
}

#map_canvas{
	width:245px;
	height:420px;
}


/* //  al posto del clearer si mette la classe .clearfix al contenitore dei div che devono essere clear! // */
* html .clearfix {
	height: 1%; /* IE5-6 */
	}
.clearfix {
	display: inline-block; /* IE7xhtml*/
	}
html[xmlns] .clearfix { /* O */
		display: block;  
		}
.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* End hide from IE-mac */

/*DEBUG*/
/*div{
border:1px solid black;
}
/**/


a.generale:link, a.generale:active, a.generale:visited{
	text-decoration:underline;
	color:#a3af21;
	font-style:italic;
	}
a.generale:hover{
	text-decoration:none;
	color:#838383;
	}
	
a.generaleBlank:link, a.generaleBlank:active, a.generaleBlank:visited{
	text-decoration:underline;
	color:#575757;
	}
a.generaleBlank:hover{
	text-decoration:none;
	color:#838383;
	}	
	a.generaleBlank2:link, a.generaleBlank2:active, a.generaleBlank2:visited{
		text-decoration:underline;
		color:#a3af21;
		font-style:italic;
		}
		a.generaleBlank2:hover{
			text-decoration:none;
			color:#838383;
			}	

.titoloSezione{
	font-weight:bold;
	font-size:18px;
	color:#55a32b;
	display:block;
	padding:15px 0 15px 0;
	}
.titoletto{
	font-weight:bold;
	font-size:14px;
	color:#a3af21;
	}
	strong{
		font-size:12px;
	}
.titolettoScuro{
	font-weight:bold;
	font-size:11px;
	color:#55a38585852b;
	}

ul li{
	list-style-type:disc;
}
	
	
/* ------------------------------------------------------ HEADER --- */
/* ---------------------------------------------------------------- */
#header{
	background-color:#fff;
	width:936px; 
	padding:0 12px;
	/*height:520px;*/
	background-image:url(/image/comuni/logo.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	}
#flashTop{
	padding-top:103px;
}
	#flashTop div{
		/*padding:15px 10px 0 510px;
		background-image:url(/image/comuni/noflash.jpg);
		background-repeat:no-repeat;
		background-position:0 50%;
		height:350px;*/
	}

/* ------------------------------------------------------ MENU --- */
/* ---------------------------------------------------------------- */

#menuPrincipale{
}

/* ----------------------------------------------- CORPO CENTRALE --- */
/* ----------------------------------------------------------------- */
#corpo{
	background-color:#fff;
	width:936px; /*960*/
	padding:0 12px;
	}
.Dx{
	float:right;
	width:245px;
	}
.Sx{
	width:675px;
	}
	
.backToTheMenu{
	padding:13px;
	height:20px;
	background-image:url(/image/comuni/bgBack.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-weight:bold;
	font-size:13px;
}
/* ------------------------------------------------- foto --- */
/* ------------------------------------------------------- */
.foto{	
	background-color:#e5e5e5;
	width:354px;
	text-align:center;
	background-image:url(/image/comuni/bgFoto_1.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:25px 0 0 0;
	}
	.foto div{
		background-image:url(/image/comuni/bgFoto_2.gif);
		background-repeat:no-repeat;
		background-position:0 100%;
		padding:0 0 25px  0 ;
		}
		
.foto_big{	
	background-color:#e5e5e5;
	width:555px;
	text-align:center;
	background-image:url(/image/comuni/bgFoto_1_big.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:25px 0 0 0;
	}
	.foto_big div{
		background-image:url(/image/comuni/bgFoto_2_big.gif);
		background-repeat:no-repeat;
		background-position:0 100%;
		padding:0 0 25px  0 ;
		}
/* ------------------------------------------------- testo --- */
/* ------------------------------------------------------- */
.testo{
	float:right;
	width:555px;
	}
.testoLungo{
}

/* ------------------------------------------------------ FOOTER --- */
/* ---------------------------------------------------------------- */
#footer{
	margin:0 auto;
	text-align:left;
	width:960px;
	border-top:2px solid #e5e5e5;
	font-size:11px;
	color:#868686;
	padding-top:5px;
	margin:35px 0 15px 0;
	}

	#credits{
		float:right;
	}
	#datiazienda{
		margin-bottom:6px;
		}


a.footerLink:link, a.footerLink:active, a.footerLink:visited{
	color:#5d5d5d;
	text-decoration:none;
	}

a.footerLink:hover{
	color:#fdfdfd;
	}


/* ---------------------------------------- NAVIGAZIONE // che è diventato
la riga grigia dove scorrono le news--- */
/* ---------------------------------------------------------------- */
#nav{border:1px solid red;
	text-align:left;
	padding:5px 0;
	background-color:#e1e1e1;
	width:500px;
	height:50px;
	padding:0 10px;
	}
#scroller{border:1px solid red;
width:200px;
}

/* ---------------------------------- */

a.linkHorizontalNews:link, a.linkHorizontalNews:active, a.linkHorizontalNews:visited{
	text-decoration:none;
	color:#4b4c4c;
	font-size:9px;
	font-weight:normal;
	}
	a.linkHorizontalNews:hover{
		text-decoration:underline;
		color:#5e92bf;
		}
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;height:50px;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { height:50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color:#0F6;
}
	
.simply-scroll-list li {
height:50px;
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
	width: 940px;
	padding:1px 4px;

}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	padding:6px 4px;

}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	padding:0 15px 0 4px;
	margin-right:15px;
	border-right: 1px solid red;
}


