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

body{
    margin: 0px;
    padding: 0px;
    /*font-family: Helvetica, Arial,  Geneva, Tahoma, sans-serif;*/
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 13px;
    color: #F1F1F1;
	height: auto !important;
	min-height: 100%;
	height: 100%;
    background: url(../immagini_layout/sfondo_body.png) center top no-repeat;
    text-align: left;
	
}

html{height: 100%; background: black;}
table{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
}


a{text-decoration: none;color: Black;outline: none;}
a:hover{text-decoration: none;color: Black;outline: none;}
img{border: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 0px; padding: 2px;}
.input_noborder{background-color: transparent;color: Black; border: 0px;}
form{margin: 0px;padding: 0px;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.giustificato{text-align: justify;}

h1{font-size: 16px; margin: 0px;}
h2{font-size: 14px; margin: 0px;}
h3{font-size: 12px; margin: 0px;}
h4{font-size: 11px; margin: 0px;}
h5{font-size: 10px; margin: 0px;}
.testo9, .testo9_rosso, .testo9_bianco{font-size: 9px;}
.testo10, .testo10_rosso, .testo10_bianco{font-size: 10px;}
.testo11, .testo11_rosso, .testo11_bianco{font-size: 11px;}
.testo12, .testo12_rosso, .testo12_bianco{font-size: 12px;}
.testo13, .testo13_rosso, .testo13_bianco{font-size: 13px;}
.testo14, .testo14_rosso, .testo14_bianco{font-size: 14px;}
.testo16, .testo16_rosso, .testo16_bianco{font-size: 16px;}
.testo18, .testo18_rosso, .testo18_bianco{font-size: 18px;}

.testo9_rosso, .testo10_rosso, .testo11_rosso, .testo12_rosso, .testo13_rosso, .testo14_rosso, .testo16_rosso, .testo18_rosso{color: Red;}
.testo9_bianco, .testo10_bianco, .testo11_bianco, .testo12_bianco, .testo13_bianco, .testo14_bianco, .testo16_bianco, .testo18_bianco{color: White;}
.bianco{color: White;}
.privacy{color: Gray; font-size: 10px;}
.hidden{position:absolute;left:0px;top:-1000px;width:1px;height:1px;overflow:hidden;}
.sostituzione {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 50;}
.clear {clear: both;}

#contenitore { 
	width: 980px;
	height: auto !important;
	min-height: 600px;
	height: 600px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	/*background: red url(../file_public/prod_categoria/f-104.jpg) no-repeat top left;*/
}

	
	/* differenzio gli sfondi in base alla sezione */
	.company-profile {background: url(../immagini_layout/sfondo_profilo.jpg) left 100px no-repeat;} /* era 125 px */
	.company-people  {background: url(../immagini_layout/sfondo_people.jpg) left 100px no-repeat;}
	.certificazioni  {background: url(../immagini_layout/sfondo_certificazioni.jpg) left 100px no-repeat;}
	.job, .job_form  {background: url(../immagini_layout/sfondo_job.jpg) left 100px no-repeat;}
	.news  {background: url(../immagini_layout/sfondo_news.jpg) left 100px no-repeat;}
	.contatti  {background: url(../immagini_layout/sfondo_contatti.jpg) left 100px no-repeat;}
	.dovesiamo {background: url(../immagini_layout/sfondo_dovesiamo.jpg) left 100px no-repeat;}
	.digitalsignage, .iptv, .digitalradio, .ngn {background-position: left 100px; background-repeat: no-repeat;} /* l'immagine è definita nelle pagine relative */


/*=======================================================================================================*/
/* INTESTAZIONE */
/*=======================================================================================================*/


#intestazione { 
	width: 980px;
	height: 120px;
}

h1 {
	width: 155px;
	height: 64px;
	display: inline; /* PER IE6 */
	float: left;
	position: relative;
	z-index: 0;
	margin: 24px 0px 25px 20px;
	padding: 0px;

}


ul.menu_lingua { 
	width: 50px;
	height: 20px;
	margin: 45px 0px 0px 10px; /*margine sinistro distanzia .navigazione */
	padding: 0px 10px 0px 0px;
	display: block;
	float: right;
	list-style: none;
}

	ul.menu_lingua li { 
		width: 20px;
		height: 20px;
		margin: 0px 5px 0px 0px;
		padding: 0px;
		float: left;
	}

