@charset "UTF-8";
/* CSS Document */

body  {

	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	background-color: #006699;
	background-image: url(../immagini/sfondo-pagina.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

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

#divEventi{
	background-image: url(../immagini/sfondo-eventi.gif);
	background-repeat: no-repeat;
	width: 229px;
	height: 164px;
	margin: 0px 0px 0px 15px;
	visibility: visible;
	overflow: hidden;
	clear: left;
}

#divScrollerContainer{
	width: 225px;
	height: 100px;
	overflow: hidden;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#divTestoScroller{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#divScrollerContainerEventi{
	width: 215px;
	height: 110px;
	overflow: hidden;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#divTestoScrollerEventi{
	margin: 0px;
	padding: 0px;
}

#divNewsletter{
	background-image: url(../immagini/sfondo-newsletter.gif);
	background-repeat: no-repeat;
	width: 229px;
	height: 114px;
	margin: 15px 0px 0px 15px;
	clear: left;
}

#divMeteo{
	background-image: url(../immagini/sfondo-newsletter.gif);
	background-repeat: no-repeat;
	width: 229px;
	height: 114px;
	margin: 5px 12px 0px 0px;
	padding: 16px 0px 0px 5px;
	clear: right;
	float: right;
	color: #006699;
}

#divOfferta{
	background-image: url(../immagini/sfondo-eventi.gif);
	background-repeat: no-repeat;
	width: 229px;
	height: 164px;
	margin: 0px 12px 10px 0px;
	float: right;
	clear: right;
	visibility: visible;
	overflow: hidden;
}

#divLingue{
	margin: 15px 0px 0px 20px;
	padding: 0px;
	float: left;
}


#divContenutoTesto{
	padding: 10px 10px 0px 10px;
	margin: 0px 5px 0px 5px;
}

#divAnimazione{
   	float: right;
	clear: right;
	margin: 15px 15px 0px 0px;
	width: 500px;
	height: 250px;
	padding: 0px;
	background-color: #99CCFF;
}


#divContenuto{
	background-image: url(../immagini/sfondo-contenuto-center.gif);
	background-repeat: repeat-y;
	width: 506px;
	height: auto;
	margin-left: 15px;
	padding: 0px;
	float: left;
	clear: right;
}

#divIntestazione{
	text-align: right;
	width: 233px;
	margin: 10px 0px 0px 15px;
	float: left;
	clear:left;
	padding: 0px;
}

#divIntestazione h1{
	margin: 0px;
	color: #003366;
	padding: 0px;
	font-size: 26px;
	font-weight: normal;
}

#divIntestazione h3{
	color: #006699;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: normal;
}

#divContenutoHeader{
	background-image: url(../immagini/sfondo-contenuto-top.gif);
	width: 506px;
	height: 28px;
	margin: 0px;
	padding: 0px;
}

#divContenutoFooter{
	background-image: url(../immagini/sfondo-contenuto-bottom.gif);
	background-position: bottom;
	width: 506px;
	height: 33px;
	}

.twoColFixLtHdr #container { 

	width: 783px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */


	margin: 0px auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	padding: 0px;
	

} 

.twoColFixLtHdr #header { 

	padding: 0px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
	margin: 0px auto;
	background-image: url(../immagini/sfondo-header.gif);
	background-repeat: no-repeat;
	width: 783px;
	height: 265px;
} 

.twoColFixLtHdr #header h1 {

	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */

	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */

}

.twoColFixLtHdr #sidebar1 {
	
	background-image: url(../immagini/sfondo-menu-sx-center.gif);
	
	width: 217px;
		
	background-repeat: repeat-y;
	
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */

	clear: left;
	
	padding: 0px;
	
	margin: 7px 0px 0px 15px;
	

}

#sidebar1-top{
	background-image: url(../immagini/sfondo-menu-sx-top.gif);
	background-repeat: no-repeat;
	width: 217px;
	height: 89px;
}

#sidebar1-footer{
	background-image: url(../immagini/sfondo-menu-sx-bottom.gif);
	background-repeat: no-repeat;
	width: 217px;
	height: 33px;
}

#divSkype{
	background-color: #EFF6FC;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

.twoColFixLtHdr #mainContent { 

	margin: 0px 20px 0px 20px; /* il margine sinistro di questo elemento div crea la colonna sul lato sinistro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */

	padding: 0px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */

} 

.twoColFixLtHdr #footer { 

	background-image: url(../immagini/sfondo-footer.gif);
	background-repeat: no-repeat;
	width: 783px;
	height: 147px;
	background-color: #006699;
	padding: 60px 0px 0px 0px;
	margin: 0px;

} 

#corpo{
	background-image: url(../immagini/sfumatura.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 783px;
}

#corpoEsterno{
	margin: 0px;
	padding: 0px;
	background-image: url(../immagini/sfondo-bordi.gif);
	background-repeat: repeat-y;
	width: 783px;
	float: left;
}

#divScritta{
	margin: 0px 0px 0px 250px;
	padding: 0px;
	
}

.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/

	float: left;

	margin-right: 8px;

}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

.testo{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

.testoFooter{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	line-height: 20px;
	padding-left: 20px;
	width: 650px;
}

.testoCorto{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	line-height: 20px;
	width: 275px;
	margin: 0px;
	padding: 0px;
}

.testo-eventi{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}