/* 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;}
.company-casi  {background: url(../immagini_layout/sfondo_casehistory.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;}
.partnership  {background: url(../immagini_layout/sfondo_partnership.jpg) left 100px no-repeat;}
.dovesiamo {background: url(../immagini_layout/sfondo_dovesiamo.jpg) left 100px no-repeat;}
.mobile, .digitaltv, .digitalradio, .smarthome {background-position: left 100px; background-repeat: no-repeat;} /* l'immagine è definita nelle pagine relative */


/*==========================================================================================================*/		
/* HOMEPAGE */
/*==========================================================================================================*/

/*== INTRO ==*/
p.introduzione_homepage {
	width: 280px;
	height: 130px;
	line-height: 18px;
	margin: 70px 9px 0px 20px;
	padding: 20px 0px;
	display: inline; /* per IE6 */
	float: left;
	background: url(../immagini_layout/introduzione-sfondo.png) left 8px no-repeat;
	font-weight: lighter;
	text-shadow: #000000 0 0 0px; 
	}

	p.introduzione_homepage strong {color: #E3232A;}

/*== ANIMAZIONE SOLUZIONI ==*/

#animazione_soluzioni {
	width: 665px; 
	height: 350px;
	margin: -131px 0px 0px 0px; 
	padding: 0px;
	float: left;
	/*background: url(../immagini_layout/animazione-index.png) left top no-repeat; */ 
}

/*== NEWS ==*/
#box_news { 
	width: 245px;
	height: 240px; 
	margin: -175px 25px 15px -0px; /* porto sopra a parte destra del filmato */
	padding: 0px 0px 0px 0px;
	float: right;
	font-weight: lighter;
	text-shadow: #000000 0 0 0px; 
	overflow: hidden;
	position: relative;
	z-index: 2000;
}
	
	#box_news .items {
		position: absolute;
		top: 0px;
		left: 0px;
		height: auto;
		width: 245px;
		padding: 0px 0px;
	}
		
		#box_news .items div { 
			width: 245px;
			margin: 0px 0px 0px 0px;
			padding: 3px 0px 3px 0px;
		}
	
	#box_news .items div p.data {padding: 10px 0px 0px 0px; margin: 0px; font-size: 12px; }
	#box_news .items div h4 {color: #E3232A; font-size: 11px;}
	#box_news .items div p.testo {margin: 0px; line-height: 15px; font-size: 12px;}
		#box_news .items div a {color: #E3232A;}
		#box_news .items div a:hover {color: white;}
	
	/* generati via js al load */	
	/*#news .simply-scroll {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
		#news .simply-scroll-clip {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		
		#news .simply-scroll-list {
			left:0;
			margin:0;
			overflow:hidden;
			padding:0;
			position:absolute;
			top:0;
			z-index:1;
		}*/
	/* generati via js al load */	
/*=======*/


/*==========================================================================================================*/		
/* COMPANY PROFILE  */
/*==========================================================================================================*/		
h2.titolo_company .sostituzione {background: url(../immagini_layout/titolo_companyprofile.png) left top no-repeat;}


