/* ---------- GENERAL SETTINGS ---------- */

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, sans-serif;
	background: white; 
	color: black;
	/*background: #004cba url("images/css_body_bg.png") center top no-repeat;  LUCA - sfondo nuovo */
	background: white url("images/css_body_bg.png") left top no-repeat; /* LUCA - sostituire il nuovo sfondo qui */
}

body.hotmelt {
	background: white url("images/css_body_hotmelt_bg.png") left top no-repeat;
}
body.application {
	background: white url("images/css_body_application_bg.png") left top no-repeat;
}
body.flamemachines {
	background: white url("images/css_body_flamemachines_bg.png") left top no-repeat;
}
body.accessories {
	background: white url("images/css_body_accessories_bg.png") left top no-repeat;
}
body.contatti {
	background: white url("images/css_body_contatti_bg.png") left top no-repeat;
}


a, a:link, a:visited {
	color: #3D4A55;
	text-decoration: underline;
}
a:hover {
	color: #458ACB;
	text-decoration: underline;
}
a:active, a:focus {
	color: #458ACB;
}

p {
	margin-bottom: 12px;
	line-height: 19px;
	font-size: 12px;
}

ol, ul, dl{
	margin-left: 5%;
	line-height: 16px;
	font-size: 16px;
	margin-bottom: 10px;
}

li {list-style-type: none;font-size: 12px;}
dd {font-weight: bold;font-size: 12px;} 
dt {margin-left: 5%;font-size: 12px;} 

img {
	font-weight: bold;
	color: #FFC21C;
	text-decoration: underline;
	font-style: italic;
	border: 0px;
}


table { 
	font-size: 12px;  
	empty-cells: show; 
	border-bottom-width: thin;
}
td  { 
	text-align: left;
	vertical-align: top;
	background-color: transparent; 
}
th  {
	text-align: left; 
	vertical-align: top;
	font-style: italic; 
	background-color: transparent; 
}	
input, select {}
textarea {}

h1, h2, h3, h4, h5 	{ color: black; }
h3 	{ font-size: 20px;}
h4 	{ font-size: 16px; padding-right: 10px; padding-left: 10px;}

strong {}
em {font-weight: bold; color: #134b96; }



/* ---------- CLASSI DI FORMATTAZIONE GENERICHE ---------- */

.odd td {background-color: #FFF0B9;}
.even td {background-color: #FFD157;} 
.rientro10 {margin-left: 10%;}

.img_flusso {margin: 0px 0px 20px 0px;}


.img_didasc {text-align: center; width: 770px;}
.img_contatti {position:absolute; top:5px; left:495px;}
.img_didasc img { margin: 20px 0px 0px 0px;}
.img_didasc p {padding: 0px 5px; font-style: italic; display: inline;}

.close_button {
	display: block;
	position: absolute;
	top: 25px;
	right: 50px;
}

.close_link {
	display: block;
	position: absolute;
	bottom: 30px;
	right: 50%;
}
.contenuto_scorrevole {
	position: absolute;
	top: 100px;
	left:190px;
	width:590px;
	padding: 0px 20px;
	overflow: hidden;
	margin: 2px;
	
}
.contenuto_scorrevole h4{
	margin-left: 10px;	
}
.popup_interno_top {width: 590px; height: 30px; background: transparent url("images/css_popup_interno_top.png") top center no-repeat;}
.popup_interno {width:590px; overflow: auto;  background: transparent url("images/css_popup_interno.png") center repeat;}
.popup_interno_bottom {width: 590px; height: 30px; background: transparent url("images/css_popup_interno_bottom.png") bottom center no-repeat;}
.popup_interno_inside {margin: 0px 20px; padding-bottom:25px;}

.contenuto_scorrevole ul {
	font-size: 0.8em;	
}


/* ---------- page ---------- */
#page_top {
	
	margin: 25px;
	margin-bottom: 0px;
	width: 810px;
	height: 32px;
	text-align: left;
	background: transparent url("images/css_page_top_bg.png") left bottom no-repeat;  /** LUCA - commentare questa riga per fare lo sfondo come da progetto */
}

#page_bottom {
	
	margin: 25px;
	margin-top: 0px;
	width: 810px;
	height: 32px;
	text-align: left;
	background: transparent url("images/css_page_bottom_bg.png") left top no-repeat;  /* LUCA - commentare questa riga per fare lo sfondo come da progetto */
}
#page {
	margin: 0px 25px;
	width: 810px;
	text-align: left;
	background: transparent url("images/css_page_mid_bg.png") left center repeat-y;   /*  LUCA - commentare questa riga per fare lo sfondo come da progetto */
}

#page * 
{
	/*visibility: hidden;*/
}


/* ---------- header ---------- */

#page_header {
	/*border: 1px solid white;*/
	background: transparent url("images/css_header_bg.png") left top no-repeat;
	height: 115px;
	margin: 0px 20px;
	position: relative;
	top: -15px;
	}

#page_header h1 span { display: none;}
#page_header h2 span { display: none;}
#page_header h3 { 
	position:absolute;
	top:93px;
	left:180px;
	font-size:16px;
	color:#FFFFFF;
}

