/*/////////////////////ELEMENTI STRUTTURA///////////////////////////*/
body{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; /* è 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: #666666;
	background: #333333 url(/Templates/Leonori/object/img/sf_body.png) repeat-x center top;

}
.pagina #container { 
	width: 981px;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
} 
.pagina #content {
	width:981px;
	float:left;
	/*padding: 0 23px 10px 23px;*/
	background:#FFF;
}
#Links .SectionTitle{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#666;
}



/**************************************************************
HEADER
 **************************************************************/

.pagina .top{ 
	height: 126px; /* se si cambia l'ordine di origine delle colonne, può essere utile utilizzare un'altezza per l'intestazione in modo da poter assegnare alle colonne un valore superiore prevedibile */
	padding:0;
	background: url(/Templates/Leonori/object/img/sf_header.png) no-repeat top left; 
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: center; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	background-color:#FFF;
} 


/**************************************************************
LOGO e marchi
 **************************************************************/

.pagina .top #logo {
	width: 280px;
	height: 50px;
	position: relative;
	margin: 0;
	/*background-color:#000000;*/
	text-transform: none;
	/* cambiare i valori di top e left per posizionare il logo*/
	top: 40px;
	left: 13px;  	/* CSS3 standard */
	float:left;
}
.pagina .top #brand {
	width: 100px;
	height: 85px;
	position: relative;
	margin: 0;
	/*background-color:#FFCC00;*/
	text-transform: none;
	/* cambiare i valori di top e left per posizionare il logo*/
	top: 5px;
	left: 500px;  	/* CSS3 standard */
	float:left;
}

/**************************************************************
MENUIST 
 **************************************************************/
.menuist{
	float:left;
	background: url(/Templates/Leonori/object/img/sf_menu.png) no-repeat top left; 
	margin: 15px 22px 0 0;
	width:981px; /*<<<<<<<<<<<<<<<<<<<<<< permette lo spostamento del menu a sinistra ///////////*/
	height:61px;
}

.menuist ul {
	text-align:center;
	margin: 0 0 0 3px;
	padding: 5px 0 0 240px;
}

.menuist ul li {
	display: inline;
	margin: 0px 0 0px 0;
	padding: 0;
	list-style: none;
	list-style-image: url(/Templates/Leonori/object/img/trasparent.gif); /* because IE is balls */
}

.menuist ul li a {
	display: block;
	height: auto !important;
	
	/* Start hide from IE Mac \*/
	height: 1%;
	/* End hide from IE Mac */
	
	/*padding: 0px 15px 0px 15px;*/
	width:120px;
	font: 12px  Verdana;
	text-decoration: none;
	font-weight: normal;	
	line-height: 40px;
  	float:left;
	margin:0 1px 0 0;
	text-align:center;
}
.menuist ul a {
	color: #FFFFFF;
}
.menuist ul a:hover {
	color: #E8C4C2;
}


/**************************************************************
MAIN + elementi formattazione pagina
 **************************************************************/
.pagina #main {
	float:left;
	padding: 10px 0px 0 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
	background-color:#FFF;
	width:682px;
}
.pagina #mainRight {
	float:left;
	padding: 10px 10px 0 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
	background:#FFF url(../img/sf_menu_generic.png) no-repeat top left;
	width:260px;
}

.pagina #main h1,
.pagina #mainRight h1,
.pagina #mainLeft h1{
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	text-decoration:none;
	letter-spacing:0px;
	color:#666666;
	line-height:0px;
	padding:5px 0 0 0;
}
.pagina #main h2,
.pagina #mainRight h2,
.pagina #mainLeft h2{
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	text-decoration:none;
	letter-spacing:1px;
	color:#DD3B35;
	font-style:italic;
}
.pagina #main ul,
.pagina #mainRight ul,
.pagina #mainLeft ul{
  margin: 0 0 0 0;
  padding: 0;
}
.Promo ul li,
.pagina #main ul li,
.pagina #mainLeft ul li{
  margin: 1px 0 1px 20px;
  padding: 0;
  list-style-image: url(/Templates/Leonori/object/img/square.gif) ;
 }
.Promo a,
.pagina #main a,
.pagina #mainLeft a{
	color:#666666;
	text-decoration:underline;
	font-size:11px;
}
.Promo a:hover,
.pagina #main a:hover,
.pagina #mainLeft a:hover{
	color: #DD3B35;
	text-decoration:underline;
	font-size:11px;
}
.pagina #main strong,
.pagina #mainRight strong,
.pagina #mainLeft strong{
	color:#DD3B35;
	text-decoration:none;
	font-size:12px;
}
.pagina #main img,
.pagina #mainRight img,
.pagina #mainLeft img{
	border:0;
}

