/*Zecchetti*/
html, body {
	margin: 0; padding: 0; border: 0;
}

html {
	font-size: 100%;
	/* IE ems resize hack */
}

body {
	font-size: 62.5%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; text-align: center; background-color: #FFF; background-image: url("../images/bg_body.jpg"); background-position: top; background-repeat: repeat-x;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: 0.9em;
}

ul, li, p, td {
	font-size: 0.9em;
}

ul, li {
	list-style-type: none;
}

div, span, p, h2, h3, h4, h5, hr, ul, li, form, img, td {
	margin: 0; padding: 0; border: 0;
}

a {
	text-decoration: none; color: #7B1919;
}

a:hover {
	text-decoration: underline; color: #7B1919;
}

.cleaner {
	clear: both; display: block; visibility: hidden;
}

.white_bold {
	color: #ffffff; font-weight: bold;
}

.white {
	color: #ffffff;
}

.brown_bold {
	color: #7B1919; font-weight: bold;
}

.brown {
	color: #7B1919;
}


/*CONTAINER GENERAL*/
#container_general {
	width: 727px; margin: 0 auto; background-color: #ffffff; border-left: 1px solid #C3C1BF; border-right: 1px solid #C3C1BF; border-bottom: 1px solid #C3C1BF;
}


/*CONTAINER HEADER*/
#container_logo {
	height: 92px; width: 727px; background-image: url("../images/bg_container_logo.jpg"); background-position: top; background-repeat: repeat-x;
	/*container del logo, settato colore ed altezza*/
}

#logo {
	float: left;
	/*logo, impostato in una certa posizione*/
}

.titolo_logo {
	padding-top: 50px; display: none;
	/*scritta a fianco del logo*/
}

#img_header {
	height: 178px; width: 727px; background-image: url("../images/bg_header.jpg"); background-repeat: no-repeat;
	/*immagine dell'header, comprende pure il payoff*/
}

#menu_header {
	height: 32px; width: 727px; background-image: url("../images/bg_header_menu.jpg"); background-repeat: repeat-x;
	/*tabella del menu dell'header*/
}

#menu_header tr td a {
	height: 27px; line-height: 27px; color: #000; display: block; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; background-image: url("../images/divisorio_menu.jpg"); background-repeat: no-repeat; margin-top: 4px;
	 /*impostato un margin-right: 3px per dare un po di spazio a sx come a dx*/
}

#menu_header tr td a:hover {
	background-image: url("../images/bg_li_hover.jpg"); background-repeat: repeat-x; color: #ffffff; text-decoration: none;
	/*impostato un margin-right: 3px per dare un po di spazio a sx come a dx*/
}
.menu_roll {
	height: 27px; line-height: 27px; display: block; background-image: url("../images/bg_li_hover.jpg"); background-repeat: repeat-x; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin-top: 4px;
	/*impostato un margin-right: 3px per dare un po di spazio a sx come a dx*/
}


/*CONTAINER CENTER*/
#container_center {
	width: 727px; background-image: url("../images/bg_container_center.jpg"); background-repeat: repeat-y;
	/*contenitore centrale, utilizzata un'immagine bianca con una barra verticale per fare il bordo di divisione tra la parte sx e quella destra, in questo modo qualsiasi parte si allunghi il divisore c'è sempre*/
}

#parte_sx {
	width: 189px; min-height: 610px; height: auto !important; height: 610px; float: left; background-image: url("../images/bg_parte_sx.jpg"); background-position: bottom; background-repeat: no-repeat;
	/*impostata una larghezza che lascia fuori la banda grigia verticale di divisione tra la parte sx e quella dx*/
}

#titolo_elenco_proddotti {
	min-height: 260px; height: auto !important; height: 260px; background-image: url("../images/bg_titolo_elenco_proddotti.jpg"); background-position: top; background-repeat: no-repeat; background-color: #ffffff;
	/*spazio utilizzato nelle pagina dei prodotti per mettere una grafica e per le pagine specifiche dei prodotti per il titolo del prodotto e per la lista*/
}

