@charset "utf-8";
body  {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	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: left; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #777;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
}
h3{ font-size:14px; margin:0;}
h2{ font-size:16px;}
#container { 
	width: 980px;  
overflow:auto;
 	margin:auto;
}
 
p,div{margin:0;padding:0;}
#th_head{ display:none;} 
#th_foot{ display:none;}
 

a:link{ color:#48A4D2; text-decoration:none;}
a:visited{color:#48A4D2; text-decoration:none;}
a:hover{text-decoration:underline;}
a img {border:none;}

h1 {
	font-size:14px;
	background-image:url(img/bg-titoli.png); background-repeat:no-repeat;  
	color:#333;
	height:36px;
	margin-top:15px;
	text-indent:10px; padding-top:5px; 

} 
.prezzo {
	font-size:13px;
	background-color:#F8F8F8;
	border-top:1px solid #fc5604;
	/*color:#F93;*/
	color:#cc0000;
	padding-top:5px; text-align:right; 
	font-weight:bold;
	clear:both;
} 
.prezzo-offerta{color:#cc0000;}
.ex-prezzo{color:#F93; font-size:10px; font-weight:normal; text-decoration:line-through;}

.prodotto {
	font-size:13px;
	font-size:14px;
	font-weight:bold;
	background-color:#F8F8F8;
	border-top:1px solid #fc5604;
	color:#48A4D2;
	padding-top:5px;
} 

 
#header { 
	height: 200px;  
	float:left;
	clear:both;
	display:inline;
	overflow:auto;
} 
#menutop { 
	height: 35px; margin-top:12px;  background:url(img/bgmenu.jpg); background-repeat:repeat-x;  
	float:left;clear:both;
	width:100%;		
	display:inline;
	 
}

#sidebar1 {
    float:left; 
	color:#555;  
	width: 200px; 
	padding: 0px 5px 15px 0px; 
	display:inline;
	overflow:auto;
	margin-right:15px;
	margin-top:18px;
}
#div-sidebar1{
color:#555;
	background-color:#FFF; text-align:center;  
	padding: 0px 15px 20px 15px; 
	float:left;
	display:inline;
	overflow:auto;
	width:170px;
	 margin-bottom:18px;

}

#sidebar2 {
	display:inline;
	overflow:auto;
	float:right;
	color:#555;
	background-color:#FFF; text-align:center;
	width: 130px; 
	padding: 0px 15px 20px 15px; 
	margin-top:18px;
}
#mainContentnuovo { 
	 padding-top:10px;
	 padding: 1px 15px 20px 15px; background-color:#FFF; margin-top:18px; width:550px;  
	 display:inline;
	 overflow:auto;
	 float:left;
	 
}

#corpo{ padding:5px }

#mainContentusato { 
	padding: 1px 15px 20px 15px; background-color:#FFF; margin-top:18px; width:550px;   
	display:inline;
	overflow:auto;
	float:left;
	
}
#mainContentofferte { 
	padding: 1px 15px 20px 15px; background-color:#FFF; margin-top:18px; width:550px; 
	display:inline;
	overflow:auto;
	float:left;
}
#footer { 
	padding: 0 10px 0 20px; 
	display:inline;
	overflow:auto;
	float:left;
	width:950px;
	background:#DDDDDD; margin-top:20px; 
} 
#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 */
}
.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;
}

.textarea {
	font-size: 12px;
	width:150px;  /* textarea */
	background-color: #C4CFD9;
	border: 1px solid #999;
} 
	
select {
	font-size: 12px; width:115px; 
	background-color: #C4CFD9;
	border: 1px solid #999;
}
 
 input {
	font-size: 12px; width:115px; 
	background-color: #C4CFD9;
	border: 1px solid #999;
}
 
/* MESSAGGI DI ERRORE SULLE FORM */
label.error{
 font-size:10px;
 font-style:italic;
 color:#ff0000; 
 
}


/* COMMENTI */
.numero-commento{
font-size:26px;
color:#dddddd;
}



/* STILI CATALOGO */

.msgerror{ color:#cc0000;}
.msgnull{ font-size:12px;   text-decoration:underline; color:#cc0000;}
.tbl-prod{ margin-top:20px; }
.tbl-elenco {width:90%; margin:8px 0 8px 0;}
.box-offerta{ clear:both; margin:8px; padding:15px; color:#cc0000; border:1px solid #CC0000; font-weight:bold; background-image:url(img/sfondoprom.jpg); background-repeat:no-repeat }

.box-finanziabile{ clear:both; margin:8px; padding:15px; color:#48A4D2; border:1px solid #48A4D2; font-weight:bold; background-image:url(img/sfondofin.jpg); background-repeat:no-repeat }

.indietro{ width:150px; float:left; padding-left:6px;}
 

.box-condizioni{
	background-color:#F8F8F8;
	border-top:1px solid #fc5604;
	padding-top:5px;
 font-size:11px;
	clear:both;
	margin-top:8px;
	float:left;
 
}
.box-condizioni img { float:left;}
.box-pneumatici{float:left;display:inline;margin-right:10px;}

.box-carrozzeria{float:left;display:inline;margin-right:10px;}

.box-meccanica{float:left;display:inline;margin-right:10px;}



.segnala{ text-align:right; float:right;}

.menu-right{ margin:0; padding:0; width:95%; text-align:left;}
.menu-right li{text-align:left; padding:0; margin:0; list-style:none;  border-bottom:1px solid #dddddd;}
   
 
.menu-right .menu-selected a { color:#FF9933; background-image:url('img/browse-right.gif'); background-repeat:no-repeat; background-position:95% center;}


.menu-right li a{
display:block;
font-size:13px;
font-weight:bold;
padding:5px 5px 5px 5px;
}


.menu-right li a:hover{
background-color:#f8f8f8;
text-decoration:underline;}


/* TOOLTIP */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-size:12px;
}
#tooltip h3, #tooltip div { margin: 0;font-size:12px; }


/* PAGINAZIONE */


#pagination-digg{border:0; margin:0; padding:0;}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:12px;
list-style:none;
margin-right:2px;
float:left;
}
#pagination-digg a{
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:0px;
}

.nolink { padding:3px 6px; float:left;}

#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#F93;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:3px 6px;
margin:0px 4px 0px 0px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #000033;
background-color:#f6f6f6;
padding:2px 5px;
}	.menu-top {
	font-variant:small-caps; color:#666666;  
	margin-bottom:10px; 
	font-size:11px;
	text-align:right; 
}

