/* CSS Document */
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------STILI GENERALI---------*/

body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-color: #5d5d5d;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
}

.clear {
	clear: both;
}

img {
	border: 0;
}

.img_sx {
	margin-right: 5px;
}

.img_dx {
	margin-left: 5px;
}

a {
	color: #65737B;
	text-decoration: underline;
}

a:hover {
	color: #65737B;
	text-decoration: none;
}

a.concept {
	color: #2d5353;
	text-decoration: underline;
}

a:hover.concept {
	text-decoration: none;
}

h1 {
	color: #667379;
	font-size: 20px;
}

h2 {
	font-size: 16px;
	margin: 0;
	padding: 5px 0;
}

h2.scuro {
	color: #304851;
}

h2.chiaro {
	color: #6B777E;
}

h3, h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 5px 0;
}

h4 {
	font-size: 14px;

}

.white {
	color: #404040;
}

.bold {
	font-weight: bold;
	color: #65737B;
}

/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------LAYOUT E TOTAL-------------*/
#layout {
	width: 920px;
	/*height: 500px;*/
	padding: 0;
	text-align: left;
	margin: 0 auto;
}

#bg_total {
	/*background-image: url(img/bg-total.png);
	background-repeat: repeat-y;*/
	width: 920px;
	padding: 0;
	margin: 0;
	margin-top:15px;
	/*border-right:3px solid #849ca0;
	border-left:3px solid #849ca0;*/
}

#total {
	width: 900px;
	padding: 0;
	margin: 0 10px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------HEADER---------------------*/
#header {
	width: 900px;
	background-color: #fff;
	padding-top: 10px;
}

#header #mail {
	height: 20px;
	line-height: 20px;
	text-align: right;
	margin: 0 18px;
}

#header #mail img {
	vertical-align: middle;
}

#header #img_header {
	margin: 15px 0;
	margin: 0 15px;
}




/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------MENU-----------------------*/
.jqueryslidemenu {
	font-family:Trebuchet MS,Verdana,Arial,Helvetica;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	/*background: #41565E;*/
	background-image: url(img/bg-menu.jpg);
	background-repeat: repeat-x;
	width: 100%;
}

.jqueryslidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
	display: block;
	/*background: #41565E;*/ /*background of tabs (default state)*/
	background-image: url(img/bg-menu.jpg);
	background-repeat: repeat-x;
	color: white;
	padding: 6px 30px;
	border-right: 1px solid #777676;
	color: #2d2b2b;
	text-decoration: none;
}

.jqueryslidemenu ul li.first_menu a {
	border-left: 1px solid #777676;
	margin-left: 50px;
}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	font-family:Arial, Helvetica, sans-serif;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
	color: white;
}

.jqueryslidemenu ul li a:hover {
	background: #adc8d9; /*tab link background during hover state*/
	color: #393939;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
	font-family:Trebuchet MS,Verdana,Arial,Helvetica;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 185px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #777676;
	background: #575757; /*background of sub-tabs (default state)*/
	background-image: none;
	color:#395555;

}

.jqueryslidemenuz ul li ul li a:hover { /*sub menus hover style*/
	background: #eff9ff;
	color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}


/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------WRAPPER--------------------*/
#wrapper {
	background-color: #fff;
	/*margin-top: 5px;*/
	padding-bottom: 20px;
}

#wrapper #breadcrumb {
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #DADADA;
	padding: 0 18px;
	margin-bottom: 18px;
}

#wrapper #wrapper_title {
	margin: 0 18px 23px 18px;
}

#wrapper #wrapper_content {
	margin: 0 10px;
	
}


/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------FOOTER---------------------*/
#footer {
	/*background-image: url(img/bg-footer.jpg);*/
	background-repeat: repeat-x;
	padding-top:20px;
}

#footer #footer_logo {
	float: left;
	margin: 10px 20px 0 20px;
	width: 76px;
}

#footer #footer_text {
	float: left;
	width: 650px;
}

#footer #footer_text a,
#concept a {
	color:#aeb0b2;
	text-decoration:underline;
}

#footer #footer_text a:hover,
#concept a:hover {
	color:#aeb0b2;
	text-decoration:none;
}

#footer #footer_graf {
	float: right;
	margin: 30px 20px 0 0;
	width: 100px;
}


/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------CONCEPT--------------------*/
#concept {
	width: 900px;
	height: 42px;
	line-height: 42px;
	/*background-image: url(img/bg-concept.png);
	background-repeat: no-repeat;*/
	padding: 0 10px;
	padding-left:125px;
}


/*============================================================================================================*/
/*                                         STILE DEI CONTENUTI DELLE PAGINE                                   */
/*============================================================================================================*/


