@charset "UTF-8";
/* CSS Document */


body{
	background-color: #000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-bottom: 0px;
}
.container {
	width: 960px;
	margin: auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
	background-color: #FFF;	/*--------------------  intervento di oggi 7 Febbraio 2015 da qui alla fine* ----------------------------------------------/
	/*position:absolute;*/	/*background-color: #FFF;
	/*height: 680px;
	top: 0px;
	left: 50%;/*posiziona al centro del browser*/	/*margin-left: -480px;/*posiziona al centro del browser*/	/*display: block;
	z-index: 0;*/
}

.header {
	background-color: #FFF;
	}
	/*--------------------                -------------------------------------------------------------*/
	.contenitore_pagine{/* elementi pagine contenuti dentro l'area modificabile*/
	position: relative;
	width: 714px;/*714*/
	height: 450px;/* 450 altezza della pagina*/
	top: 10px;
	left: 180px;
	border: 2px solid #1AAC79;
	border-radius: 10px;
	overflow: hidden;
	float: left;
	clear: both;
	background-color:#;/*giallo*/
	}
	.contenuto_pagina_testo{/* elementi pagine contenuti dentro l'area modificabile*/
	position: relative;
	width: 705px;/*695   705*/
	height: 450px;/* 450 545 altezza della pagina sposta il footer*/
	top: 10px;
	left: 180px;
	border: 2px solid #1AAC79;
	border-radius:10px;
	overflow:hidden;
	float: left;
	clear:both;
	z-index:0;
	background-color:#;/*giallo*/
	}
	.contenuto_sotto-menu{/* contenuti dentro l'area modificabile per il pulsante prodotti*/
	position: relative;
	width: 774px;/*695   705*/
	height: 545px;/* 450 altezza della pagina sposta il footer*/
	top: 10px;
	left:165px;/* 180px*/
	/*border: 2px solid #1AAC79;
	border-radius:10px;*/
	padding: 10px;
	overflow:hidden;
	float: left;
	clear:both;
	z-index:0;
	background-color:#;/*giallo*/
	}

	
		.googlemaps{/* mappa dentro contenuti dentro l'area modificabile*/
	position: relative;
	width:705px;
	height: 460px;/*471 fa scorrere in basso il footer */
	top: 10px;
	left: 180px;
	border: 2px solid #1AAC79;
	border-radius:10px;
	padding-left:0px;
	overflow:hidden;
	float: left;
	clear:both;
	background-color:#;/*giallo*/
	}
	.border_mappa{/* cornice dei bordi della mappa*/
	position: relative;
	width:665px;
	height: 370px;
	top: 10px;
	left: 3px;
	border: 2px solid #1AAC79;
	border-radius:5px;
	padding:7px;
	overflow:hidden;
	}
	#contatti{
	position: relative;
	width: 714px;/*714*/
	height:471px;/*471 fa scorrere in basso il footer */
	top: 0px;
	left: 5px;
	/*padding-top:10px;
	padding-left:30px;*/
	overflow: hidden;
	float: left;
	clear: both;
	visibility: visible;
	}
	
	#titoli_home{
	position: absolute;
	top: 21px;
	left: 104px;
	width: 491px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 40px;
	font-style: italic;
	font-weight: bold;
	color: #006633;
	visibility: visible;
}
#titoli{
	position: absolute;
	top: 6px;
	left: 40px;
	width: 365px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 40px;
	font-style: italic;
	font-weight: bold;
	color: #006633;
	visibility: visible;
}
#sotto_titoli{
	position: absolute;
	top: 34px;
	left: 248px;
	width: 539px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #1AAC79;/*verde chiaro*/
	height: 33px;
	visibility: visible;
}

