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;
	background-image: url(../images/fiamme.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #000;
	padding: 0;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body.*/

}

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

}



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

}

#containerworld {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/sede.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #000;
	padding: 0;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body.*/

}

#containerhome {
	width: 100%;
	margin: 0 auto;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #000;
	padding: 0;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body.*/

}


.rientro {
margin-left: 8px;	
}

.googleearth {
margin-top: 8px;
font-size: 0.9em;
color:#999
}

#worldmap {
	margin: 0;
	padding: 0;
float: left;
background: url(../images/tagliavini-map.jpg) no-repeat	
}

#worldbox {
	float: right;
margin: 0
}

.worldlist {
	color: #666;
width: 116px;
float: left;
font-size: 1.0em;
line-height: 1.2em
}

.worldlist strong {
	color: #fff;
}

.extrasedi {
	font-size: 0.7em;
	border-bottom: 1px dotted #FFF;
margin-bottom: 10px;
padding-bottom: 5px;
color: #b8b3b3;
line-height: 1.3em
}


#containerverde {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/verde.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #000;
	padding: 0;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body.*/

}

#containerglobal1 {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/global_background.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #000;
	padding: 0;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body.*/

}

#containerarredamento {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../images/redipane_background.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #000;
	padding: 0;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body.*/

}

.boldback {
	width: 110px;
	margin-top: 10px; 
background: #4b4b4b;
padding: 2px;
text-align: center;
margin-bottom: 5px
}


.boldback a:link, .boldback a:visited {
color: #fff;
text-decoration: none;

}

.boldback a:hover, .boldback a:active {
color: #ffcc00;
text-decoration: underline

}



#mainContent {
	width: 900px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	color: #fff;
	margin: 0 auto;
	padding: 0 0 20px 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_red.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: #2b2b2b;
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

}


#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 div.testidx p {
	margin: 0;
float: right;
width: 58%;
}

#corpo_home div.testi p {
	margin: 0;

float: right;
width: 58%;
}

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

}

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

}

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

}

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

}


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



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


#servizi {
background: url(../images/sfere.png) top right no-repeat;
font-size:1.0em;
height: 200px;
padding: 65px 0 15px 0;
border-bottom:1px solid #666;
margin: 0 0 20px 0;
color: #fff;
line-height: 1.5em
}

#servizi p {
width: 65%	
}

#ambiente {
	padding: 65px 0 15px 0 ;
	float: left;
width: 60%;	
margin-bottom: 20px
}

#ambientebox {
	margin-top: 85px;
	line-height: 1.6em;
	font-size: 0.9em;
float:right;
padding-left: 20px;
padding-top: 20px;
padding-right: 50px;
width: 250px;
height: 244px;
background:url(../images/boxbianco.png) no-repeat
}


.testoverde {
color: #8bbb00	
}

#arredamenti {
background: url(../images/redipane_background.png) top right no-repeat;
padding: 65px 0 15px 0;
border-bottom:1px solid #666;
margin: 0;

}

#arredamenti p {
width: 380px;
font-size:0.9em;
color: #fff;
line-height: 1.5em
}



.arredamentilist {
	width: 22%;
float: left;
margin-top:15px;
margin-right: 20px;
}

.arredamentilist h5 {
color: #999}

.arredamentilist h4 {
	padding-left: 9px;
background: url(../images/arredamenti/arrowleft.gif) left no-repeat;
color: #999}

.arredamentilist a:link, .arredamentilist a:visited {
text-decoration: none	
}

.arredamentilist a:hover, .arredamentilist a:active {
text-decoration: none	
}

#news {
background: url(../images/logowireframe.png) top right no-repeat;
font-size:1.0em;
padding: 65px 0 15px 0;
margin: 0 0 20px 0;
color: #fff;
line-height: 1.5em
}

#news p {
font-size: 0.9em	
}


#news h4 {
color: #999	
}

.backto {
font-size: 0.8em;
margin-left: 600px

}

.backto a:link, .backto a:visited {
color: #F60;
text-decoration: none
}

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

.riquadri {
	margin-bottom: 25px;
margin-right: 15px;
width: 31%;
float:right;
background: url(../images/anglegrey.jpg) no-repeat top left
	
}

.riquadri h4 {
	padding-top: 8px;
margin-left: 25px;
color: orange;
font-size: 1.1em
}

.riquadri p {
margin-left: 30px;
font-size: 0.8em;
line-height: 1.3em;
color: #999
}

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

