html,body {
	font: 100% Arial, Helvetica, sans-serif;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	background: #333;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* Suggerimenti per i layout elastici 
1. Poiché le dimensioni generali dei layout elastici sono basate sulla dimensione predefinita del carattere dell'utente, il risultato di questi layout è meno prevedibile. Se usati correttamente, risultano più accessibili per gli utenti che hanno bisogno di visualizzare i caratteri con dimensioni maggiori, perché la lunghezza delle righe rimane proporzionale.
2. Le dimensioni dei div di questo layout sono basate sul 100% della dimensione del carattere nell'elemento body. Se si riduce la dimensione generale del testo specificando font-size: 80% nell'elemento body o in #container, ricordarsi che l'intero layout si ridurrà in proporzione. Per compensare eventualmente questo effetto, si può aumentare la larghezza dei vari div.
3. Se le dimensioni dei caratteri vengono modificate in modo diverso per ogni div anziché a livello globale (ovvero, se si assegna a #sidebar1 una dimensione di carattere del 70% e a #mainContent dell'85%), le dimensioni generali di ciascun div verranno modificate in modo proporzionale. È possibile adattare il risultato in base alle dimensioni finali dei caratteri.
*/

#container {
	margin: 0 auto;
	background: url(../images/neve.jpg) no-repeat;
	background-position: center 0;
	padding: 0;
	background-color: #000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body.*/

}

#container1 {
	margin: 0 0 30px 0;
	background-color:#000;
	background-position: center 0;
	padding: 0;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body.*/

}

#mainContent {
	width: 900px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	
}

#header {
	margin:0;
	background: url(../images/header_gradient1.png) repeat-x bottom;
	height: 117px;
	width: 100%;
} 

#headercontainer {
width: 900px;
margin: 0 auto;	
}

#logo {
text-align: left;
width: auto;
padding:0;
margin:0 auto;
float: left
}

#colleft {
	padding:10px 0 0 0;
	float: left;
	width:18%;
	height:auto
}


.reflected {
border: none	
}

#colleft h4 {
color: #FC0	
}





#sidemenu {
margin-top: 10px;
padding: 0;
}

#sidemenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
background: none;
}


#sidemenu li.listtitles {
background: url(../images/menu_blue.png);
background-position: top;
background-repeat: no-repeat;
font-size: 0.9em;
display: block;
color: #fff;
padding: 3px 0 3px 8px;
text-decoration: none;
margin: 0;
}



#sidemenu li.listtitles ul li {
border: none;
background: none;
width: auto;
margin: 0;
}

#sidemenu li.listtitles ul li  a {
font-size: 0.9em;
display: block;
padding: 1px 4px;
}

#sidemenu li.listtitles ul li  a:link, #sidemenu li.listtitles ul li  a:visited {
color: #9f9f9f;
text-decoration: none;
}


#sidemenu li.listtitles ul li  a:hover, #sidemenu li.listtitles ul li  a:active {
background-color: #003058;
color: ##f46700;
}






li.activeprod {
	padding-left: 9px;
	color: #121212;
	background-image: url(../images/redbar.png);
}

#coldescription h5 {

font-size: 1.5em;
margin-bottom:12px;
line-height:1em;

}

#coldescription p {
font-size: 0.9em;
line-height: 1.3em;
color: #CCC

}


#sidemenu .listtitles {
background: url(../images/menu_blue.png);
background-position: top;
background-repeat: no-repeat;
font-size: 0.9em;
display: block;
color: #fff;
padding: 3px 12px 3px 8px;
text-decoration: none;
}

#moredata {
width: 320px;
height: 80px;
font-size: 0.7em;
color: #999
}

#corpo {
	margin: 0;
	float:right;
	width: 80%;
border-left: 1px dotted #999;
padding-left: 15px
}

#corpo_home {
	margin: 0;
	width: auto;
padding:0;
}

#corpofreddocar_it {
	margin: 0;
	float:right;
	width: 79%;