.h_titolo_elenco_prodotti {
	width: 189px; height: 38px; padding-top: 20px; color: #ffffff;
	/*titolo del titolo_elenco_prodotti, utilizzato nelle pagine speficihe di ogni prodotto*/
}

.h_titolo_elenco_prodotti a:link,
.h_titolo_elenco_prodotti a:visited,
.h_titolo_elenco_prodotti a:hover,
.h_titolo_elenco_prodotti a:active {
	color: #FFF;
}

.lista_titolo_elencoprodotti {
	text-align: left; margin: 20px 0 0 10px; padding-bottom: 15px;
}

.lista_titolo_elencoprodotti li {
	margin: 5px 0;
}

.lista_titolo_elencoprodotti li a {
	color: #000;
}

.lista_titolo_elencoprodotti li a:hover {
	text-decoration: none; color: #7B1919;
}

.lista_titolo_elencoprodotti ul {
	font-size: 1.1em;
	margin-left: 20px;
}


#menu_secondo_livello {
	min-height: 260px; height: auto !important; height: 260px; background-image: url("../images/bg_titolo_elenco_proddotti.jpg"); background-position: top; background-repeat: no-repeat; background-color: #ffffff;
	/*spazio utilizzato nelle pagina di primo livello per mettere una grafica e per mettere i sottomenu*/
}

.lista_menu_secondo_livello {
	text-align: left; padding: 20px 10px;
}

.lista_menu_secondo_livello li {
	margin: 5px 0;
}

.lista_menu_secondo_livello li a {
	color: #000;
}

.lista_menu_secondo_livello li a:hover {
	text-decoration: none; color: #7B1919; 
}

#area_riservata {
	background-color: #67767D;
	/*colore dell'area riservata dentro all'home page*/
}

.top_area_riservata {
	height: 30px; padding-top: 6px; background-image: url("../images/bg_top_area_riservata.jpg"); background-repeat: no-repeat;
	/*impostato uno spazio per inserire l'immagine con scritta all'inizio dell'areariservata, utilizzato anche qui il "gioco" height/padding*/ 
} 

.table_area_riservata {
	text-align: right; width: 185px;
}

.table_area_riservata tr td input {
	height: 12px;
}

#arrow {
	width: 98px; height: 24px;
}

.bottom_area_riservata {
	height: 15px; background-image: url("../images/bg_bottom_area_riservata.jpg");
	/*chiusura dell'area riservata, con immagine finale*/
}

#company_news {
	background-color: #fff;
}

.top_company_news {
	height: 103px; padding-top: 10px; background-image: url("../images/bg_company_news.jpg");
	/*immagine della company news, utilizzata come top*/
}

.lista_company_news {
	width: 189px; background-color: #FFFFFF; /*background-image: url("../images/bg_lista_company_news.jpg"); background-repeat: repeat-x; background-color: #ffffff;*/
}

.lista_company_news li {
	text-align: left; width: 150px; margin: 0 auto; border-bottom: 1px solid #941E1E; padding: 10px 0; background-color: #FFFFFF;
	/*impostazione li company news*/
}

.lista_company_news li a {
	color: #000;
	/*impostazione li company news*/
}

.lista_company_news li a:hover {
	text-decoration: none; color: #7B1919; 
	/*impostazione li company news*/
}

.link_news {
	float: right; margin: 10px 20px; color: #7B1919; font-weight: bold; background-color: #fff;
	/*link "Elenco news, segna anche la fine del company news"*/
}

.lista_lingue {
	width: 150px; margin: 15px auto;
	/*elenco delle varie lingue*/
}

.lista_lingue li {
	display: inline; margin: 2px;
}

.lista_lingue li img {
	border: 1px solid black;
}

.lista_informazioni {
	width: 150px; margin: 20px auto;
	/*elenco delle varie informazioni come la p.iva, copyright..*/
}

