body {
	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 */
	background-color: #B1B2B4;
	text-decoration: none;
}


p, div {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	display: inline;
}

hr {
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
	height: 1px;
}

#container {
	width: 1016px;  /* i 16 px in più corrispondono all'ombra del box */
	height: 581px; /* anche in questo caso i px in più corrispondono all'ombra del box */
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-508px;
	margin-top:-320px;
	background-image: url(../img/sfumatura_DX.jpg); /* ho usato l'ombra del box a dx come img di bkg fissa */
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFF;
}

#NEWS_HP {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	color: #333;
	background-image: url(../img/news_fondino.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	margin: 0px;
	float: left;
	height: 120px;
	width: 215px;
	position: absolute;
	z-index: 1000;
	left: 0px;
	top: 158px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* I N I Z I O  TESTATA con logo - scelta lingue - menu principale*/

#header {
	background-color: #FFFFFF;
	background-image: url(../img/caffe_testata.gif); /* ho usato l'immagine dei chicchi di caffe come img di bkg fissa */
	background-repeat: no-repeat;
	background-position: 310px top;
	float: left;
	height: 180px;
	width: 1000px;
	text-align: left;
	position: relative;
}
#header_logo h1 a {
	margin: 0px; /* 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: 0px;
	height: 180px;
	width: 310px;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	color: #666;
	text-decoration: none;
	text-align: left;
	text-indent: -2000px; /* il testo che verrà scritto non sarà visibile perchè nascosto  */
	background-image: url(../img/fiorenzato_logo.jpg);
	background-repeat: no-repeat;
	background-position: 10px 24px;
}

/* F I N E  TESTATA con logo - scelta lingue - menu principale*/



/* I N I Z I O  CONTENUTO BASE*/

#content_base {  /*all'interno di questo div troveremo: il video flash iniziale, il menu prodotti a sx, le sez. azienda/press/contatti, i prodotti principali con i partic immagini, i dati tecnici */
	float: left;
	width: 1000px;
	text-align: left;
	top: 133px;
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
}



/* I N I Z I O  CONTENUTO AZIENDA, PRESS, CONTATTI*/

#banda_sx {
	float: left;
	width: 190px;
	height:398px; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	padding: 0px;
	margin: 0px;
	text-align: left;
	position: relative;
	left: 0px;
}

#content_azienda {
	text-align: left;
	z-index: 200;
	padding: 0px;
	margin-top: 0px;
	margin-right: 280px;
	margin-bottom: 0px;
	margin-left: 190px;
}

.testo_azienda {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	text-align: left;
	line-height: 16px;
}

.titoletto_news {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #951633;
	text-decoration: none;
	text-align: left;
	line-height: 14px;
	font-weight: bold;
}
.titoletto_news a:link, .titoletto_news a:visited, .titoletto_news a:active  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #951633;
	text-decoration: none;
	text-align: left;
	line-height: 14px;
	font-weight: bold;
}
.titoletto_news a:hover  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #951633;
	text-decoration: underline;
	text-align: left;
	line-height: 14px;
	font-weight: bold;
}

.sottotitoletto_news {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	text-align: left;
	line-height: 13px;
	font-weight: bold;
}
.sottotitoletto_news a:link, .sottotitoletto_news a:visited, .sottotitoletto_news a:active  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	text-align: left;
	line-height: 13px;
	font-weight: bold;
}
.sottotitoletto_news a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: underline;
	text-align: left;
	line-height: 13px;
	font-weight: bold;
}
.titoletto_rosso {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #951633;
	text-decoration: none;
	text-align: left;
	line-height: 20px;
	font-weight: bold;
}
.titoletto_azienda {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #951633;
	text-decoration: none;
	text-align: left;
	line-height: 30px;
	letter-spacing: 0.2em;
	font-weight: bold;
}

#banda_dx {
	float: right;
	width: 260px;
	height: 380px;
	text-align: right;
	position: relative;
	vertical-align: bottom;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/*I N I Z I O  DIV MENU PRODOTTI*/

#content_menu_prodotti {
	float: left; /* il margine sinistro di questo elemento div crea la colonna sul lato sinistro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */
	width: 190px; /* 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 */
	height:438px; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	background-color: #E0E0E0;
	padding: 0px;
	top: 180px;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

#menu_prodotti {
	font-family: Tahoma, Geneva, sans-serif;
	width: 190px;
	padding: 0;
	margin: 0;
	color: #000;
	text-decoration: none;
	text-align: left;
	text-indent: 39px;
}
#menu_prodotti ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu_prodotti ul li {
	margin: 0;
	padding: 0;
}
#menu_prodotti ul li a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.82em;
	display: block;
	width:190px;
	text-decoration: none;
	color: #000;
	font-weight: normal;
	height: 19px;
	text-align: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	letter-spacing: 0.1em;
	background-image: url(../img/filetto_divisorio_menuSX.jpg);
	background-repeat: no-repeat;
	background-position: 23px bottom;
}

