/*/////////////////////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: #335B88;
	background: url(/Templates/vema/object/img/sf_body.png) repeat-x top left;
}
.pagina #container { 
	width: 970px;
	margin: 0 auto 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	padding:8px 0 0 0px;
} 
.pagina #content {
	width:930px;
	float:left;
	margin:0;
	padding:0 20px;
	background:url(/Templates/vema/object/img/sf_page_content.png) repeat-y top left;

}
#Links .SectionTitle{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#666;
}
.Promo .SectionTitle{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#F90;
	padding:10px;
}
.Promo ul{
	padding-left:10px;
	margin: 0 0 0 0;
}



/**************************************************************
HEADER
 **************************************************************/
.pagina .banner { 
	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. */
	padding: 5px 0; 
	width:970px;
	background:url(/Templates/vema/object/img/sf_page_banner.png) repeat-y top left;
} 
.pagina .top{ 
	height: 66px; /* 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:0px 0 0 0;  /* 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. */
	background:  url(/Templates/vema/object/img/sf_top.png) no-repeat; 
	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. */

} 

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

.pagina .top #logo {
	width: 164px;
	height: 50px;
	position: relative;
	margin: 0;
	/*background-color:#000000;*/
	text-transform: none;
	/* cambiare i valori di top e left per posizionare il logo*/
	top: 0;
	left: 15px;  	/* CSS3 standard */
	float:left;
}


/**************************************************************
MAIN + elementi formattazione pagina
 **************************************************************/
.pagina #main {
	float:left;
	padding: 10px 0px 0 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
	/*background-color:#06C;*/
	width:470px;
	margin:0 10px 10px 10px;
}
.pagina #mainRight {
	float:left;
	padding: 10px 10px 0 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
	background-color:#FFF;
	width:690px;
}
.pagina #mainLeft {
	float:left;
	padding: 10px 0px 0 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
	/*background-color:#06C;*/
	width:610px;
}
.pagina #main h1,
.pagina #mainRight h1{
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	text-decoration:none;
	letter-spacing:1px;
	color:#5F92D4;
}
.pagina #main h2,
.pagina #mainRight h2{
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
	color:#5F92D4;
	font-style:italic;
}
.pagina #main ul,
.pagina #mainRight ul{
  margin: 0 0 0 0;
  padding: 0;
}
.pagina #main ul li,
.pagina #mainRight ul li{
  margin: 1px 0 1px 20px;
  padding: 0;
  list-style-image: url(/Templates/vema/object/img/arrow_boxDX.gif); 
}
.pagina #main a,
.pagina #mainRight a{
	color:#5F92D4;
	text-decoration:underline;
	font-size:12px;
}
.pagina #main a:hover,
.pagina #mainRight a:hover{
	color: #F90;
	text-decoration:underline;
	font-size:12px;
}
.pagina #main strong,
.pagina #mainRight strong{
	color:#5F92D4;
	text-decoration:none;
	font-size:12px;
}
.pagina #main img,
.pagina #mainRight img{
	border:0;
}

/**************************************************************
MENUIST
 **************************************************************/
.menuist{
	float:right;
	/*background: #F60;*/ 
	margin: 26px 20px 0 0;
	width:700px; /*<<<<<<<<<<<<<<<<<<<<<< permette lo spostamento del menu a sinistra ///////////*/
	height:22px;
}

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

.menuist ul li {
	display: inline;
	margin: 0px 0 0px 0;
	padding: 0;
	list-style: none;
	list-style-image: url(/Templates/vema/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:115px;
	font: 12px  Verdana;
	text-decoration: none;
	font-weight: bold;	
	line-height: 20px;
  	float:left;
	margin:0 1px 0 0;
	text-align:center;
}
.menuist ul a {
	color: #007DC5;
	font-weight:bold;
/*	background: url(/Templates/vema/object/img/btt.jpg) no-repeat top center; 
*/}
.menuist ul a:hover {
	color: #F60;
	font-weight:bold;
}

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

.pagina #footer .validate{ 
	margin: 0 auto;
	padding: 35px 0 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:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#999;
	
} 
.pagina #footer .validate a:hover{ 
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#5F92D4;
} 

/**************************************************************
   ELEMENTI SIDEBAR - store - news - cataloghi - left - right - generic
 **************************************************************/
