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

body{
    margin: 0px 0px 0px 40px;
    padding: 0px 0px 0px 0px;
    font-family: Arial, Georgia, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
	width: 940px;
	height: auto !important;
	background: white; 
    text-align: left;
}

html{background: #e0e1e2 url(../immagini_layout/body-sfondo.png) left top repeat-x; height: 100%; margin: 0px; padding: 0px;}
table{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

.aj_div_attesa_nascondi, .aj_div_principale_nascondi{display:none;}
.aj_div_attesa_vedi{width: 100%;top: 50px;position: relative;text-align:center;}

a{text-decoration: none;}
a:hover{text-decoration: none;color: #333333;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;}
p{color: #333333;}
.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;}

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

#intestazione { 
	width: 940px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;  background: transparent;
	}
	
	/*== logo ==*/
	#intestazione h1 {
		padding: 0px 0px 0px 20px; 
		margin-bottom: 10px;
		width: 300px;
		height: 100px;
		float: left;
		position: relative;
		}
		
	#animazione {
		width: 620px;
		height: 100px;
		margin: 0px 0px 0px -1px;
		padding: 0px;
		float: left;
		/*background: white url(../immagini_layout/animazione_sfondo.png) left top no-repeat;*/
	}
	
	ul.navigazione_principale { background: #000000 url(../immagini_layout/navigazione-principale-sfondo.png) left top no-repeat;
		width: 915px;
		height: 26px; 
		padding: 10px 0px 0px 25px; 
		margin: 0px 0px 20px 0px;
		clear: left;	
		position: relative;
		border-bottom: 1px solid #B3B3B3;
		list-style: none;
		}
		
		ul.navigazione_principale  li {
			display: block;
			float: left;
			border-left: 1px solid #B3B3B3;
			padding: 0px 10px;
			margin: 0px;
			}
			
			ul.navigazione_principale  li a{color: #333333; font-size: 11px;font-family: Arial;}
			ul.navigazione_principale li a:hover, ul.navigazione_principale li a.attivo {text-decoration: underline;} 


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

#contenuto {
	width: 940px;
	height: auto !important;
	 /*min-height: 480px;
	height: 480px; per IE6 */
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
		/* per contenere gli elementi flottanti al suo interno */
	#contenuto:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
		/* differenziazione immagine di sfondo (disegno) - la classe è associata a #contenuto */
	.azienda {background: url(../immagini_layout/disegno_azienda.png) 15px bottom no-repeat;}
	.casi_aziendali {min-height: 550px;background: url(../immagini_layout/disegno_casi_aziendali.png) 15px bottom no-repeat;}
	.partnership {background: url(../immagini_layout/disegno_partnership.png) 15px bottom no-repeat;}
	.download {background: url(../immagini_layout/disegno_download.png) 15px bottom no-repeat;}
	.news {background: url(../immagini_layout/disegno_news.png) 15px bottom no-repeat;}
	.lavoro {background: url(../immagini_layout/disegno_lavoraconnoi.png) 15px bottom no-repeat;}
	.contatti {background: url(../immagini_layout/disegno_contatti.png) 15px bottom no-repeat;}
	.area-riservata {background: url(../immagini_layout/disegno_area_riservata.png) 15px bottom no-repeat;}

	h2.introduzione {
		width: 920px; /* estendo in larghezza h2 per uniformare comportamento dei browser */
		font-size: 18px;
		font-weight: bold;
		font-family: Georgia;
		color: #003787;
		height: 22px;
		margin: 0px;
		padding: 0px 0px 10px 20px;
	}
	
	p.introduzione {
		font-size: 16px;
		font-style: italic;
		font-family: Georgia;
		color: #003787;
		width: 280px;
		margin: 0px;
		padding: 0px 0px 0px 20px;
		float: left;
	}

	.articolo { 
		width: 599px;
		height: auto !important;
		min-height: 420px;
		height: 420px;
		margin: -30px 0px 0px 0px;  /* margine negativo per allinearlo con h2.introduzione */
		padding: 0px 0px 0px 20px;
		float: right;
		position: relative;
		border-left: 1px solid #003787;
	}
		.articolo p {margin: 0px; padding: 0px 20px 0px 0px; color: #333333;}
		.articolo p strong {color: #003787;}
		.articolo .georgia_14 {font-family: Georgia; font-size: 14px; color: #003787;}
	
		
		/*====================*/
		/*== CASI AZIENDALI ==*/
		/*====================*/
		.box_caso_aziendale {
			width: 530px;
			height: 90px;
			float: left; /* per corretta interpretazione dei margini da parte di IE */
			clear: left;
			padding: 0px 0px 0px 69px;
			margin: 0px 0px 15px 0px;
			background: url(../immagini_layout/box_caso_aziendale_sfondo.png) right bottom no-repeat;
			}
			
		.box_caso_aziendale h3 {font-size: 12px;}
		.box_caso_aziendale h3 strong { font-size: 13px; color: #003787;}	
		.box_caso_aziendale p { margin: 0px; padding: 0px;}
		
		.box_caso_aziendale a {
			font-size: 12px;
			font-family: Georgia; 
			font-style: italic; 
			text-decoration: underline;
			color: #003787;
			padding-left: 15px;
			background: url(../immagini_layout/casi_aziendali_leggitutto.png) left center no-repeat;
		}
		
		/* Paginazione */
		ul.contapagine { 
			list-style: none;
			float: right;
			width: 590px;
			height: 30px;
			padding: 0px 10px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-align: right;
			background: #003787;
		}
			
			ul.contapagine li {
				margin: 0px;
				padding: 0px;
				display:inline;
				line-height: 30px;
			}
			
			ul.contapagine li a{
				color: white;
				background: #0A71B4;
				padding: 2px 5px; 
			}
			ul.contapagine li a:hover, ul.contapagine li a.attivo{
				color: #0A71B4;
				background: white;
				padding: 2px 5px; 
			}

		/*=========================*/
		/*== FINE CASI AZIENDALI ==*/
		/*=========================*/
			
			
		/*==============================*/
		/*== CASI AZIENDALI DETTAGLIO ==*/
		/*==============================*/
		.info_cliente {
			width: 300px;
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
			.cornice_logo {
				width: 215px;
				height: 175px;
				padding: 29px;
				margin: 0px 0px 10px 20px;
				border: 1px solid #999999;
				line-height: 175px;
				overflow: hidden;
			}
			
			.info_cliente p {padding: 0px 20px 30px 20px; color: #666666;}

			/* altezza minima per espandere #contenuto in modo da contenere logo cliente e disegno di sfondo nella colonna sinostra */
		.articolo_dettaglio_caso { 
			width: 579px;
			height: auto !important; 
			min-height: 650px;
			height: 650px;
			margin: -30px 0px 0px 20px;  
			padding: 0px 20px 0px 20px;
			float: right;
			position: relative;
			border-left: 1px solid #003787;
			background:  url(../immagini_layout/articolo_dettaglio_casi.png) 15px top no-repeat;
		}

				/* link ritorno a elenco casi aziendali */
			a.torna_elenco {
				font-family: Georgia;
				font-size: 12px;
				font-style: italic;
				text-decoration: underline;
				color: #003787;
				padding-left: 10px;
				float: left;
				background: url(../immagini_layout/casi_aziendali_tornaindietro.png) left center no-repeat;
			}
				
				/* link a altri casi dello stesso cliente */
			a.casi_cliente {
				font-size: 11px;
				color: #0A71B4;
				float: right;
				margin: 5px 0px 30px 0px;
			}
			
		.articolo_dettaglio_caso h3 {
			font-family: Georgia;
			font-size: 20px;
			font-weight: normal;
			color: #003787;
			clear: both;
			margin-top: 50px;
		}
		
		.articolo_dettaglio_caso p.intro {
			margin-top: 0px;
		}
				/* download pdf */
			a.scarica_pdf {
				font-family: Georgia;
				font-size: 12px;
				font-style: italic;
				color: #003787;
				display: block;
				clear: both;
				margin: 0px;
				padding: 0px;
			}
			a.scarica_pdf span {text-decoration: underline; position: relative; top: -2px;}
		
		/*===================================*/
		/*== FINE CASI AZIENDALI DETTAGLIO ==*/
		/*===================================*/
		
		
		/*============================*/
		/*== CASI AZIENDALI CLIENTE ==*/
		/*============================*/
			/* altezza minima per espandere #contenuto in modo da contenere logo cliente e disegno di sfondo nella colonna sonostra */
		.articolo_casi_cliente { 
			width: 599px;
			height: auto !important; 
			min-height: 650px;
			height: 650px;
			margin: -30px 0px 0px 0px;  
			padding: 0px 0px 0px 20px;
			float: right;
			position: relative;
			border-left: 1px solid #003787;
		}	
		/*=================================*/
		/*== FINE CASI AZIENDALI CLIENTE ==*/
		/*=================================*/
		
		
		/*====================*/
		/*== LAVORA CON NOI ==*/
		/*====================*/
		#modulo_lavoro {width: 580px; color: #333333;}
		#modulo_lavoro fieldset {border: 0px; margin: 0px; padding: 0px 0px 0px 0px;}
		#modulo_lavoro fieldset legend {padding-bottom: 20px; margin-bottom: 0px;}
		#modulo_lavoro label {width: 290px; margin: 0px 0px 5px 0px; padding: 0px; float: left;}
		#modulo_lavoro input {width: 230px;}
		#modulo_lavoro label.curriculum {float: left; width: 260px;}
			#modulo_lavoro label.curriculum input {width: 235px;}
		#modulo_lavoro label.richieste {width: 550px;}
		#modulo_lavoro label.richieste textarea {width: 520px; height: 70px; overflow: auto;}
		#modulo_lavoro span.campi_obbligatori {display: block; clear: left; font-size: 11px;}
		#modulo_lavoro #privacy_info {display: block; color: #333333; margin: 10px 0px 5px 0px; height: 12px; font-size: 11px; float: left;}
			#modulo_lavoro #privacy_info:hover {color: #0037b7;}
		#modulo_lavoro label.accetto {margin: 8px 0px 20px 10px;}
		#modulo_lavoro label.accetto input {width: auto; height: 15px; margin: 0px 5px 0px 0px; border: 0px; position: relative; top: 3px;}
		#modulo_lavoro label.invio_richiesta {width: auto; clear: left;}
		#modulo_lavoro #invio {width: 150px; border: 0px; color: white; background: #003785;}
		/*=========================*/
		/*== FINE LAVORA CON NOI ==*/
		/*=========================*/
		
		
		/*==============*/
		/*== CONTATTO ==*/
		/*==============*/
		#modulo_contatti {width: 580px; color: #333333;}
		#modulo_contatti fieldset {border: 0px; margin: 0px; padding: 0px;} 
		#modulo_contatti fieldset legend {padding-bottom: 20px;}
		#modulo_contatti label {width: 290px; margin: 0px 0px 5px 0px; padding: 0px; float: left;}
		#modulo_contatti input {width: 230px;}
		#modulo_contatti label.richieste {width: 550px;}
		#modulo_contatti label.richieste textarea {width: 520px; height: 70px; overflow: auto;}
		#modulo_contatti span.campi_obbligatori {display: block; clear: left; font-size: 11px;}
		#modulo_contatti #privacy_info {display: block; color: #333333; margin: 10px 0px 5px 0px; height: 12px; font-size: 11px; float: left;}
			#modulo_contatti #privacy_info:hover {color: #0037b7;}
		#modulo_contatti label.accetto {margin: 7px 0px 20px 10px; line-height: 20px; height: 20px;}
		#modulo_contatti label.accetto input {width: auto; height: 15px; margin: 0px 5px 0px 0px; border: 0px; position: relative; top: 3px;}
		#modulo_contatti label.invio_richiesta {width: auto; clear: left;}
		#modulo_contatti #invio {width: 150px; border: 0px; color: white; background: #003785;}
		
		.articolo h3.conferma {color: #003787;}
		/*===================*/
		/*== FINE CONTATTO ==*/
		/*===================*/
		
		
		/*==========*/
		/*== NEWS ==*/
		/*==========*/
		.box_news {
			width: 580px;
			height: 90px;
			float: left; /* per corretta interpretazione dei margini da parte di IE */
			clear: left;
			padding: 0px 0px 0px 0px;
			margin: 0px 20px 15px 0px;
			background: url(../immagini_layout/box_caso_aziendale_sfondo.png) right bottom no-repeat;
			}
		
		.box_news img {float: left; margin-right: 10px;}
		.box_news h3 {font-size: 12px; color: #003787; }
		.box_news h3 strong { font-size: 13px;}	
		.box_news p { margin: 0px; padding: 0px;}
		
		.box_news a {
			font-size: 12px;
			font-family: Georgia; 
			font-style: italic; 
			text-decoration: underline;
			color: #003787;
			padding-left: 15px;
			background: url(../immagini_layout/casi_aziendali_leggitutto.png) left center no-repeat;
		}
		
			/* link ritorno a news.php */
		a.torna_elenco_news {
			font-family: Georgia;
			font-size: 12px;
			font-style: italic;
			text-decoration: underline;
			color: #003787;
			padding-left: 10px;
			margin-bottom: 20px;
			float: left;
			background: url(../immagini_layout/casi_aziendali_tornaindietro.png) left center no-repeat;
		}
		
		h4.data {
			clear: left;
			font-size: 14px;
			color: #003787;
			font-weight: normal;
			padding-top: 10px;
			border-top: 1px solid #999999;
		}
		
		h3.titolo_news {
			font-family: Georgia;
			font-size: 20px;
			font-weight: normal;
			color: #003787;
			margin: 0px 0px 15px 0px;
		}
		
		a.scheda_pdf{
			float: left;
			position: relative;
			margin: 10px 0px 0px 0px;
		}
		/*===============*/
		/*== FINE NEWS ==*/
		/*===============*/
		
		
		
		/*==========*/
		/*== PRESS ==*/
		/*==========*/
		.box_press {
			width: 580px;
			height: 90px;
			float: left; /* per corretta interpretazione dei margini da parte di IE */
			clear: left;
			padding: 0px 0px 0px 0px;
			margin: 0px 20px 15px 0px;
			background: url(../immagini_layout/box_caso_aziendale_sfondo.png) right bottom no-repeat;
			}
		
		.box_press img {float: left; margin-right: 10px;}
		.box_press h3 {font-size: 12px; color: #003787; }
		.box_press h3 strong { font-size: 13px;}	
		.box_press p { margin: 0px; padding: 0px;}
		
		.box_press a {
			font-size: 12px;
			font-family: Georgia; 
			font-style: italic; 
			text-decoration: underline;
			color: #003787;
			padding-left: 15px;
			background: url(../immagini_layout/casi_aziendali_leggitutto.png) left center no-repeat;
		}
		
			/* link ritorno a press.php */
		a.torna_elenco_press {
			font-family: Georgia;
			font-size: 12px;
			font-style: italic;
			text-decoration: underline;
			color: #003787;
			padding-left: 10px;
			margin-bottom: 20px;
			float: left;
			background: url(../immagini_layout/casi_aziendali_tornaindietro.png) left center no-repeat;
		}
		
		h4.data {
			clear: left;
			font-size: 14px;
			color: #003787;
			font-weight: normal;
			padding-top: 10px;
			border-top: 1px solid #999999;
		}
		
		h3.titolo_press {
			font-family: Georgia;
			font-size: 20px;
			font-weight: normal;
			color: #003787;
			margin: 0px 0px 15px 0px;
		}
		
		a.scheda_pdf{
			float: left;
			position: relative;
			margin: 10px 0px 0px 0px;
		}
		/*===============*/
		/*== FINE PRESS ==*/
		/*===============*/


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

h6#footer {
	width: 920px;
	clear: both;
	margin: 0px;
	height: 15px;
	padding: 18px 0px 17px 20px;
	font-size: 11px;
	font-weight: normal;
	color: #003786;
	background: #ebebeb;
	}

	#footer img {padding: 0px;}