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

body{
    margin: 0px;
    padding: 0px 0px 0px 40px;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 100%;
    color: #333333;
    background: #D9D9D9 url(../immagini_layout/body-sfondo.png) left top repeat-x;
    text-align: left;
}
html{height: 100%;}
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: #000000;}
.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;}

/*== DIFFERENZIAZIONE GENERALE DEGLI ELEMENTI CHE LO RICHIEDONO IN BASE A SEZIONE (maps, process, automation, etc..) ==*/
.index h4, .index a, .index a:hover{color: #009EE0;}
.maps h4, .maps a, .maps a:hover {color: #ABC900;}
.in_out h4, .in_out a, .in_out a:hover{color: #1C5BA4;}
.process h4, .process a, .process a:hover{color: #123181;}
.polar h4, .polar a, .polar a:hover {color: #DA3E1F;}
.picking h4, .picking a, .picking a:hover {color: #E88314;}
.shipping h4, .shipping a, .shipping a:hover {color: #3A981E;}
.delivery h4, .delivery a, .delivery a:hover {color: #0F5223;}
.automation, .automation a, .automation a:hover {color: #E2001A;}
/* menù logika stato normale */
#introduzione a.index {background: #009EE0 url(../immagini_layout/immagini_logika/introduzione-sfondo-index.png) left -42px no-repeat;}
#introduzione a.maps {background: #ABC900 url(../immagini_layout/immagini_logika/introduzione-sfondo-maps.png) left -42px no-repeat;}
#introduzione a.in-out {background: #1C5BA4 url(../immagini_layout/immagini_logika/introduzione-sfondo-in_out.png) left -42px no-repeat;}
#introduzione a.process {background: #123181 url(../immagini_layout/immagini_logika/introduzione-sfondo-process.png) left -42px no-repeat;}
#introduzione a.polar {background: #DA3E1F url(../immagini_layout/immagini_logika/introduzione-sfondo-polar.png) left -42px no-repeat;}
#introduzione a.picking {background: #E88314 url(../immagini_layout/immagini_logika/introduzione-sfondo-picking.png) left -42px no-repeat;}
#introduzione a.shipping {background: #3A981E url(../immagini_layout/immagini_logika/introduzione-sfondo-shipping.png) left -42px no-repeat;}
#introduzione a.delivery {background: #0F5223 url(../immagini_layout/immagini_logika/introduzione-sfondo-delivery.png) left -42px no-repeat;}
/* menù logika hover */
#introduzione a:hover {background-position: left top;}
/* sfondo di .contenuto */			
.contenuto.index 	{background: #ffffff url(../immagini_layout/immagini_logika/logika-index-sfondo.png) left 15px no-repeat;}
.contenuto.maps 	{background: #ffffff url(../immagini_layout/immagini_logika/logika-maps-sfondo.png) left 15px no-repeat;}
.contenuto.in_out  	{background: #ffffff url(../immagini_layout/immagini_logika/logika-in_out-sfondo.png) left 15px no-repeat;}
.contenuto.process   {background: #ffffff url(../immagini_layout/immagini_logika/logika-process-sfondo.png) left 15px no-repeat;}
.contenuto.maps 	{background: #ffffff url(../immagini_layout/immagini_logika/logika-maps-sfondo.png) left 15px no-repeat;}
.contenuto.polar 	{background: #ffffff url(../immagini_layout/immagini_logika/logika-polar-sfondo.png) left 15px no-repeat;}
.contenuto.picking 	{background: #ffffff url(../immagini_layout/immagini_logika/logika-picking-sfondo.png) left 15px no-repeat;}
.contenuto.shipping  {background: #ffffff url(../immagini_layout/immagini_logika/logika-shipping-sfondo.png) left 15px no-repeat;}
.contenuto.delivery  {background: #ffffff url(../immagini_layout/immagini_logika/logika-delivery-sfondo.png) left 15px no-repeat;}
.contenuto.automation {background: #ffffff url(../immagini_layout/immagini_automation/automation-sfondo.png) left 15px no-repeat;}
/* .box_vantaggi */
.index .box_vantaggi {background: #ffffff url(../immagini_layout/immagini_logika/logika-index-vantaggi.png) left top no-repeat;}
.maps .box_vantaggi {background: #ffffff url(../immagini_layout/immagini_logika/logika-maps-vantaggi.png) left top no-repeat;}
.in_out .box_vantaggi {background: #ffffff url(../immagini_layout/immagini_logika/logika-in_out-vantaggi.png) left top no-repeat;}
.process .box_vantaggi {background: #ffffff url(../immagini_layout/immagini_logika/logika-process-vantaggi.png) left top no-repeat;}
.polar .box_vantaggi {background: #ffffff url(../immagini_layout/immagini_logika/logika-polar-vantaggi.png) left top no-repeat;}
.picking .box_vantaggi {background: #ffffff url(../immagini_layout/immagini_logika/logika-picking-vantaggi.png) left top no-repeat;}
.shipping .box_vantaggi {background: #ffffff url(../immagini_layout/immagini_logika/logika-shipping-vantaggi.png) left top no-repeat;}
.delivery .box_vantaggi{background: #ffffff url(../immagini_layout/immagini_logika/logika-delivery-vantaggi.png) left top no-repeat;}
/* indicatore di lista in .box_vantaggi */
.index .box_vantaggi ul li{background-image: url(../immagini_layout/immagini_logika/logika-index-lista.png);}
.maps .box_vantaggi ul li{background-image: url(../immagini_layout/immagini_logika/logika-maps-lista.png);}
.in_out .box_vantaggi ul li{background-image: url(../immagini_layout/immagini_logika/logika-in_out-lista.png);}
.process .box_vantaggi ul li{background-image: url(../immagini_layout/immagini_logika/logika-process-lista.png);}
.polar .box_vantaggi ul li{background-image: url(../immagini_layout/immagini_logika/logika-polar-lista.png);}
.picking .box_vantaggi ul li{background-image: url(../immagini_layout/immagini_logika/logika-picking-lista.png);}
.shipping .box_vantaggi ul li{background-image: url(../immagini_layout/immagini_logika/logika-shipping-lista.png);}
.delivery .box_vantaggi ul li{background-image: url(../immagini_layout/immagini_logika/logika-delivery-lista.png);}
.automation .box_vantaggi ul li{background-image: url(../immagini_layout/immagini_automation/automation-lista.png);}
/* indicatore di lista in .dettagli */
.index .dettagli ul li{background-image: url(../immagini_layout/immagini_logika/logika-index-lista-interna.png);}
.maps .dettagli ul li{background-image: url(../immagini_layout/immagini_logika/logika-maps-lista-interna.png);}
.in_out .dettagli ul li{background-image: url(../immagini_layout/immagini_logika/logika-in_out-lista-interna.png);}
.picking .dettagli ul li{background-image: url(../immagini_layout/immagini_logika/logika-picking-lista-interna.png);}
.process .dettagli ul li{background-image: url(../immagini_layout/immagini_logika/logika-process-lista-interna.png);}
.picking .dettagli ul li{background-image: url(../immagini_layout/immagini_logika/logika-picking-lista-interna.png);}
.shipping .dettagli ul li{background-image: url(../immagini_layout/immagini_logika/logika-shipping-lista-interna.png);}
.delivery .dettagli ul li{background-image: url(../immagini_layout/immagini_logika/logika-delivery-lista-interna.png);}
.automation .dettagli ul li{background-image: url(../immagini_layout/immagini_automation/automation-lista-interna.png);}
/*==============*/

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

#intestazione { 
	width: 940px;
	height: 120px;
	padding-top: 25px;
	background-color: #FFFFFF;
	}
	
	/*== loghi ==*/
	#intestazione h1 {
		padding: 6px 25px 6px 25px; /* larghezza tot: 234+25+1 = 260 px */
		border-right: 1px solid #666666;
		margin-bottom: 20px;
		width: 215px;
		height: 43px;
		float: left;
		position: relative;
		}
		
	#intestazione h2 a {display: block; width: 148px; height: 31px;}
	#intestazione h2 {float: left; position: relative;width: 148px; height: 31px; margin: 10px 10px 0px 20px;}
	#intestazione span {position:absolute; left:0px;top:-1000px; width:1px;height:1px;overflow:hidden;}
	#intestazione h2.logika a{background: url(../immagini_layout/logo-logica-inattivo.png) left top no-repeat;}	
	#intestazione h2.automation a{background: url(../immagini_layout/logo-automation-inattivo.png) left top no-repeat;}	
	#intestazione h2.logika a.attivo, #intestazione h2.logika a:hover {background: url(../immagini_layout/logo-logica-attivo.png) left top no-repeat;}	
	#intestazione h2.automation a.attivo, #intestazione h2.automation a:hover {background: url(../immagini_layout/logo-automation-attivo.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;
		margin: 0px;
		padding: 10px 0px 0px 25px; /* altezza totale 36 px */
		font-family: Arial;
		font-size: 11px;
		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;}
			ul.navigazione_principale li a:hover, ul.navigazione_principale li a.attivo {text-decoration: underline;} 
		
/*=====================================================================*/
/* INTRODUZIONE */ 
/*=====================================================================*/

#introduzione { 
		width: 260px;
		height: 336px;
		float: left;
		border-bottom: 2px solid #B3B3B3;
		background-color: #FFFFFF;
		padding: 0px;
		margin: 0px;
		list-style: none;
		}
		
		#introduzione li {
			width: 260px;
			height: 42px;
			padding: 0px;
			margin: 0px;
			}
			
		#introduzione li a {
			display: block;
			height: 42px;
			line-height: 42px;
			width: 145px; 
			padding-left: 55px; /* larghezza tot 200px */
			margin: 0px;
			color: #333333;
			}
			
			#introduzione li a.attivo {padding-right: 60px;} /* aumento larghezza per far "apparire" rettangolo di collegamento con #presentazione */

/*================================================================================*/
/*  PRESENTAZIONE  */
/*================================================================================*/

#presentazione {
	float: left;
	width: 680px;
	height: 338px;
	margin: 0px;
	padding: 0px;
	}
	
	#presentazione img {height: 338px;}

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

.contenuto { 
	width: 940px;
	height: auto !important;
	min-height: 300px;
	height: 300px;
	clear: left;
	padding: 20px 0px 0px 0px;
	background-color: #FFFFFF;
	}
	
	.contenuto:after {
		content: ".";
		height: 0;
		visibility: hidden;
		clear: both;
		display: block;
		}
	
	.contenuto h2 {
		width: 240px;
		height: 29px;
		padding: 5px 30px 0px 20px;
		float: left;
		}
		
	.contenuto p {
		margin: 0px 0px 0px 0px;
	}
		
		#pdf {
			float: left;
			text-decoration: underline;
			font-style: italic;
			position: relative;
			left: 35px;
			margin-top: 12px;
			}
			
		#esperienza {
			float: left;
			font-size: 11px;
			font-family: Arial;
			position: relative;
			left: 335px;
			margin-top: 15px;
			}
			
	.box_vantaggi {
		width: 260px;
		clear: left;
		float: left;
		height: auto !important;
		min-height: 215px;
		height: 215px;
		margin-top: 20px;
		}	
		
		h5 {width:240px; height: 25px; padding: 5px 0px 2px 20px; font-weight: bold; font-size: 16px;font-family: Arial;color: #FFFFFF;}	
		.box_vantaggi ul {padding: 20px 0px 0px 0px; margin: 0px; color: #000000; list-style: none;}
			.box_vantaggi ul li {padding: 0px 5px 10px 15px;background-position: 5px 7px;background-repeat: no-repeat;}
		
	.dettagli {
		float: left;
		width: 620px;
		padding: 0px 30px 10px 30px;
		margin-top: 20px;
		}
		
		.dettagli h3 {font-size: 18px; font-style: italic; height: 25px; padding-top: 5px;color: #000000;}
		.dettagli h4 {font-size: 14px; margin: 25px 0px 0px 0px; font-weight: normal;}
		.dettagli ul {margin-top:10px; list-style: none;}
		.dettagli ul li {margin:5px 0px;padding-left: 15px;background-position: 3px 5px;background-repeat: no-repeat;}
		
		
		/*================*/
		/*== AUTOMATION ==*/
		/*================*/
		h3.intro_automation {
			padding: 20px 0px 0px 15px;
			border-top: 2px solid  #E2001A;
		}
		
		p.intro_automation {
			font-size: 18px;
			font-family: Georgia;
			font-style: italic;
			color: #1A1A1A;
			padding: 0px 0px 0px 15px;
		}
		
		p.intro_contenuto_automation {
			width: 220px;
			clear: left;
			font-size: 18px;
			font-family: Georgia;
			font-style: italic;
			color: #1A1A1A;
			padding: 20px 0px 0px 15px;
			margin: 0px;
		}

		.automation .box_vantaggi {
			clear: left;
			float: left;
			height: auto !important;
			min-height: 215px;
			height: 215px;
			margin-top: 20px;
			background: #ffffff url(../immagini_layout/immagini_automation/automation-vantaggi.png) left top no-repeat;
			}	
			
		.automation .dettagli {
			margin-top: -180px;
		}
		
		ul.lista_automation {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
		ul.lista_automation li {
			margin: 0px;
			padding: 0px 0px 0px 10px;
			color: #1A1A1A;
			background: url(../immagini_layout/immagini_automation/automation-lista-interna.png) left center no-repeat;
		}	
		/*==================*/
		/*== / AUTOMATION ==*/
		/*==================*/
		
/*=====================================================================================*/
/*  FOOTER  */
/*=====================================================================================*/
h6.footer {
	height: 15px;
	clear: left;
	font-family: Arial;
	font-size: 11px;
	background: #E6E6E6;
	padding: 10px 0px 10px 30px;
	margin: 0px;
	color: #666666;
	}