/*==========================================================================================================*/		
/* COMPANY BOARD - MANAGEMENT  */
/*==========================================================================================================*/		
#elenco_persone { 
	width: 488px;
	height: 245px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	}
	
		#elenco_persone .items {
			width: 1000px;
			height: 245px;
			overflow: hidden;
			position: absolute;
		}
		
		#elenco_persone a.scorri_sx {
			position: absolute;
			left: 10px;
			top: 190px;
			display: block;
			width: 13px;
			height: 13px;
			background: url(../immagini_layout/scorri_sx.png) left top no-repeat;
			z-index: 1000;
		}
		
		#elenco_persone a.scorri_dx {
			position: absolute;
			right: 10px;
			top: 190px;
			display: block;
			width: 13px;
			height: 13px;
			background: url(../immagini_layout/scorri_dx.png) right top no-repeat;
			z-index: 1000;
		}
		
			#elenco_persone a.scorri_dx:hover {background-position: 0px top;}
			#elenco_persone a.scorri_sx:hover {background-position: -13px top;}
			#elenco_persone a.scorri_sx.disabled {background: none;}			
			#elenco_persone a.scorri_dx.disabled {background: none;}
			
	/*== foto persone per pagina BOARD ==*/
	.elenco_board .persona {
		width: 122px;
		height: 185px;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
		.elenco_board .persona h3 {
			width: 121px; 
			height: 18px;
			line-height: 18px;
			padding: 0px; 
			margin: 35px 0px 0px 0px; 
			text-align: center;
			border-right: 1px solid #B3B3B3;
			background: none;
			font-weight: lighter;
			text-shadow: #000000 0 0 0px; 
		}
	/*== / foto persone per pagina BOARD ==*/

	
	/*== foto persone per pagina MANAGEMENT ==*/
	.elenco_management .persona {
		width: 97px;
		height: 148px; /* - 37 px */
		margin: 36px 0px 0px 0px;
		padding: 0px;
		float: left;
	}
	
		.elenco_management .persona h3 {
			width: 97px; 
			height: 18px;
			line-height: 18px;
			padding: 0px; 
			margin: 35px 0px 0px 0px; 
			text-align: center;
			border-right: 1px solid #B3B3B3;
			background: none;
			font-weight: lighter;
			text-shadow: #000000 0 0 0px; 
		}
	/*== / foto persone per pagina MANAGEMENT ==*/

		.persona h3 a {font-size: 13px; font-weight: normal; font-family: "Arial"; color: white;}
		.persona.attivo a, .persona a:hover {color: #E3232A;}
		
.articolo_board {
	width: 470px;
	float: right;
	height: auto !important;
	min-height: 380px;
	height: 380px;
	margin: 40px 0px 20px 0px;
	font-weight: lighter; 
	text-shadow: #000000 0 0 0px; 
	line-height: 18px;
	font-size: 13px;
}
	
	.articolo_board p strong { color: #E3232A;}
	
	a.mail {color: white;}
	a.mail:hover {color:#E3232A; }


/*==========================================================================================================*/		
/* CASE HISTORY     */
/*==========================================================================================================*/		
h2.titolo_casehistories .sostituzione {background: url(../immagini_layout/titolo_casehistories.png) left top no-repeat;}

.intro_casi {padding-bottom: 30px;}


.box_caso_intro{
	width: 360px;
	height: auto;
	min-height: 25px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid white;
}
	.box_caso_intro:after{content:".";display:block;clear:both;height:0px;visibility:hidden;}

	.box_caso_intro img {
		float: left;
		margin: 0px 10px 0px 0px;
	}
	
	.box_caso_intro h4{
		color: #E3232A;
		font-size: 12px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 240px;
	}

	.box_caso_intro p{margin: 0px 0px 5px 0px; line-height: 18px;}
	.box_caso_intro a{color: #e3232a;}
	.box_caso_intro a:hover{color: white;}
	

h4.titolo_caso {
	color: #E3232A; 
	font-size: 13px;
	margin: 0px; 
	padding: 10px 0px 0px 0px;
}

.testo_caso {line-height: 18px; padding-bottom: 10px;}
.testo_caso p {margin: 0px; padding: 0px;}
	
	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;
	}
	

/*==========================================================================================================*/		
/* CERTIFICAZIONI */
/*==========================================================================================================*/		
h2.titolo_certificazioni .sostituzione {background: url(../immagini_layout/titolo_certificazioni.png) left top no-repeat;}

	img.sgs {margin: 25px 50px 0px 0px;}
	img.tux {margin-right: 40px;}


/*==========================================================================================================*/		
/* PARTNERSHIP */
/*==========================================================================================================*/		
h2.titolo_partners .sostituzione {background: url(../immagini_layout/titolo_partner.png) left top no-repeat;}

a.tab_partner {
	display: block;
	height: 25px;
	position: absolute;
	top: -50px;
	background: black;
	color: white;
	text-align: center;
	font-size: 11px;
}
	a#vedi_partner {width: 85px; right: 120px;}
	a#vedi_member {width: 95px; right: 20px;}
	
	a.tab_partner.attivo, a.tab_partner:hover {color: #E3232A;}
	
.elenco_partnership ul {
	width: 380px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	.elenco_partnership ul li {
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 20px 0px;
		border-bottom: 1px solid white;
		display: block;
		height: auto;
		width: 100%;
	}
		.elenco_partnership ul li:after {content:".";display:block;clear:both;height:0px;visibility:hidden;}
	
	.elenco_partnership ul li img {float: left; margin: 0px 10px 0px 0px;}
	
	/*.elenco_partnership ul li .titolo {
		color: #E3232A;
	}*/
	
	.testo_partnership {width: 380px;}
		.testo_partnership h5 {font-size: 13px; color: #E3232A; font-weight: normal; line-height: 25px;}


/*==========================================================================================================*/		
/* NEWS */
/*==========================================================================================================*/		
h2.titolo_news .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: 13px;
	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;}
	
/* news_dettagli.php */
h4.titolo_news {
	color: #E3232A; 
		font-size: 12px;
		margin: 0px; 
		padding: 2px 0px;
	}
	
	a.news_indietro{
		background: black;
		color: white;
		float: right;
		padding: 5px 10px 5px 10px;
		margin: -55px 0px 0px 0px;
		font-size: 11px;
	}
	
		a.news_indietro:hover{color: #e3232a;}
	
	p.data_news {font-size: 12px; margin: 0px; padding: 0px;}
	.testo_news {line-height: 18px;}
	.testo_news p {margin: 0px; padding: 0px;}
	

/*==========================================================================================================*/		
/* CONTATTI */
/*==========================================================================================================*/		
h2.dove_siamo .sostituzione {background: url(../immagini_layout/titolo_dovesiamo.png) left top no-repeat;}

.lista_mail { 
	width: 460px;
	height: 180px;
	position: relative;
	margin-left: -30px;
}

.lista_mail p {
	margin: 0px;
	height: 60px;
	color: black;
	float: left;
}	
	.lista_mail p strong {font-weight: normal;}
	.lista_mail p a {color: black;}
		.lista_mail p a:hover {color: #e3232a;}

p.indirizzo {
	padding: 0px;
	color: white;
	font-size: 12px;
	position: relative;
	margin: 0px 0px 0px -30px;
	left: 0px;
	line-height: normal;
	clear: both;
}

	p.indirizzo strong {font-weight: bold;}

#mappa{
	width: 440px;
	height: 240px;
	margin: 50px 0px 0px -25px;
	color: black;
	position: relative;
	overflow: hidden;
}

h2.titolo_job .sostituzione {background: white url(../immagini_layout/titolo_job.png) left top no-repeat;} 
	
p.sotto_titolo_job {
	color: black;
	margin: -100px 0px 40px 0px; 
	height: 60px; 
	width: 360px;
	position: relative;
	z-index: 500;
}

	p.intro_job {
		margin: 0px;
		padding-bottom: 20px;
	}

	p.sotto_titolo_job_form {margin: 0px 0px 20px 0px;}
	p.sotto_titolo_job_form a{margin: 0px 0px 20px 0px; text-decoration: underline;}
		p.sotto_titolo_job_form a {color: white;}
			p.sotto_titolo_job_form a:hover {color: #E3232A;}

.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;}
	
h4.posizione_ricercata { color: #E3232A; text-transform: uppercase; font-size: 12px; }

p.testo_job {
	margin: 0px;
	}



/* == STILE GENERICO MODULI == */

h2.titolo_contatti .sostituzione {background: url(../immagini_layout/titolo_contatti.png) left top no-repeat;}

.modulo {width: 100%; height: auto; margin: 0px; padding: 0px;}
.modulo p.intro {margin: 0px 0px 20px 0px;}
.modulo fieldset {width: 420px; padding: 30px 0px 30px 0px; border: 0px;}
.modulo label {width: 210px;margin: 0px 0px 15px 0px; float: left;}
.modulo input {width: 190px; height: 18px; line-height: 18px;}
.modulo label.richieste {width: 420px;}
.modulo label.richieste textarea{width: 400px; overflow: auto;}
.modulo .campi_obbligatori {float: left; width: 100%;}
.modulo label.privacy {width: 100%;padding-top: 10px;}
.modulo label.privacy a {color: #666666;}
.modulo label.privacy input {width: 15px; height: 15px; margin: 0px 10px;}
.modulo input#invio {width: 200px; height: 25px; line-height: 25px; text-align: center;}

.modulo .error {background: #E8526B;}
.modulo #errori {color: red; font-size: 11px;}

.conferma {padding: 20px 0px 0px 20px;}
	.conferma a {color: inherit;}
/* == / STILE GENERICO MODULI == */


/*==========================================================================================================*/		
/* PRODOTTI */
/*==========================================================================================================*/		


/*== NAVIGAZIONE PRODOTTI ==*/
ul.navigazione_prodotti {
	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 */
		.digitaltv ul.navigazione_prodotti li a {background: url(../immagini_layout/prodotti-digitaltv-lista.png) left center no-repeat;}
		.smarthome ul.navigazione_prodotti li a {background: url(../immagini_layout/prodotti-smarthome-lista.png) left center no-repeat}
		.digitalradio ul.navigazione_prodotti li a {background: url(../immagini_layout/prodotti-digitalradio-lista.png) left center no-repeat}
		.mobile ul.navigazione_prodotti li a {background: url(../immagini_layout/prodotti-mobile-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 ==*/

.articolo_prodotti {
	width: 420px;
	height: auto;
	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 )*/
	.digitaltv .articolo_prodotti {background: url(../immagini_layout/prodotti-digitaltv-articolo.png) 55px 5px no-repeat;}
	.smarthome .articolo_prodotti {background: url(../immagini_layout/prodotti-smarthome-articolo.png) 55px 5px no-repeat;}
	.digitalradio .articolo_prodotti {background: url(../immagini_layout/prodotti-digitalradio-articolo.png) 55px 5px no-repeat;}
	.mobile .articolo_prodotti {background: url(../immagini_layout/prodotti-mobile-articolo.png) 55px 5px no-repeat;}

	.articolo_prodotti h2 {
		width: 120px;
		height: 60px;
		position: relative;
	}
	
		/* differenzio il titolo indicatore della sezione (la classe applicata a #contenitore )*/
		.digitaltv .articolo_prodotti h2 .sostituzione {background: url(../immagini_layout/prodotti-digitaltv.png) left top no-repeat;}
		.smarthome .articolo_prodotti h2 .sostituzione {background: url(../immagini_layout/prodotti-smarthome.png) left top no-repeat;}
		.digitalradio .articolo_prodotti h2 .sostituzione {background: url(../immagini_layout/prodotti-digitalradio.png) left top no-repeat;}
		.mobile .articolo_prodotti h2 .sostituzione {background: url(../immagini_layout/prodotti-mobile.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 )*/
		.digitaltv h3.intro .sostituzione {background: url(../immagini_layout/titoli_intro_digitaltv.png) left top no-repeat;}
		.smarthome h3.intro .sostituzione {background: url(../immagini_layout/titoli_intro_smarthome.png) left top no-repeat;}
		.digitalradio h3.intro .sostituzione {background: url(../immagini_layout/titoli_intro_radio.png) left top no-repeat;}
		.mobile h3.intro .sostituzione {background: url(../immagini_layout/titoli_intro_mobile.png) left top no-repeat;}
	
		/* differenzio il colore dei testi evidenziati */
		.digitaltv .articolo_prodotti p strong {color: #009ddf; font-weight: normal;}
		.smarthome .articolo_prodotti p strong {color: #b1c800; font-weight: normal;}
		.digitalradio .articolo_prodotti p strong {color: #E1001A; font-weight: normal;}
		.mobile .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;
		color: black;
	}
	
	.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: 20px 40px 10px 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 */
		.digitaltv a.gallery {color: #009ddf; background: url(../immagini_layout/digitaltv-gallery.png) left center no-repeat;}
		.smarthome a.gallery  {color: #b1c800; background: url(../immagini_layout/smarthome-gallery.png) left center no-repeat;}
		.digitalradio a.gallery {color: #E1001A; background: url(../immagini_layout/digitalradio-gallery.png) left center no-repeat;}
		.mobile a.gallery {color: #F5A700; background: url(../immagini_layout/mobile-gallery.png) left center no-repeat;}
	
	/* descrizione del prodotto */
	.descrizione_prodotto {
		width: 380px; 
		min-height: 200px;
		clear: left;
		margin: 0px 0px 40px 0px;
		padding: 0px;
		}
		
	a#richiesta_info_prodotto {
		height: 20px;
		width: 320px;
		display: block;
		line-height: 20px;
		padding: 0px 0px 0px 5px;
		background: #515151;
		color: white;
		text-transform: uppercase;
	}
	
		a#richiesta_info_prodotto:hover {color: #E3232A;}