#sidebar-store {
	float:left;
	width: 348px;
	padding: 0 0 15px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	text-decoration:none;
	background: #cfd;
	background: url(/Templates/vema/object/img/sf_box_store.png) no-repeat top left;
}
#sidebar-store h1{
	color:#333;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	border-bottom:3px #CCCCCC solid;
	padding-bottom:5px;
}
#sidebar-news {
	float:left;
	width: 322px;
	padding: 36px 0 15px 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0 10px;
	text-decoration:none;
	/*background: #cfd;*/
	background: url(/Templates/vema/object/img/sf_box_news.png) no-repeat top left;
}
#sidebar-news h1{
	color:#333;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	border-bottom:3px #CCCCCC solid;
	padding-bottom:5px;
}
#sidebar-cataloghi {
	float:left;
	width: 210px;
	padding: 0 0 15px 0;
	height:200px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	/*background: #000;*/
	margin-left:10px;
	background:url(/Templates/vema/object/img/sf_box_cat.png) no-repeat top left;
}
#sidebar-cataloghi h1{
	color:#333;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	border-bottom:3px #CCCCCC solid;
	padding-bottom:5px;
}
#sidebar-left {
	float:left;
	width: 210px;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	/*background: #000;*/
	margin:0 0 10px 10px;
}
#sidebar-left h1{
	color:#333;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	border-bottom:3px #CCCCCC solid;
	padding-bottom:5px;
}
#sidebar-right {
	float:left;
	width: 210px;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	/*background: #CCC;*/
	margin:0 0 10px 0;

}
#sidebar-right h1{
	color:#333;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	border-bottom:3px #CCCCCC solid;
	padding-bottom:5px;
}

/**************************************************************
   boxItalia - boxMondo
**************************************************************/
 
.pagina .boxItalia{
	float:left;
	background: url(/Templates/vema/object/img/sf_box_Italia.png) no-repeat top left;
	width:200px;
	padding:0;
}
.pagina .boxItalia .description{
	float:left;
	color:#335B88;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:40px 90px 0 7px;
}

.pagina .boxMondo{
	float:left;
	background: url(/Templates/vema/object/img/sf_box_Mondo.png) no-repeat top left;
	width:200px;
	padding:0;
}
.pagina .boxMondo .description{
	float:left;
	color:#335B88;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:145px 7px 0 15px;
}
/**************************************************************
   ELEMENTI BOX LOGIN
 **************************************************************/
.boxLogin{
	float:left;
	padding:35px 0 10px 0;
}
.boxLogin .row01{
	float:left;

}
.boxLogin .row01 .colum01{
	padding:80px 10px 0 10px;
	float:left;
	color:#335B88;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	width:160px;
}
.boxLogin .row01 .colum01 a{
	color:#0097FC;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
.boxLogin .row01 .colum01 a:hover{
	color:#F15A22;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}
.boxLogin .row01 .colum02{
	padding:20px 5px 0 5px;
	float:left;
	color:#335B88;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	width:157px;
}
.boxLogin .row02{
	padding:10px 0 0 0;
	float:left;
}
.boxLogin .row02 .colum01{
	padding:10px 20px 0 15px;
	float:left;
	width:131px;
}
.boxLogin .row02 .colum01 .agenti{
	text-align:center;
	padding:26px 0 0 0;
	color:#335B88;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	width:151px;
	height:115px;
	background:url(/Templates/vema/object/img/sf_agenti.png) no-repeat top left;
}
.boxLogin .row02 .colum02{
	padding:10px 0 0 10px;
	float:left;
	width:131px;
}
.boxLogin .row02 .colum02 .videocat{
	padding:77px 0 0 0;
	text-align:center;
	color:#335B88;
	width:151px;
	height:50px;
	background:url(/Templates/vema/object/img/sf_videocat.png) no-repeat top left;

}

/**************************************************************
   ELEMENTI BOX LOGIN PAGE
 **************************************************************/
.boxLoginPage{
	float:left;
	padding:0 0 10px 0;
}
.boxLoginPage .row01{
	padding:108px 5px 10px 5px;
	float:left;
	color:#335B88;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	width:200px;
	text-align: center;
	/*background-color:#C60;*/
	background:url(/Templates/vema/object/img/sf_box_store_page.png) no-repeat top left;
}
.boxLoginPage .row02{
	padding:10px 0 0 0;
	float:left;
}
.boxLoginPage .row02 .videocat{
	padding:44px 0 0 0;
	text-align:center;
	color:#335B88;
	width:207px;
	height:80px;
	background:url(/Templates/vema/object/img/sf_videocat_page.png) no-repeat top left;

}


/**************************************************************
   Menu Promo
 **************************************************************/
.pagina #sidebar-right .MenuPromo {		/*<<<<<<<<<<<<<<<<<<<<<<<<OGGETTO CMS///////////////////////////*/
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F90;
	padding:0 0 10px 10px;
	margin-bottom:20px;
}
.pagina #sidebar-right .MenuPromo ul {	/*<<<<<<<<<<<<<<<<<<<<<<<<<OGGETTO CMS///////////////////////////*/
  margin: 0 0 0 0;
  padding: 10px 10px 0 0px ;
}
.pagina #sidebar-right .MenuPromo ul li {	/*<<<<<<<<<<<<<<<<<<<<<<<OGGETTO CMS///////////////////////////*/
  margin: 1px 0 1px 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/vema/object/img/trasparent.gif); /* because IE is balls */
}
.pagina #sidebar-right .MenuPromo 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 #sidebar-right .MenuPromo ul li a {/*<<<<<<<<<<<<<<<<<<<<<<<OGGETTO CMS///////////////////////////*/
  color: #335B88;
  background: #E7EFF9 url(/Templates/vema/object/img/InEvidenzaFrecciaLink.gif) no-repeat 3px 60%;
}

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


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

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

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