/*== NAVIGAZIONE ==*/
ul.navigazione {
	width: auto;
	height: 35px;
	margin: 33px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	float: right;
}

	ul.navigazione li { 
		display: block;
		height: 35px; /* stesso valore di line-height per uniformare tutti con IE6 */
		margin: 0px;
		padding: 0px;
		float: left;
		line-height: 48px;
	}
	
		ul.navigazione li a {
			padding: 0px 10px;
			color: #9C9D9E;
			text-transform: uppercase;
			font-family: Helvetica; 
			font-size: 11px;
			border-right: 1px solid #B3B3B3;
			font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		}
		
			ul.navigazione li a.no_border {border-right: 0px;}

			/* applico l'immagine di sfondo per l'hover a li per non dover estendere l'area del collegamento (per IE6 vedi css dedicato)*/
		ul.navigazione li:hover, ul.navigazione li.attivo {background: url(../immagini_layout/navigazione-hover.png) center top no-repeat;}
		ul.navigazione li a:hover, ul.navigazione li.attivo a {color: #E3232A;}
		
		
		/*== SOTTOMENU DEL TASTO COMPANY ==*/
		ul.navigazione li#company {overflow: hidden; position: relative; z-index: 0;} /* nascondo il sottomenu nello stato normale */
		
		ul.navigazione li#company:hover a, ul.navigazione li#company.attivo a {color: #E3232A;}
	
			/* allungo il tasto verticalmente nell'hover per far apparire il sottomenu */
		ul.navigazione li#company:hover, ul.navigazione li#company.attivo  {
			height: 80px; 
			cursor: pointer;
		} 
			
			/* posiziono il sottomenu */
		ul.navigazione li#company ul.sottomenu {
			position: absolute;
			margin: 0px;
			padding: 0px;
			list-style: none;
			top: 40px;
			left: 10px;
			z-index: 2;
		}
		
		ul.navigazione li#company ul.sottomenu li { 
			float: none;
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 0px;
			height: 12px;
			width: auto;
			line-height: 12px;
			background: none;
		}
			
			ul.navigazione li#company ul.sottomenu li a{
				border: 0px;
				margin: 0px;
				padding: 0px;
				display: block;
				height: 11px;
				text-transform: none;
				color: #9C9D9E; 
			}
			
			ul.navigazione li#company ul.sottomenu li a.attivo, ul.navigazione li#company ul.sottomenu li a:hover {color: #E3232A;}
		/*== / SOTTOMENU ===========*/



		/*== SOTTOMENU DEL TASTO CONTATTI ==*/
		ul.navigazione li#menu_contatti {overflow: hidden; position: relative; z-index: 0;} /* nascondo il sottomenu nello stato normale */
		
		ul.navigazione li#menu_contatti:hover a, ul.navigazione li#menu_contatti.attivo a {color: #E3232A;}
	
			/* allungo il tasto verticalmente nell'hover per far apparire il sottomenu */
		ul.navigazione li#menu_contatti:hover, ul.navigazione li#menu_contatti.attivo  {
			height: 80px; 
			cursor: pointer;
		} 
			
			/* posiziono il sottomenu */
		ul.navigazione li#menu_contatti ul.sottomenu {
			position: absolute;
			margin: 0px;
			padding: 0px;
			list-style: none;
			top: 40px;
			left: 10px;
			z-index: 2;
		}
		
		ul.navigazione li#menu_contatti ul.sottomenu li {
			float: none;
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 0px;
			height: 11px;
			width: auto;
			line-height: 12px;
			background: none;
			}
			
			ul.navigazione li#menu_contatti ul.sottomenu li a{
				border: 0px;
				height: auto;
				margin: 0px;
				padding: 0px;
				font-size: 11px;
				text-transform: none;
				color: #9C9D9E;
			}
			
			ul.navigazione li#menu_contatti ul.sottomenu li a.attivo, ul.navigazione li#menu_contatti ul.sottomenu li a:hover {color: #E3232A;}
		/*== / SOTTOMENU ===========*/


/*== / NAVIGAZIONE ===============*/


/*==========================================================================================================*/		
/* CONTENUTO */
/*==========================================================================================================*/

	
	/* regole comuni agli h2 */
h2 {
	position: relative;      
	color: black;
	background-color: white;
	font-size: 20px;
}

h3 {
	position: relative;      
	color: black;
	background-color: white;
	font-size: 16px;
}


/*== MENU SEZIONI PRODOTTI ==*/

