/* =============================================== */
/*                  STRUTTURA DOM                  */
/* =============================================== */
html, body {margin: 0; padding: 0}
body {
	background-color: #d8d9da;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
}
.ContentPage {
	width: 1158px;
	vertical-align:top;
	float: right;
	background-image:url(/template/bg_pagina_autosalone.jpg);
	background-repeat: repeat-y;
	background-position:center;
	/* inserire qui l'immagine di background */
}

.ContentCenterPage {
	width: 1158px;
	vertical-align:top;
	float: right;
	background-image:url(/template/bg_center-page.jpg);
	background-repeat: repeat-y;
	min-height: 400px;
	background-position:center;
	/* inserire qui l'immagine di background */
}

/* Dimensione tabella che contiene dx + sx */
.StylePagina {
	width: 1158px;
	margin: 0 auto;
}
/* Colonna sinistra */
.StyleSx {
	width: 564Px;
	text-align: center;
	vertical-align: top;
	float: left;
	background-image:url(/template/banner_auto-aziendali.jpg);
	background-repeat:no-repeat;
	height: 550px;
}	
/* Colonna sinistra */
.StyleSxDoveSiamo {
	width: 564Px;
	text-align: center;
	vertical-align: top;
	float: left;
	background-image:url(/template/banner_auto-aziendali_dovesiamo.jpg);
	background-repeat:no-repeat;
	height: 550px;
}/* Colonna centrale (si chiama dx per omogeneità con struttura 2 colonne) */
.StyleDx {
	width: 594Px;
	vertical-align: top;
	text-align:center;
	float: left;
	background-image:url(/template/dx_officina-autorizzata-fiat.jpg);
	background-repeat:no-repeat;
	height: 550px;
}
/* Colonna destra */
.StyleKx {
	width: 200Px;
	vertical-align: top;
	text-align:center;
	float: left;
}
/* Tabella intestazione */
.StyleIntestazione {
	width: 1158Px;
	height: 109Px;
	background-image:url(/template/testa_auto-usate.jpg);
	background-repeat:no-repeat;
}
.StyleNews {
	width: 1158Px;
	height: 55Px;
	background-image:url(/template/bg_news_auto-km-zero.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
}


/* =============================================== */
/*                   CONTAINER     	               */
/* =============================================== */
/* Spaziatore che allinea il contenuto Sinistro */
.PageContainerSx {
	width: 20Px;
}
/* Contenuto centrale della pagina */
.PageContainerCenter {
	vertical-align: top;
	width: 560Px;
}
/* Spaziatore che allinea il contenuto Destro */
.PageContainerDx {
	width: 20Px;
}
/* Tabella che contiene il corpo delle pagine */
.ContainerContenutoPagina {
	width: 540Px;
	text-align:justify;
	padding-left: 20px;
	padding-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #343434;
	}	

.ContainerCenterPage {
	width: 1090Px;
	text-align:justify;
	padding-left: 5px;
	padding-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #343434;
	}


/* =============================================== */
/*               TITOLI DELLE PAGINE               */
/* =============================================== */
.StyleTitoloPagine {
	color: #900;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-right: 10Px;
	display: none
}

/* =============================================== */
/*		INGRANDIMENTO DELLA FOTO AL PASSAGGIO	   */
/* =============================================== */
#preview{position:absolute; background-color: #b30c1d; padding:2px; display:none; color:#fff;}


/* =============================================== */
/*                    SEPARATORI	               */
/* =============================================== */
/* Tabella che contiene il separatore */
.MenuSeparatore {
	background-image:url(/template/sx-testa-motori-per-cancelli.jpg);
	background-repeat:no-repeat;
	height: 40Px;
	width: 200Px;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	clear:both
}


/* =============================================== */
/*                       MENU	 	               */
/* =============================================== */
/* Struttura base del menu */
#JQMenu
{	margin: 0;
	padding-left: 564px;
	z-index: 50;
	position:relative
}
/* Background e testo del PULSANTE */
	#JQMenu li
	{	float: left;
		list-style: none;
		font-size: 13px;
		font-family:Verdana, Geneva, sans-serif;
		text-align: center;
		text-transform:uppercase;
		width: 118px;
	}
/* Background e testo del LINK del PULSANTE */
	#JQMenu li a
	{	display: block;
		text-decoration: none;
		color: #171b26;
		padding-top: 85px;
		height: 24px;
		width: 118px;
		overflow:hidden;
	}
/* Background e testo del LINK del PULSANTE AL PASSAGGIO */
	#JQMenu li a:hover
	{	
		color: #fff;
		background-image:url(/template/tasto_over_cerco-auto.jpg);
		background-repeat:no-repeat;
		font-weight:bold;
	}
/* Struttura del SubPulsante */
		#JQMenu li ul
		{	margin: 0;
			position: absolute;
			visibility: hidden;
			padding-left: 0px;
			padding-top: 14px;
			}
			#JQMenu li ul li
			{	float: none;
				display: inline;
				font-size: 11px;
				font-family:Verdana, Geneva, sans-serif;
				text-align: center;
				text-transform:uppercase;
				width: 118px;
			}
/* Background e testo del LINK del SUBPULSANTE */
			#JQMenu li ul li a
			{	
				position: relative;
				display: block;
				background-color:#171b26;
				border-left: 1px solid #be0f1d;
				border-right: 1px solid #be0f1d;
				border-bottom: 1px solid #be0f1d;
				color: #fff;
				height: 20px;
				width: 118px;
				padding-top: 5px;
			}
/* Background e testo del LINK del SUBPULSANTE AL PASSAGGIO */
			#JQMenu li ul li a:hover
			{
				background-image:none;
				background-color:#171b26;
				border-left: 1px solid #be0f1d;
				border-right: 1px solid #be0f1d;
				border-bottom: 1px solid #be0f1d;				
				color:#fff;
				font-weight:bold;
				height: 20px;
				width: 118px;
				padding-top: 5px;
			}

/* =============================================== */
/*             STILI DEL BOX  LATERALI             */
/* =============================================== */
/* Tabella titolo del blocco menu, firma */
.HeadBoxColonnaSx {
	background-image:url(/template/sx-testa-motori-per-cancelli.jpg);
	background-repeat:no-repeat;
	height: 40Px;
	width: 200Px;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	clear:both
}
/* Tabella titolo del blocco news, iscrizione newsletter */
.HeadBoxColonnaDx {
	background-image:url(/template/dx-testa-telecomando-cancello-elettrico.jpg);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	height: 40Px;
	width: 200Px;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	clear:both
}
/* Tabella footer di chiusura del blocco menu, firma */
.FooterBoxColonnaSx {
	background-color: #FF5050; 
	height: 25Px;
	width: 100%;
}
/* Tabella footer di chiusura del blocco news, iscrizione newsletter */
.FooterBoxColonnaDx {
	background-color: #FF5050; 
	height: 25Px;
	width: 100%;
}
/* sfondo dove vengono innestati i pulsanti del menu, firma */
.BgBoxButtonColonnaSx {
	background-color: #3C6;
	text-align: center;
	color:#FF0000;
}
/* sfondo dove vengono innestate news, iscrizione newsletter */
.BgBoxButtonColonnaDx {
	padding-left: 310px;
	padding-top: 40px;
}


.StyleNewsletter {
	width: 1158px;
	vertical-align:top;
	background-image:url(/template/bg_newsletter.jpg);
	background-repeat: no-repeat;
	height: 103px;
	background-position:center;
	clear: both;

}






/* =============================================== */
/*               BOX FIRMA AZIENDA                 */
/* =============================================== */
/* Dimensione del box o eventuale background */
.BoxFirmaAzienda {
	width: 554px;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #161b25;
	padding-top: 20px;
	padding-left: 25px;
}
/* Colore del nome e mail nel campo box iscrizione Newsletter */
.ColonnaDXTextColor{
	color: #fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: right; 
}


/* =============================================== */
/*                  GESTIONE NEWS                  */
/* =============================================== */
/* TD che consente di cambiare il colore delle news del Marquee */
.TdColorTextMarquee {
	text-align: left;
	color: #FFFFFF;
}
/* Colore del Testo nel box laterale delle news del Marquee */
.NewsContentTextMarquee {
	color: #FFFFFF;
	text-align:left
}
/* Link all_news per accedere allo storico News */
.LinkAllNews{
	font-weight: bold;
	color:fuchsia
}
/* Tabella che contiene le news in allnews.asp */
.TabellaContenitoreNews{
	width: 100%;
}
/* tabella che contiene il nome della news */
.TDTitoloNews{

	height:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}
/* tabella che contiene il corpo della news */
.TDCorpoNews {
	height: 50Px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}
/* tabella che contiene la chiusura del box della news */
.TDFooterNews {
	height:20px;
}

/* the news box */
#news_scroller
{
	width:190px;
	background:#eee;
}
#news_scroller a
{
	color:#000;
}
#news_scroller ul
{
	margin:0 .5em 0 1em;
	padding:0;
}
#news_scroller li{
	line-height:2em;
	border: 1px solid #000;
	background-color:#33F;
	list-style: none
}
/* the news box when JavaScript is available */
#news_scroller.hasJS
{
	height:120px;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#news_scroller.hasJS ul
{
	position:absolute;
	top:120px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
}

/* =============================================== */
/*                  FOOTER SITO                    */
/* =============================================== */
/* foto di background repeat X e basta */
.StyleFooterBack {
	clear: both;
    width: 100%;
    background-color: #d8d9da;
    background-position:center;
    background-repeat: no-repeat;
}
/* inserisci un'immagine intera */
.StyleFooter {
    width: 1158Px;
    height: 283Px;
	background-image:url(/template/coda_risparmio.jpg);
	background-repeat:no-repeat;
    text-align: center;
	/* non modificare Padding altrimenti rompe la grafica */
	margin:0 auto;padding:0
}
/* Div presente nel footer metti un padding per spostare firma CS */
.FooterLink {
    color:#484f5e;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-align:right;
	padding-top: 20px;
}


/* =============================================== */
/*             BARRA DELLA LINGUA                  */
/* =============================================== */
/* contenitore di tutte le bandierine */
.StyleLanguage {
	position:absolute;
	z-index: 10;
	padding-top:5px;
	text-align:right;
	width:1000Px;
}
/* stile della singola bandierina */
.StyleBandiera {	
	float:right;
	padding-left:5Px
}


/* =============================================== */
/*                   BANNER     	               */
/* =============================================== */
/* Tabella di backgraound che contiene il banner basic */
.StyleBasicBannerContainer {
	width: 1000Px;
	height: 50Px;
	overflow: auto;
	display: none;
}	
/* DIV che contiene il banner basic */
.StyleBanner0 {
	width: 100%;
	height: 100%;
	background-color: #CC99FF
}	
/* DIV che contiene il banner alto */
.StyleBanner1 {
	width: 600Px;
	height: auto;
	overflow: hidden;
	border: 0Px;
}
/* DIV che contiene il banner sinistro */
.StyleBanner2 {
	width: 560Px;
	height: auto;
	overflow:hidden;
}
/* DIV che contiene il banner destro */
.StyleBanner3 {
	width: 200Px;
	height: auto;
	overflow:hidden;
}
/* DIV che contiene il banner footer */
.StyleBanner4 {
    text-align:center;
    width: 1000Px;
    background-color:blue
}


/* =============================================== */
/*           FONT - LINK - RADIO - INPUT           */
/* =============================================== */
html, body,  {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
}
td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #343434;
	text-align:left;
} 
/* Link */
a { 
	color: #b30c1d;
	border: none;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #ff001a;
	text-decoration: none;
	border: none;
}

