@import url("css_museo_virtuale_inconsapevolezza_quotidiana/normalize_museo_virtuale_inconsapevolezza_quotidiana.css");
@import url("css_museo_virtuale_inconsapevolezza_quotidiana/main_museo_virtuale_inconsapevolezza_quotidiana.css");
/*-------------------OFFLIMITS*/



@media only screen and (max-height: 700px) {
    /* Style adjustments for viewports that meet the condition */
#index_logo{ 
	width:300px; 
	height:300px; 
	margin:0 0 0 0;
}

}

@media screen and (max-width:1199px) {
	
#psiche > img, #organismo > img, #sensorialita > img{
	width:40%;
/*	height:830px;
*/	}	
	
	#psiche_quadro1{
		left:100px;
		top:200px; 
		}
		
	#psiche_quadro2{
		left:500px;
		top:500px;
		}

	#organismo_quadro1, #sensorialita_quadro1{
		left:20px;
		top:198px;
		}
		
	#organismo_quadro2, #sensorialita_quadro2{
		left:500px;
		top:350px;
		}

	#organismo_quadro3, #sensorialita_quadro3{
		left:80px;
		top:500px;
		}
		
	#organismo_quadro4, #sensorialita_quadro4{
		left:500px;
		top:650px;
		}
		.individuo_copertine1{
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/individuo_copertina1_mvin1366.png) no-repeat top left #f00 !important;
			width:220px;
			padding:20px 35px 20px 70px;
			}
	
}



/*-------------------GENERAL STYLE*/
#menu_visita{color:#ff5000 !important;}
body{background-color:#fff;}

#relazioni{ 
	width:570px;
	height:550px;
	top:53%;
	left:0;
	margin:-340px 0 0 -20px;
	}
	
.sfondo_relazioni1{
	background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_sfondo1_mvin.png) no-repeat top left;
}
	
.sfondo_relazioni2{
	background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_sfondo2_mvin.png) no-repeat top left;
}
	
.sfondo_relazioni3{
	background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_sfondo3_mvin.png) no-repeat top left;
}

.sfondo_relazioni4{
	background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_sfondo4_mvin.png) no-repeat top left;
}
	


	
/* ==========================================================================
   Layout parte sinistra - indicazioni generali
   ========================================================================== */

#visita_palla_mangiare, #visita_palla_individuo, #visita_palla_societa, #visita_palla_territorio, #visita_palla_cibo, #visita_palla_organismo, #visita_palla_sensorialita, #visita_palla_psiche, #visita_palla_storia, #visita_palla_attualita{
	cursor:pointer;
	top:53%;
	overflow:hidden;
	}

#visita_palla_individuo, #visita_palla_societa, #visita_palla_territorio{
	width:87px;
	height:89px;
	}

#visita_palla_cibo, #visita_palla_organismo, #visita_palla_sensorialita, #visita_palla_psiche, #visita_palla_storia, #visita_palla_attualita{
	width:59px;
	height:69px;
	}


#visita_palla_mangiare{
	width:142px;
	height:157px;
	left:180px;
	margin:-132px 0 0 0;
	background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_mangiare.png) no-repeat top left;
	}
	

	#visita_palla_individuo{
		left:121px;
		margin:-202px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_individuo.png) no-repeat top left;
		}

		#visita_palla_organismo{
			left:55px;
			margin:-279px 0 0 0;
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_organismo.png) no-repeat top left;
			}
			
		#visita_palla_psiche{
			left:215px;
			margin:-279px 0 0 0;
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_psiche.png) no-repeat top left;
			}
			
		#visita_palla_sensorialita{
			left:55px;
			margin:-109px 0 0 0;
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_sensorialita.png) no-repeat top left;
			}
		
		
		
	#visita_palla_societa{
		left:328px;
		margin:-104px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_societa.png) no-repeat top left;
		}
	
		#visita_palla_storia{
			left:420px;
			margin:-181px 0 0 0;
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_storia.png) no-repeat top left;
			}

		#visita_palla_attualita{
			left:420px;
			margin:-19px 0 0 0;
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_attualita.png) no-repeat top left;
			}

	
	#visita_palla_territorio{
		left:121px;
		margin:-24px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_territorio.png) no-repeat top left;
		}
		
		#visita_palla_cibo{
			left:55px;
			margin:69px 0 0 0;
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/palla_cibo.png) no-repeat top left;
			}
		
		

