@charset "UTF-8";
body {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: url(immagini/bg.jpg) repeat-x top right;

	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:#474747;
	
	

}

div#container {

	width: 750px;

	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. */

}

div#header {

	padding: 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. */
	width: 750px;

	height:193px;

}

div#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;

}

div#topfla {
	float:right;
	width: 499px;
	height: 157px;	

}



div#logo {
	position:relative;
	left:0px;
	background-image:url(immagini/logo.gif);
	width:245px;
	height:176px;
	float:left;
	margin-top:16px;
	}



div#navigation {
	height: 20px;
	padding: 10px 0;
	background: url(immagini/content_top.jpg) bottom center no-repeat;


}

div#mainContent {
/*	clear:inherit; */
	padding: 5px 0px;
	background: #FFFFFF url(immagini/content_bg.jpg) center center repeat-y;
}


div#mainOneCol {
	clear: both;
	height:1px;
}


div#mainIndexCol {
	clear: both;
}




div#mainContent p, div#mainOneCol p {
	margin: 5px 0;
	padding:0;
	font-size: 11px;
	line-height: 14px;

}


div#mainContent a, div#mainContent a:hover, div#mainContent a:active, div#mainContent a:visited{
	color:#669900;
	font-weight:bold;
	text-decoration:none;


}



div#rightCol {
	margin: 0 20px 0 0;
	float:left;
	width:232px;
	}


div#footer {
	clear:both;
	
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:url(immagini/content_bottom.jpg) top center no-repeat;
	height:35px;

}

div#footer p, div#footer a, div#footer a:active, div#footer a:visited {
	color:#FFFFFF;
	font-size:11px;
	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 */
	text-decoration:none;
	padding: 15px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */

}

div#footer a:hover {
	text-decoration:underline;
}

div#minilogo {
	position:relative;
	left:5px;
	width:50px;
	height:40px;
	float:left;
	margin-top:8px;
	margin-right:20px;
	}

div.prodottoDes {
	float:left;
	width: 340px;
	text-align: left;
	padding-right: 10px;


}

div.prodottoIng {
	float:left;
	width: 129px;
	text-align:center;
	background:#e5f7ff url(immagini/ingredienti_eng.jpg) top center no-repeat;

}



ul.ingredienti {
	list-style:none;
	padding:0;
	margin: 28px 2px 8px 2px;
	
}


ul.ingredienti li {
	margin-top: 5px;
	margin-bottom: 5px;
	
}


div.prodottoFoto {
	float:left;
	width: 230px;
	border:0;
	text-align:center;
	vertical-align:middle;

}

div.clear {
	width:712px;
	clear:both;
}



ul#prodotti {
	list-style:url(immagini/freccia-blu.gif) inside;
	padding:5px 0;
	margin:0;
	

}

ul#prodotti li, ul#prodotti li a, ul#prodotti li a:active, ul#prodotti li a:visited {
	font-weight:normal;
	font-size: 11px;
	line-height: 14px;
	color:#00adfe;

}
ul#prodotti li a:hover {
	font-weight:normal;
	font-size: 11px;
	line-height: 14px;
	color:#00adfe;
	text-decoration:underline;

}


















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


p.left {
	float:left;
	text-align: left;

}


div.col1, div.col2, div.singleCol {
	margin-left:20px; 
	float:left;
 	margin-top:10px; 
	margin-bottom:9px; 
}

div.col1 {
	width:232px; 

}

div.col2 {
	width:205px; 

}


div#singleCol {
	width:712px; 
	margin-top: 20px;
	margin-left:20px; 
	font-size:11px;
	clear:both;

}


strong {
	color:#669900;
	
}

.prodottoFoto a img{
	border: 5px #FFFFFF solid;
}


.prodottoFoto a:hover img {
	border: 5px #85AF29 solid;
}



.titolo21 {
	background: url(immagini/titolo21.gif) top left no-repeat;
	margin:0;
	width:232px;
	height:72px;
}


.titolo22 {
	margin:0;
	background: url(immagini/titolo22.gif) top left no-repeat;
	width:232px;
	height:72px;
	
}


.titolo31 {
	background: url(immagini/titolo31.gif) top left no-repeat;
	margin:0;
	width:232px;
	height:54px;
	
}


.titolo32 {
	margin:0;
	background: url(immagini/titolo32.gif) top left no-repeat;
	width:232px;
	height:30px;
	
}

.titolo33 {
	margin:0;
	background: url(immagini/titolo33.gif) top left no-repeat;
	width:232px;
	height:30px;
	
}
.titolo31_eng {
	background: url(immagini/titolo31_eng.gif) top left no-repeat;
	margin:0;
	width:232px;
	height:54px;
	
}


.titolo32_eng {
	margin:0;
	background: url(immagini/titolo32_eng.gif) top left no-repeat;
	width:232px;
	height:30px;
	
}

.titolo33_eng {
	margin:0;
	background: url(immagini/titolo33_eng.gif) top left no-repeat;
	width:232px;
	height:30px;
	
}


.titolo41 {
	background: url(immagini/titolo41.gif) top left no-repeat;
	margin:0;
	width:232px;
	height:30px;
	
}


.titolo42 {
	margin:0;
	background: url(immagini/titolo42.gif) top left no-repeat;
	width:232px;
	height:30px;
	
}


.titolo51 {
	background: url(immagini/titolo51.gif) top left no-repeat;
	margin:0;
	width:232px;
	height:54px;
	
}


.titolo52 {
	margin:0;
	background: url(immagini/titolo52.gif) top left no-repeat;
	width:232px;
	height:30px;
	
}


.titoloP01 {
	margin:0;
	background: url(immagini/titoloP01.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}

.titoloP01_eng {
	margin:0;
	background: url(immagini/titoloP01_eng.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}

.titoloP02 {
	margin:0;
	background: url(immagini/titoloP02.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}

.titoloP02_eng {
	margin:0;
	background: url(immagini/titoloP25_eng.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}

.titoloP03 {
	margin:0;
	background: url(immagini/titoloP03.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}

.titoloP03_eng {
	margin:0;
	background: url(immagini/titoloP03_eng.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}

.titoloP04 {
	margin:0;
	background: url(immagini/titoloP04.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}

.titoloP04_eng {
	margin:0;
	background: url(immagini/titoloP04_eng.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}

.titoloP05 {
	margin:0;
	background: url(immagini/titoloP05.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}

.titoloP05_eng {
	margin:0;
	background: url(immagini/titoloP05_eng.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}



.titoloP06 {
	margin:0;
	background: url(immagini/titoloP06.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}
.titoloP06_eng {
	margin:0;
	background: url(immagini/titoloP06_eng.gif) top left no-repeat;
	width:330px;
	height:30px;
	
}
.titolo21eng {
	background: url(immagini/titolo21_eng.gif) top left no-repeat;
	margin:0;
	width:232px;
	height:72px;
}
.titolo22eng {
	margin:0;
	background: url(immagini/titolo22_eng.gif) top left no-repeat;
	width:232px;
	height:72px;
}
.titolo41eng {
	background: url(immagini/titolo41_eng.gif) top left no-repeat;
	margin:0;
	width:232px;
	height:30px;
}
.titolo42eng {
	margin:0;
	background: url(immagini/titolo42_eng.gif) top left no-repeat;
	width:232px;
	height:30px;
}
.titolo51eng {
	background: url(immagini/titolo51_eng.gif) top left no-repeat;
	margin:0;
	width:232px;
	height:54px;
}
.titolo52eng {
	margin:0;
	background: url(immagini/titolo52_eng.gif) top left no-repeat;
	width:232px;
	height:30px;
}