.lista_informazioni li {
	text-align: left;
}









#parte_dx {
	width: 537px; min-height: 430px; height: auto !important; height: 430px; float: right; background-image: url("../images/bg_parte_dx.jpg"); background-repeat: repeat-x;
	/*parte dx del center, impostata una larghezza che lascia fuori la banda verticale grigia che divide la parte sx da quella dx*/
}

#parte_dx ul li {
	margin-left: 15px;
	/*impostato lo style-type a tutti gli elenchi della parte_dx*/
}

#parte_dx ul li {
	list-style-type: disc;
	/*impostato lo style-type a tutti gli elenchi della parte_dx*/
}

#parte_dx ol {
	margin-left: 15px;
	/*impostato lo style-type a tutti gli elenchi della parte_dx*/
}

#parte_dx ol li {
	list-style-type: decimal;
	/*impostato lo style-type a tutti gli elenchi della parte_dx*/
}

#parte_dx .lista_contatti li {
	list-style-type: none; margin-left: 0;
	/*tolto lo style-type all'elenco dei contatti e tolto margine per puntatori*/
}

#parte_dx .lista_prodotti_sinistra li {
	list-style-type: none;
	/*tolto lo style-type all'elenco dei prodotti*/
}

#parte_dx .lista_prodotti_sinistra {
	margin-left: -15px;
	/*tolto margine per puntatori*/
}

#parte_dx .lista_prodotti_destra li {
	list-style-type: none; margin-left: -15px;
	/*tolto lo style-type all'elenco dei prodotti e tolto margine per puntatori*/
}

#parte_dx .lista_prodotti_specifiche li {
	list-style-type: none; margin-left: 0;
	/*tolto lo style-type all'elenco dei prodotti interni e tolto margine per puntatori*/
}

.titolo_parte_dx {
	width: 460px; margin: 30px auto; text-align: left; color: #7B1919;
	/*titoli presenti nella parte dx del center*/
}

.testo_parte_dx {
	width: 460px; margin: 20px auto; text-align: left;
	/*paragrafi presenti nella parte dx del center*/
}

.testo_parte_dx a {
	text-decoration: underline;
}

.testo_parte_dx a:hover {
	color: #666666;
}







.lista_prodotti_sinistra {
	width: 200px; text-align: left; float: left; padding: 0 0 20px 40px;
	/*lista dei vari prodotti di sinistra, utilizzato nella pagina prodotti*/
}

.lista_prodotti_sinistra li a {
	color: #000;
	/*lista dei vari prodotti di sinistra, utilizzato nella pagina prodotti*/
}

.lista_prodotti_sinistra li a:hover {
	color: #7B1919;  text-decoration: none;
	/*lista dei vari prodotti di sinistra, utilizzato nella pagina prodotti*/
}

.lista_prodotti_sinistra ul {
	font-size: 1.1em;
}

.lista_prodotti_destra {
	width: 200px; text-align: left; float: right; padding: 0 40px 20px 0;
	/*lista dei vari prodotti di destra, utilizzato nella pagina prodotti*/
}

.lista_prodotti_destra li a {
	color: #000;
	/*lista dei vari prodotti di destra, utilizzato nella pagina prodotti*/
}

.lista_prodotti_destra li a:hover {
	color: #7B1919; text-decoration: none;
	/*lista dei vari prodotti di destra, utilizzato nella pagina prodotti*/
}

.lista_prodotti_specifiche_alto {
	border: 1px solid #67767D; float: right;  padding: 10px 20px 0 5px;
	/*lista dei vari prodotti cliccabili, utilizzato nelle pagine interne dei prodotti*/
}

.lista_prodotti_specifiche_alto li {
	float: left; padding: 0 5px; display: block; height: 15px; border-bottom: 3px solid;
	/*li della lista dei vari prodotti cliccabili, utilizzato nelle pagine interne dei prodotti*/
}