#visita_relazioni_mangiare_individuo, #visita_relazioni_mangiare_territorio, #visita_relazioni_mangiare_societa, #visita_relazioni_individuo_psiche, #visita_relazioni_individuo_organismo, #visita_relazioni_individuo_sensorialita, #visita_relazioni_territorio_cibo, #visita_relazioni_societa_storia, #visita_relazioni_societa_attualita{
	background-color:#444;
	top:53%;
	}

#visita_relazioni_mangiare_individuo, #visita_relazioni_mangiare_territorio, #visita_relazioni_individuo_psiche, #visita_relazioni_individuo_organismo, #visita_relazioni_individuo_sensorialita, #visita_relazioni_territorio_cibo, #visita_relazioni_societa_storia, #visita_relazioni_societa_attualita{
	width:0px;
	height:0px;
	}
	
	#visita_relazioni_mangiare_individuo{
		left:242px;
		margin:-70px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_grande2_mvin.png) no-repeat top left;
		}

	#visita_relazioni_mangiare_territorio{
		left:242px;
		margin:-70px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_grande1_mvin.png) no-repeat top right;
		}

	#visita_relazioni_mangiare_societa{
		width:0px;
		height:44px;
		margin:-92px 0 0 0;
		left:242px;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_grande3_mvin.png) no-repeat top left;
		}
		
	#visita_relazioni_individuo_organismo{
		left:165px;
		margin:-158px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_piccole2_mvin.png) no-repeat top left;
		}

	#visita_relazioni_individuo_psiche{
		left:165px;
		margin:-158px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_piccole1_mvin.png) no-repeat top right;
		}

	#visita_relazioni_individuo_sensorialita{
		left:165px;
		margin:-158px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_piccole1_mvin.png) no-repeat top right;
		}
		
	#visita_relazioni_societa_storia{
		left:372px;
		margin:-70px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_piccole1_mvin.png) no-repeat top right;
		}

	#visita_relazioni_societa_attualita{
		left:372px;
		margin:-70px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_piccole2_mvin.png) no-repeat top left;
		}
		

	#visita_relazioni_territorio_cibo{
		left:165px;
		margin:18px 0 0 0;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/relazioni_piccole1_mvin.png) no-repeat top right;
		}


/* ==========================================================================
   Layout parte destra - indicazioni generali
   ========================================================================== */
#visita_percorso_museale{
	width:31px;
	height:550px;
	top:50%;
	left:40%;
	margin:-340px 0 0 -15px;
	overflow:hidden;
	}
	
#lv1_grafica_percorso{
	width:31px;
	height:550px;
	margin:0;
	background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/sfondo_lv1_percorso_mvin.png) no-repeat top left;
	}

	#lv2_grafica_percorso{
		width:31px;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/sfondo_lv2_percorso_mvin.png) no-repeat top left;
		}


#l_t_percorso{
	top:-550px;
	padding:0;
	margin:0;
	}
	
	.l_t_pallino{
		cursor:pointer;
		width:31px;
		height:19px;
		}
		
		
	.l_t_passo1, .l_t_passo2, .l_t_passo3, .l_t_passo4, .l_t_passo5, .l_t_passo6, .l_t_passo7, .l_t_passo8, .l_t_passo9, .l_t_passo10, .l_t_passo11{
		width:1px;
		margin:0;
		}

	.l_t_passo1{height:25px;}
	.l_t_passo2{height:24px;}
	.l_t_passo3{height:25px;}
	.l_t_passo4{height:23px;}
	.l_t_passo5{height:25px;}
	.l_t_passo6{height:24px;}
	.l_t_passo7{height:25px;}
	.l_t_passo8{height:24px;}
	.l_t_passo9{height:25px;}
	.l_t_passo10{height:24px;}
	.l_t_passo11{height:25px;}
		
		



	#linea_temporale_inizio, #linea_temporale_fine{
		width:30px;
		height:25px;
		margin:10px 0 10px 0;
		}	
		

		.l_t_pallino:hover, .indicatore_linea_temporale{
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/timeline_hover2.png) no-repeat center center;
			}
			
	
/* ==========================================================================
   Layout parte destra - indicazioni generali
   ========================================================================== */