/**************************************************************
SHOWROOM
 **************************************************************/
.pagina #mainRight .colum01 {
	float:left;
	padding: 0px 20px 0 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
	width:420px;
}
.pagina #mainRight .colum02 {
	float:left;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
	width:172px;
}
.pagina #mainRight .colum01 .row01,
.pagina #mainRight .colum01 .row02,{
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
}
.pagina #mainRight .colum02 .row01,
.pagina #mainRight .colum02 .row02{
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
}
.pagina #mainRight .colum02 .row01,
.pagina #mainRight .colum02 .row01 strong{
	color:#FFF;
}




/**************************************************************
   footer
 **************************************************************/
.pagina #footer { 
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background: url(/Templates/Leonori/object/img/Footer_sfondo.png) no-repeat top left;
	height: 70px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%; /*definisco lo spostamento in altezza del testo*/
	color:#FFFFFF;
} 
.pagina #footer a {
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}
.pagina #footer a:hover {
	color:#E7E3BD;
	text-decoration:underline;
	font-size:12px;
}
.pagina #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 */
	color:#FFFFFF;
}
.pagina #footer .address{ 
	padding: 25px 0 0 0;
	height: 36px;
	float:left;
} 

.pagina #footer .validate{ 
	margin: 0 auto;
	padding: 20px 10px 0 0;
	height: 36px;
	float:right;
	text-align:right;
} 
.pagina #footer .validate ul{ 
	list-style: none;
	width: 100%;		
	padding: 0;	
	display: inline;
} 
.pagina #footer .validate li {
	display: inline;
	margin: 0 auto; 
	padding: 0;
}
.pagina #footer .validate a{ 
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	
} 
.pagina #footer .validate a:hover{ 
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#E7E3BD;
} 

/**************************************************************
   ELEMENTI SIDEBAR
 **************************************************************/
.pagina #sidebar1 {
	float:left;
	width: 303px;
	padding: 0 0 15px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	background: #FFF;
}
.pagina #sidebar1 h1{
	color:#333;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	border-bottom:3px #CCCCCC solid;
	padding-bottom:5px;
}
.pagina #sidebar2 {
	float:left;
	width: 303px;
	padding: 0 0 15px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0 10px;
	text-decoration:none;
/*	background: #cfd;
*/}
.pagina #sidebar2 h1{
	color:#333;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	border-bottom:3px #CCCCCC solid;
	padding-bottom:5px;
}
.pagina #sidebar3 {
	float:left;
	width: 303px;
	padding: 0 0 15px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
/*	background: #ffc;
*/}
.pagina #sidebar3 h1{
	color:#333;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	border-bottom:3px #CCCCCC solid;
	padding-bottom:5px;
}
.pagina .sidebarRight {
	float:right;
	width: 303px;
	padding: 0 0 15px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
/*	background: #ffc;
*/}
.pagina .sidebarRight h1{
	color:#333;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	border-bottom:3px #CCCCCC solid;
	padding-bottom:5px;
}

/**************************************************************
   ELEMENTI BOX
 **************************************************************/