#testo{
	margin-top: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16;
	font-style: normal;
	color: #006633;
	background-color: #FFF;
}
.testo_12_bold{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #006633;	/*z-index:5;*/
}
.testo_18_bold{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #006633;	/*z-index:5;*/
}
#testo_colore1{
	font-family: Verdana, Geneva, sans-serif;
	color: #1AAC79;
	font-size: 26px;
	font-weight: bold;
}
.immagini{/* immagini contenute dentro l'area modificabile*/
	position: relative;
	width: 774px;
	height: 545px;/* sposta il footer*/
	top: 10px;
	left: 165px;
	/*border: 2px solid #1AAC79;
	border-radius: 10px;*/
	padding: 10px;
	overflow: hidden;
	float: left;
	clear: both;
	z-index: 0;
	visibility: visible;
	background-color:#;
	}
	.pag-settori{/* pulsante settori forniti immagini contenute dentro l'area modificabile*/
	position: relative;
	width: 774px;
	height: 450px;/* 545 sposta il footer*/
	top: 10px;
	left: 165px;
	/*border: 2px solid #1AAC79;
	border-radius: 10px;*/
	padding: 10px;
	overflow: hidden;
	float: left;
	clear: both;
	z-index: 0;
	visibility: visible;
	background-color:#;
	}
	.pag-contatti{/* pulsante settori forniti immagini contenute dentro l'area modificabile*/
	position: relative;
	width: 774px;
	height: 450px;/* 545 sposta il footer*/
	top: 10px;
	left: 165px;
	padding: 10px;
	overflow: hidden;
	float: left;
	clear: both;
	z-index: 0;
	visibility: visible;
	background-color:#;
	}
	
