/*****************************************************************************************/
/********************************** CSS GENERALI *****************************************/
/*****************************************************************************************/


body {
	background-color:			#2d4b73;
  	font-family: 				verdana;
	font-size:					0.7em;
	margin:						0px;		
	margin-bottom:				10px;
	color: 						black;	
}

div {
	border: 					0px;
	margin:						0px;	
}

p {
	text-align:					justify;
	margin-left:				10px;
	margin-right:				10px;		
}


/********** SEZIONE CONTENITORE GLOBALE *************/

#content {
	width:						790px;
	height:						auto;
	margin:						auto;
	border-left:				5px solid white;
	border-right:				5px solid white;
	border-top:					5px solid white;
	background-color:			#eef5ff;
}

/********** SEZIONE LINK *************/

a:link  {
	text-decoration: 			underline; 
	color:						#880000;	
}

a:visited { 
	text-decoration: 			underline; 
	color:						#880000;
}

a:hover { 
	text-decoration: 			underline;	
}

/********** SEZIONE MENU LATERALI *************/

#sx ul, #dx ul  {
	list-style-image: 			url("img/listbullet.gif");
	margin-top:					0px;	
}

#sx li, #dx li {
	margin-left:				-20px;		
}

#sx a:link, #sx a:visited, #dx a:link, #dx a:visited { 
	text-decoration: 			none; 
	color:						#000000;
}

#sx li a, #dx li a {
	display:					block;
	height:						auto ! important;
	height:						14px;
}

#sx li:hover, #dx li:hover {
	list-style-image: 			url("img/listbullethover.gif");	
	background-color:			#ffffff; 
}

#sx li a:hover, #dx li a:hover {
	list-style-image: 			url("img/listbullethover.gif");
	text-decoration: 			none ! important;
	background-color:			#ffffff; 
}

#sx h3 a, #dx h3 a {
	text-decoration: 			none ! important;
	color: 						white  ! important;	
/*	display:					block;*/
/*	padding-left:				5px;*/
}

#sx h3 a:hover, #dx h3 a:hover {
	text-decoration: 			none  ! important; 
	color: 						#fff600  ! important;
}

#sx h3 a:visited, #dx h3 a:visited {
	text-decoration: 			none;
}


/********** SEZIONE Hx (titoli) *************/

h3	{
	background-color:			white;
	/*background:					url("img/title_back-blue.jpg") center center no-repeat;*/
	background:					url("img/title_back-blue.jpg") center right no-repeat;
	margin:						0px;
	padding-left:				5px;
	margin-bottom:				5px;
	text-align:					left;
	/*font-family: 				tahoma;*/
	font-family: 				tahoma, verdana, sans-serif;
	font-size:					13px;
	font-weight:				bold;
	color:						white;			
}

h4 {
	font-size:					12px;
	margin:						0px;	
	margin-left:				10px;
	margin-right:				10px;	
}

h5 {
	margin-left:				10px;
	margin-bottom: 				5px;
	font-size:					12px;
	font-style:					italic;
	text-decoration:			underline;
	font-weight:				400;
}

.telematica {
	background:					url("img/title_back-red.jpg") center right no-repeat;
	
/*	background:					url("img/bkg_titolo_azzurro.jpg") center right ! important;*/
}

.sicurezza {
	background:					url("img/title_back-green.jpg") center right no-repeat;
	padding-right:				50px;	
/*	background:					url("img/bkg_titolo_verde.jpg") center right;*/
}
.mobilita {
	background:					url("img/title_back-purple.jpg") center right no-repeat;
	padding-right:				50px;	
/*	background:					url("img/bkg_titolo_viola.jpg") center right;*/
}

.logistica {
	background:					url("img/title_back-orange.jpg") center right no-repeat;
	padding-right:				50px;	
/*	background:					url("img/bkg_titolo_arancio.jpg") center right;*/
}

.ricerca {
	background:					url("img/title_back-darkblue.jpg") center right no-repeat;
	padding-right:				50px;	
/*	background:					url("img/bkg_titolo_arancio.jpg") center right;*/
}

.english {
	background:					url("img/title_back-darkblue.jpg") center right no-repeat;
	/*padding-right:				50px;	*/
/*	background:					url("img/bkg_titolo_blu.jpg") center right;*/
}

.italian {
	background:					url("img/title_back-darkblue.jpg") center right no-repeat;
	/*background:					url("img/bkg_titolo_blu.jpg") center right;*/
}

/********** SEZIONE IMMAGINI *************/

img {
	border:						0px solid white;
}

img.right {
	float: 						right;
	/*margin-top:					5px;*/
	/*margin-bottom:				5px;*/
	margin-left:				10px;
}

img.left {
	float: 						left;
	/*margin-top:					5px;
	margin-bottom:				5px;*/
	margin-right:				10px;
}

img.responsabili {	
	float: 						right;
	margin-left:				10px;
	width:						60px;
}


/********** SEZIONE TTITOLO *************/


#titolo {
	background:					url("img/top_new3.jpg") no-repeat top left;
	margin:						auto;
	width:						800px;
	height:						170px;	
	border:						0px;
	margin-top:					10px;
	/*border-left:				5px solid white;
	border-right:				5px solid white;
	border-bottom:				5px solid white;*/
	
/*	margin-top:					10px;*/
	
		
}

#titolo h3 {
	/*display: 					none;*/
	padding-top:				180px;	
	font-size:					25px;	
	margin-bottom:				5px;	
	background-color:			transparent;
}

#titolo h4	{
	margin:						0px;	
	margin-left:				10px;
	margin-right:				10px;
	font-family: 				century gothic;
	font-style:					italic;
	font-size:					18px;	
	color:						white;
}