border-left: 1px dotted #999;
padding-left: 10px;
background-image: url(../images/celle_titolo.png);
background-position: top right;
background-repeat: no-repeat

}


#corpofreddocar_eng {
	margin: 0;
	float:right;
	width: 79%;
border-left: 1px dotted #999;
padding-left: 10px;
background-image: url(../images/retarder_titolo.png);
background-position: top right;
background-repeat: no-repeat

}


#corpofreddocar_es {
	margin: 0;
	float:right;
	width: 79%;
border-left: 1px dotted #999;
padding-left: 10px;
background-image: url(../images/fermentacion_titolo.png);
background-position: top right;
background-repeat: no-repeat

}


#corpofreddocar_fr {
	margin: 0;
	float:right;
	width: 79%;
border-left: 1px dotted #999;
padding-left: 10px;
background-image: url(../images/chambre_titolo.png);
background-position: top right;
background-repeat: no-repeat

}

.colonne_home{
	margin: 0;
	width: 160px;
	height:220px;
padding: 80px 19px 20px 0;
font-size:0.70em;
float:left;
border-right:1px solid #666;

}

.colonne_home1{
	margin: 0;
	width: 160px;
	height:220px;
padding: 80px 19px 20px 0;
font-size:0.70em;
float:left;
}

.colonne_home p{
margin-top:auto;
margin-bottom:0;
}

#colonne_flash{
	margin: 0;
	width: 120px;
padding:0;
font-size:0.8em;
float:left;
}

.colonna_chi{
	margin: 30px 0 0 0;
	width: 560px;
	height:150px;
padding: 30px 10px 10px 30px;
font-size:0.90em;
color:#999;
float:left;
background-image:url(../images/bannerone.jpg);
}

.colonna_formule{
	margin: 30px 0 0 0;
	width: 290px;
	height:150px;
padding: 30px 10px 10px 0;
font-size:0.80em;
float:right;
background-color:#333;
background-image:url(../images/bannerone.jpg);
background-position:right;
}

.dettaglio{
	width:340px;
	padding:10px;
	font-size:0.9em;
	float:left;
	text-align: center
}


.testi{
color:#656565;
float: left;
width: 47%;
font-size:0.8em;
padding:10px;
border-bottom:1px solid #666;
margin:0
}

.testidx {
color:#656565;
width: 48%;
float: right;
font-size:0.8em;
padding:10px;
border-bottom:1px solid #666;
margin:0
}

#foto_dettaglio {
	margin: 0;
	padding-top: 10px;
	height: 314px;
	background: url(../images/fondoprodotti.png) no-repeat center
}

#testi1{	
font-size:0.9em;
height: auto;
padding: 65px 0 15px 0 ;
border-bottom:1px solid #666;
margin:0;
color: #fff;
line-height: 1.5em;
background: url(../images/forno-antico.jpg) right no-repeat
}

.testi img{
	float:left;
	padding: 0 10px 0 0;
}

.testidx img{
	float:left;
	padding: 0 10px 0 0;
}

.titoletti{
font-size:1.4em;
color:#F60;
line-height:1.4sem;
}

#corpo p {
color: #ddd;
font-size: 0.9em;
line-height: 1.4em;
text-align: left
}

.buttons {
	margin-top:15px;
	float:left;
	width: 50%;
	text-align:center;
	height:110px
	
}

.buttons a img { border: 0; }

#productimage {
float: right	
}

#productbase {
	margin-top: 20px;
clear: both	
}

#producttitle {
	float: left;
	width: 50%;
	margin: 0;
	padding: 10px 0 0 0;
height: 45px;
	background: none;
	z-index: 3000
}

#producttitle.newp {
background: url(../images/new.png) right center no-repeat;
}

#infotitle {
text-align: right;
width: 50%;
float: right;
height: 45px;
font-size: 0.8em
}

#infotitle a {
	display: block;
	height: 22px;
	padding-top: 5px;
	padding-right: 30px;