/* ~~ Il piè di pagina ~~ */
.footer {
	height:50px;
	font: Verdana, Geneva, sans-serif;
	color: #FFFFFF;/* colore del testo*/
	font-size: 12px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	position: relative;/* Fornisce hasLayout a IE6 per ottenere un clearing corretto.  */
	/*top:200px;
	display:block;*/
	z-index:30;

background: rgb(0,80,32); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,80,32,1) 1%, rgba(26,172,121,1) 7%, rgba(116,242,160,1) 14%, rgba(26,172,121,1) 19%, rgba(0,102,51,1) 25%, rgba(0,102,51,1) 29%, rgba(0,102,51,1) 53%, rgba(26,172,121,1) 83%, rgba(116,242,160,1) 93%, rgba(116,242,160,1) 95%, rgba(26,172,121,1) 98%, rgba(0,102,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(0,80,32,1)), color-stop(7%,rgba(26,172,121,1)), color-stop(14%,rgba(116,242,160,1)), color-stop(19%,rgba(26,172,121,1)), color-stop(25%,rgba(0,102,51,1)), color-stop(29%,rgba(0,102,51,1)), color-stop(53%,rgba(0,102,51,1)), color-stop(83%,rgba(26,172,121,1)), color-stop(93%,rgba(116,242,160,1)), color-stop(95%,rgba(116,242,160,1)), color-stop(98%,rgba(26,172,121,1)), color-stop(100%,rgba(0,102,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,80,32,1) 1%,rgba(26,172,121,1) 7%,rgba(116,242,160,1) 14%,rgba(26,172,121,1) 19%,rgba(0,102,51,1) 25%,rgba(0,102,51,1) 29%,rgba(0,102,51,1) 53%,rgba(26,172,121,1) 83%,rgba(116,242,160,1) 93%,rgba(116,242,160,1) 95%,rgba(26,172,121,1) 98%,rgba(0,102,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,80,32,1) 1%,rgba(26,172,121,1) 7%,rgba(116,242,160,1) 14%,rgba(26,172,121,1) 19%,rgba(0,102,51,1) 25%,rgba(0,102,51,1) 29%,rgba(0,102,51,1) 53%,rgba(26,172,121,1) 83%,rgba(116,242,160,1) 93%,rgba(116,242,160,1) 95%,rgba(26,172,121,1) 98%,rgba(0,102,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,80,32,1) 1%,rgba(26,172,121,1) 7%,rgba(116,242,160,1) 14%,rgba(26,172,121,1) 19%,rgba(0,102,51,1) 25%,rgba(0,102,51,1) 29%,rgba(0,102,51,1) 53%,rgba(26,172,121,1) 83%,rgba(116,242,160,1) 93%,rgba(116,242,160,1) 95%,rgba(26,172,121,1) 98%,rgba(0,102,51,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,80,32,1) 1%,rgba(26,172,121,1) 7%,rgba(116,242,160,1) 14%,rgba(26,172,121,1) 19%,rgba(0,102,51,1) 25%,rgba(0,102,51,1) 29%,rgba(0,102,51,1) 53%,rgba(26,172,121,1) 83%,rgba(116,242,160,1) 93%,rgba(116,242,160,1) 95%,rgba(26,172,121,1) 98%,rgba(0,102,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005020', endColorstr='#006633',GradientType=1 ); /* IE6-9 */

	clear: both; /* Questa proprietà clear obbliga il .container a tenere conto di dove terminano le colonne e a contenerle. */
}	
	/*=============================================================================
   settori forniti
   ========================================================================== */
   #testo_azienda{
	margin-top: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #006633;
*/
	margin-bottom: 0px;	   
	   }
   	#settore_BCS{
	position: absolute;
	width: 303px;
	height: 106px;
	top: 186px;
	left: 224px;
	z-index: 6;
	visibility: visible;
}
.testo_settore_fornito{
	font-family: Verdana, Geneva, sans-serif;
	padding: 5px;
	font-size: 16px;
	font-style: normal;
	text-align:left;
	color: #006633;*//*verde scuro*/
	/*color: #1AAC79;*//*verde chiaro*/
	/*text-shadow: 0px 1px 2px #033;/*1° valore dimensione in orizzontale dell’ombreggiatura 2° dimensione in verticale dell’ombreggiatura 3° raggio di sfumatura (maggiore è questo valore, più si avrà un effetto sfumato) 4° colore*/
	z-index: 3;
	visibility: visible;
}
.testo_12px{
	font-family: Verdana, Geneva, sans-serif;
	padding: 5px;
	font-size: 12px;
	font-style: normal;
	text-align:left;
	color: #006633;*/
	/*color: #1AAC79;
	/*text-shadow: 0px 1px 2px #033;/*1° valore dimensione in orizzontale dell’ombreggiatura 2° dimensione in verticale dell’ombreggiatura 3° raggio di sfumatura (maggiore è questo valore, più si avrà un effetto sfumato) 4° colore*/
	z-index: 3;
	visibility: visible;
}

	#testo_settore_fornito-1{
	position: absolute;
	width: 266px;
	height: 20px;
	top: 95px;
	left: 231px;
	z-index: 3;
	visibility: visible;
	/*color: #006633;*/
}
	#testo_settore_fornito-2{
	position: absolute;
	top: 139px;
	left: 512px;
	margin-top: 0px;
	z-index: 3;
	visibility: visible;
}
	#testo_settore_fornito-3{
	position: absolute;
	top: 224px;
	left: 555px;
	margin-top: 0px;
	z-index: 3;
	visibility: visible;
	/*color: #006633;*/
}
	#testo_settore_fornito-4{
	position: absolute;
	top: 305px;
	left: 494px;
	margin-top: 0px;
	width: 271px;
	height: 56px;
}
#testo_settore_fornito-5{
	position: absolute;
	top: 383px;
	left: 398px;
	margin-top: 0px;
	z-index: 3;
	visibility: visible;
	width: 316px;
	/*color: #006633;*/
}
#testo_settore_fornito-6{
	position: absolute;
	top: 373px;
	left: 82px;
	margin-top: 0px;
	z-index: 3;
	visibility: visible;
	width: 268px;
}
#testo_settore_fornito-7{
	position: absolute;
	top: 302px;
	left: 32px;
	margin-top: 0px;
	z-index: 3;
	visibility: visible;
	width: 310px;	/*color: #006633;*/
	height: 48px;
}
#testo_settore_fornito-8{
	position: absolute;
	top: 224px;
	left: 10px;
	margin-top: 0px;
	z-index: 3;
	visibility: visible;
}
#testo_settore_fornito-9{
	position: absolute;
	top: 139px;
	left: 33px;
	margin-top: 0px;
	padding: 5px;
	z-index: 3;
	visibility: visible;
}
.testoAzienda_1blocco{
	position: absolute;
	top: 72px;
	left: 10px;
	visibility: visible;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	}
	.testoAzienda_2blocco{
	position: absolute;
	top: 238px;
	left: 10px;
	visibility: visible;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	}
	.testoAzienda_3blocco{
	position: absolute;
	top: 283px;
	left: 10px;
	visibility: visible;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	}
	.testoAzienda_4blocco{
	position:absolute;
	top:300px;
	left:10px;
	}
	#grazie{
	position: absolute;
	top: 248px;