/********** SEZIONE TESTO CENTRALE *************/


#centro {
	width: 						400px;
	border-left:				5px solid white;
	border-right:				5px solid white;
	padding-bottom:				20px;
	float:						left;
	background-color:			#eef5ff;
	
	height:						auto ! important;
	min-height:					500px;
	height:						500px;
}


#centro h4  {
	padding-left:				20px;
	background:					url("img/listbullethover.gif") no-repeat -3px 1px;
	background-color:			white;
	font-family:				tahoma;
	font-weight:				bold;
}


#centro ul {
	margin-left:				-15px ! important;	
	margin-left:				30px;		
}

#centro li {
	margin-bottom:				3px;
}

#centro li h5 {
	margin-left:				0px;	
	margin-top:					10px;
}

#centro #print {
	clear:						both;
	margin-top:					25px;
}

#centro #print img {
	float:						left;
	margin-top:					-2px;
	margin-right:				4px;
}

#centro .download {
	display:					block;
	height:						20px;
	background:					url("img/download.gif") no-repeat 2px -1px;
	padding-left:				25px;	
}

/********** SEZIONE SX *************/

#sx {
	width: 						130px;
	/*height:						100%;*/
	height:						500px;
	float:						left;
	background-color:			#eef5ff;
	
}

/********** SEZIONE DX *************/

#dx {	
	width:						250px;
	/*height:						100%;	*/
	height:						500px;
	float:						left;
	background-color:			#eef5ff;	
}

/********** SEZIONE FOOTER *************/

#footer {		
	padding-top:				2px;
	font-size:					9px;	
	background-color:			white;
	bottom:						0px;
	clear:						both;
	height:						19px;
}

#footer #copyright {
	float:						left;
	padding-left:				15px;
	background:					url("img/listbullet.gif") no-repeat center left;
}

#footer div {
	float:						right;
	margin:						2px;
}

.w3cbutton {
	display:					block;
	text-align:					left;
	width:						80px;
	border:						1px solid #000;
	font-family:				arial,helvetica,sans;
	background:					#fc6;
	color:						#000;
	margin-left:				2px;
}

.w3cbutton a {
	text-decoration:			none;
}

.w3cbutton .w3c {
	background:					#fff;
	color:						#0c479d;
	margin-right:				2px;
	padding-left:				2px;
	padding-right:				2px;
	text-decoration:			none;
}

.w3cbutton .spec {
	background:					transparent;
 	color:						#000;
 	text-decoration:			none;
}

/*****************************************************************************************/
/******************************* CSS PARTICOLARI******************************************/
/*****************************************************************************************/

/******* immagini in movimento in homepage ***********/

#slide {
	margin-left:				10px;
	width:						374px;	
	margin-bottom:				10px;
	border:						3px solid white;
}

/*
#slidearea {
	height:						270px;	
}

.slide {
	visibility : hidden;
 	margin-left:				10px;
	width:						370px;	
	margin-bottom:				10px;  
	position : absolute;

}

.slide img {
	width:						100%;	
}

#slide0 {
	visibility : visible;
}
*/
/******* caselle di testo in evidenza ***********/

#important {
	margin:						10px;	
}

#important h4 {
	padding:					0px;
	margin:						0px;
	margin-bottom:				3px;
	font-size:					11px;
	background-image:			none;
}

#important div {
	background-color:			white;
	border:						1px solid #c5deff;	
	margin-bottom:				15px;	
	min-height:					56px;
	padding:					3px;
	padding-left:				90px;
}

#important img {
	float: 						left;
	clear: 						both;
	width:						80px;
	/*height:						55px;*/
	margin-left:				-87px;
}

#important a {
	display:					block;
}
/*
.important {
	background-color:			white;
	margin:						10px;
	margin-bottom:				15px;		
}

.important h4 {
	margin:						0px !important;
	padding: 					0 !important;
	background-image:			none !important;
	text-align:					center;	
}

.important a {
	margin-bottom:				5px;
}

.important img {
	float:						left;
	margin:						5px;
	clear: 						both;
	width:						80px;
	height:						55px;
}
*/
/******* tabella delle referenze ***********/


#tabella_referenze {
	margin:						10px;
	font-size:					0.85em;
}

#tabella_referenze td {
	vertical-align:				top;	
}

#tabella_referenze .table_header {
	font-weight:				bold;
	background-color:			white;
}

#tabella_referenze .col1 {
	width:						80px;
	padding-right:				5px;		
}

#tabella_referenze .col2 {
	border-left:				2px solid white;
	width:						auto;
	padding-left:				5px;
/*	text-align:					justify; */
}

#tabella_referenze .col1 span {
	display:					block;
	font-style:					italic;	
	font-weight:				bold;
	/*padding-top:				5px;	*/
}


/******* tabella dei contatti ***********/


#tabella_contatti {
	margin:						auto;
	margin-top:					100px;
	font-size:					0.85em;	
	border-bottom:				1px solid darkred;
	background-color:			white;	
}

#tabella_contatti tr {	
	
}

#tabella_contatti td {
	vertical-align:				top;	
}

#tabella_contatti .table_header {
	color:						white;
	font-weight:				bold;
	background-color:			darkred;
}

#tabella_contatti .col1 {	
	width:						40px;
	border-right:				2px solid white;
	text-align:					right;
	padding-right:				10px;
	font-weight:				bold;
}

#tabella_contatti .col2 {
	width:						auto;
}

/* lista delle sedi */

#sedi li {
	margin-bottom:				10px;
}