/* ---------- footer ---------- */
#page_footer {
	margin: 0px 15px;
	padding: 0px;	
	position: relative;
	height: 220px;

	bottom: 205px;
	
	font-weight: bold;
	text-align: center;
	
	background: transparent url("images/css_footer_bg.png") center bottom repeat-x;
	/* z-index: 50; */
}

#page_footer p{
	display: none;
	
}
/* ---------- menu ---------- */

#menu {
	margin: 15px;
	padding: 0px;	
	position: relative;
	bottom: 150px;
	height: 300px;
	border-top: 1px solid transparent;
	margin-bottom: -285px;
	background: transparent url("images/css_menu_bg.png") center top repeat-x;
	z-index: 100;
}
#menu h3  {
	display: none;
}
#menu ul  {
	margin: 0px;
	padding: 0px;
	display: block;
}
#menu ul li {
	font-size: 14px;
	margin: 0px;
	margin-right: 7px;
	padding: 0px 13px 0px 0px;
	display: inline;
	background: transparent url("images/css_menu_main_divisore.png") right center no-repeat;
}

#menu_main { margin: 118px 5px 0px; height:18px;padding: 6px 5px;}
#menu_sub {  margin: 0px 5px; height:18px;padding: 3px 5px;}

#menu a { text-decoration: none; padding: 2px 0px; }
#menu span { text-decoration: none; padding: 2px 25px; }

#menu_main 	{ background: transparent url("images/css_menu_main_bg.png") center top repeat-x;}
#menu_main a, #menu_main a:link, #menu_main a:visited 			{ color: white;	}
#menu_main a:hover 		{ background: transparent url("images/css_menu_main_bg-hover.png") left center repeat-x;}
#menu_main a span:hover 		{ background: transparent url("images/css_menu_main_bg-hover_end.png") right center no-repeat;}

#menu_sub 	{ background: transparent url("images/css_menu_sub_bg.png") center top repeat-x;}
#menu_sub a, #menu_sub a:link, #menu_sub a:visited 			{ color: black; }
#menu_sub a:hover 		{  background: transparent url("images/css_menu_sub_bg-hover.png") left center repeat-x;}
#menu_sub a span:hover 		{  background: transparent url("images/css_menu_sub_bg-hover_end.png") right center no-repeat;}

#address_bar { top: 25px; z-index:110; position: relative;}
#address_bar > h3 > span {display: none;}
#address_bar li {font-size: 14px;}
#address_bar ul  {display: block;}
#address_bar ul li {	display: inline;}

#address_bar a {	text-decoration: none; color: #EEEEEE; padding-left:12px;}
#address_bar a:hover {	text-decoration: underline; color: white;}
#address_bar a {	background: transparent url("images/css_address_bar_a_bg.png") left center no-repeat;}


/* ---------- home ---------- */
#content_home {
	margin:15px 20px 0px;
	height:400px;
	border-bottom: 1px solid transparent;
	overflow: hidden;
	position: relative;
	top: 12px;
	z-index: 150;
}

#home_presentazione ,#home_contattaci ,#home_hot_melt ,#home_flames_machines {}

#home_presentazione {
	position: absolute;
	width: 720px;
	height: 160px;
	left: 50%;
	margin-left: -370px;
	top: 0px;
	padding: 10px;
	background: transparent url("images/css_home_presentazione_bg.png") center no-repeat;
}
#home_presentazione h3{ display: none;}

#home_contattaci {
	position: absolute;
	width: 180px;
	height: 160px;
	left: 50%;
	margin-left: -370px;
	top: 190px;
	padding: 10px;
	
	background: transparent url("images/css_home_contatti_bg.png") center no-repeat;
}


#home_contattaci a{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 55%;
	height:99%;
	text-decoration: none;
	color: black;
}
#home_contattaci a:hover {
	text-decoration: underline;
	color: #0B1E57;
}

#home_contattaci h3 span, #home_hot_melt h3 span, #home_flames_machines h3 span{
	color:#FFFFFF; 
	font-size:15px;
	font-weight:bold;
}


#home_hot_melt {
	position: absolute;
	width: 280px;
	height: 160px;
	left: 50%;
	margin-left: -150px;
	top: 190px;
	padding: 10px;
	background: transparent url("images/css_home_central_bg.png") center no-repeat;
}


#home_hot_melt li span { display: none;}
#home_hot_melt ul {	margin: 5px;}

#home_hot_melt li {
	width: 203px;
	margin-left: auto;
	margin-right: auto;
}

#home_hot_melt a {
	display: block;
	text-decoration: none;
	color: black;
}

#a_tatis,#a_modesta,#a_aequalis {
	width: 203px;
	height:40px;
}