left::250px;
	visibility: visible;
	left: 131px;
	height: 161px;
}

/*=============================================================================
   Collegamenti
  ========================================================================== */


/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl { /* A causa delle differenze tra i browser, è buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformità, potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore più specifico. */
	padding: 0;
	margin: 0;
}
/*h1, h2, h3, h4, h5, h6, p {
	margin-top: 0px;	 /* La rimozione del margine superiore permette di aggirare il problema che si crea quando i margini possono fuoriuscire dal div che li contiene. Il margine inferiore che rimane permetterà di distanziare gli elementi che seguono. */
	padding-right: 0px;
	padding-left: 0px; /* L'aggiunta di una spaziatura ai lati degli elementi contenuti nei div, anziché ai div stessi, consente di evitare ogni calcolo matematico relativo ai riquadri. Come metodo alternativo si può anche utilizzare un div nidificato con spaziatura laterale. */
	padding-bottom: 0px;
}
/*a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento.  */
	border: none;
}

/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */

/* ~~ Gli stili dell'elenco di navigazione (rimovibili se scegliete di utilizzare un menu flyout reimpostato come Spry) ~~ */



/*ul.nav {
	list-style:none; /* Rimuove l'indicatore di elenco */
	border-top: 1px solid;
	border-top-color: #62F6C2; /* Crea il bordo superiore dei collegamenti; tutti gli altri vengono posizionati utilizzando un bordo inferiore sul LI */
	margin-bottom: 0px;
	margin-bottom-color: #62F6C2; /* Crea lo spazio tra gli elementi di navigazione nel contenuto sottostante */
	
	/*aggiunto*/
	padding: 5px 5px 5px 15px;
	display: block; /* Specifica le proprietà block del collegamento facendo sì che riempia l'intero LI che lo contiene. Fa in modo che l'intera area risponda a un clic del mouse. */
	width: 140px;  /*Questa larghezza rende cliccabile l'intero pulsante in IE6. Se non avete bisogno di supportare IE6, può essere rimossa. Calcolate la larghezza corretta sottraendo la spaziatura di questo collegamento dalla larghezza del contenitore della barra laterale. */
	text-decoration: none;
	/*background-color:#1AAC79 ;/* #1AAC79 --- verde pulsanti #1AAC79 */
	
}
/*ul.nav li {
	border-bottom: 1px solid;
	border-bottom-color: #62F6C2; /* verdino acqua - Crea la separazione tra i pulsanti */
}
/* ul.nav a:visited { /* Raggruppando questi selettori si fa in modo che i collegamenti mantengano l'aspetto di pulsante anche dopo che sono stati visitati */
	padding: 5px 5px 5px 15px;
	display: block; /* Specifica le proprietà block del collegamento facendo sì che riempia l'intero LI che lo contiene. Fa in modo che l'intera area risponda a un clic del mouse. */
	width: 140px;  /*Questa larghezza rende cliccabile l'intero pulsante in IE6. Se non avete bisogno di supportare IE6, può essere rimossa. Calcolate la larghezza corretta sottraendo la spaziatura di questo collegamento dalla larghezza del contenitore della barra laterale. */
	text-decoration: none;/* #F00 --- verde pulsanti #1AAC79 */
}
 
/*ul.nav a, ul.nav a:visited { /* Raggruppando questi selettori si fa in modo che i collegamenti mantengano l'aspetto di pulsante anche dopo che sono stati visitati */
	padding: 5px 5px 5px 15px;
	display: block; /* Specifica le proprietà block del collegamento facendo sì che riempia l'intero LI che lo contiene. Fa in modo che l'intera area risponda a un clic del mouse. */
	width: 140px;  /*Questa larghezza rende cliccabile l'intero pulsante in IE6. Se non avete bisogno di supportare IE6, può essere rimossa. Calcolate la larghezza corretta sottraendo la spaziatura di questo collegamento dalla larghezza del contenitore della barra laterale. */
	text-decoration: none;
	background-color: #1AAC79;/* #F00 --- verde pulsanti #1AAC79 */
}