.lista_prodotti_specifiche_alto li a {
	color: #000; font-size: 1.1em;
	/*li della lista dei vari prodotti cliccabili, utilizzato nelle pagine interne dei prodotti*/
}

.lista_prodotti_specifiche_alto li a:hover {
	color: #7B1919; text-decoration: none;
	/*li della lista dei vari prodotti cliccabili, utilizzato nelle pagine interne dei prodotti*/
}

.titolo_gruppo_prodotti {
	margin: 10px 0; padding-bottom: 4px; border-bottom: 3px solid black; font-weight: bold; font-size: 1em;
	/*titoli delle varie categorie di prodotti, utilizzato nella pagina dei prodotti*/
}

.titolo_contatti {
	width: 460px; margin: 10px auto; text-align: left; color: #7B1919;
	/*titolo della pagina dei contatti del reparto specificato, utilizzato nella pagina dei reparti*/
}

.sotto_titolo_contatti {
	width: 460px; margin: 0 auto; text-align: left;
	/*sotto titolo della pagina dei contatti del reparto specificato, utilizzato nella pagina dei reparti*/
}

.lista_contatti {
	width: 460px; margin: 0 auto; text-align: left;
	/*lista della pagina dei contatti del reparto specificato, utilizzato nella pagina dei reparti*/
}

.lista_contatti li a {
	color: #000;
	/*lista della pagina dei contatti del reparto specificato, utilizzato nella pagina dei reparti*/
}

.lista_contatti li a:hover {
	color: #7B1919; text-decoration: none; 
	/*lista della pagina dei contatti del reparto specificato, utilizzato nella pagina dei reparti*/
}

.lista_mappa {
	width: 460px; margin: 0 auto; text-align: left;
	/*lista della mappa del sito, utilizzato nella pagina della mappa del sito*/
}

.lista_mappa li {
	list-style-type: disc; padding: 5px 0; margin-left: 15px;
}

.lista_mappa li a {
	color: #000;
	/*lista della mappa del sito, utilizzato nella pagina della mappa del sito*/
}

.lista_mappa li a:hover {
	color: #7B1919; text-decoration: none; 
	/*lista della mappa del sito, utilizzato nella pagina della mappa del sito*/
}

.lista_mappa_int {
	width: 400px; margin: 0 auto; text-align: left;
	/*lista della mappa del sito relativi ai prodotti, utilizzato nella pagina della mappa del sito*/
}

.lista_mappa_int li {
	list-style-type: disc; padding: 2px 0; font-size: 1.05em;
}

.lista_mappa_int li a {
	color: #000;
	/*lista della mappa del sito relativi ai prodotti, utilizzato nella pagina della mappa del sito*/
}

.lista_mappa_int li a:hover {
	color: #7B1919; text-decoration: none;
	/*lista della mappa del sito relativi ai prodotti, utilizzato nella pagina della mappa del sito*/
}

.lista_mappa_int ul {
	font-size: 1em;
}

.tabella_rassegna {
	width: 460px; margin: 0 auto; text-align: left;
	/*tabella della rassegne, utilzzata nella pagina rassegna stampa*/
}

.tabella_rassegna td {
	padding: 10px 0;
}

.tabella_rassegna td a {
	color: #000;
}

.tabella_rassegna td a:hover {
	color: #7B1919; text-decoration: none; 
}

.anno_eventi {
	width: 460px; margin: 10px auto; text-align: left; color: #7B1919;
	/*titolo della pagina degli eventi, utilizzato nella pagina degli eventi per dividere nei vari anni*/
}

.tabella_eventi {
	width: 460px; margin: 0 auto; text-align: left;
	/*tabella della pagina degli eventi*/
}

.tabella_eventi tr td {
	padding: 10px 0;
}

.tabella_eventi tr td a {
	color: #7B1919; text-decoration: underline;
}

.tabella_eventi tr td a:hover {
	color: #999; text-decoration: underline; 
}