.pagina .boxPromo{
	background:url(/Templates/Leonori/object/img/boxPromo.png) no-repeat top left;
	height:100px;
}
.pagina .boxUsato,
.pagina .boxTestDrive,
.pagina .boxPromo,
.pagina .boxLogin,
.pagina .boxPorteAperte{
	float:left;
	padding-bottom:10px;
}
.pagina .boxUsato .description,
.pagina .boxTestDrive .description,
.pagina .boxPromo .description,
.pagina .boxLogin .description,
.pagina .boxPorteAperte .description{
	float:left;
	color:#666666;
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
.pagina .boxUsato .line,
.pagina .boxTestDrive .line,
.pagina .boxPromo .line,
.pagina .boxLogin .line,
.pagina .boxPorteAperte .line{
	background:#E4EDF8;
	width:283px;
	height:3px;
	margin:5px 0;
}
.pagina .boxUsato .description{
	background:url(/Templates/Leonori/object/img/boxUsato.png) no-repeat top left;
	width:283px;
	padding:114px 10px 10px 10px;
}
.pagina .boxTestDrive .description{
	background:url(/Templates/Leonori/object/img/boxTestDrive.png) no-repeat top left;
	width:283px;
	padding:114px 10px 10px 10px;
}
.pagina .boxPromo .description{
	width:283px;
	padding:100px 10px 0px 10px;
}
.pagina .boxLogin .description{
	background:url(/Templates/Leonori/object/img/boxLogin.png) no-repeat top left;
	width:273px;
	padding:60px 10px 0px 10px;
}
.pagina .boxLogin .description a{
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	color:#666;
}
.pagina .boxLogin .description a:hover{
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	color: #DD3B35;
}
.pagina .boxPorteAperte .description{
	background:url(/Templates/Leonori/object/img/boxPorteAperte.png) no-repeat top left;
	width:283px;
	padding:59px 10px 10px 10px;
}
.pagina .boxUsato .bttLink,
.pagina .boxTestDrive .bttLink,
.pagina .boxLogin .bttLink,
.pagina .boxPorteAperte .bttLink{
	float:left;
}
.pagina .boxLogin .row01{
	float:left;
}
.pagina .boxLogin .row01 .colum01{
	float:left;
	color:#335B88;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	/*background-color:#000;*/
	width:150px;
}
.pagina .boxLogin .row01 .colum02{
	float:left;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	/*background-color:#0C3;*/
	width:150px;
}

/**************************************************************
   ELEMENTI MENUGENERIC
 **************************************************************/
.pagina #mainRight .menugeneric {		
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F90;
	padding:0 0 10px 10px;
	margin-bottom:20px;
	height:216px;
}
.pagina #mainRight .menugeneric ul {	
  margin: 0 0 0 0;
  padding: 0 10px 0 10px ;
}
.pagina #mainRight .menugeneric ul li {	
  margin: 1px 0 1px 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/Leonori/object/img/trasparent.gif); /* because IE is balls */
}
.pagina #mainRight .menugeneric ul li a {
	display: block;
	height: auto !important;
	
	/* Start hide from IE Mac \*/
	height: 1%;
	/* End hide from IE Mac */
	
	padding: 2px 5px 2px 22px;
	font: 12px  Verdana;
	text-decoration: none;
	font-weight: normal;	
	line-height: 24px;
}
.pagina #mainRight .menugeneric ul li a {
  color: #666666;
  background: #F5F5F5 url(/Templates/Leonori/object/img/square.gif) no-repeat 10px 60%;
}

.pagina #mainRight .menugeneric ul li a:hover {
  color: #ffffff;
  background: #DD3B35 url(/Templates/Leonori/object/img/square02.gif) no-repeat 10px 60%;
}
/**************************************************************
PROMOTION SectionDocPreview
 **************************************************************/
.Promotion{
	float:left;
}
.Promotion .SectionDocPreview{
	padding:10px;
	width:600px; /* cambiare dimensioni tenendo conto delle dimensioni del div che contiene  */
	float:left;
	clear:both;
	border-bottom:#CCC solid 2px;
}
.Promotion .SectionDocPreview .colum01{
	float:left;
	}
.Promotion .SectionDocPreview .colum01 img{
	width:190px;
	padding:0 10px 0 0;
	
}
.Promotion .SectionDocPreview .colum02{
	float:left;
	margin:0 0 0 0;
	width:400px;

}
.Promotion .SectionDocPreview .colum02 .row01{
	font-size:12px;
	font-weight:bold;
	color:#DD3B35;
}
.Promotion .SectionDocPreview .colum02 .row02{
	font-style:italic;
	font-size:12px;
	color:#DD3B35;
}
.Promotion .SectionDocPreview .colum02 .row03{
}
.Promotion .SectionDocPreview .colum02 .row04{
	padding:0 0 10px 0;
}
.Promotion .SectionDocPreview .colum02 .row04 a{
	color:#DD3B35;
	background-color:#CCC;
	padding:5px;
	text-decoration:none;
}
.Promotion .SectionDocPreview .colum02 .row04 a:hover{
	color:#DD3B35;
	background-color:#DDD;
	padding:5px;
}


/**************************************************************
   Menu Promo
 **************************************************************/