.link { 
	color: #3c424f;
	border: none;
	text-decoration: underline;
	cursor: pointer;
}
.link:hover {
	color: #b30c1d;
	text-decoration: underline;
	border: none;
	font-weight: bold;
}


.link1 { 
	color: #fff;
	border: none;
	text-decoration: none;
	cursor: pointer;
	text-format: uppercase;
	font-weight: bold;
}
.link1:hover {
	color: #ff0000;
	text-decoration: none;
	border: none;
	text-format: uppercase;
	font-weight: bold;
}  

 
/* Input */
.input {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	background-image: URL(../../template/common/bg_input.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #333333;
	border: 1Px solid;
	border-color: #C0C0C0;
}
.radio {
	background: none;
	border: 0Px;
	cursor: pointer;
}
input.submit {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
input.checkbox {
	background: none;
	border: 0Px;
}
input.image {
	background-color: #FFFFFF;
	border: 0Px;
}
textarea {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
h2 {
	color: white;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 12px;
	text-align: justify;
}

/* CLASSE DEI PULSANTI INPUT.SUBMIT 3D SPECIAL VERSION*/
.input3d{	
	font-weight: bold;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	border: none;
	color:#fff;
	height: 20Px;	
	background-color: #131721;
	cursor: pointer
}
.input3d:hover{
	FONT-SIZE: 9pt;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	border: none;
	color:#fff;
	height: 20Px;	
	background-color: #b30c1d;
	cursor: pointer
}	
/* CLASSE DEI PULSANTI INPUT.SUBMIT 3D SPECIAL VERSION GRAFICA 2*/
.input3d_2{	
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color:#d4d0c8;
	cursor: pointer
}
.input3d_2:hover{
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color: #999999;
	cursor: pointer
}	

.inputfrecce{	
	background-image: url(/template/frecce.jpg);
	background-repeat:no-repeat;
	border: none;
	color:#83c1d1;
	height: 31Px;
	width: 46px;
	cursor: pointer
}
.inputfrecce:hover{
	background-image: url(/template/frecce-over.jpg);
	background-repeat:no-repeat;
	border: none;
	color:#83c1d1;
	height: 31Px;
	width: 46px;
	cursor: pointer
}	


.bg_box{ border: 7px solid #fff; cursor: pointer }
.bg_box:hover{border: 7px solid #3c424f;  cursor: pointer}

/* =============================================== */
/*                 MAPPA GOOGLEMAP                 */
/* =============================================== */
#map_canvas {
	width: 550px;
	height: 350px;
	color: #000000;
	border: 1Px solid #999;
}


/* =============================================== */
/*           IL PAGINATORE - NAVIGATORE            */
/* =============================================== */
.NavigatoreTable {border: 1Px solid #CCC;}
.NavigatoreDiv {background-color: #CCC;border: 1Px Solid #999;height: 15Px;width: 18Px;text-align: center;cursor: pointer;padding:3Px}
.NavigatoreDiv:Hover{background-color: #F3F3F3;border: 1Px Solid  #999;height: 15Px;width: 18Px;text-align: center;cursor: pointer;padding:3Px;text-decoration: none}
.NavigatoreDivSelezionato {background-color: #Ca0C1D;border: 1Px Solid #666;height: 15Px;width: 18Px;text-align: center;	cursor: pointer;padding:3Px}
.NavigatorePrecedenteSuccessivo{font-family:Verdana, Geneva, sans-serif;font-size: 10px}
.TestoDelBotteneDelLink {text-decoration: none;color: #333;}
.TestoDelBotteneDelLinkSelezionato {text-decoration: none;color: #FFF;font-weight: bold;}


/* =============================================== */
/*                 VALIDATORE FORM                 */
/* =============================================== */
#msg {
  display: none;
  position: absolute;
  z-index: 200;
  background: url(../common/msg_arrow.gif) left center no-repeat;
  padding-left: 7px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 10Px
}

#msgcontent {
  display: block;
  background: #f3e6e6;
  border: 2px solid #924949;
  border-left: none;
  padding: 5px;
  min-width: 150px;
  max-width: 250px;
}


/* =============================================== */
/*           BLOCCO CENTRALE - REGISTRATI          */
/* =============================================== */
.LogInAzienda{background-image:url(/template/ico_azienda.png); cursor: pointer; height:100Px; width:100Px; margin:0 auto}
.LogInAzienda:hover{background-position: -100px 0;}
.LogInPrivato{background-image:url(/template/ico_privato.png); cursor: pointer; height:100Px; width:100Px; margin:0 auto}
.LogInPrivato:hover{background-position: -100px 0;}
.BloccoCentro0 {
	width: 575Px;
	text-align: center;
	border: 0Px;
}
.BloccoCentro1 {
	width: 100%;
	height: 25Px;
	background-color: #036;
	text-align: center;
	font-weight: bold;
}
.BloccoCentro2 {
	width: 100%;
	background-color:#066;
	text-align: center;
}
.BloccoCentro3 {
	width: 100%;
	height: 14Px;
	background-color:#09C
}

.CellaSinistraRegistrati {
	padding-left:20Px;
	text-align:left;
	width: 50%;
	height: 23Px;
}
.CellaDestraRegistrati {
	text-align:left;
	width: 50%;
	height: 23Px;
}
/* tabella che contiene privato ed azienda nella pagina registrazione */
.TableUserRegistration{
	width: 250Px;
}
.TableUserRegistrationPrivato{
	background-image:url(../ico_privato.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 50Px;
}
.TableUserRegistrationAzienda{
	background-image:url(../ico_azienda.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 50Px;
}


/* =============================================== */
/*           BOX LATERALE DI LOGIN			       */
/* =============================================== */
/* tabella che contiene csfolder, account, logout sulla destra */
.TabellaContienteAccount{
	width: 190Px
}
/* RIGA  */
.RigaContieneAccount{
	height: 20Px;
}
/* style dei link di csfolder, account, logout sulla destra */
.LinkDatiAccount{
	color: #006;
}
.LinkDatiAccount:hover{
	color: #930;
}
/* DIV che contiene i link, utile per esempio per mettere un padding e creare sfondo personalizzato */
.DivContieneLink{
	padding-left: 20Px
}

/* =============================================== */
/*                APERTURA BOX LOGIN               */
/* =============================================== */
/* immagine che funge da link per 'srotolare' il corpo Login (se disconnesso altrimenti contenuto, se connesso) */
.ApriBoxLogin {
	width: 190Px;
	height: 90Px;
	background-image: url(../login.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}
/* sfondo del box sotto il corpo login o pulsanti (se utente connesso) */
.BackgroundApriBoxLogin {
	background-color: #960;
}

/* =============================================== */
/*                SCHEDA VETTURA		           */
/* =============================================== */
.TastoBack{background-image:url(/template/tasto-back.png); cursor: pointer; height:67Px; width:257Px; margin:0 auto}
.TastoBack:hover{background-position: -257px 0;}
.TastoInfo{background-image:url(/template/tasto-info.png); cursor: pointer; height:67Px; width:257Px; margin:0 auto}
.TastoInfo:hover{background-position: -257px 0;}
.TastoUsato{background-image:url(/template/tasto-usato.png); cursor: pointer; height:67Px; width:257Px; margin:0 auto}
.TastoUsato:hover{background-position: -257px 0;}
.TastoPreventivo{background-image:url(/template/tasto-preventivo.png); cursor: pointer; height:67Px; width:257Px; margin:0 auto}
.DivDiDiv{clear:both; height:50px; border-bottom:1px solid #CCC; width:500px;}
.DivSx{float:left; width:150px; font-size:12px; font-weight:bold; color:#666; padding-top:20px}
.DivDx{float:left; width:150px; padding-top:20px}
.TastoStampa{background-image:url(/template/tasto-stampa.png); cursor: pointer; height:67Px; width:257Px; margin:0 auto}
.TastoStampa:hover{background-position: -257px 0;}
.TastoPreventivo:hover{background-position: -257px 0;}

.TastoAuto{background-image:url(/template/tasto-auto-gratis.png); cursor: pointer; height:67Px; width:257Px; margin:0 auto}
.TastoAuto:hover{background-position: -257px 0;}
.TastoContatti{background-image:url(/template/tasto-contattaci.png); cursor: pointer; height:67Px; width:224Px; margin:0 auto}
.TastoContatti:hover{background-position: -224px 0;}


/* =============================================== */
/*                TASTI SOCIAL NETWORK		           */
/* =============================================== */
.TastoFaceBook{background-image:url(/template/tasto-fb.jpg); cursor: pointer; height:40Px; width:36Px; margin:0 auto}
.TastoFaceBook:hover{background-position: -36px 0;}
.TastoYouTube{background-image:url(/template/tasto-yt.jpg); cursor: pointer; height:40Px; width:36Px; margin:0 auto}
.TastoYouTube:hover{background-position: -36px 0;}



/* =============================================== */
/*                FILTRI RICERCA		           */
/* =============================================== */
table.ruler{width: 100%;background-color: #FFF;border: none}
#coloracella tr.ruled {background:#F3F3F3;}
.FiltroMarche{float:left; width:160px; text-align:left}
.FiltroModelli{float:left; width:210px; text-align:left; display:none}
.StyleFiltroRicerca {
	width: 1158Px;
	height: 55Px;
	background-image:url(/template/bg_filtroricerca.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
	overflow:hidden
}