/* CSS Document */
body  {
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #333333;
}
#container {
	width: 630px; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 1px solid #000000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	background-color: #FFFFFF;
	height: 860px;
} 
#quadrato-basso {
	height: 381px;
	width: 397px;
	position: absolute;
	top: 8px;
	background-image: url(../img/quadrato-basso.gif);
	left: 15px;
}
#sara {
	height: 176px;
	width: 121px;
	background-color: #333333;
	position: absolute;
	left: 10px;
	top: 15px;
	right: 5px;
}
#testoprodotti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 0px;
	margin: 0px;
}
#titoloprodotti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}




#header {
	height: 118px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	margin: 0px;
	padding: 0;
	width: 630px;
	background-image: url(../img/head-2.jpg);
	background-repeat: no-repeat;
	background-position: center;
} 
#mainContent-h1 {
	background-image: url(../img/quadrato-alto.gif);
	height: 225px;
	width: 396px;
	position: absolute;
	left: 15px;
	top: 416px;
}

#header-delegazioneaci {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	height: 14px;
	width: 50px;
	position: absolute;
	top: 102px;
	left: 504px;
	text-decoration: none;
}

#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 */
}
#sidebar1 {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 150px; /* la larghezza effettiva di questo div, nei browser conformi agli standard, o la modaltià standard di Internet Explorer includerà i valori padding e border in aggiunta alla larghezza */
	background: #EBEBEB; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	padding: 15px 10px 15px 20px; /* il padding consente di distanziare dai bordi il contenuto del div */
}
#sidebar2 {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 194px; /* il padding consente di distanziare dai bordi il contenuto del div */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	position: absolute;
	left: 415px;
	top: 180px;
	background-color: #FFFFFF;
	height: 617px;
}
#mainContent-ups {
	height: 45px;
	width: 60px;
	position: absolute;
	left: 15px;
	top: 10px;
}
#mainContent-fangio {
	height: 42px;
	width: 60px;
	position: absolute;
	left: 15px;
	top: 65px;
}
#mainContent-sedicomuni {
	height: 35px;
	width: 60px;
	position: absolute;
	left: 15px;
	top: 114px;
}
#mainContent-titolo-ups {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	width: 280px;
	position: absolute;
	left: 85px;
	top: 10px;
}
.titolo-ups {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}




#header-fold {
	height: 19px;
	width: 126px;
	position: absolute;
	top: 70px;
	right: 100px;
}

#mainContent {
	height: 650px;
	width: 420px;
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	position: absolute;
	top: 170px;
} 
#main-titolo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 0px;
	position: absolute;
	top: 400px;
	left: 40px;
	width: 126px;
	font-variant: normal;
	height: 18px;
	background-image: url(../img/fold.gif);
}

#spose {
	height: 50px;
	width: 630px;
	position: absolute;
	top: 118px;
}

#footer {
	position: absolute;
	top: 823px;
	width: 626px;
	left: 3px;
	height: 35px;
	padding: 0;
	text-decoration: none;
} 
#sidebar2mostrascambio {
	background-repeat: no-repeat;
	height: 60px;
	width: 190px;
	position: absolute;
	top: 2px;
	left: 7px;
}

#sidebar2servimmobiliari {
	height: 37px;
	width: 52px;
	top: 92px;
	position: absolute;
	left: 7px;
}
#sidebar-atina {
	position: absolute;
	top: 64px;
	width: 186px;
}



#footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
.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;
}
.delegazioneaci {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.testo-ups {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.titolo-fangio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	position: absolute;
	width: 283px;
	top: 65px;
	left: 85px;
}
.titolo-sedicomuni {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	position: absolute;
	width: 283px;
	top: 118px;
	left: 85px;
}
#aci {
	height: 176px;
	width: 121px;
	background-color: #333333;
	position: absolute;
	left: 137px;
	top: 15px;
	right: 5px;
}
#sportellofinanziario {

	height: 176px;
	width: 121px;
	background-color: #333333;
	position: absolute;
	left: 265px;
	top: 15px;
	right: 5px;
}
#titoloaci {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#testoaci {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 0px;
	margin: 0px;
}
#mainContent-international {

	height: 45px;
	width: 60px;
	position: absolute;
	left: 15px;
	top: 165px;
}
.titolo-international {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	position: absolute;
	width: 307px;
	top: 168px;
	left: 84px;
	height: 42px;
}
#titolosportello {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#testosportello {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 0px;
	margin: 0px;
}
#assicurazionistoriche {


	height: 168px;
	width: 121px;
	background-color: #333333;
	position: absolute;
	left: 10px;
	top: 200px;
	right: 5px;
}
#motorsrent {



	height: 168px;
	width: 121px;
	background-color: #333333;
	position: absolute;
	left: 137px;
	top: 200px;
	right: 5px;
}
#ferrarirent {




	height: 168px;
	width: 121px;
	background-color: #333333;
	position: absolute;
	left: 265px;
	top: 200px;
	right: 5px;
}
#titoloasstoriche {



	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#titolomotorsrent {




	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#titoloferrarirent {





	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#testoasstoriche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	line-height: 11px;
}
#testomotorsrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	line-height: normal;
}
#testoferrarirent {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	line-height: normal;
}
#sidebar2trovachiave {
	height: 37px;
	width: 52px;
	top: 90px;
	position: absolute;
	left: 5px;
}
#sidebar2servassicurativi {

	height: 37px;
	width: 52px;
	top: 136px;
	position: absolute;
	left: 7px;
}
#sidebar2linea170 {
	background-image: url(../img/linea170.gif);
	background-repeat: repeat-x;
	height: 5px;
	position: absolute;
	width: 190px;
	top: 80px;
	left: 7px;
}
#sidebar2trovachiave {


	height: 37px;
	width: 52px;
	top: 180px;
	position: absolute;
	left: 7px;
}
#sidebar-testoservasss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	width: 130px;
	left: 65px;
	top: 136px;
}
#sidebar-testoservimm {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	width: 130px;
	left: 65px;
	top: 92px;
}
#sidebar-testotrovachi {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	width: 130px;
	left: 65px;
	top: 181px;
}
#sidebar2linea170-2 {

	background-image: url(../img/linea170.gif);
	background-repeat: repeat-x;
	height: 3px;
	position: absolute;
	width: 190px;
	top: 255px;
	left: 7px;
}
#sidebar2verredil {



	height: 27px;
	width: 52px;
	top: 270px;
	position: absolute;
	left: 7px;
}
#sidebar2-titolo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 0px;
	position: absolute;
	top: 237px;
	left: 35px;
	width: 126px;
	font-variant: normal;
	height: 18px;
	background-image: url(../img/fold.gif);
}
#sidebar2idromeccanica {




	height: 22px;
	width: 52px;
	top: 310px;
	position: absolute;
	left: 7px;
}
#sidebar2dueffe {





	height: 27px;
	width: 52px;
	top: 350px;
	position: absolute;
	left: 7px;
}
#sidebar2gr {






	height: 27px;
	width: 52px;
	top: 270px;
	position: absolute;
	left: 90px;
}
#sidebar2linea170-3 {


	background-image: url(../img/linea170.gif);
	background-repeat: repeat-x;
	height: 3px;
	position: absolute;
	width: 190px;
	top: 460px;
	left: 7px;
}
#sidebar2-servizi {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 0px;
	position: absolute;
	top: 443px;
	left: 35px;
	width: 126px;
	font-variant: normal;
	height: 18px;
	background-image: url(../img/fold.gif);
}
#sidebar-testoservizi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	width: 195px;
	left: 5px;
	top: 470px;
	color: #333333;
	list-style-position: outset;
	list-style-type: circle;
}
.testoservizi-a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	list-style-position: outset;
	list-style-type: circle;
}
#sidebar-adnkronos {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	width: 197px;
	left: -471px;
	top: 625px;
	color: #333333;
	list-style-position: outset;
	list-style-type: circle;
}
#sidebar2ceam {







	height: 27px;
	width: 52px;
	top: 350px;
	position: absolute;
	left: 90px;
}