.pagina #mainRight .MenuPromo {		
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CCC;
	padding:0 0 10px 10px;
	margin-bottom:20px;
	float:left;
	width:296px;
	
}
.pagina #mainRight .MenuPromo ul {	
  margin: 0 0 0 0;
  padding: 0px 30px 0 0px ;
}
.pagina #mainRight .MenuPromo ul li {	
  margin: 1px 0 1px 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/Leonori/object/img/trasparent.gif); /* because IE is balls */
}
.pagina #mainRight .MenuPromo ul li a {
	display: block;
	height: auto !important;
	
	/* Start hide from IE Mac \*/
	height: 1%;
	/* End hide from IE Mac */
	
	padding: 2px 5px 2px 22px;
	font: 12px  Verdana;
	text-decoration: none;
	font-weight: normal;	
	line-height: 17px;
}
.pagina #mainRight .MenuPromo ul li a {
  color: #666666;
  background: #F5F5F5 url(/Templates/Leonori/object/img/InEvidenzaFrecciaLink.gif) no-repeat 3px 60%;
}

.pagina #mainRight .MenuPromo ul li a:hover {/*<<<<<<<<<<<<<<<<<<OGGETTO CMS///////////////////////////*/
  color: #ffffff;
  background: #DD3B35 url(/Templates/Leonori/object/img/InEvidenzaFrecciaLink.gif) no-repeat 6px 60%;
}


/**************************************************************
   BTTLINK
 **************************************************************/

.pagina .boxTestDrive .bttLink ul {
	margin: 0 0 0 3px;
	padding: 0;
}

.pagina .boxTestDrive .bttLink ul li {
	display: inline;
	margin: 0px 0 0px 0;
	padding: 0;
	list-style: none;
	list-style-image: url(/Templates/Leonori/object/img/trasparent.gif); /* because IE is balls */
}

.pagina .boxTestDrive .bttLink ul li a {
	display: block;
	height: auto !important;
	
	/* Start hide from IE Mac \*/
	height: 1%;
	/* End hide from IE Mac */
	
	/*padding: 0px 15px 0px 15px;*/
	width:185px;
	font: 11px  Verdana;
	text-decoration: none;
	font-weight: normal;	
	line-height: 34px;
  	float:left;
	margin:0 1px 0 0;
	padding:0 0 0 20px;
	text-align:left;
}
.bttLink li a {
	color: #666666;
	text-decoration:none;
	background: url(/Templates/Leonori/object/img/bttLink.png) no-repeat 10px bottom; 
}
.bttLink li a:hover {
	color: #DD3B35;
	text-decoration:none;
	background: url(/Templates/Leonori/object/img/bttLink_hover.png) no-repeat 10px bottom; 
}

/**************************************************************
   ELEMENTI MENU SIDEBAR
 **************************************************************/
  
.pagina .DefaultBoxSectionDocs {	
	padding:0 0 10px 10px;
	margin-bottom:20px;
}
.pagina .DefaultBoxSectionDocs .SectionTitle {	
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#DD3B35;
	padding:10px 0 10px 10px;
}
.pagina .DefaultBoxSectionDocs ul {	
  margin: 0 0 0 0;
  padding: 10px 10px 0 0px ;
}
.pagina .DefaultBoxSectionDocs ul li {
  margin: 1px 0 1px 0;
  padding: 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/Leonori/object/img/trasparent.gif); /* because IE is balls */
}
.pagina .DefaultBoxSectionDocs ul li a {/*<<<<<<<<<<<<<<<<<<<<<<OGGETTO CMS///////////////////////////*/
	display: block;
	height: auto !important;
	
	/* Start hide from IE Mac \*/
	height: 1%;
	/* End hide from IE Mac */
	
	padding: 2px 5px 2px 22px;
	font: 12px  Verdana;
	text-decoration: none;
	font-weight: normal;	
	line-height: 17px;
}
.pagina .DefaultBoxSectionDocs ul li a {/*<<<<<<<<<<<<<<<<<<<<<<<OGGETTO CMS///////////////////////////*/
  color: #666666;
  background: #F5F5F5 url(/Templates/Leonori/object/img/InEvidenzaFrecciaLink.gif) no-repeat 3px 60%;
}

.pagina .DefaultBoxSectionDocs ul li a:hover {/*<<<<<<<<<<<<<<<<<<OGGETTO CMS///////////////////////////*/
  color: #ffffff;
  background: #CCCCCC url(/Templates/Leonori/object/img/InEvidenzaFrecciaLink.gif) no-repeat 6px 60%;
}

/**************************************************************
   ELEMENTI EVENTI(NEWS)
 **************************************************************/