body > section{
	height:100%;
	width:60%;
	float:right;
	background-color:#fff;
	z-index:9;
	overflow:auto;
}   
   
#pre_visita, #visita_mangiare,
#visita_individuo, #visita_societa, 
#visita_territorio, #visita_relazioni, #visita_territorio{
	width:100%;
	margin:0 0 65px 0;
	background-color:#fff;
	padding:30px 0 0 0;
	min-height:100%;
	}

.visita_titolo_sezione{
	font-family: 'EB Garamond', sans-serif;
	width:74%;
	line-height:1.1em;
	font-size:2.2em;
	margin:10px 13% 0 13%;
	}

.visita_titolo_piccolino{
	font-size:0.7em;
	margin:50px 13% 0 13%;
	}

footer{
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:42%;
	width:56%;
	padding:10px 0 90px 0;
	z-index:999;
	background-color:#FFFFFF;
	}

.visita_pulsante_risorse{
	cursor:pointer;
	font-size:0.8em;
	height:50px;
	width:100%;
	}
	
	.visita_pulsante_risorse > div{
		height:1px;
		width:90%;
		margin:10px 5% 5px 5%;
		}
		
	.visita_pulsante_risorse > img{
		height:10px;
		width:10px;
		}


.tooltip_semplice{
	display:none;
	position:absolute;
	background-color:#ff5000;
	padding:5px;
	z-index:99999;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    5px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         5px 0px 10px 0px rgba(0, 0, 0, 0.3);
	font-size:0.8em;
	color:#FFFFFF;
	}

.condividi_contenuto{
	bottom:80px;
	left:20px;
	width:300px;
	height:30px;
	}
	
	.twitter-share-button{
		top:-20px;
		left:120px;
		}
	
	.google_plus{
		top:-40px;
		left:215px;
		}

/* Paragrafi principale IMPOSTAZIONI GENERALI*/

#pre_visita > p, #visita_mangiare > p, 
#introduzione_individuo, #introduzione_societa, #introduzione_territorio{
	width:74%;
	margin:30px 13% 0 13%;
	letter-spacing:1px;
	font-size:0.9em;
	line-height:1.8em;
	text-align:justify;
	}


/* =========================================================================
  Configurazione PRE VISITA
   ========================================================================== */
#pre_visita > img{
	width:100%;
	}
	   

/* ==========================================================================
   PARTE DESTRA - IL MANGIARE
   ========================================================================== */

#visita_mangiare .visita_titolo_piccolino{
	font-size:0.7em;
	margin:30px 15% 0 15% !important;
	}

/* ==========================================================================
   PARTE DESTRA - ORGANISMO -psiche
   ========================================================================== */

#visita_individuo .visita_titolo_piccolino{
	margin:30px 15% 0 15% !important;
	}
	
#psiche > img, #organismo > img, #sensorialita > img{
	width:42%;
	}	
	
	#psiche_quadro2{
		left:420px;
		top:440px;
		}

	#psiche_quadro1, 
	#organismo_quadro1, 
	#sensorialita_quadro1{
		left:55px;
		top:195px;
		}
		
	#organismo_quadro2, #sensorialita_quadro2{
		left:410px;
		top:340px;
		}

	#organismo_quadro3, #sensorialita_quadro3{
		left:45px;
		top:470px;
		}
		
	#organismo_quadro4, #sensorialita_quadro4{
		left:415px;
		top:560px;
		}
		
		.individuo_contenuti{
			padding:20px 20px 20px 20px;
			text-align:justify;
			font-size:0.8em;
			line-height:1.6em;
			width:320px;
			}
			
		.individuo_contenuti span.f_rosa_scuro{
			font-size:3.1em;
			line-height:0.2em;
			display:inline-block;
			overflow:hidden;
			height:15px;
			}
			
	
		.individuo_copertine1, .individuo_copertine2, .individuo_copertine3, .individuo_copertine4{
			cursor:pointer;
			font-size:1em ;
			line-height:1em;
			height:105px;
			display:table-cell;
			vertical-align:middle;
			}
	
		.individuo_copertine1{
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/individuo_copertina1_mvin1366.png) no-repeat top left;
			width:220px;
			padding:10px 35px 10px 65px;
			}
			
		.individuo_copertine2{
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/individuo_copertina2_mvin1366.png) no-repeat top left;
			width:230px;
			padding:10px 70px 10px 30px;
			}

		.individuo_copertine3{
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/individuo_copertina3_mvin1366.png) no-repeat top left;
			width:170px;
			padding:10px 85px 10px 65px;
			}
			
		.individuo_copertine4{
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/individuo_copertina4_mvin1366.png) no-repeat top left;
			width:220px;
			padding:10px 65px 10px 35px;
			}
			

	