/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------AZIENDA--------------------*/
#azienda {
	background: url(img/bg-azienda.jpg) no-repeat;
	margin: 0 30px;
	text-align: justify;
}

#azienda #text_azienda {
	margin: 0 255px 0 225px;
	line-height:1.5em;
}

/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------PRODOTTI-------------------*/
#prodotti {
	
}

#prodotti #prodotto_1,
#prodotti #prodotto_2,
#prodotti #prodotto_3,
#prodotti #prodotto_4,
#prodotti #prodotto_5,
#prodotti #prodotto_6 {
	float: left;
	background-image: url(img/box_prodotto.gif);
	background-repeat: no-repeat;
	width: 400px;
	height: 150px;
	margin-right: 35px;
	margin-bottom: 13px;
	cursor: pointer;
}

#prodotti #prodotto_3.last,
#prodotti #prodotto_6.last {
	margin-right: 0;
}

#prodotti .content_prodotto {
	margin: 15px 0 0 40px;
	height: 130px;
	width: 350px;
}

#prodotti .title_prodotto {
	padding-right: 5px;
	height: 28px;
}

#prodotti .title_prodotto a {
	display: block;
	text-decoration: none;
}

#prodotti .img_prodotto {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 10px 0 0;
}

#prodotti .desc_prodotto {
	float: left;
}
#prodotti .text_prodotto {
	font-size: 12px;
	width: 240px;
	height: 90px;
	line-height:1.5em;
}

#prodotti .text_prodotto p {
	margin: 5px 0;
}

#prodotti .link_prodotto {
	width: 150px;
}



/*------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------DETTAGLIO PRODOTTO-------------------*/
#wrapper #fascia_title {
	background-color: #aecad8;
	margin: 0 18px 2px 18px;
	padding: 0 10px;
}

#wrapper #menu_lv3 {
	/*background-image: url(img/bg-menu-lv3.jpg);
	background-repeat: no-repeat;*/
	background-color:#cbe0e7;
	margin: 0 18px;
	padding:3px;
}

#wrapper #menu_lv3 ul {
	margin: 0;
	padding: 0;
}

#wrapper #menu_lv3 ul li {
	float: left;
	list-style-type: none;
	border-right: 1px solid #a3c3cd;
	margin-right:5px;
}

#wrapper #menu_lv3 ul li.last {
	border-right: none;
}


#wrapper #menu_lv3 ul li a {
	/*color: #607980;*/
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 2px 9px;
}

#wrapper #menu_lv3 ul li a:hover {
	color: #304851;
	/*background: url(img/hover-menu-lv3.jpg) repeat-x bottom;*/
}

#wrapper #menu_lv3 ul li a.selected {
	color: #404040;
}

/*----------------------------------------------COLONNE_WRAPPER-----------*/
#wrapper #colonne_wrapper {
	margin: 10px 18px;
	border-top: 1px solid #8CA4AC;
	padding-top: 5px; 
}

/*------------------------------------------------COL_SX-----------*/
#colonne_wrapper #col_sx,
#colonne_wrapper #col_centr,
#colonne_wrapper #col_dx {
	float: left
}

#colonne_wrapper #col_sx {
	text-align: right;
	width: 137px;
}

#colonne_wrapper #col_sx ul {
	margin: 0 8px 0 0;
	padding: 0;
}

#colonne_wrapper #col_sx ul li {
	list-style-type: none;
}

#colonne_wrapper #col_sx ul li a {
	color: #304851;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 3px 0;
	padding: 5px 2px 5px 0;
}

#colonne_wrapper #col_sx ul li a.selected {
	text-decoration: underline;
	background-color: #AECAD8;
}

#colonne_wrapper #col_sx ul li a:hover {
	background-color: #CBE0E7;
}

/*------------------------------------------------COL_CENTR--------*/
#colonne_wrapper #col_centr {
	border-left: 1px solid #8CA4AC;
	border-right: 1px solid #8CA4AC;
	padding-left: 20px;
	width: 545px;
}

#col_centr .desc_col_centr {
	margin: 0 0 50px 0;
}

.desc_col_centr .img_col_centr,
.desc_col_centr .text_col_centr {
	float: left;
}

.desc_col_centr .img_col_centr {
	width: 200px;
}

.desc_col_centr .img_col_centr img {
	margin: 0;
	padding: 0;
}

.scheda_pdf {
	font-size: 12px;
	text-transform: uppercase;
	padding: 15px 0 5px 0;
	font-weight: bold;
}

.scheda_pdf a {
	color: #304851;
	text-decoration: none;
	display: block;
}

.scheda_pdf img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

span.formato {
	margin-left:180px;
}