.pagina .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: 12px  Verdana;
	text-decoration: none;
	font-weight: normal;	
	line-height: 24px;
  	float:left;
	margin:0 1px 0 0;
	text-align:center;
}
.pagina .bttLink ul a {
	color: #FFFFFF;
	background: url(/Templates/vema/object/img/bttLink.png) no-repeat top center; 
}
.pagina .bttLink ul a:hover {
	color: #FFFFFF;
	background: url(/Templates/vema/object/img/bttLink_hover.png) no-repeat top center; 
}

 /**************************************************************
   SIDEBAR-left SIDEBAR-right DEFAULT
 **************************************************************/
#sidebar-left .Default,
#sidebar-right .Default,
#sidebar3 .Default{		
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F90;
	padding:0 0 10px 10px;
	margin-bottom:20px;
}
#sidebar-left .Default ul,
#sidebar-right .Default ul,
#sidebar3 .Default ul{	
  margin: 0 0 0 0;
  padding: 10px 10px 0 0px ;
}
#sidebar-left .Default ul li,
#sidebar-right .Default ul li,
#sidebar3 .Default ul li{
  margin: 1px 0 1px 0;
  padding: 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/vema/object/img/trasparent.gif); /* because IE is balls */
}
#sidebar-left .Default ul li a,
#sidebar-right .Default ul li a,
#sidebar3 .Default 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;
}
#sidebar-left .Default ul li a,
#sidebar-right .Default ul li a,
#sidebar3 .Default ul li a{
  color: #335B88;
  background: #E7EFF9 url(/Templates/vema/object/img/InEvidenzaFrecciaLink.gif) no-repeat 3px 60%;
}

#sidebar-left .Default ul li a:hover,
#sidebar-right .Default ul li a:hover,
#sidebar3 .Default ul li a:hover{
  color: #ffffff;
  background: #5F92D4 url(/Templates/vema/object/img/InEvidenzaFrecciaLink.gif) no-repeat 6px 60%;
}

 /**************************************************************
   sidebar-news .MenuNews
 **************************************************************/
.linkNews{
	border-top:1px solid #76B0D1;
	padding:10px 0 0 0;
}
.linkNews a{  
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#0097FC;
	font-weight:bold;
	text-decoration:none;
}
.linkNews a:hover{  
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#F15A22;
	text-decoration:underline;
}
#sidebar-left .MenuNews{  
	background: url(/Templates/vema/object/img/sf_box_generic.png) no-repeat left top;
	padding: 7px 0 20px 10px;
}

#sidebar-news .MenuNews{  
	padding: 0 0 20px 0;
}
#sidebar-left .MenuNews .SectionTitle{  
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}
#sidebar-news .MenuNews .SectionTitle{  
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#F90;
	font-weight:bold;
}
#sidebar-left .MenuNews .date,
#sidebar-news .MenuNews .date{
	padding: 10px 0 0 0;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
#sidebar-left .MenuNews .title,
#sidebar-news .MenuNews .title{				
	padding: 5px 0;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
#sidebar-left .MenuNews .subtitle,
#sidebar-news .MenuNews .subtitle{			
	padding: 0px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
}
#sidebar-left .MenuNews .link,
#sidebar-news .MenuNews .link{				
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#0097FC;
	padding: 10px 0 0 0;

}
#sidebar-left .MenuNews a,
#sidebar-news .MenuNews a{			
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#0097FC;
}
#sidebar-left .MenuNews a:hover,
#sidebar-news .MenuNews a:hover{		
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-decoration:underline;
	color:#F15A22;
}

/**************************************************************
   SIDEBAR-CATALOGHI MenuCataloghi
 **************************************************************/

#sidebar-cataloghi .MenuCataloghi{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F90;
	padding:30px 0 10px 10px;
	margin-bottom:20px;
}
#sidebar-cataloghi .MenuCataloghi ul{
  margin: 0 0 0 0;
  padding: 10px 10px 0 0px ;
}
#sidebar-cataloghi .MenuCataloghi ul li{
  margin: 1px 0 1px 0;
  padding: 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/vema/object/img/trasparent.gif); /* because IE is balls */
}
#sidebar-cataloghi .MenuCataloghi 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;
}
#sidebar-cataloghi .MenuCataloghi ul li a{
  color: #335B88;
  background: #E3EDF6 url(/Templates/vema/object/img/ico_cat01.png) no-repeat 3px 60%;
}