#introduzione_individuo{
	letter-spacing:1px;
	font-size:0.9em;
	line-height:1.8em;
	text-align:justify;
	}


/* =====  VISITA RIFERIMENTI  */



.visita_notazioni{
	right:0;
	top:0;
	min-height:600px;
	max-height:80%;
	}

	
	.icona_espandi_riduci_notazioni{
		height:70px;
		width:70px;
		margin:0 0 0 5px;
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/visita_riferimenti_mvin.png) no-repeat center center #fff;
		-webkit-border-radius: 10px 0 0 10px;
		border-radius: 10px 0 0 10px;
		-webkit-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:    -5px 0px 10px 0px rgba(0, 0, 0, 0.3);
		box-shadow:         -5px 0px 10px 0px rgba(0, 0, 0, 0.3);
		z-index:11119;
		cursor:pointer;
		}
		
		.icona_espandi_riduci_notazioni > img{
			-webkit-border-radius: 10px 0 0 10px;
			border-radius: 10px 0 0 10px;
			width:100%;
			height:100%;
			}


.visita_elenco_note{
	width:740px;
	margin:30px;
	min-height:540px;
	height:540px;
	overflow:auto;
	}

.contenitore_risorse_link{
	font-size:0.6em;
	line-height:1.4em;
	letter-spacing:1px;
	border-radius: 0 0 0 10px;
	-webkit-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    -5px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         -5px 0px 10px 0px rgba(0, 0, 0, 0.3);
	z-index:11111;
	background-color:#fff;
	overflow:hidden;
	}
	
	.contenitore_risorse_link a{
		color:#666;
		text-decoration:underline;}
	
		.contenitore_risorse_link a:hover{
			text-decoration:none;}
			
			
			
/* ==========================================================================
  Configurazione SOCIETA - STORIA 
   ========================================================================== */
#visita_societa .visita_titolo_piccolino{
	margin:30px 15% 0 15% !important;
	}
/* SCROLLBAR */

		::-webkit-scrollbar {width:0.8em;}
		::-webkit-scrollbar-track{border-radius:0.8em; background:#eee; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); height:10px;}
		::-webkit-scrollbar-thumb{border-radius:0.8em; background-color:rgba(200, 200, 200, 0.5);}  
		::-webkit-scrollbar-thumb:hover{background-color:rgba(255, 80, 0, 0.5)} 
		 
/* SCROLLBAR */
#visita_societa{
	width:100%;
	margin:0;
	background-color:#fff;
	padding:30px 0 0 0;
	}

.testo_societa{
	width:80%;
	padding:0 5% 0 5%;
	margin:30px 5% 0 5%;
	}

.testo_societa > p{
	font-size:0.9em;
	line-height:1.6em;
	text-align:justify;
	overflow:auto;
	height:300px;
	padding:0 20px 0 0;
	}


/* linea temporanea */


.bg1{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_1.jpg) no-repeat bottom left;}
.bg2{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_2.jpg) no-repeat bottom left;}
.bg3{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_3.jpg) no-repeat bottom left;}
.bg4{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_4.jpg) no-repeat bottom left;}
.bg5{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_5.jpg) no-repeat bottom left;}
.bg6{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_6.jpg) no-repeat bottom left;}
.bg7{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_7.jpg) no-repeat bottom left;}
.bg8{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_8.jpg) no-repeat bottom left;}
.bg9{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_9.jpg) no-repeat bottom left;}
.bg10{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/bg_10.jpg) no-repeat bottom left;}


#storia{
	height:650px; /*responsive*/
	overflow:hidden;
	}


#storia ul{ 
	padding:0 1% 0 4%; 
	margin:40px 4% 0 4%;
	width:86% !important;
	background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/sfondo_storia_mvin.png) repeat-x top left;
	height:100px;   
	display:inline-block;
	 } 

		#storia ul > li{ 
			height:100px;
			width:9%;
			background-color:#C09;
			border-right: 1px solid #fff;
			cursor:pointer;  
			margin: 0 0 0 1px;
			}

		#storia ul li > img{ width:100%; height:100px;}
	  