.tabella_contatti {
	width: 460px; margin: 0 auto; text-align: left;
	/*tabella dei contatti, utilzzata nella pagina dei reparti*/
}

.tabella_contatti tr td {
	padding: 5px 0;
}

.testo_tabella_contatti {
	width: 350px;
}

.tabella_pubblicita {
	width: 460px; margin: 0 auto; text-align: left;
	/*tabella delle pubblicita*/
}

.tabella_pubblicita td {
	padding: 10px 0;
}

.titolo_prodotti_specifiche {
	width: 460px; text-align: left; margin: 0 auto; margin-top: 20px; color: #7B1919;
	/*titolo del vari prodotti utilizzato nelle pagine interne dei prodotti*/ 
}

.sottotitolo_prodotti_specifiche {
	width: 460px; text-align: left; margin: 0 auto; margin-top: 20px;
	/*sottotitolo del vari prodotti utilizzato nelle pagine interne dei prodotti*/ 
}

.lista_prodotti_specifiche {
	width: 460px; margin: 0 auto; margin-bottom: 20px; text-align: left;
	/*lista del vari prodotti utilizzato nelle pagine interne dei prodotti*/ 
}

#descrizione_prodotto {
	width: 460px; text-align: left; margin: 20px auto;
	/*contenitore della descrizione del prodotto, utilizzato nelle pagine interne dei prodotti*/
	/* modificato da DI */
}

#descrizione_prodotto a {
	color: #7B1919; text-decoration: underline;
}

#descrizione_prodotto a:hover {
	color: #999; text-decoration: underline;
}

#approfondimenti {
	background-color: #ffffff; border-top: 1px solid #C1C1C1; min-height: 300px; height: auto !important; height: 300px;
	/*contenitore degli approfondimenti, utilizzato nelle pagine interne dei prodotti*/
}

.titolo_approfondimenti {
	width: 460px; text-align: left; margin: 0 auto; padding: 10px 0;
	/*titolo degli approfodimenti, utilizzato nelle pagine interne dei prodotti*/
}


/* OLD */
.lista_approfondimenti2 {
	width: 460px; text-align: left; margin: 0 auto; padding: 10px 0;
	/*lista degli approfodimenti, utilizzato nelle pagine interne dei prodotti*/
}

.lista_approfondimenti2 li {
	margin: 5px 40px 5px 0; display: block; float: left;
	/*li della lista degli approfodimenti, utilizzato nelle pagine interne dei prodotti*/
}

.lista_approfondimenti2 li a {
	bottom: 0px; position: relative; display: block; height: 100px; margin-top: 30px;
	/*a del li della lista degli approfodimenti, utilizzato nelle pagine interne dei prodotti*/
}

.lista_approfondimenti2 li span {
	display: block; position: absolute; top: 0px; left: 0px;
}

.lista_approfondimenti2 li span a {
	text-decoration: none; border: 0;
	/*a del li della lista degli approfodimenti, utilizzato nelle pagine interne dei prodotti*/
}
/* FINE OLD */







/*inserito da DI*/
table.lista_approfondimenti {
	margin: 0 auto; padding: 10px 0; text-align: left; width: 460px;
}

table.lista_approfondimenti td {
	text-align: left; vertical-align: bottom; width: 33%;
}

table.lista_approfondimenti td a {
	color: #7B1919; display: block; margin: 20px 0 30px; position: relative; text-decoration: underline; width: 100%;
	/*a del li della lista degli approfodimenti, utilizzato nelle pagine interne dei prodotti*/
}

table.lista_approfondimenti td a:hover {
	color: #999999; display: block; margin: 20px 0 30px; position: relative; text-decoration: underline; width: 100%;
	/*a del li della lista degli approfodimenti, utilizzato nelle pagine interne dei prodotti*/
}

table.lista_approfondimenti td a span {
	bottom: -20px; cursor: pointer; display: block; left: 0px; position: absolute; 
}