#sidebar-cataloghi .MenuCataloghi ul li a:hover{
  color: #ffffff;
  background: #5F92D4 url(/Templates/vema/object/img/ico_cat02.png) no-repeat 3px 60%;
}

#sidebar-left .MenuCataloghi{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F90;
	padding:30px 0 10px 10px;
	margin-bottom:20px;
	background:url(/Templates/vema/object/img/sf_box_cat.png) no-repeat top left;
}
#sidebar-left .MenuCataloghi ul{
  margin: 0 0 0 0;
  padding: 10px 10px 0 0px ;
}
#sidebar-left .MenuCataloghi ul li{
  margin: 1px 0 1px 0;
  padding: 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/vema/object/img/trasparent.gif); /* because IE is balls */
}
#sidebar-left .MenuCataloghi 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;
}
#sidebar-left .MenuCataloghi ul li a{
  color: #335B88;
  background: #E3EDF6 url(/Templates/vema/object/img/ico_cat01.png) no-repeat 3px 60%;
}

#sidebar-left .MenuCataloghi ul li a:hover{
  color: #ffffff;
  background: #5F92D4 url(/Templates/vema/object/img/ico_cat02.png) no-repeat 3px 60%;
}

/**************************************************************
   SIDEBAR-CATALOGHI MenuItalia
 **************************************************************/

#sidebar-left .MenuItalia{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F90;
	padding:130px 0 0px 10px;
	margin-bottom:10px;
}
#sidebar-left .MenuItalia ul{
  margin: 0 0 0 0;
  padding: 10px 10px 0 0px ;
}
#sidebar-left .MenuItalia ul li{
  margin: 1px 0 1px 0;
  padding: 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/vema/object/img/trasparent.gif); /* because IE is balls */
}
#sidebar-left .MenuItalia 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;
}
#sidebar-left .MenuItalia ul li a{
  color: #335B88;
  background: #E3EDF6 url(/Templates/vema/object/img/ico_vema.png) no-repeat 3px 60%;
}

#sidebar-left .MenuItalia ul li a:hover{
  color: #ffffff;
  background: #5F92D4 url(/Templates/vema/object/img/ico_vema.png) no-repeat 3px 60%;
}

/**************************************************************
   SIDEBAR-CATALOGHI MenuMondo
 **************************************************************/

#sidebar-left .MenuMondo{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F90;
	padding:200px 0 0px 10px;
	margin-bottom:10px;
}
#sidebar-left .MenuMondo ul{
  margin: 0 0 0 0;
  padding: 10px 10px 0 0px ;
}
#sidebar-left .MenuMondo ul li{
  margin: 1px 0 1px 0;
  padding: 0;
  width: 100%;
  list-style: none;
  list-style-image: url(/Templates/vema/object/img/trasparent.gif); /* because IE is balls */
}
#sidebar-left .MenuMondo 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;
}
#sidebar-left .MenuMondo ul li a{
  color: #335B88;
  background: #E3EDF6 url(/Templates/vema/object/img/ico_vema.png) no-repeat 3px 60%;
}

#sidebar-left .MenuMondo ul li a:hover{
  color: #ffffff;
  background: #5F92D4 url(/Templates/vema/object/img/ico_vema.png) no-repeat 3px 60%;
}



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

.pagina #sidebar-right .loginInfWeb,
.pagina #sidebar-right .loginInfWebAgenti{
	font-size: 12px;
	font-weight: normal;
	width:95%;
	margin:0 auto;
}
.pagina #sidebar-right .loginInfWeb a,
.pagina #sidebar-right .loginInfWebAgenti a{
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	color:#999;
}
.pagina #sidebar-right .loginInfWeb a:hover,
.pagina #sidebar-right .loginInfWebAgenti a:hover{
	font-size: 12px;
	font-weight: normal;
	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/vema/object/img/ico_attention.png) no-repeat top left;
	height:55px;
	padding:15px 0 0 85px;
}



/**************************************************************
   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/vema/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/vema/object/img/MenuV-submenu.jpg) no-repeat 0px 50%;
}

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

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

a[href $='.rar'],[href $='.zip']{ 
	padding-left: 20px;
	background: transparent url(/Templates/vema/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:175px; right:240px;
	margin:0; 
}
#UtilityNav .navigation{
	margin:0;
	float:left;
	font-size:12px;
	font-family:Verdana;
	padding:0 10px 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/vema/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{
	border:#ddd solid 1px;
	color:#333;
	background-color:#FFFFFF;
	margin:3px 0;
	font-size:11px;
	width:80%;
}
#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:140px;
}

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

ul.attach li {
  margin: 1px 0 1px 0;
  padding: 0;
  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/vema/object/img/page_white_acrobat.png) no-repeat 10px 50%;
}

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