/*.storia_legenda_immagini{ 
	width:174px;
	color:#FF5000;
	position:relative;
	top:-50px;
	overflow:hidden;
	padding:5px;
	height:30px;
	background:#F63;
	}   
*/	

	.visita_storia_vuoto{ 
		background: none !important;
		cursor:default !important; 
		width:1% !important;  
		} 

	
/* .storia_testo_titolo{
	 position:relative;
	 top:130px; 
	 font-size:1.2em; 
	 text-align:left;
	 background:#3C0;
	  } */

/*Elemento sopra - JAVASCRIPT*/
#storia_img_colori{
	width:84px;
	height:120px;
	border:3px solid #fff;
	top:150px;
	background-color:#FFF;
	font-size:0.7em;
	text-align:center;
	cursor:pointer;
	position:absolute !important;
	}	

		/*ESCRITA ELEMENTI SOPRA*/
	
		#storia_scritta_hover{
			width:100px;
			padding:3px 0 3px 0;
			top:230px;
			background-color:#222;
			color:#FFF;
			font-size:0.7em;
			text-align:center;
			cursor:pointer;
			}	
	
.zoom_paleolitico{ background: url(../img_museo_virtuale_inconsapevolezza_quotidiana/paleolitico_c.jpg) no-repeat top center;}	
.zoom_neolitico{ background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/storia_neolitico_c.jpg) no-repeat top center;}
.zoom_mesopotamia{ background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/storia_mesopotamia_c.jpg) no-repeat top center;}
.zoom_egiziani{ background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/storia_egizi_c.jpg) no-repeat top center;}
.zoom_greci{ background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/storia_greci_c.jpg) no-repeat top center;}
.zoom_romani{ background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/storia_romani_c.jpg) no-repeat top center;}
.zoom_medioevo{ background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/storia_medioevo_c.jpg) no-repeat top center;}
.zoom_rinascimento{ background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/storia_rinascimento_c.jpg) no-repeat top center;}
.zoom_tempi_moderni{ background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/storia_tempi_moderni_c.jpg) no-repeat top center;}
.zoom_attualita{ background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/storia_attualita_c.jpg) no-repeat top center; width:}
	
	
/*FINE Elemento sopra - JAVASCRIPT*/

/* SOCIETà ATTULIATà*/	
#attualita1{
	margin:30px 0 0 0;
	letter-spacing:1px;
	font-size:0.9em;
	line-height:1.8em;
	text-align:justify;
	background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/gioco_parole_attualita_mvin.png) no-repeat left top;
	height:100%;
	overflow:hidden;
	}	
	
	#container{
		height:600px;
		width:100%;
		overflow:hidden;
		}
	
		#attualita_ipad{
			height:600px;
			width:1000px;
			background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/mani_ipad_attualita_mvin.png) no-repeat center top;
			margin:0 0 0 -50px;
			padding:50px 0 0 0;
			}	
			
			#attualita_contenuto_ipad{/*modificato*/
				width:420px;
				height:350px;
				position:relative;
				left:50%;
				margin:0 0 0 -220px;
				overflow:auto;
				font-size:0.9em;
				line-height:1.4em;
				}
				/*aggiunto*/
				#attualita_ipad_1 > h4{
					font-size:1.5em !important;
					color:#222;
					padding:70px 0 10px 0;
					font-family: 'EB Garamond', sans-serif;
					}				
				#attualita_ipad_2, #attualita_ipad_3{
					line-height:1.8em !important;  }
				
				#attualita_ipad_3{ padding:30px 0 0 0;}
				
			
		#attualita_dito img{
			margin:100px 0 0 650px;
			}
			
		#attualita_ipad_nav span{
			cursor:pointer;
			display:inline-block;
			padding:5px;
			background-color:#eee;
			text-align:center;
			width:30px;	
			-moz-box-shadow: 0 0 10px #828282;
			-webkit-box-shadow: 0 0 10px #828282;
			box-shadow: 0 0 10px #828282;	
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			margin:0 5px 0 5px;
			}
			
			#attualita_ipad_nav span:hover{
				background-color:#fff;
				}

	