background: url(../images/mail.png) no-repeat right	
}

#infotitle a:link, a:visited {
color: #dedede;
text-decoration: none;

}

#infotitle a:hover, a:active {
color: #fff;
text-decoration: underline

}


#producttitle h1 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 2.0em
}

.extra {
width: auto;
background: url(../images/extra_gradient.jpg) right bottom no-repeat;
margin-top: 20px;
margin-bottom: 15px;
height: 178px
}

.extra h2 {
	padding-left: 25px;
display: block;
font-size: 1.0em;
color:#333;
background: url(../images/extratitle_gradient.jpg) top left no-repeat
}

.fotine {
float: left;
margin: 8px 5px 8px 25px;
padding:10px;
text-align: center;
font-size: 0.8em;
color:#F60;
border:1px solid #333;
text-decoration:none;
}

a.fotine:hover {
float: left;
margin: 8px 5px 8px 25px;
text-align: center;
font-size: 0.8em;
color: #999;
border:1px solid #999;
text-decoration:none;
}

.fotine1 {
float: left;
margin: 8px 5px 8px 25px;
padding:0px;
}

.fotinetext {
float: left;
width: 65%;
margin: 8px 5px 8px 20px;
font-size:0.7em;
}

.continua{
	float:right;
	color:#F60;
	width:70px;
	font-size:0.7em;
}

.testo_prodotto{
	width:50%; 
	float: right; 
	padding: 16px; 
	background:url(../images/nero_gradient.png) top no-repeat;
	font-size:0.8em;
}


#footer { 
	position: relative;
	font-size: 0.6em;
	height: 235px;
	width: 100%;
	background: url(../images/greysquare.gif) top repeat-x #333333;
	bottom:0;
	padding-top:14px;
	margin:0;
}

#footercontainer {
width: 900px;
margin:0 auto;
}

.footercolumn {
float: left;
width: 195px;
border:0;
margin-right:10px;
padding-top:5px;
padding-right:20px;
text-align:left;
color: #CCC;
height:180px;
background:url(../images/angolo_footer.png) top right no-repeat;
}

#footercontainer a:link, #footercontainer a:visited {
color: #ff6600;
text-decoration: none
	
}

#footercontainer a:hover, #footercontainer a:active {
color: #fff;
text-decoration: underline
	
}

#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 */
	
}


.glossymenu{
margin: 5px 0;
padding: 0;
width: 160px; /*width of menu*/

}

.glossymenu a.menuitem {
background: url(../images/menu_gray.png) repeat-y right;
font-size: 0.9em;
color: #f3f3f3;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px 0;
padding-left: 8px;
text-decoration: none;
margin-bottom: 1px
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-color: #2b2b2b;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
}

.glossymenu div.submenu ul li a{
display: block;
font-size: 0.9em;
color: #9f9f9f;
text-decoration: none;
padding: 3px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
color: #fff;
background: #2b2b2b;
}


#prodlistbox {
width: 100%;
height: auto;
margin: 0
}


.prodlist {
	width: 14%;
font-size: 0.8em;
float: left;
margin-right: 18px;
color:#666
}

.prodlist strong {
color: #FFF;
font-size: 1.1em
}

.prodlist a {
	display: block;
}

.prodlist a:link, a:visited {
color: gray;
text-decoration: none;

}

.prodlist a:hover, a:active {
background: #1d1d1d;
color: #f29200;

}

#topbarright {
	text-align: right;
	margin-top: 10px;
	float: right;
	width: auto;
	font-size: 0.7em;
	color: #666;
}

#topbarright ul {
margin: 0;
list-style-type: none;
height: auto;
}

#topbarright ul li {
list-style-type: none;
margin-bottom: 3px;
}

#topbarright a:link, #topbarright a:visited {
color: #797676;
text-decoration: none
	
}

#topbarright a:hover, #topbarright a:active {
color: #f18d00;
text-decoration: underline
	
}