ul.sezioni_prodotti { 
	width: 240px;
	height: 120px;
	margin: 0px 0px 0px 0px; 
	padding: 120px 0px 20px 20px;
	clear: both;
	float: left;
	list-style: none;
}

	ul.sezioni_prodotti li { 
		width: 60px;
		height: 120px;
		margin: 0px;
		float: left;
		position: relative;
		z-index: 1;
	}
	
		ul.sezioni_prodotti li a { 
			display: block;
			width: 60px;
			height: 60px;
			margin: 0px;
			padding: 0px;
			position: absolute;
			bottom: 0px;	/* sul fondo di li */
			z-index: 2;
		}
		
			ul.sezioni_prodotti li.iptv a {background: url(../immagini_layout/iptv-navigazione.png) left top no-repeat;}
			ul.sezioni_prodotti li.ngn a {background: url(../immagini_layout/ngn-navigazione.png) left top no-repeat;}
			ul.sezioni_prodotti li.digitalradio a {background: url(../immagini_layout/digitalradio-navigazione.png) left top no-repeat;}
			ul.sezioni_prodotti li.digitalsignage a {background: url(../immagini_layout/digitalsignage-navigazione.png) left top no-repeat;}
		
			ul.sezioni_prodotti li a:hover, ul.sezioni_prodotti li a.attivo {height: 120px;}
/*== /  MENU SEZIONI PRODOTTI ==*/
	
/*== AREA DI SCROLL E BARRA DI SCROLL PERSONALIZZATA ==*/
div#box_scroll_contenitore{ background: blue;
	height: 235px; /* Altezza uguale a box_scroll */
	width: 400px;
	background: black;
	overflow:auto; /* Necessario */
	position:relative; /* Necessario */
	float: left; /* Necessario */
	margin: 0px;
	padding: 0px;
}

div#box_scroll_contenuto{
	min-height: 235px;
	position: relative;
}

div#box_scroll{
	width: 11px; /* Larghezza barra */
	height: 235px; /* Altezza uguale a box_scroll_contenitore */
	margin-left: 2px;
	display: none;  /* Necessario */
	float: left; /* Necessario */
	background: url(../immagini_layout/sfondo_barra_scroll.png) top center repeat-y;			
}

