body {
background:transparent url(images/sfondo-body2.jpg) repeat scroll 50% 0;    /* pattern scelto x lo sfondo */
color:#959595;
height:100%;
margin:0;
}

#main{					/* definisce il div principale impostato a 100% che conterra gli altri div */
background:#878787 url(images/sfondo-main.jpg) repeat-x scroll 50% 0; /* barra in alto che si ripete */
overflow:hidden;
position:relative;
width:100%;
}

img, div {behavior: url(iepngfix.htc);}		/* inserito per trasparenza png in ie6 */

#index-center-top {								 /* div in alto che contiene la scritta light e il menu, contiene anche l'immagine "tema" della pagina */
background-image: url(images/farfalla2.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;
margin: 0 auto;
width:840px;  /* da modificare */
height: 412px;
}

#titolo {					/* div  per la sezione del titolo in alto, dove c'è la scritta */
width:840px;  
height: 113px;
}

#pulsanti {				/* div che contiene i pulsanti */
text-align:left;
width:840px;  
height: 25px;
}


#pulsanti span {		/* carattere dei pulsanti, da sostituire eventualmente con un <ul> */
margin-left: 140px;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #767273;
font-weight: bold;
}

#pulsanti a{					/* carattere collegamento dei pulsanti  */
text-decoration: none;
color:#767273;
}

#pulsanti a:hover {
text-decoration: none;
color: #ff9140;
}

#center-bottom {		/* imposta il div in basso che contiene news */
margin:0 auto;
width:840px;  
}



#center-bottom .sinistra {		/* div nella home dove sono contenute le news */
background-image: url(images/sfondo-center-bottom.png);
background-repeat: no-repeat;
background-position: 0% 100%;
float:left;
}

#center-bottom a{			/* imposta il colore dei collegamenti nel div center-bottom */
text-decoration: none;
color:#ffb177;
}


#center-bottom a:hover {	/* imposta il colore dei collegamenti nel div center-bottom */
text-decoration: none;
color: #ffffff;
}

#center-bottom .destra {	/* div nella home dove sono contenute le immagini in "vetrina" */	
background-image: url(images/sfondo-bottom-dx.png);
background-repeat: no-repeat;
background-position: 0% 100%;
float: left;
width:200px;
}

#center-bottom .destra img{		/* per eliminare il bordo dalle imag "vetrina" quando c'è collegamento href*/
border:none;
}

#center-bottom .destra table{	/* tabella nel div "vetrina" della home, dove son contenute le 2 immagini */
margin-left:20px;
width: 150px;
}


#center-bottom .sinistra table{	/* tabella nel div "news" della home, dove son contenute le 3 righe news, una colonna immagini, l'altra testi */
margin-right: 6px;
margin-left:60px;
width:550px;
margin-bottom:0px;
}

#center-bottom .rss {
text-align:right;
margin-bottom:10px;
}

#center-bottom .rss img{
border:none;
}

#center-bottom .sinistra table .td-immagini {	/*  imposta la larghezza della colonna dove ci sono le immagini news */
width: 120px;
}

#center-bottom p {		/* imposta il carattere per il center-bottom, ossia la zona news */
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
text-align: left;
}

#center-bottom p.titolo {	/* imposta il carattere per il titolo delle news  */
color: #ddf3aa;
font-size: 12px;
font-weight:bold;
}

#center-bottom .span-data {		/* imposta il carattere per la data delle news  */
padding: 6px;
color: #ededed;
font-size: 9px;
}

#center-bottom.span-new {
background-color:#2ba52e;
color: #ffffff;
font-weight: bold;
padding: 0.1em;
}

#footer {		
background:transparent url(images/sfondo-footer.jpg) repeat-x scroll 50% 0;
width:100%;
min-height:60px;
text-align:center;

}

#center-footer {		/* div che contiene le 3 immagini nel footer, e la scritta copyright  */
padding: 6px;
height:20px;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin:0 auto;
width:840px;
color: #c5c5b8;
}

#center-footer img {
border:none;
margin-top:10px;
margin-bottom:5px;
margin-right:4px;
}

#center-footer a{
color:#ffffff;
text-decoration: none;
}

#center-footer a:hover{
color:#fff600;
text-decoration: none;
}

					/* SEZIONE PER LA PAGINA COPYRIGHT */

#center-bottom .copyright {		/* div della pagina copyright */
float:left;
}

#center-bottom .copyright table{   /* tabella nella pagina copyright con il testo */
margin-top:30px;
margin-left:60px;
width:750px;
margin-bottom:70px;
}


					/* SEZIONE PER LA PAGINA MAPPA */
					
#index-center-top-mappa {								 /* contiene anche l'immagine "tema" della pagina mappa */
background-image: url(images/mappa.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;
margin: 0 auto;
width:840px;  
height: 412px;
}
					
#center-bottom .mappa {		/* div della pagina mappa */
float:left;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FFFFFF;
margin-left:160px;
}



#center-bottom .mappa a{
color:#ffffff;
text-decoration: none;
}



#center-bottom .mappa a:hover{
color:#FFFF66;
text-decoration: none;
}

					/* SEZIONE PER LA PAGINA LINKS*/
					
#index-center-top-links {								 /* contiene anche l'immagine "tema" della pagina links*/
background-image: url(images/sfondo-links.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;
margin: 0 auto;
width:840px;  
height: 412px;
}

					
#center-bottom .links {
text-align:left;
}

#center-bottom .links img {
border:1px solid #FFFFFF;
margin-right:10px;
margin-left:40px;
margin-bottom:5px;
}

#center-bottom .links table{
margin-left:30px;
margin-bottom:30px;
}

					/* SEZIONE PER LA PAGINA CONTATTI */
					
					
#index-center-top-contatti {								 
background-image: url(images/contatti.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;
margin: 0 auto;
width:840px;  
height: 412px;
}

#center-bottom .contatti {		/* div della pagina copyright */
float:left;
text-align:center;
min-height:80px;
}

#center-bottom .newsletter {		/* div della pagina copyright */
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float:left;
text-align:center;
height:80px;
margin-left:100px;
color:#FFFF66;
}

#center-bottom .contatti p{   /* tabella nella pagina copyright con il testo */
margin-top:10px;
margin-left:60px;
width:750px;
}

#center-bottom .contatti img{
margin-top:10px;
margin-bottom:10px;
border:1px solid #FFFFFF;
}

#center-bottom .span-evid {
color: #FFFF66;
}

#center-bottom td.response {
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFF66;
}

#center-bottom .span-newsletter {
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFF66;
}