.pagina .Eventi{  
	padding: 0 0 20px 0;
}
.pagina .Eventi .SectionTitle{  
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#DD3B35;
	padding:10px 0 10px 10px;
}
.pagina .Eventi .date{
	padding: 10px 0 0 0;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
.pagina .Eventi .title{				
	padding: 5px 0;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
.pagina .Eventi .subtitle{				
	padding: 0px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
}
.pagina .Eventi .link{				
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:1px;
	text-decoration:none;
	padding: 10px 0 0 0;

}
.pagina .Eventi a{				
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	text-decoration:none;
	color:#DD3B35;
	font-weight:bold;

}
.pagina .Eventi a:hover{	
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	text-decoration:underline;
	color:#DD3B35;
	font-weight:bold;

}

/**************************************************************
   ELEMENTI INFINITY WEB B2B
 **************************************************************/

.pagina .loginInfWeb,
.pagina .loginInfWebAgenti,
.pagina .loginInfWebSubdealer{
	font-size: 12px;
	font-weight: normal;
	width:100%;
	padding:10px 10px 0 10px;
}
.pagina .loginInfWeb a,
.pagina .loginInfWebAgenti a,
.pagina .loginInfWebSubdealer a{
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	color:#999;
}
.pagina .loginInfWeb a:hover,
.pagina .loginInfWebAgenti a:hover,
.pagina .loginInfWebSubdealer a:hover{
	font-size: 12px;
	font-weight: normal;
	text-decoration:underline;
	color:#C00;
}
.pagina .loginInfWeb h1,
.pagina .loginInfWebAgenti h1,
.pagina .loginInfWebSubdealer h1{
	font-size: 12px;
	font-weight: bold;
	text-decoration:underline;
	color:#C00;
}

#TitleInfWeb {
	float:left;
	padding: 0 ;
	margin: 0 0 0 0;
	width: 100%;
}
#TitleInfWeb h1{
	padding:10px 10px 5px 0px;
	letter-spacing: 1px;
	font:20px "Trebuchet MS", "Century Gothic", Verdana, Geneva;
	color: #F90;
	width:100%;
	font-weight:bold;
}
#TitleInfWeb span{
	letter-spacing: 1px;
	font:15px "Trebuchet MS", "Century Gothic", Verdana, Geneva;
	color: #CC0000;	
}
#TitleInfWeb div{
	background:url(/Templates/Leonori/object/img/ico_attention.png) no-repeat top left;
	height:55px;
	padding:15px 0 0 85px;
}

/**************************************************************
   ELEMENTI INFINITY WEB USATO
 **************************************************************/
/**************************************************************
   ELEMENTI INFINITY WEB USATO
 **************************************************************/
.ContainerUsatoInfWeb{
	width:100%;
	float:left;
	padding:0 0 0 30px
}
.TitoloUsato{
	font-size:14px;
	font-weight:bold;
	color:#E10915;
	padding:10px 0 10px 10px;
	text-align: left;
}
.UsatoInfWeb{
	width:230px;
	float: left;
	text-align: center;
	background:url(/Templates/Leonori/object/img/sf_thumbusato.jpg) no-repeat top center;
}
.UsatoInfWeb .thumbnail{
	float:none;
	text-align: center;
	padding:8px 0 0 0;
}
.UsatoInfWeb .thumbnail img{
	padding:2px;
	border:2px solid #CCC;
	text-align: center;
	width:150px;
	height:113px;

}
.UsatoInfWeb .Brand{
	font-size:12px;
	font-weight:bold;
	color:#E10915;
	padding:10px 0 0 33px;
	text-align: left;
}
.UsatoInfWeb .Model{
	font-size:12px;
	font-weight:normal;
	color:#333;
	padding:0 0 5px 33px;
	text-align: left;
}
.UsatoInfWeb .btt{
	text-align: left;
	background: url(/Templates/Leonori/object/img/sf_bttinfo.jpg) no-repeat top center;
	height:48px;
	padding:3px 0 0 34px;
}
.UsatoInfWeb .btt .Price{
	float:left;
	text-align: left;
	font-size:18px;
	color:#333;
	width:115px;
}
.UsatoInfWeb .btt .Info{
	float:left;
	text-align: right;
	height:48px;
}

.UsatoInfWeb .btt .Info img{
	border:0px;
	width:45px;
	height:25px;
}

/**************************************************************
   SEARCHCATEGORY
 **************************************************************/
.searchcategory ul {
  margin: 0 0 0 0;
  padding: 0;
}

.searchcategory ul li {
  margin: 1px 0 1px 0;
  padding: 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/Leonori/object/img/trasparent.gif); /* because IE is balls */
}