/* =========================================================================
  Configurazione SOCIETA - TERRITORIO
   ========================================================================== */
#visita_territorio{
	padding:30px 0 0 0;
	min-height:100%;
	background-color:#FFFFFF;
	}

#visita_territorio .visita_titolo_piccolino{
	margin:30px 15% 0 15% !important;
	}
	   
 /* =========================================================================
  Configurazione TERRITORIO - CIBO
   ========================================================================== */
#cibo{
	padding:30px 60px 0 60px;
	height:100%;
   }
   
	#schema_cibo_copertina, #schema_cibo_relazioni, #schema_cibo_parole_chiave{
		position:relative;
		width:100%;
		top:0px;
		}

	#pulsante_mostra_relazioni{
		background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/schema_territorio_cibo_pulsante_1.png) center center no-repeat;
		left:50%;
		top:150px;
		width:160px;
		height:140px;
		margin:0 0 0 -80px;
		cursor:pointer;
		}
		
	#pulsante_mostra_relazioni:hover, #schema_cibo_icone_alte li:hover{
		opacity:0.8;
		}
		
		
	#schema_cibo_icone_alte{
		top:20px;
		left:500px;
		}
		
		#schema_cibo_icone_alte li{
			width:50px;
			height:50px;
			background-color:#fff;
			float:left;
			margin:0 20px;
			cursor:pointer;
			}
	
#pulsante_t_relazioni{background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/schema_territorio_icona_relazioni.png) no-repeat center center;}
#pulsante_t_parolechiave{background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/schema_territorio_icona_parolechiave.png) no-repeat center center;}
#pulsante_t_approfondimenti{background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/schema_territorio_icona_approfondimenti.png) no-repeat center center;}
#pulsante_torna_inizio{background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/schema_territorio_icona_refresh.png) no-repeat center center;}
	
	
	
			
#ombra_gallery{
	background:url(../img_museo_virtuale_inconsapevolezza_quotidiana/sfondo_oscura_museo_virtuale_inconsapevolezza_quotidiana.png) repeat;
	cursor:pointer;
	}




#contenitore_slide{
	position:absolute;
	width:950px;
	height:460px;
	left:50%;
	margin:0 0 0 -485px;
	top:50px;
	border:solid 10px #fff;
	background-color:#eee;
	}

header#titolo_approfondimento{
	width:90%;
	padding:2% 0 30px 5%;
	}
	
	#titolo_approfondimento > h2{
		font-size:2.2em;
		font-family: 'EB Garamond', serif;
		text-transform:uppercase;
		line-height:1em;
		margin:0;
		color:#555;
		}

	#titolo_approfondimento > div{
		font-family: 'Oxygen', sans-serif;
		font-size:0.85em;
		margin:0 0 0 15px;
		color:#999;
		 }
	
	#indice_approfondimento{ padding:0 0 0 5%; overflow:auto;
}
	#indice_approfondimento > ul{
		float:left;
		width:35%;
		list-style-type:none;
		margin:0;
		padding:5px 0 5px 20px;
		border-right:solid 1px #4d4d4d;
		}
	#indice_approfondimento > ul li{
		margin:0;
		padding:0;
		line-height:1.8em;
		}

		#indice_approfondimento > ul li h2{
			color:#662d91;
			text-decoration:none;
			font-size:1.2em;
			}


		#indice_approfondimento > ul li hgroup h3{
			font-size:0.9em;
			margin:0 0 0 20px;
			}

		#indice_approfondimento > ul li hgroup h3 a{
			color:#222;
			opacity:0.65;
			}
		#indice_approfondimento > ul li hgroup h3 a:hover{
			opacity:1;
			}
			
	#processi_di_produzione{
		font-size:1.1em !important;
		text-align:center;
		text-transform:uppercase;
		margin:0 0 0 20px;
		}
	
	#paragrafi_approfondimenti{
	overflow:auto;
	height:310px;
	width:50%;
	padding:0 5% 0 5%;
	float:left;
	text-align: justify;
	line-height:1.6em;
	font-size:0.8em;
	margin:0 0 0 20px;
	}
	
	
	#paragrafi_approfondimenti > h3{
		padding:30px 0 10px 0;
		font-size:1em;
		font-weight:700;
		}

.uno{ width:30px; margin:0 0 0 0;}