/* lista degli approfondimenti testuali, utilizzato nelle pagine interne dei prodotti inserito da DI*/
.dl_approfondimenti {
	width: 460px; text-align: left; margin: 0 auto; padding: 10px 0; font-size: 10px; clear: left;
}

.dl_approfondimenti dt {
	margin: 15px 0 5px; font-variant: small-caps; font-weight: bold;
}

.dl_approfondimenti dd {
	margin-left: 0px;
}


/* */
#center_introduzione {
	height: 195px; background-image: url("../images/bg_center_news.jpg");
	/*contenitore del testo introduttivo*/
}

.titolo_introduzione {
	margin: 33px 85px 10px 0;
	/*immagine/titolo del testo dell'introduzione centrale*/
}

.testo_center_introduzione {
	width: 460px; margin: 0 auto; text-align: left;
}

.titolo_primo_piano {
	margin: 10px 85px 5px 0;
	/*immagine/titolo del testo del primo piano*/
}

#primo_piano {
	background-color: #ffffff; border-top: 1px solid #C1C1C1;
	/*contenitore del primo piano*/
}

.table_primo_piano {
	width: 480px; margin: 0 auto; padding-bottom: 10px;
}

.table_primo_piano tr td {
	text-align: left; padding: 5px 10px;
}


/*CONTAINER FOOTER*/
#container_footer {
	min-height: 70px; height: auto !important; height: 70px; background-image: url("../images/bg_footer.jpg"); background-repeat: repeat-x;
	/*contenitore del footer*/
}

.lista_footer {
	width: 600px; margin: 0 auto; padding-top: 30px;
}



#parte_dx ul.lista_download li {
	list-style: none; padding: 10px;
}
#parte_dx ul.lista_download li a {
	text-decoration: none;
}
#parte_dx ul.lista_download li a img {
	float: left; padding: 0 20px;
}





http://213.136.141.179/zecchetti/css/multibox.css



/**************************************************************



	MultiBox

	v1.3



**************************************************************/



.MultiBoxContainer {

	position: absolute;

	border: 20px solid #000;

	background-color: #FFF;

	display: none;

	z-index: 2;

	text-align: left;

	/*overflow: hidden;*/

}



.MultiBoxLoading {

	background: url(../images/multibox/loader.gif) no-repeat center;

}



.MultiBoxContent {

	position: relative;

	width: 100%;

	height: 100%;

	overflow: hidden;

}



.MultiBoxClose {

	position: absolute;

	top: -26px;

	right: -26px;

	background: url(../images/multibox/close.png) no-repeat;

	width: 24px;

	height: 24px;

	cursor: pointer;

}





.MultiBoxControlsContainer {

	overflow: hidden;

	height: 0px;

	position: relative;

}



.MultiBoxControls {

	width: 100%;

	height: auto;

	position: relative;

	background-color: #000000;

}





.MultiBoxPrevious {

	position: absolute;

	background: url(../images/multibox/left.png) no-repeat;

	width: 24px;

	height: 24px;

	left: 0px;

	margin-top: 5px;

	cursor: pointer;

}



.MultiBoxNext {

	position: absolute;

	background: url(../images/multibox/right.png) no-repeat;

	width: 24px;

	height: 24px;

	right: 0px;

	margin-top: 5px;

	cursor: pointer;

}



.MultiBoxNextDisabled {

	cursor: default;

	background: url(../images/multibox/rightDisabled.png) no-repeat;

}



.MultiBoxPreviousDisabled {

	cursor: default;

	background: url(../images/multibox/leftDisabled.png) no-repeat;

}



.MultiBoxTitle {

	position: relative;

	margin: 10px 0 0 35px;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

	text-align: left;

}



.MultiBoxNumber {

	position: relative;

	width: 50px;

	margin: 10px 35px 0 0;

	float: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFF;

	text-align: right;

}



.MultiBoxDescription {

	clear: left;

	position: relative;

	margin: 0 35px 0 35px;

	padding-top: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFF;

	text-align: left;

}