.searchcategory ul li a {
	display: block;
	height: auto !important;
	
	/* Start hide from IE Mac \*/
	height: 1%;
	/* End hide from IE Mac */
	
	padding: 2px 5px 2px 14px;
	color: #7C7A72;
	font: 12px  Verdana;
	text-decoration: none;
	font-weight: normal;	
	line-height: 17px;

}

.searchcategory ul li a {
  color: #333333;
  background: #CFD2D2 url(/Templates/Leonori/object/img/MenuV-submenu.jpg) no-repeat 0px 50%;
}

.searchcategory ul a:hover {
  color: #FFFFFF;
  background: #A9AAAA url(/Templates/Leonori/object/img/MenuV-submenuhover.jpg) no-repeat 0px 50%;
}

/**************************************************************
   Classi varie riutilizzabili
 **************************************************************/

a[href $='.rar'],[href $='.zip']{ 
	padding-left: 20px;
	background: transparent url(/Templates/Leonori/object/img/compress.png) no-repeat center left;
   	color:#5286C6;
	text-decoration:none;
}
.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;
}
.hr { 
	width: 100%;
	height:3px;	
	border-bottom:3px #DDDDDD solid;
} 


/**************************************************************
 utility nav
 **************************************************************/
#UtilityNav {
	position:absolute; top:408px; right:460px;
	margin:0; 
}
#UtilityNav .navigation{
	margin:0;
	float:left;
	font-size:12px;
	font-family:Verdana;
	padding:0 0px 0 0;
}
#UtilityNav .navigation a{
	color:#CC0000;
	text-decoration:none;

}
#UtilityNav .navigation a:hover{
	color:#CC0000;
	text-decoration:underline;

}
#UtilityNav ul {
	margin: 0 0 0 0;
	padding: 0;
	float:left
}
#UtilityNav li{
	margin: 1px 0 1px 0;
	padding: 0;
	list-style: none;
	list-style-image: url(/Templates/Leonori/ReservedArea/object/img/transparent.gif); /* because IE is balls */
	display: inline;
}
#UtilityNav li a {
	text-decoration:underline; display:block;
	color:#FFFFFF; background-color:transparent;
	display: inline;
}

/**************************************************************
 elementi FORM
 **************************************************************/

#frmAccount .input,
#frmAccountAgenti .input,
#frmAccountSubdealer .input{
	border:#ddd solid 1px;
	color:#333;
	background-color:#FFFFFF;
	margin:3px 0;
	font-size:11px;
	width:70%;
}
#Search {
	position:absolute; top:142px; right:30px;
	margin:0; width:auto;
}
#frmSearch {
	padding:0;
	margin:0; 
}
#frmSearch .input{
	border:#C5C5E0 solid 1px;
	color:#003E6D;
	background-color:#FFFFFF; 
}
#frmSearch label{
	color:#003E6D;
	font-weight:bold;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#frmSearch .btt{
	border:#003E6D solid 1px;
	color:#FFFFFF;
	background-color:#4A8ACE; 
	letter-spacing: 1px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

/**************************************************************
  docviewer file allegati e foto
 **************************************************************/

.filenav { 
	width: 100%;
	padding:10px 0 7px 0;
	float:left;
	border-bottom:3px #DDDDDD solid;
} 
.filenav .thumbnails {
	float:left;
} 
.filenav .thumbnails img{ 
	padding:0 3px 3px 3px;
	border:0;
}
.thumbnails img{ 
	border:0;
	width:150px;
}
.thumbnailsPromo img{ 
	border:0;
	width:260px;
}

ul.attach {
  margin: 0 0 0 0;
  padding: 0;
}

ul.attach li {
  margin: 1px 0 1px 0;
  padding: 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/ReservedArea/object/img/transparent.gif); /* because IE is balls */
}

ul.attach li a {
	display: block;
	height: auto !important;
	
	/* Start hide from IE Mac \*/
	height: 1%;
	/* End hide from IE Mac */
	
	padding: 1px 5px 1px 30px;
	color: #7C7A72;
	font: 12px  Verdana;
	text-decoration: none;
	font-weight: normal;	
	line-height: 27px;

}

ul.attach li a {
  color: #5286C6;
  background: #CDE1F3 url(/Templates/Leonori/object/img/InEvidenzaFrecciaLink.gif) no-repeat 10px 50%;
}

ul.attach a:hover {
  color: #FFFFFF;
  background: #6B9ACE url(/Templates/Leonori/object/img/InEvidenzaFrecciaLink.gif) no-repeat 10px 50%;
}