.testidx {
color:#656565;
width: 49%;
float: right;
font-size:0.8em;
padding:6px;
border-top: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 ;
margin:0;
color: #fff;
line-height: 1.5em;
background: url(../images/forno-antico.png) right no-repeat
}




#ceomessagehome {
	padding:0;
	margin: 0 auto;
	width: 60%;
	
	font-size: 1.0em;
line-height: 1.6em;
color: #CCC;

}

}

#ceomessage img {
float: right;
padding: 8px;
}

#ceomessage p.ceosignature {
	margin-left: 240px;
	width: 200px;
text-align: center;
}

#ceomessagehome p.ceosignaturehome {
	margin-left: 360px;
	width: 200px;
text-align: center;
}




#globalonebox {	
font-size:0.9em;
height: auto;

padding: 65px 20px 15px 0 ;
margin:0;
color: #fff;
line-height: 1.5em;
}

.globalonelist  {
margin-right: 15px;
width: 47%;
float: left
}

.globalonelist ul  {	
margin-left: 15px
}

.globalonelist ul li {	
list-style-type: none;
font-size: 0.8em;
margin-bottom: 8px;

}

.globalonelist  li.titoli {
font-size: 0.9em;
margin-bottom: 6px;
background-image: url(../images/salsiccia.png);
background-position: -17;
background-repeat: no-repeat;
padding-left: 7px;
color: #424242
}

#certificazioni {	
font-size:0.9em;
height: auto;
padding: 65px 0 15px 0 ;
margin:0;
color: #fff;
line-height: 1.5em
}


#certificazioni ul {margin-top: 10px;}

#certificazioni ul li {margin:0;
padding:9px 0 0 30px;
list-style:none;
background:url('../images/certificazione_icon.jpg') no-repeat 0 4px;
}


#certificazioni a:link, #certificazioni a:visited {
color: orange;
text-decoration: none;

}

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

}


.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: #CCC;
font-size: 0.9em;
line-height: 1.4em;
}

.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, #infotitle a:visited {
color: #dedede;
text-decoration: none;

}

#infotitle a:hover, #infotitle 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);
background-position: bottom right;
background-repeat: no-repeat;
margin-top: 20px;
margin-bottom: 15px
}

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


#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, .prodlist a:visited {
color: gray;
text-decoration: none;

}

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

}



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

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

.prodlistcaldo a {
	display: block;
}

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

}

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

}


.prodlistextra {
	width: 18%;
font-size: 0.8em;
float: left;
margin-right: 14px;
color:#666;
padding-left: 10px;
border-left: 1px dotted #fff;
}

.prodlistextra strong {
color: #be3b00;
font-size: 1.1em
}

.prodlistextra a {
	display: block;
}

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

}

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

}



#newscontainer {
width: 710px;
padding: 0;
margin-bottom: 60px
}

#news h3 {
margin-top: 25px	
}



.dataevent {
	float: left;
width: 14%;
margin-left:10px;
margin-bottom: 0.6em;
border-bottom: 1px solid #666;
padding-bottom: 0.4em;

}

.shorteventdescr {
width: 70%;
float: right;
margin-left: 5px;
margin-bottom: 0.6em;
border-bottom: 1px dotted #005f8b;
padding-bottom: 0.4em;
}

.homedescr {
width: 81%;
float: right;
margin-left: 12px;
margin-bottom: 0.6em;
border-bottom: none;
padding-bottom: 0.4em;
}

.homedescr a:link, .homedescr a:visited {
color: #999;
text-decoration:none
}

.homedescr a:hover, .homedescr a:active {
color: #fff;
text-decoration:none
}

.imgevent {
	float: left;
	width: 11%;
	margin-left:10px
}

/*

.dataevent {
	float: left;
width: 15%;
margin-left:10px

}

.shorteventdescr {
width: 81%;
float: right;
margin-left: 12px
}

*/

.shorteventdescr a:link, .shorteventdescr a:visited {
color: #999;
text-decoration:none
}

.shorteventdescr a:hover, .shorteventdescr a:active {
color: #fff;
text-decoration:none
}

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

p.smalldata {
color: #666;
font-size: 0.9em;
line-height: 1.2em
}

#extramenu {
margin-left: 8px;
margin-top: 15px;
font-size: 0.8em;
color: #be3b00;
}

#extramenu ul {
	list-style-type: none;

}


#extramenu li ul li a {
text-decoration: none
}

#extramenu li ul li a:link, #extramenu li ul li a:visited  {
color: #4b4b4b;
}

#extramenu li ul li a:hover, #extramenu li ul li a:active  {
color: #b0acb3;
}

.divClear {
    clear:both;
    }