#a_tatis 			{	background: transparent url("images/css_a_tatis.png") center no-repeat;}
#a_modesta			{	background: transparent url("images/css_a_modesta.png") center no-repeat;}
#a_aequalis			{	background: transparent url("images/css_a_aequalis.png") center no-repeat;}
#a_tatis:hover	 	{	background: transparent url("images/css_a_tatis-hover.png") center no-repeat;}
#a_modesta:hover	{	background: transparent url("images/css_a_modesta-hover.png") center no-repeat;}
#a_aequalis:hover	{	background: transparent url("images/css_a_aequalis-hover.png") center no-repeat;}

#home_flames_machines {
	position: absolute;
	width: 180px;
	height: 160px;
	left: 50%;
	margin-left: 170px;
	top: 190px;
	padding: 10px;
	background: transparent url("images/css_home_flamesmachines_bg.png") center no-repeat;
}

#home_flames_machines div {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#home_flames_machines a {
	text-decoration: none;
	color: black;
	display: block;
	height: 155px;
	width: 175px;
}

/* ---------- prodotti ---------- */
#content_prodotti {
	margin:15px 20px 0px;
	height:450px;
	border-bottom: 1px solid transparent;
	overflow: hidden;
	position: relative;
	top: 12px;
	z-index: 150;
}

#prodotti_accoppiatrici > h3 > span {display: none;}

#prodotti_accoppiatrici {
	position: absolute;
	width: 720px;
	height: 200px;
	left: 50%;
	margin-left: -370px;
	top: 0px;
	padding: 10px;
}
#prodotti_hot_melt {position: absolute;
	width: 340px;
	height: 200px;
	left: 50%;
	margin-left: -370px;
	top: 0px;
	padding: 10px;
	
	background: transparent url("images/css_prodotti_hotmelt_bg.png") center no-repeat;
	
}
#prodotti_flames_machines{
	position: absolute;
	width: 340px;
	height: 200px;
	left: 50%;
	margin-left: 10px;
	top: 0px;
	padding: 10px;
	background: transparent url("images/css_prodotti_flames_machines_bg.png") center no-repeat;
}
#prodotti_accessori{
	position: absolute;
	width: 720px;
	height: 170px;
	left: 50%;
	margin-left: -370px;
	top: 230px;
	padding: 10px;
	background: transparent url("images/css_prodotti_accessori_bg.png") center no-repeat;
}

#prodotti_accessori a{ color:}


.prodotti_elenco  ul  {
	margin: 0px;
	padding: 0px;
	display: block;
}
.prodotti_elenco li {
	font-size: 19px;
	margin: 0px;
	display: inline;
}

.popup_links {
margin-left: 10px;
background-color: #dddddd;
margin-bottom: 1em;
border: 1px solid black;

}


.popup_links td {
border: 1px solid black;
margin: 0px;
background-color: white;
}

.popup_links a {
	text-decoration: none;
	background-color: white;
	padding: 0px 5px;
}
.popup_links a:hover {
	text-decoration: none;
	background-color: #3D4A55;
	color: white;
}



/* ---------- content ---------- */
#page_content{
	border:1px solid transparent;  /* necessario per scansare un bug su IE */
}

#content_generic {
	margin:45px 20px 0px;
	background-color: white;
	border-bottom: 1px solid transparent;
	position: relative;
	top: 12px;
	z-index: 150;
}

#content_generic ul li {margin-left: 2em;}

#content_generic p, #content_generic ul {
	/*background: transparent url("images/css_p_bg.png") left top no-repeat;*/
	margin: 10px 10px;
}


#content_generic h3{
	display: inline;
	background: transparent url("images/css_hx_section_title_bg.png") right top no-repeat;
	margin:10px 0px;
	padding: 2px 30px;
	position: relative; 
	bottom: 25px;
}


ul#contact_ul {
	list-style:none;
	
}

#contact_ul li {
	line-height: 1.2em;
	list-style:none;

}



#contact_ul li h4 {
	font-size:16px;
	color:#134b96;
	
	display: inline;
	background: transparent url("images/css_hx_section_title_bg.png") right top no-repeat;
	margin:10px 0px;
	padding: 2px 10px 2px 0;

}

/* ---------- accessori ---------- */


/* ---------- signature ---------- */
#signature p {
	position: absolute;
	top: 10px;
	left: 20px;
	font-family: tahoma, sans-serif;
	font-size: 10px;

	color: #0B1E57;
}

/* ---------- language ---------- */
#language_selection {position: absolute; top: 162px;left: 737px; width: 70px; height: 22px; z-index: 155;}

#lang_it,#lang_en { width: 34px; height: 22px; display: block; position: absolute;}
#lang_it span,#lang_en span { display: none;}

#lang_it {background-image: url("images/lang_it.png"); top: 0px;	left: 0px;}
#lang_en {background-image: url("images/lang_en.png"); top: 0px;	left: 36px;}
#lang_it:hover {background-image: url("images/lang_it-hover.png");}
#lang_en:hover {background-image: url("images/lang_en-hover.png");}

/* ---------- w3c ---------- */
#w3c {
	width:800px;
	text-align: center;
	background: transparent url("images/css_w3c_bg.png") center top no-repeat;
	border-bottom: 1px solid white;
	
}
/* ---------- hidden gallery ---------- */

 .hidden 
	{
	position:absolute; 
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	} 


