@charset "utf-8";

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	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;
	background: url(../images/bg-body.jpg) repeat-x  #f1f4f6;
}
#topBackground{
	background: url(../images/bg-top.jpg) no-repeat  top center;
	margin: 0;
	padding: 0;
	padding-top: 20px
} 
	
ul.listaVini {
    list-style-image: url("/landing/common/images/check-s.png");
    margin-left: 0;
}
ul.listaVini li{
	margin-bottom: 8px;
	font-size: 12px;
}

#bottomBackground{
	padding-bottom: 210px;
	background: url(../images/bg-bottom-colline.jpg) no-repeat bottom center;
} 
#logo{
	margin-left: 4px	
}
	
#container {
	width: 1002px; 
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	margin: 0 auto;
	position: relative;
} 

#header {
	padding: 0 10px 0 0;
	height: 164px;
	position: relative;
	left: 0px;
	background:url(../images/bg-testata.gif) no-repeat top right;
} 
 #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 */
}

#bannerTestata{
	width: 547px;
	height: 160px;
	position: absolute;
	top: 4px;
	right: 244px;
}


#riepilogoCarrello{
	width: 219px;
	height: 160px;
	position: absolute;
	top: 2px;
	right: 8px;
	background-color:#FFF;
	padding: 40px 10px 0 20px;
	background: url(../images/bg-box-carrello.jpg) top right no-repeat;
	
	}

#mainMenu {
	background: #333;
	height: 32px;
	width: 986px;
	margin: 0 auto;
}
#mainMenu li {
	display: inline;
	color: #FFF
}
#mainMenu ul {
margin: 3px 0 0 3px; padding: 0
}

#boxRicerca {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 185px; /* 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: url(../images/bg-cerca.png) 158px 1px  no-repeat #EBEBEB; 
	padding: 5px;
	margin: 7px 0 0 8px;
	display: inline;  /* risolve il raddoppiamento del padding dell'elemento float su IE6*/
	border: 1px solid #c4c6c8;
	border-bottom: 3px solid #c4c6c8;	
	z-index: 10;
}
#colonna-dx {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 228px; /* 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 */
	margin: 7px 8px 0 5px;
	padding-top: 0;
	display: inline;  /* risolve il raddoppiamento del padding dell'elemento float su IE6*/

}


#boxOfferteHome {width:512px; height:387px; background-color: #fafbfc; border: 1px solid #eaeaeb; margin: 8px 0; position:relative
}

#mondoGiordano{
		margin: 0;
		padding: 7px;
		border: 1px solid #c4c6c8;
		border-bottom: 3px solid #c4c6c8;		
		height: 233px;
}
#mondoGiordano h3{
	border: none;
}


#boxNews{
		margin: 0;
		padding: 7px;
		border: 1px solid #c4c6c8;
		border-bottom: 3px solid #c4c6c8;		
}


 #mainContent {
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 220px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
	 min-height: 450px;
	 height: auto !important;
	 height: 450px
} 

/* regole specifiche per IE6 */ 
* html #mainContent{
	padding-left: 15px;
	margin-left: 210px;
}
* html #footer{
height: 105px;
}
/* FINE regole specifiche per IE6 */ 


 #footer {
clear: both;
background: url(../images/footer.gif) top no-repeat;
height: 75px;

} 
* html #footer{

position: relative;
top: 70px;
}
 #footer p {
	margin: 0; 
	padding: 10px 0; 
	line-height: 110%
}
.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: 0px;
}
.relativePos {
	position:relative;
}

#copyright{
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size:x-small}

.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;
}
form {
	margin: 0;
	padding: 0
}