div#bar_scroll{
	background: #999999 url(../immagini_layout/scroll_down.png) no-repeat center bottom; /* Necessario - freccia giù*/ 
}

	div#bar_scroll img {position: absolute; top: 0px;} /* freccia su (nel codice della pagina */
 
	/*==================*/
	/* COMPANY PROFILE  */
	/*==================*/
	.company-profile .articolo { 
			width: 420px;
			height: auto;
			margin: 70px 0px 30px 0px;
			padding: 0px 0px 0px 295px;
			float: left;
			font-weight: lighter; 
			text-shadow: #000000 0 0 0px; 
	}
	
		.company-profile .articolo h2 { 
			width: 280px;
			height: 75px;
			display: inline;
			float: left;
			margin: 0px 0px 70px 0px; 
		}
		
			.company-profile .articolo h2 .sostituzione {background: url(../immagini_layout/titolo_companyprofile.png) left top no-repeat;}
	
			.company-profile .articolo p {
				width: 380px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				line-height: 18px;
				/*text-align: justify;*/
			}
			
			.company-profile .articolo p strong { color: #E3232A; text-transform: uppercase;}
	/*====================*/
	/* / COMPANY PROFILE  */
	/*====================*/


	/*=================*/
	/* COMPANY PEOPLE  */
	/*=================*/
	#elenco_persone { 
		width: 488px;
		height: 235px;
		float: left;
		margin: 5px 0px 50px 0px;
		padding: 0px 0px 0px 230px;
		}
		
		.persona {
			width: 122px;
			height: 175px;
			margin: 0px;
			padding: 0px;
			float: left;
		}
		
			.persona h3 {
				width: 121px; 
				height: 18px;
				line-height: 18px;
				padding: 0px; 
				margin: 25px 0px 0px 0px; 
				text-align: center;
				border-right: 1px solid #B3B3B3;
				background: none;
				font-weight: lighter;
				text-shadow: #000000 0 0 0px; 
			}
			
			.persona h3 a {font-size: 13px; font-weight: normal; font-family: "Arial"; color: white;}
			.persona h3 a.attivo, .persona h3 a:hover {color: #E3232A;}
			
	.company-people .articolo { 
		width: 490px;
		height: 160px;
		margin: 0px 0px 30px 490px;
		clear: left;
		font-weight: lighter;
		text-shadow: #000000 0 0 0px; 
	}
		
			.company-people .articolo p {
				width: 440px;
				margin: 0px 0px 0px 20px;
				padding: 0px;
				font-size: 13px;
				line-height: 18px;
				/*text-align: justify;*/
			}
			
			.company-people .articolo p strong { color: #E3232A;}
		#profilo2, #profilo3, #profilo4{display: none;}
		
		a.mail {color: white;}
		a.mail:hover {color:#E3232A; }
	
		div#box_scroll_contenitore_people{ background: blue;
			height: 160px; /* Altezza uguale a box_scroll */
			width: 470px;
			background: black;
			overflow:auto; /* Necessario */
			position:relative; /* Necessario */
			float: left; /* Necessario */
			margin: 0px;
			padding: 0px;
		}
		
		div#box_scroll_contenuto_people{
			min-height: 160px;
			position: relative;
		}
		
		div#box_scroll_people{
			width: 11px; /* Larghezza barra */
			height: 160px; /* Altezza uguale a box_scroll_contenitore */
			margin-left: 2px;
			display: none;  /* Necessario */
			float: left; /* Necessario */
			background: url(../immagini_layout/sfondo_barra_scroll.png) top center repeat-y;			
		}
		
	/*==================*/
	/* / COMPANY PEOPLE */
	/*==================*/
	
	
	/*================*/
	/* CERTIFICAZIONI */
	/*================*/
	.certificazioni .articolo {
		width: 490px;
		height: 380px;
		margin: 70px 0px 30px 0px;
		padding: 0px 0px 0px 230px;
		float: left;
		font-weight: lighter;
		text-shadow: #000000 0 0 0px; 
	}

	
		.certificazioni .articolo h2 {
			width: 200px;
			height: 35px;
			margin: 0px 0px 110px 65px;
		}
		
			.certificazioni .articolo h2 .sostituzione {background: url(../immagini_layout/titolo_certificazioni.png) left top no-repeat;}
	
			.certificazioni .articolo p {
				width: 400px;
				margin: 0px 0px 40px 0px;
				padding: 0px 0px 0px 65px;
				font-size: 13px;
				line-height: 18px;
				/*text-align: justify;*/
			}
			
			.certificazioni .articolo img.sgs {margin: 0px 50px 0px 65px;}
			.certificazioni .articolo img.tux {margin-right: 40px;}
	/*==================*/
	/* / CERTIFICAZIONI */
	/*==================*/
	

	/*==================*/
	/* JOB */
	/*==================*/
	.job .articolo, .job_form .articolo { 
		width: 420px;
		height: 380px;
		margin: 70px 0px 30px 0px;
		padding: 0px 0px 0px 295px;
		float: left;
		font-weight: lighter;
		text-shadow: #000000 0 0 0px; 
	}
	
		.job .articolo h2, .job_form .articolo h2 {
			width: 200px;
			height: 35px;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 2px;
			position: relative;
		}
			.job .articolo h2 .sostituzione,  .job_form .articolo h2 .sostituzione {background: white url(../immagini_layout/titolo_job.png) left top no-repeat;} 
		
		.job .articolo p.sotto_titolo_job {color: black;margin: 10px 0px 40px 0px; height: 60px; width: 360px;}
		.job_form .articolo p.sotto_titolo_job_form{color: black;margin: 10px 0px 40px 0px; height: 60px;}
		
		.job .articolo p.coming_soon {margin: 0px; padding: 0px;} 
	
		/* job.php */
	.box_job_intro{
		width: 360px;
		height: auto;
		min-height: 25px;
		padding: 0px 0px 3px 0px;
		margin: 0px 0px 10px 0px;
		border-bottom: 1px solid white;
		line-height: 18px;
	}
	
	.box_job_intro h4{
		color: #E3232A;
		font-size: 12px;
		margin: 0px;
		padding: 0px 0px 2px 12px;
		text-transform: uppercase;
		background: url(../immagini_layout/punto_news.png) no-repeat left center;
	}
	
	.box_job_intro p{margin: 0px 0px 5px 0px; padding: 0px;}
	.box_job_intro a{color: #e3232a;}
	.box_job_intro a:hover{color: white;}

		div#box_scroll_contenitore_job{ 
			height: 230px; /* Altezza uguale a box_scroll */
			width: 380px;
			background: black;
			overflow:auto; /* Necessario */
			position:relative; /* Necessario */
			float: left; /* Necessario */
			margin: 0px;
			padding: 0px;
		}
		
		div#box_scroll_contenuto_job{
			min-height: 220px; /* 10 pixel in meno per evitare scroll di default in safari */
			position: relative;
		}
		
		div#box_scroll_job{
			width: 11px; /* Larghezza barra */
			height: 230px; /* Altezza uguale a box_scroll_contenitore */
			margin-left: 2px;
			display: none;  /* Necessario */
			float: left; /* Necessario */
			background: url(../immagini_layout/sfondo_barra_scroll.png) top center repeat-y;			
		}
	
	/* job-form.php */
	h4.posizione_ricercata { color: #E3232A; text-transform: uppercase; font-size: 12px; }
	
	div.esito_invio{margin-top: 90px;color: white;}
	div.esito_invio a, div.esito_invio p, div.esito_invio h3 {color: white;}
	
	div.form_job {width: 400px; margin: 0px; padding: 0px; } 

	#modulo_curriculum {
		height: auto;
		margin: 15px 0px 0px 0px;
		padding: 0px;
	}
		
	#modulo_curriculum fieldset {width: 390px; margin: 0px;padding: 0px;border: 0px;}
	#modulo_curriculum legend{margin: 0px 0px 20px 0px;color: white;}
	#modulo_curriculum label{width: 195px;margin: 0px 0px 10px 0px;float: left;}
	#modulo_curriculum label input{width: 185px; height: 16px;}
	#modulo_curriculum label.richieste{width: 390px; clear: left; float: none;}
	#modulo_curriculum label.richieste textarea{width: 380px; overflow: auto;}
	#modulo_curriculum label.allegato input#curriculum {padding: 0px; height: 22px;}
	#modulo_curriculum span.campi_obbligatori{margin: 10px 0px 10px 0px;display: block;clear: both;}
	#modulo_curriculum .leggi_privacy{margin: 0px 0px 10px 0px;display: block;color: white; height: 30px;}
	#modulo_curriculum .leggi_privacy a{float: left;margin: 10px 0px 10px 0px;color: white;}
	#modulo_curriculum .leggi_privacy a:hover{color: #e3232a;}
	#modulo_curriculum .leggi_privacy label{width: 100px;margin: 10px 0px 10px 30px;}
	#modulo_curriculum .leggi_privacy label input {border: 0px; width: auto; padding: 0px;}
	#modulo_curriculum label.invio_richiesta{margin: 0px;display: block; float: none;}
	#modulo_curriculum label.invio_richiesta input {height: auto; width: 150px;}
	/*==================*/
	/* / JOB */
	/*==================*/
	
	
	/*==================*/
	/* NEWS */
	/*==================*/
	.news .articolo { 
		width: 420px;
		height: 380px;						/*  per distanziare footer in caso di pochi contenuti */
		margin: 70px 0px 30px 0px;
		padding: 0px 0px 0px 295px;
		float: left;
		font-weight: lighter;
		text-shadow: #000000 0 0 0px; 
	}
	
		.news .articolo h2 {
			width: 200px;
			height: 35px;
			margin: 0px;
		}
	.articolo h2.titolo_news{margin: 0px 0px 110px 0px;}
	.news .articolo h2 .sostituzione {background: url(../immagini_layout/titolo_news.png) left top no-repeat;}
	
		/* news.php */
	.box_news_intro{
		width: 360px;
		height: auto;
		min-height: 25px;
		padding: 0px 0px 3px 0px;
		margin: 0px 0px 10px 0px;
		border-bottom: 1px solid white;
	}
	
	.box_news_intro p.data {font-size: 12px; margin: 0px; padding: 0px; }
	
	.box_news_intro h4{
		color: #E3232A;
		font-size: 12px;
		margin: 0px;
		padding: 0px 0px 0px 12px;
		background: url(../immagini_layout/punto_news.png) no-repeat left center;
	}
	.box_news_intro p{margin: 0px 0px 5px 0px; line-height: 18px;}
	.box_news_intro a{color: #e3232a;}
	.box_news_intro a:hover{color: white;}
	
		div#box_scroll_contenitore_news{ 
			height: 230px; /* Altezza uguale a box_scroll */
			width: 380px;
			background: black;
			overflow:auto; /* Necessario */
			position:relative; /* Necessario */
			float: left; /* Necessario */
			margin: 0px;
			padding: 0px;
		}
		
		div#box_scroll_contenuto_news{ 
			min-height: 220px; /* 10 pixel in meno per evitare scroll di default in safari */
			position: relative;
		}
		
		div#box_scroll_news{ 
			width: 11px; /* Larghezza barra */
			height: 230px; /* Altezza uguale a box_scroll_contenitore */
			margin-left: 2px;
			display: none;  /* Necessario */
			float: left; /* Necessario */
			background: url(../immagini_layout/sfondo_barra_scroll.png) top center repeat-y;			
		}
	
	/* news_dettagli.php */
	h4 a.news_indietro{
		background: black;
		color: white;
		float: right;
		padding: 5px 10px 5px 10px;
		margin: -55px 0px 0px 0px;
		font-size: 11px;
	}
	
	h4 a.news_indietro:hover{color: #e3232a;}

	.box_news{
		width: 380px;
		height: auto;
		min-height: 40px;
		padding: 0px;
		margin: 0px;
		text-align: justify;
	}
	
	.box_news p.data {font-size: 12px; margin: 0px; padding: 0px;}
	.box_news h4{color: #E3232A; font-size: 12px; margin: 0px; padding: 2px 0px;}
	.box_news p {margin: 0px;padding: 0px; line-height: 18px;}
	
	a.news_down_file{
		height: 20px;
		width: 90px;
		display: block;
		line-height: 20px;
		padding: 0px 0px 0px 25px;
		background: #515151 url(../immagini_layout/acrobat_icon.png) no-repeat left center;
		color: white;
		text-transform: uppercase;
	}
	
	/*==================*/
	/* / NEWS */
	/*==================*/


	/*==================*/
	/* CONTATTI */
	/*==================*/
	.contatti .articolo {
		width: 420px;
		height: 380px;						
		margin: 70px 0px 30px 0px;
		padding: 0px 0px 0px 295px;
		float: left;
		font-weight: lighter;
		text-shadow: #000000 0 0 0px; 
	}

		.contatti .articolo h2 {
			width: 200px;
			height: 35px;
			margin: 0px 0px 10px 0px; 
		}
	
		.contatti .articolo h2 .sostituzione {background: url(../immagini_layout/titolo_contatti.png) left top no-repeat;}
		/*.contatti .articolo p.sotto_titolo_contatti{color: black; margin: 10px 0px 0px 0px; height: 40px;}*/

		.contatti .articolo a.email1 {color: black; float: left; height: 15px;}
		.contatti .articolo a.email2 {color: black; float: right;margin: 0px 90px 85px 0px; height: 15px;}
			.contatti .articolo a.email1:hover, .contatti .articolo a.email2:hover {color: #e3232a;}
	
	/*.contatti div.email {width: 170px; float: left; margin: 0px 25px 25px 0px; padding: 0px; }
		.contatti div.email.destro {margin-right: 0px;}*/
	
	div.form_contatti { width: 400px; margin: 0px; padding: 0px;} 
	
	#modulo_contatti {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		clear: both;
		width: 400px; 
	}
		
	#modulo_contatti fieldset {width: 390px; margin: 0px;padding: 0px;border: 0px;}
	
	#modulo_contatti legend{margin: 0px 0px 20px 0px;color: white;}
	#modulo_contatti label{width: 195px;margin: 0px 0px 10px 0px;float: left; padding: 0px;}
	#modulo_contatti label input{width: 185px; margin: 0px;height: 16px;}
	#modulo_contatti label.richieste{clear: left; float: none; width: 390px; }
	#modulo_contatti label.richieste textarea{width: 380px; overflow: auto;}
	#modulo_contatti span.campi_obbligatori{margin: 10px 0px 10px 0px;display: block;clear: both;}
	#modulo_contatti .leggi_privacy{margin: 10px 0px 10px 0px;display: block;color: white;height: 30px;}
	#modulo_contatti .leggi_privacy a{float: left;margin: 10px 0px 10px 0px;color: white;}
	#modulo_contatti .leggi_privacy a:hover{color: #e3232a;}
	#modulo_contatti .leggi_privacy label{width: 100px;margin: 10px 0px 10px 30px;}
	#modulo_contatti .leggi_privacy label input{width: auto; border: 0px; padding: 0px;}
	#modulo_contatti label.invio_richiesta{margin: 0px;display: block;	float: none;}
	#modulo_contatti label.invio_richiesta input {height: auto; width: 150px;}
	
	/*==================*/
	/* / CONTATTI */
	/*==================*/

	/*==================*/
	/* DOVE SIAMO */
	/*==================*/
	.dovesiamo .articolo {
		width: 420px;
		height: 450px;
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 295px;
		float: left;
		font-weight: lighter;
		text-shadow: #000000 0 0 0px; 
	}

		.dovesiamo .articolo h2 {
			width: 200px;
			height: 35px;
			margin: 0px 0px 5px 0px;
			position: relative;
		}
		
			.dovesiamo .articolo h2 .sostituzione {background: url(../immagini_layout/titolo_dovesiamo.png) left top no-repeat;}
		
		.dovesiamo .articolo p.indirizzo {
			height: 140px;
			margin: 0px;
			padding: 0px;
			color: black;
			font-size: 11px;
		}
		
		.dovesiamo .articolo p.indirizzo strong {font-weight: bold;}

		/*== / GOOGLE MAPS ===========*/
		/*h4.link_mappa a{
			float: left;
			position: relative;
			margin: 0px 20px 30px 0px;
			font-size: 14px;
			font-weight: normal;
			color: black;
		}
		h4.link_mappa a:hover{color: #e3232a;}*/
		
		#mappa{
			float: left;
			width: 405px;
			height: 240px;
			margin: 30px 0px 30px 0px;
			color: black;
		}
		/*== / GOOGLE MAPS ===========*/


	/*==================*/
	/* DOVE SIAMO */
	/*==================*/
	
	
	/*===============================================*/
	/* PRODOTTI pagine */
	/*===============================================*/
	.articolo_prodotti {
		width: 420px;
		height: 450px;
		float: right;
		margin: -260px 5px 30px 0px; /* margine negativo per allineare in alto */
		padding: 0px 0px 0px 295px;
		position: relative; /* per .descrizione_prodotto */
		line-height: 18px;
		font-weight: lighter;
		text-shadow: #000000 0 0 0px; 
		
	}
		/* differenzio lo sfondo di .articolo_prodotti in base alla sezione (la classe  applicata a #contenitore )*/
		.iptv .articolo_prodotti {background: url(../immagini_layout/prodotti-iptv-articolo.png) 55px 5px no-repeat;}
		.ngn .articolo_prodotti {background: url(../immagini_layout/prodotti-ngn-articolo.png) 55px 5px no-repeat;}
		.digitalradio .articolo_prodotti {background: url(../immagini_layout/prodotti-digitalradio-articolo.png) 55px 5px no-repeat;}
		.digitalsignage .articolo_prodotti {background: url(../immagini_layout/prodotti-digitalsignage-articolo.png) 55px 5px no-repeat;}

		.articolo_prodotti h2 {width: 120px;height: 60px;}
			/* differenzio il titolo indicatore della sezione (la classe applicata a #contenitore )*/
			.iptv .articolo_prodotti h2 .sostituzione {background: url(../immagini_layout/prodotti-iptv.png) left top no-repeat;}
			.ngn .articolo_prodotti h2 .sostituzione {background: url(../immagini_layout/prodotti-ngn.png) left top no-repeat;}
			.digitalradio .articolo_prodotti h2 .sostituzione {background: url(../immagini_layout/prodotti-digitalradio.png) left top no-repeat;}
			.digitalsignage .articolo_prodotti h2 .sostituzione {background: url(../immagini_layout/prodotti-digitalsignage.png) left top no-repeat;}
		
		.articolo_prodotti h3.intro {width: 270px; height: 65px; margin: 30px 0px 60px 0px; position: relative; }
			/* differenzio l'intro in base alla sezione (la classe  applicata a #contenitore )*/
			.iptv h3.intro .sostituzione {background: url(../immagini_layout/titoli_intro_iptv.png) left top no-repeat;}
			.ngn h3.intro .sostituzione {background: url(../immagini_layout/titoli_intro_ngn.png) left top no-repeat;}
			.digitalradio h3.intro .sostituzione {background: url(../immagini_layout/titoli_intro_radio.png) left top no-repeat;}
			.digitalsignage h3.intro .sostituzione {background: url(../immagini_layout/titoli_intro_signage.png) left top no-repeat;}
		
			/* differenzio il colore dei testi evidenziati */
			.iptv .articolo_prodotti p strong {color: #B0C700; font-weight: normal;}
			.ngn .articolo_prodotti p strong {color: #009DDF; font-weight: normal;}
			.digitalradio .articolo_prodotti p strong {color: #E1001A; font-weight: normal;}
			.digitalsignage .articolo_prodotti p strong {color: #F5A700; font-weight: normal;}
			
		/* titolo del prodotto */
		.articolo_prodotti h3.titolo_prodotto {
			width: 410px;
			height: 80px;
			margin: 20px 0px 55px 0px;
			font-size: 36px;
			font-weight: normal;
			line-height: normal;
		}
		
		.articolo_prodotti p {
			font-size: 13px;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			width: 380px;
			position: relative;
		}
		
		/* link alla scheda tecnica */
		a#scheda {
			display: block;
			width: 165px;
			margin: 10px 40px 30px 0px;
			padding: 0px 0px 0px 25px;
			font-size: 11px;
			height: 25px;
			line-height: 25px;
			float: left;
			background: url(../immagini_layout/acrobat_icon.png) left top no-repeat;
			color: white;
		}
			#scheda:hover {color: white;}
		
		/* link alla gallery */
		a.gallery {
			display: block;
			width: 140px;
			margin: 0px 0px 20px 0px; /* margine inferiore distanzia testo di descrizione del prodotto */
			padding: 0px 0px 0px 10px;
			font-size: 11px;
			height: 25px;
			line-height: 25px;
			float: left;
			font-size: 16px;
			text-decoration: underline;
		}
			/* differenzio colore e sfondo del link alla gallery */
			.iptv a.gallery {color: #B0C700; background: url(../immagini_layout/iptv-gallery.png) left center no-repeat;}
			.ngn a.gallery  {color: #009DDF; background: url(../immagini_layout/ngn-gallery.png) left center no-repeat;}
			.digitalradio a.gallery {color: #E1001A; background: url(../immagini_layout/digitalradio-gallery.png) left center no-repeat;}
			.digitalsignage a.gallery {color: #F5A700; background: url(../immagini_layout/digitalsignage-gallery.png) left center no-repeat;}
		
		/* descrizione del prodotto */
		.descrizione_prodotto {
			width: 380px; 
			min-height: 200px;
			clear: left;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			}
		
		/*== NAVIGAZIONE PRODOTTI ==*/
		ul.navigazione_prodotti {background: red;
			width: 240px;
			height: auto;
			margin: 0px 0px 0px 20px;
			padding: 0px 0px 0px 0px;
			list-style: none;
			clear: left;
			float: left;
			border-top: 1px solid white;
		}
		
			ul.navigazione_prodotti li {
				width: 240px;
				border-bottom: 1px solid white;
				padding: 0px;
				margin: 0px;
			}
			
			ul.navigazione_prodotti li a {
				display: block;
				width: 225px;
				height: 30px;
				line-height: 30px;
				padding: 0px 0px 0px 15px;
				color: white;
				font-size: 12px;
				font-weight: lighter;
				text-shadow: #000000 0 0 0px; 
			}
				/* differenzio l'immagine di sfondo degli elementi della lista */
				.iptv ul.navigazione_prodotti li a {background: url(../immagini_layout/prodotti-iptv-lista.png) left center no-repeat;}
				.ngn ul.navigazione_prodotti li a {background: url(../immagini_layout/prodotti-ngn-lista.png) left center no-repeat}
				.digitalradio ul.navigazione_prodotti li a {background: url(../immagini_layout/prodotti-digitalradio-lista.png) left center no-repeat}
				.digitalsignage ul.navigazione_prodotti li a {background: url(../immagini_layout/prodotti-digitalsignage-lista.png) left center no-repeat}
				
				ul.navigazione_prodotti li a:hover, ul.navigazione_prodotti li a.attivo {background-position: -240px 0px; color: white;}
		/*== / NAVIGAZIONE PRODOTTI ==*/
	
	/*===============================================*/
	/* PRODOTTI pagine */
	/*===============================================*/


/*===========================================================================================================*/
/* FOOTER */
/*==========================================================================================================*/

h6.footer {
	width: 951px;
	height: auto;
	padding: 5px 0px 20px 10px;
	margin: 0px 0px 0px 0px;
	clear: both;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	background: black;
	border-top: 1px solid;
	font-weight: lighter;
	text-shadow: #000000 0 0 0px; 
	}
img.logo_w3c{margin: 5px 0px 0px 10px;}

	h6.footer a {color: #999999;}
	h6.footer a:hover {color: white;}