#menu_prodotti a:hover {
	color: #000;
	background-image: url(../img/filetto_sfumato_menuSX.jpg);
	background-repeat: repeat-y;
	background-position: 23px bottom;
	font-weight: bold;
	text-decoration: none;
}

#menu_prodotti a.active {
	color: #FFF;
	background-image: url(../img/filetto_sfumatoON_menuSX.jpg);
	background-repeat: repeat-y;
	background-position: 23px bottom;
	font-weight: bold;
	text-decoration: none;
}

#sfumato {
	display: block;
	background-image: url(../img/filetto_sfumatoON_menuSX.jpg);
	background-repeat: no-repeat;
	background-position: 23px bottom;
}



#codice_prodotto {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 190px;
	position: absolute;
	top: 446px;
	float: left;
	left: 0px;
	z-index: 500;
}

.codice_prodotto {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 8px;
	color: #333;
	text-align: center;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
}

/*F I N E    DIV MENU PRODOTTI*/


#content_prodotti {
	text-align: left;
	margin: 0;
	padding-top: 45px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 40px;
	z-index: 200;
	float: right;
	width: 750px;
	height: 395px;
}

.img_particolari {
	text-align: left;
	margin: 0px;
	float: left;
	width: 185px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.descriz_prodotti {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #8E8E8E;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 190px;
	line-height: 16px;
	max-width: 750px;
	width: 550px;
	float: left;
}

/* I N I Z I O CONTENUTO DATI TECNICI*/

#contenuto_dati {
	text-align: left;
	float: left;
	height: 395px;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	width: 635px;
	background-color: #FFF;
}



.titoli {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.05em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	background-color: #C6C7C9;
	text-align: left;
	text-indent: 15px;
	height: 22px;
	width: 634px;
	padding:1px;
}

.titoli_medi {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

#informazioni {
	text-align: left;
	text-indent: 15px;
	background-image: url(../img/fascetta_rossa_sfum.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	text-indent: 0px;
	float: left;
	width: 385px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8E8E8E;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 353px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8E8E8E;
}

.titoletti {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	text-indent: 15px;
	margin-top: 1px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.descrizioni {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	text-align: left;
	text-indent: 15px;
	line-height: 14px;
	padding-top: 10px;
}
.descrizioni ul {
	display:block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.descrizioni ul li {
	margin: 0;
	padding: 0;
}

.optional {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	color: #333;
	text-decoration: none;
	text-align: left;
	line-height: 12px;
	text-indent: 15px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.optional ul {
	display:block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.optional ul li {
	margin: 0;
	padding: 0;

}

.swf {
	text-align: right;
	margin: 0px;
	float: right;
	bottom: 0px;
	position: relative;
	top: 10px;
	padding: 0px;
}
.titoli_verticali {
	text-align: right;
	margin: 0px;
	float: right;
	width: 105px;
	padding-bottom: 0px;
}

.testo_rosso {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #940101;
	text-decoration: none;
	text-align: left;
}

.testo_rosso a:link, .testo_rosso a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #940101;
	text-decoration: none;
	text-align: left;
}

.testo_rosso a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	text-align: left;
}

.testo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	text-align: left;
	line-height: 19px;
}


.testo a:link, .testo a:visited, .testo a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: left;
	line-height: 19px;
	text-decoration: underline;
}

.testo a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #940101;
	text-align: left;
	line-height: 19px;
	text-decoration: underline;
}


.testo_small {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	text-align: left;
}


.testo_small a:link, .testo_small a:visited, .testo_small a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #940101;
	text-align: left;
	text-decoration: underline;
}

.testo_small a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: left;
	text-decoration: underline;
}

#ventola {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 110px;
	position: absolute;
	z-index: 200;
	left: 515px;
	top: 313px;
}

/* F I N E  CONTENUTO DATI TECNICI*/


/* F I N E  CONTENUTO BASE*/


/* FOOTER di chiusura*/
#footer {
	position: absolute;
	height: 60px;
	width: 1016px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 300;
	clear: both;
	top: 581px;
	left: 0px;
}

#notelegali {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 1000px;
	position: relative;
	left: 0px;
	top: 470px;
	right: 0px;
	z-index: 400;
	float: left;
}

.notelegali {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
	color: #666;
	text-decoration: none;
	text-align: center;
}

.notelegali a:link, .notelegali a:visited, .notelegali a:active {
	text-decoration: underline;
	color: #666;
}

.notelegali a:hover {
	text-decoration: underline;
	color: #FFF;
}


.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;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
}
.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;
}


#maindescription h1 {
	display:block;
	text-indent:-3000em;
	height:50px;
	margin:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	width: 50px;
	overflow: hidden;
}