.desc_col_centr .text_col_centr {
	width: 325px;
	margin-left: 10px;
}

.desc_col_centr .text2_col_centr {
	text-align: justify;
	/*margin-right: 10px;
	padding-top: 15px;*/
	margin:15px 20px 15px 0;
	line-height:1.5em;
}

.desc_col_centr .text2_col_centr ul {
	text-align: left;
}

.desc_col_centr .text_col_centr ul,
.desc_col_centr .text2_col_centr ul {
	margin: 0;
	padding: 0 0 15px 15px;
}

.desc_col_centr .text_col_centr .title_text_col_centr {
	margin: 0;
	padding: 0 0 5px 10px;
}

.desc_col_centr .text_col_centr ul li,
.desc_col_centr .text2_col_centr ul li {
	list-style-image: url(img/arrow-right.gif);
	padding: 3px 0;
}

.text2_col_centr_img {
	width:138px;
	float:left;	
}

.description {
	margin:15px 0;	
}

/*-------------------navigatore--------------*/
#col_centr #nav_col_centr {
	text-align: center;
	margin-bottom: 100px;
}

#col_centr #nav_col_centr ul {
	margin: 0;
	padding: 0;
}

#col_centr #nav_col_centr ul li {
	display: inline;
	list-style-type: none;
}

#col_centr #nav_col_centr ul li a {
	color: #697B82;
	font-weight: bold;
}

#col_centr #nav_col_centr ul li.selected {
	font-weight: bold;
	color: #283D45;
}



/*------------------------------------------------COL_DX-----------*/
#colonne_wrapper #col_dx {
	width: 153px;
	margin-left: 7px;
}

#col_dx #componenti {
	background-color: #E3E3E3;
	padding-top: 10px;
}

#componenti img.componente_left,
#componenti img.componente_right,
#componenti img.componente_last_left,
#componenti img.componente_last_right {
	border: 1px solid #A8BBC2;
}

#componenti img.componente_left {
	margin: 0 10px 10px 10px;
}

#componenti img.componente_right {
	margin: 0 0 10px 0;
}

#componenti img.bollino {
	margin: 0 0 10px 30px;
}


#col_dx #icone {
	margin: 10px 0;
	padding-left: 7px;
	padding: 5px 0 5px 5px;
	border: 1px solid #A8BBC2;
}


/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------DOVE SIAMO-----------------*/
#contatti,
#contatti2 {
	float: left;
	width: 300px;
	margin-left: 10px;
	padding: 10px 0 0 0;
}


#dove_siamo,
#dove_siamo2 {
	float: right;
	margin-right: 30px;
}

#dove_siamo2,
#contatti2 {
	margin-top:20px;	
}


/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------SISTEMA MODULARE-----------*/
.title_text_col_centr table {
	border-collapse: collapse;
}

.title_text_col_centr table td {
	padding: 5px 10px;
}

.title_text_col_centr table td.img_sist_mod {
	text-align: center;
}

.title_text_col_centr table td.mod_sx {
	border-right: 1px solid #8CA4AC;
}


/*------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- Gestione della colonna di destra ---------------------------*/

/*-------------------------------- si toglie la colonna di destra-------*/
#no_col_dx #col_dx {
	display: none;
}

#no_col_dx #col_centr {
	width: 706px;
	border-right: none;
}

#no_col_dx #col_centr #text_col_centr {
	width: 490px;
}


/*-------------------------------- si toglie il div dei componenti -----*/
#no_componenti #col_dx #componenti {
	display: none;
	margin: 0;
	padding: 0;
}

#no_componenti #col_dx #icone {
	margin-top: 0;
}



/*-------------------------------- si toglie il div delle icone --------*/
#no_icone #col_dx #icone {
	display: none;
	margin: 0;
	padding: 0;
}


/*-------------------------------- si toglie la colonna di destra e di sinistra-------*/
#no_col_sx_e_dx #col_dx,
#no_col_sx_e_dx #col_sx,
#no_col_sx_e_dx #nav_col_centr {
	display: none;
}

#no_col_sx_e_dx #col_centr {
	width: 844px;
	border-right: none;
	border-left: none;
	padding-left: 10px;
}

#no_col_sx_e_dx #col_centr #text_col_centr {
	width: 630px;
}

#no_col_sx_e_dx #col_centr #text2_col_centr {
	margin-right: 0;
}

#no_col_sx_e_dx #col_centr #text_col_centr ul {
	padding: 0 0 15px 30px;
}

#no_col_sx_e_dx #col_centr #text_col_centr ul li{
	list-style-image: none;
	list-style-type: decimal;
	padding: 5px 0;
}



/*-------------------------------- si toglie l'immagine nella colonna centrale --------*/
.no_img_col_centr #img_col_centr {
	display: none;
}

.no_img_col_centr #desc_col_centr #text_col_centr {
	width: 535px;
	text-align: center;
}


/*------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- Tabelle per il calcolo dell'impianto -----------------------*/
table hr.hr_separator {
	border-collapse: collapse;
	border: 1px solid #000000;
}

table td.operatore {
	text-align: center;
	width: 20px;
	font-weight: bold;
	font-size: 20px;
}

table td.operatore_mini {
	text-align: center;
	font-weight: bold;
}

table tr.row_separator {
	font-size: 8px;
}

/*------------------------------------------------------ FASE 1 --------*/
table#fase_1 {
	border: none;
	border-collapse: collapse;
}

form legend {
	font-weight: bold;
	font-size: 16px;
}

table#fase_1 td.title_campo {
	background-color: #ACD0ED;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px;
}

table#fase_1 td.desc_campo {
	background-color: #ACD0ED;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px;
}

table#fase_1 td.size_campo_1 {
	width: 170px;
}

table#fase_1 td.size_campo_2 {
	width: 190px;
}

table#fase_1 td.size_campo_3 {
	width: 225px;
}

table#fase_1 td.size_campo_tot {
	width: 128px;
}

table#fase_1 input.input_fase_1 {
	background-color: #FFFFAA;
	width: 95%;
	padding: 1px 3px;
}

table#fase_1 select.input_fase_1 {
	background-color: #FFFFAA;
	width: 100%;
	text-align: center;
}

table#fase_1 #risultato_fase_1 {
	font-weight: bold;
	border: 1px solid #000;
	background-color:#FFE680;
	height: 20px;
	line-height: 20px;
	padding: 2px 3px;
	text-align: center;
}

/*------------------------------------------------------ FASE 2 --------*/
table#fase_2 td.operatore_mini {
	width: 35px;
}

table#fase_2 {
	border: none;
	border-collapse: collapse;
}

table#fase_2 td.title_cat_fase_2 {
	font-weight: bold;
	width: 130px;
}

table#fase_2 td.litri_usati,
table#fase_2 td.label_persone_x_anno,
table#fase_2 td.fabbisogno {
	text-align: right;
}

table#fase_2 td.litri_usati {
	width: 158px;
}

table#fase_2 td.label_persone_x_anno {
	width: 90px;
}

table#fase_2 input.input_fase_2 {
	background-color: #CBD5E8;
	width: 170px;
	padding: 1px 3px;
}

table#fase_2 #risultato_cat_1,
table#fase_2 #risultato_cat_2,
table#fase_2 #risultato_cat_3,
table#fase_2 #risultato_cat_4 {
	border: 1px solid #000;
	background-color: #CBD5E8;
	height: 16px;
	line-height: 16px;
	padding: 2px 3px;
	text-align: center;
	width: 170px;
}

table#fase_2 #risultato_fase_2 {
	font-weight: bold;
	border: 1px solid #000;
	background-color: #99AED3;
	height: 16px;
	line-height: 16px;
	padding: 2px 3px;
	text-align: center;
}


/*------------------------------------------------------ FASE 3 --------*/
table#fase_3 {
	border: none;
	border-collapse: collapse;
}

table#fase_3 td.operatore_mini {
	width: 10px;
}

table#fase_3 td.fase3_col1 {
	width: 190px;
}

table#fase_3 #text_fase3_col1 {
	width: 180px;
}

table#fase_3 #calc_fase_1,
table#fase_3 #calc_fase_2,
table#fase_3 #capacita_necessaria {
	border: 1px solid #000;
	height: 20px;
	line-height: 20px;
	padding: 2px 3px;
	text-align: center;
	width: 100px;
}

table#fase_3 #calc_fase_1 {
	background-color: #FFE680;
}

table#fase_3 #calc_fase_2 {
	font-weight: bold;
	background-color: #99AED3;
}

table#fase_3 #capacita_necessaria {
	width: 144px;
	color: Red;
	font-weight: bold;
}

table#fase_3 td.fase_3_den {
	text-align: center;
	background-color: #ACD0ED;
}

table#fase_3 td.calc_fase_1,
table#fase_3 td.operatore_mini,
table#fase_3 td.calc_fase_2,
table#fase_3 td.riserva,
table#fase_3 td.col_separator,
table#fase_3 td.fase_3_den {
	background-color: #ACD0ED;
	padding: 2px;
}

table#fase_3 td.riserva {
	width: 186px;
	text-align: center;
}

.elenco {
	margin:5px 0 0 15px;	
}

.product_new {
	float:left;
	width:250px;
	margin-right:15px;	
}

#footer_text p {
	line-height:1.5em;	
}