/*
Theme Name:     Enfold child Casa
Theme URI:      http://example.com/
Description:    Tema Child per il tema Enfold
Author:         Clara Fagnola
Author URI:     
Template:       enfold
Version:        0.0.1
Ultima modifica: 12/04/2024
*/

.main_color strong,  .main_color b {
    color: #1c2024;
}

/* INIZIO - Nuovi */

/* Erano nel CSS rapido */

.iconbox .iconbox_content .iconbox_content_title {
    text-transform: capitalize;
}

#top .scroll-down-link {
    color: #f7bb5f;
}

.avia_message_box_content {
    text-transform: capitalize;
}

.av-tab-section-image {
    height: 45px;
}
.av-tab-with-image .av-inner-tab-title {
    height: 30px;
}

/* FINE - Nuovi */


/* INIZIO - Box per inserire il navigatore in casa-navigatore.php */

#div_barra2 {
	border-bottom:1px solid #999999;
	width: 100%;
	height: 35px;
	background-color: #787979;
	float: left;
}

#div_barra_contenitore_anteprima2 {
	border-bottom:1px solid #aaaaaa;
	width: 100%;
	height: 35px;
	background-color: #aaaaaa;
	float: left;
}

#div_barra_titolo2 {
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 15;
	width:80%;
	float: left;
	color: white;
}

#div_barra_chiudi2 {
	float: left;
	padding-top: 4px;
	width: 20%; 
	height: 34px;
}

#div_riga_bottoni {
		text-align: center;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:4px;
}

#div_navigatore2 {
		margin-left:auto;
		margin-right:auto;
		clear: left;
		z-index: -100;
	}

#div_bottone_chiudi2 {
	background-image:url('/wp-content/themes/enfold-child-casa/img/btn_close.png');
	width: 24px;
	height: 24px;
	float: right;
	background-color: #787979; 
    cursor: pointer;
    border: 1px solid #787979;
	margin-right: 15;
}

/* FINE - Box per inserire il navigatore in casa-navigatore.php */

/* INIZIO - Gif animata per il caricamento del navigatore in casa-navigatore.php */
#img_loading2 {
		margin-left:auto;
		margin-right:auto;
		text-align: center;
}

#centra_gif2 {
		margin-left:auto;
		margin-right:auto;
		width: 60px;
		margin-top: 200px;
}


/* FINE Gif animata */

/* Indica all'inizio della schermata qual è il Comune in casa-risposta.php */
#div_comune2 {
	display: inline-block;
	clear: both;
	font-size: 15;
	padding-top: 15px;
}

#div_comune_mobile2 {
	display: none;
}

/* Indica i pericoli trovati in casa-risposta.php */
#div_trovati2  {
	clear: both;
	float: left;
	width: 100%;
	font-weight: bold;
	background: linear-gradient(90deg, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 100%);
	margin-bottom: 30px;
	padding-left: 15px;
}

/* INIZIO - Indica i pericoli NON trovati in casa-risposta.php */
#div_non_trovati2  {
	clear: both;
	float: left;
	width: 100%;
	font-weight: bold;
	background: linear-gradient(90deg, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 100%);
	margin-top: 5px;
	margin-bottom: 30px;
	padding-left: 15px;
}

/* INIZIO - Scheda completa del pericolo  */
#div_pericolo2 {
	position: relative;
	width: 100%;
	min-height: 80px;
	clear: both;
}
/* FINE - Scheda completa del pericolo  */

#spazio_verticale {
	width: 100%;
	height: 10px;
	float: left;
	clear: both;
}

/* INIZIO - DIV per aprire la Mappa del pericolo selezionato in casa-risposta.php */
#div_vedi2 {
	color: #1c2024;
	padding: 5 15 5 15px;
	text-align: center;
	cursor: pointer;
	
}

/* INIZIO - Scheda completa della descrizione approfondita del tipo di pericolo in casa-risposta.php*/
#div_descrizione1, #div_descrizione2, #div_descrizione3, #div_descrizione4, #div_descrizione5, #div_descrizione6 {
	clear: both; 
	background-color: eeeeee;
	border: 1px solid #cccccc;
	display: none;
}

#div_titolo2 {
	clear: both;
	background-color: #dddddd;
	border-bottom: 1px solid #cccccc;
	padding: 2 0 2 15px;
	float:left;
	width: 80%;
	font-weight: bold;
}

#div_chiudi1, #div_chiudi2, #div_chiudi3, #div_chiudi4, #div_chiudi5, #div_chiudi6 {
	color: #777777;
	background-color: #dddddd;
	text-align:right;
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
	float:right;
	width: 20%;
	float: left;
	padding-top: 2px;
	height: 28px;
}

#div_chiudi1:hover, #div_chiudi2:hover, #div_chiudi3:hover, #div_chiudi4:hover, #div_chiudi:hover5, #div_chiudi6:hover {
	background-color: #eeeeee;
}

#div_bottone_chiudi_pic2 {
	float: right;
	height: 22px;
	width: 22px; 
	background-image:url('/wp-content/themes/enfold-child-casa/img/btn_close_3.png');
	cursor: pointer;
	margin-right: 15px;
    border-radius: 0px;
}

/* FINE Scheda completa della descrizione approfondita del tipo di pericolo in casa-risposta.php*/

/* INIZIO - Div per chiudere la mappa delle risposte */
#div_bottone_chiudi_anteprima_pic2 {
	float: right;
	height: 24px;
	width: 24px; 
	background-color: #aaaaaa;
	background-image:url('/wp-content/themes/enfold-child-casa/img/btn_close_2.png');
	cursor: pointer;
	border: 1px solid #aaaaaa;
	margin-right: 15px;
    border-radius: 0px;
    margin-top: 4px;
    padding-top: 2px;
}

/* Da togliere quando metto in prod  $$$$ */
/*
#div_bottone_chiudi_anteprima_pic2:hover {
	float: right;
	height: 24px;
	width: 24px; 
	background-color: #aaaaaa;
	background-image:url('/wp-content/themes/enfold-child-casa/img/btn_close_2.png');
	cursor: pointer;
	border: 1px solid #aaaaaa;
	margin-right: 15px;
    border-radius: 0px;
    margin-top: 4px;
    padding-top: 2px;
}
*/

/* FINE - Div per chiudere la mappa delle risposte */

/* INIZIO - Div per la descrizione approfondita del tipo di pericolo */
#div_testo2 {
	clear: both; 
	padding: 10 10 10 15px;
}
/* FINE - Div per la descrizione approfondita del tipo di pericolo */


/* INIZIO - Sezione Storia */
#div_titolo_storia2   {
	clear: both;
	float: left;
	width: 100%;
	font-weight: bold;
	background: linear-gradient(90deg, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 100%);
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 15px;
}

#div_freccia2  {
	clear: both;
	float: left;
	padding-left: 15px;
	padding-top: 6;
}

#div_nome_comune2 {
	padding-bottom: 15px;
	padding-left:10px;
	float:left;
}
/* FINE - Sezione Storia */

/* INIZIO - Sezione che carica il navigatore al premere del tasto Mappa */
#div_navigatore_anteprima2 {
	width: 100%;
	height: 100%;  /* ++++ */
	margin-left:auto;
	margin-right:auto;
	clear: both;
	z-index: 3000;
	display: none;
	margin-top: 0px;
}

#div_risultati2 {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	background-color: ffffff;
	clear: both;
	position: absolute;
	left: 0px;
	right: 0;
	top: 90px;
	z-index: 1000;
	height: auto;
	display: none;
}

#div_barra_anteprima2 {
	border-bottom:1px solid #aaaaaa;
	width: 80%;
	height: 35px;
	background-color: #aaaaaa;
	color: white;
	float: left;
}

#div_barra_titolo_anteprima2 {
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 15;
}

#div_chiudi_anteprima2 {
	border-bottom:1px solid #aaaaaa;
	width: 20%;
	height: 35px;
	background-color: #aaaaaa;
	float: right;
	text-align: right;
	cursor: pointer;
}

#iframe_navigatore_anteprima2 {
	width:100%;
	height: 92%;  /* prova ++++ ex. 763px */
}
/* FINE - Sezione che carica il navigatore al premere del tasto Mappa */

/* INIZIO - Div che carica le schede dei pericoli NON trovati */
#div_descrizione_no1, #div_descrizione_no2, #div_descrizione_no3, #div_descrizione_no4, #div_descrizione_no5, #div_descrizione_no45  {
	clear: both; 
	background-color: eeeeee;
	border: 1px solid #cccccc;
	display: none;
}

#div_titolo_no {
	clear: both;
	background-color: #dddddd;
	border-bottom: 1px solid #cccccc;
	padding: 2 0 2 15px;
	float:left;
	width: 80%;
	font-weight: bold;
}
/* Sfondo dietro il bottone "Chiudi" per i pericoli non trovati */
#div_chiudi_no1, #div_chiudi_no2, #div_chiudi_no3, #div_chiudi_no4, #div_chiudi_no5, #div_chiudi_no45  {
	color: #777777;
	background-color: #dddddd;
	text-align:right;
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
	float:right;
	width: 20%;
	float: left;
	padding-top: 2px;
	height: 28px;
}

#div_testo_no2 {
	clear: both; 
	padding: 10 10 10 15px;
}

/* FINE - Div che carica le schede dei pericoli NON trovati */
/* INIZIO - Pagine Protezione Civile ed Eventi Storici */

/* Per la lista dei comuni */
#top .av-iconlist-small article.article-icon-entry {
	height: 32px;
}

/* Tab per la Mappa Vda */
#av-tab-section-1-2 {
	padding-top: 40px;
	padding-bottom: 10px;
}

/* Per pagina Protezione Civile */
#div_mappa_pc {
	width: 1310px;
	height: 770px;
	/*background-color: #ff00b3;*/
	margin-top: -35px;
	margin-bottom:-35x;
	clear: left;
	z-index: -100;
}

#iframe_mappa_pc {
	width: 1310px;
	height: 770px;
}

#legenda_pc {
	background-color:#cccccc;
	float:left;
	width:173px;
	height:77px;
	position: absolute;
	top: 610px;
	margin-left: 720px;
}

/* Per pagina Eventi Storici */
#div_mappa_es {
	width: 1310px;
	height: 770px;
	/*background-color: #00ffc8;*/
	margin-top: -35px;
	margin-bottom:-35x;
	clear: left;
	z-index: -100;
}

#iframe_mappa_es {
	width:1310px;
	height: 770px;
}

#top .av-section-tab-title {
    color: #888888 !important;
}


#div_introduzione {
	color: #888888;
	font-size:16px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#footer {
    padding: 0px 0px 0px 0px !important;
    z-index: 1;
}

/* Riduce al minimo l'altezza del copyright */
#socket .container {
	padding-top: 0px;
	padding-bottom: 0px;
}

#socket .copyright {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	width: 100%;
}

/* ------ Legenda Navigatore Anteprima ----------------------- */

#div_chiudi_legenda {
	border-bottom:1px solid #999999;
	width: 20%;
	height: 35px;
	background-color: #dddddd;
	float: right;
	text-align: right;
	cursor: pointer;
}

#div_display_legenda {
	width: 100%;
	height: 310px;
	background-color: #ffffff;
	padding-top: 50px;
	padding-left: 20px;
}

/* Toglie il margine bianco */
.avia-section.av-4z2f2-d90cb30bcabdd2f1509085632a64a488 {
	margin-bottom: 0px !important;
}

#div_categoria2 {
	float: left;
	font-weight: bold;
}

#div_categoria_mobile2 {
	display: none;
}

#div_titolo_no_pericolo2 {
	float: left;
	font-weight: bold;
}

#div_titolo_no_pericolo_mobile2 {
	display: none;
}

#div_comune_mobile2 {
	display: none;
}

#div_categoria_mobile_laterali2 {
	display: none;
}


/* ------------------------------------------------------------------- */
/*                           >= 1310 px                                */
/* ------------------------------------------------------------------- */
@media only screen and (min-width: 1310px) {
	
	/*---------- Template navigatore --------------*/
	
	/* Tira su i risultati dei pericoli */
	#top .av-default-height-applied .avia-slideshow-inner {
		margin-top: -50;
	}
	
	.html_boxed #main {
		overflow: visible;
	}
	
	/* Alza il contneuto verso il titolo */
	.content {
		padding-bottom: 20px;
	}
	
	/* Frase iniziale Cerca la tua casa sulla mappa */
	#div_introduzione {
		width: 92%; /* diff */
		
	}
	
	#div_riga_bottoni {
		width: 92%;
		height: 80px;
	}
	
	#div_spazio {
		width: 0.5%;
		height: 60px;
		float: left;
	}
	
	#div_navigatore2 {
		width: 92%;
		height: 700px;
	}
	
	#iframe_navigatore2 { /* 2 */
		width:1310px;
		height: 650px;
	}
	
	#div_navigatore_anteprima2 {
		clear: left;
		border: 1px solid aaaaaa;
		z-index: -100;
	}
	
	#div_risultati2 {
		top: 90px;
		height: auto;
		display: none;
	}
	
	#div_centrato2  {
		border:1px solid #787979; 
		width: 95%;
		margin-left:auto;
		margin-right:auto;
		background-color: #ffffff;
		margin-top: 25px;
		clear: both;
		height: auto;
		overflow: auto;
	}

	#div_chiudi {
		border-bottom:1px solid #787979;
		width: 10%;
		height: 35px;
		background-color: #cccccc;
		float: right;
		text-align: right;
		cursor: pointer;
	}
	
	#div_display2 {
		width: 100%;
		height: 880px;
		background-color: #ffffff;
	}
	
	#ol_spazio {
		margin-bottom: 0px;
	}
	/* FINE - Template Navigatore */
	
	/* INIZIO - Template Risposte */
	
	/* Tutto il div delle risposte */
	#div_page2 {
		width: 100%;
		height: 800px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* Div per il link alla pagina Legenda simboli */
	#div_legenda2 {
		float: right;
		font-size: 15px;
		text-decoration: underline;
		color: #ff9d00;
		padding-top: 15px;
		padding-bottom: 10px;
		/*background-color: pink;*/
	}
	/* Div che informa che non ci sono pericoli rilevati */
	#div_assenza {
		clear: both;
		float: left;
		padding-bottom: 30px;
		width: 100%;
		color: #5ca15d;
	}
	
	/* Div scheda di un non pericolo */
	#div_no_pericolo2 {
		position: relative;
		width: 25%;
		float: left;
		min-height: 70px;
		padding-bottom: 20px;
	}
	
	/* INIZIO - Posizione dell'icona colorata in base al pericolo */
	/* Posizione e immagine del pericolo */
	#div_immagine2 {
		position: absolute;
	}
	
	#div_immagine_no_pericolo2 {
		position: absolute;
	}
	
	#img_categoria2 {
		width: 91px;
		height:91px;
		float: left;
	}
	/* Posizione e immagine dell'cona colorata del pericolo */
	#div_icona2 {
		position: absolute;
		left: 50px;
		z-index: 2000;
	}
	#img_pericolo2 {
		width: 32px;
		height:27px;
		z-index: 2000;
	}
	/* FINE - Posizione dell'icona colorata in base al pericolo */
	
	/* INIZIO - Descrizione del preicolo */
	#div_info2 {
		float: left;
		padding-left: 110px;
		height: auto;
	}
	
	#div_testi2 {
		float: left;
		width: 90%;
	}

	#div_descr2 {
		float: left;
	}
	/* FINE - Descrizione del preicolo */
	
	#div_info_no_pericolo2 {
		float: left;
		padding-left: 110px;
		height: 80px;
		width: 100%
	}
	
	#div_titolo_no_pericolo2 {
		width: 100%
	}
	/******************************/
	
	#div_no_leggi2 {
		color: #5CA15D;
		float:left;
		padding-bottom: 10px;
		padding-top: 5;
		cursor: pointer;
		clear: both;
	}

	#div_bottone_mappa2 {
		float: right;
		height: auto;
		background-color: #eeeeee;
		border-radius: 5px;
		margin-top: 25px;
	}

	#div_bottone_mappa2:hover {
		background-color: #f8f8f8;
	}

	#div_bottone_mappa_no_pericolo2 {
		float: left;
		height: auto;
		background-color: #eeeeee;
		border: 1px solid #5CA15D;
		border-radius: 5px;
		margin-top: 5px;
	}

	#div_bottone_mappa_no_pericolo2:hover {
		background-color: #f8f8f8;
	}

	#div_info_no_pericolo2 {
		float: left;
		padding-left: 110px;
		height: 80px;
		width: 100%
	}
	
	#div_titolo_no_pericolo2 {
		float: left;
		width: 100%
	}
	
	/* Avvisa che il punto selezionato è fuori Valle */
	#div_fuori_valle {
		margin-left:auto;
		margin-right:auto;
		clear: both;
		z-index: 4000;
		width:60%;
		text-align: center;
		margin-top:60px;
		padding: 10 0 10 0px;
		font-weight: bold;
    	font-size: 15;
		line-height: 1.6;
	}
	
}

/* ------------------------------------------------------------------- */
/*              (ex 850)    1094 px - 1309 px                          */
/* ------------------------------------------------------------------- */
@media only screen and (min-width: 1094px) and (max-width: 1309px) {
	
	/*---------- Template navigatore --------------*/
	
	/* Tira su i risultati dei pericoli */
	#top .av-default-height-applied .avia-slideshow-inner {
		margin-top: -50;
	}
	
	.html_boxed #main {
		overflow: visible;
	}

	/* Alza il contneuto verso il titolo */
	.content {
		padding-bottom: 15px;
	}

	#div_introduzione {
		width: 92%;
		padding-left: 9px;
	}

	#div_riga_bottoni {
		width: 92%;
		height: 60px;
	}
	
	#div_spazio {
		width: 0.5%;
		height: 60px;
		float: left;
	}
	
	#ol_spazio {
		margin-bottom: 0px;
	}
	
	#div_navigatore2 {
		width: 92%;
		height: 700px;
	}
	
	#iframe_navigatore2 { /* 3 */
		top: 240;
		bottom: 0; 
		width: 100%;
		height: 650px;
	}

	#div_risultati2 {
		top: 60px;
		height: auto;
		display: none;
	}
	
	#div_centrato2  {
		border:1px solid #787979; 
		width: 95%;
		margin-left:auto;
		margin-right:auto;
		background-color: #ffffff;
		margin-top: 25px;
		clear: both;
		height: auto;
	}

	#div_chiudi {
		border-bottom:1px solid #787979;
		width: 10%;
		height: 35px;
		background-color: #cccccc;
		float: right;
		text-align: right;
		cursor: pointer;
	}
	
	#div_display2 {
		width: 100%;
		height: 880px;
		background-color: #ffffff;
	}
	
	/*---------- Template risposte ----------------*/
	
	#div_page2 {
		width: 100%;
		height: 800px;  /* diff */
		padding-left: 20px;
		padding-right: 20px;
		background-color: #ffffff;
	}

	#div_comune2 {
		margin-bottom: 20px;
		/*background-color: lightblue;*/
	}
	
	#div_legenda2 {
		float: right;
		font-size: 15px;
		text-decoration: underline;
		color: #ff9d00;
		padding-top: 20px;
		padding-bottom: 10px;
		/*background-color: pink;*/
	}
	
	#div_assenza {
		clear: both;
		float: left;
		padding-bottom: 30px;
		width: 100%;
		color: #5ca15d;
		font-weight: bold;
	}
	
	#div_no_pericolo2 {
		position: relative;
		width: 25%;
		float: left;
		height: 110px;
		padding-bottom: 20px;
	}
	
	#div_immagine2 {
		position: absolute;
	}
	
	#div_immagine_no_pericolo2 {
		position: absolute;
	}
	
	#img_categoria2 {
		width: 91px;
		height:91px;
		float: left;
	}
	
	#div_icona2 {
		position: absolute;
		left: 50px;
		z-index: 2000;
	}
	
	#img_pericolo2 {
		width: 32px;
		height:27px;
		z-index: 2000;
	}
	
	/* INIZIO - Descrizione del preicolo */
	#div_info2 {
		float: left;
		padding-left: 110px;
		height: auto;
		width: 100%
	}
	#div_testi2 {
		float: left;
		width: 85%;
	}
	
	#div_descr2 {
		float: left;
	}
	
	/* FINE - Descrizione del preicolo */
		
	#div_info_no_pericolo2 {
		float: left;
		padding-left: 110px;
		height: 80px;
	}
	
	#div_titolo_no_pericolo2 {
		padding-top: 10px;
		width: 100%;
	}

	#div_chiudi1, #div_chiudi2, #div_chiudi3, #div_chiudi4, #div_chiudi5, #div_chiudi6{
		color: #777777;
		background-color: #dddddd;
		text-align:right;
		border-bottom: 1px solid #cccccc;
		cursor: pointer;
		float:right;
		width: 20%;
		height: 28px;
	}
	
	/* INIZIO - Nuovi */
	#div_bottone_mappa2 {
		float: right;
		height: auto;
		background-color: #eeeeee;
		border-radius: 5px;
		margin-top: 25px;
	}

	#div_bottone_mappa2:hover {
		background-color: #f8f8f8;
	}

	#div_bottone_mappa_no_pericolo2 {
		float: left;
		height: auto;
		background-color: #eeeeee;
		border: 1px solid #5CA15D;
		border-radius: 5px;
		margin-top: 5px;
	}

	#div_bottone_mappa_no_pericolo2:hover {
		background-color: #f8f8f8;
	}
	
	#div_titolo_no_pericolo2 {
		float: left;
		width: 100%
	}
	
	/* Avvisa che il punto selezionato è fuori Valle */
	#div_fuori_valle {
		margin-left:auto;
		margin-right:auto;
		clear: both;
		z-index: 4000;
		width:60%;
		text-align: center;
		margin-top:60px;
		padding: 10 0 10 0px;
		font-weight: bold;
    	font-size: 15;
		line-height: 1.6;
	}
	/* FINE - Nuovi */

	#div_no_leggi2 {
		color: #5CA15D;
		float:left;
		padding-bottom: 10px;
		padding-top: 5;
		cursor: pointer;
		clear: both;
	}

	#spazio_verticale {
		height: 0px;
	}

	#div_titolo_storia2 {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#div_navigatore_anteprima2 {
		z-index: 3000;
		display: none;
		margin-top: 0px;
	}
	
}

/* Copiato da 768 - 1093 e spezzato in due segmenti */
/* ------------------------------------------------------------------- */
/*                            990 px - 1093 px                         */
/* ------------------------------------------------------------------- */
@media only screen and (min-width: 990px) and (max-width: 1093px) {
	
	.responsive #top .av-main-nav .menu-item{display:none;}
	.responsive .av-burger-menu-main{display: block;}
	
	.responsive.html_mobile_menu_tablet .main_menu, 
	.responsive.html_mobile_menu_tablet #header_main .social_bookmarks, 
	.responsive.html_mobile_menu_tablet #header_main_alternate{display:none;}
	
	.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide{display:block;}
	.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:50px;}
	
	/* Tolgo le bricione di pane, si sovrappongono al titolo pagina */
	.breadcrumb-trail {
		display: none;
	}
	
	.inner-container {
		height: 100px;
	}
	
	/* Prove */
	.boxed #wrap_all {
		overflow: visible;
	}
	
	.html_boxed #main {
		overflow: visible;
	}
	
	#titolo {
		margin-top: -20px;
	}
	
	/* Alza il contneuto verso il titolo */
	.content {
		padding-bottom: 15px;
	}

	#div_riga_bottoni {
		width: 100%;
		height: 46px;
	}
	
	#div_navigatore2 {
		width: 100%;
		height: 500px;
	}
	
	#iframe_navigatore2 { /* 4 */
		position: fixed;
		top: 220;
		bottom: 0; 
		width: 90%;
		height: 100%;
	}
	
	#div_navigatore_anteprima2 {
		/*height: 500px;*/
		clear: left;
		border: 1px solid aaaaaa;
		z-index: -100;
	}

	/* Nasconde il copyright */
	#socket .copyright {
		display: none;
	}

	.socket_color {
		display: none;
	}
	
	#div_risultati2 {
		top: 30px;
		height: auto; /*ex 100%; ex 850px */
		display: none;
	}
	
	#div_centrato2  {
		border:1px solid #787979; 
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		background-color: #ffffff;
		clear: both;
		/*margin-top: 15px;*/
		overflow: auto;
		height: 850px;
	}

	#div_chiudi {
		border-bottom:1px solid #787979;
		width: 20%;
		height: 35px;
		background-color: #cccccc;
		float: right;
		text-align: right;
		cursor: pointer;
	}

	#div_display2 {
		width: 100%;
		height: 800px;
		background-color: #ffffff;
	}
	
	/*---------- Template risposte ----------------*/
	
	#div_page2 {
		width: 100%;
		height: 800px; /* 600px prova */
		padding-left: 20px;
		padding-right: 20px;
	}

	#div_comune2 {
		margin-bottom: 20px;
		/*background-color: lightblue;*/
	}

	#div_legenda2 {
		/*clear: both;*/
		clear: none;
		float: right;
		font-size: 15px;
		text-decoration: underline;
		color: #ff9d00;
		padding-bottom: 10px;
		padding-top: 15px;
		margin-bottom: 20px;
		/*background-color: rgb(255, 105, 130);*/
	}
	
	#div_assenza {
		clear: both;
		float: left;
		padding-bottom: 30px;
		width: 100%;
		color: #5ca15d;
		font-weight: bold;
	}
	
	#div_no_pericolo2 {
		position: relative;
		width: 50%;
		clear: both;
		height: 100px;
	}
	
	#img_categoria2 {
		width: 61px;
		height:61px;
		float: left;
	}
	
	#div_icona2 {
		position: absolute;
		left: 40px;
		z-index: 2000;
	}
	
	#img_pericolo2 {
		width: 22px;
		height:17px;
		z-index: 2000;
	}
	
	/* INIZIO - Descrizione del preicolo */
	#div_info2 {
		/*float: left;*/
		background-color: #ffffff;
		padding-left: 80px;
		padding-bottom: 10px;
		height: auto;
		width: 100%;
	}
	
	#div_testi2 {
		float: left;
		width: 85%;
		padding-bottom: 20px;
	}
	
	#div_descr2 {
		float: left;
	}
	/* FINE - Descrizione del preicolo */
	
	#div_info_no_pericolo2 {
		height: 90px;
		float: left;
	}
	
	#div_titolo_no_pericolo2 {
		padding-left: 20px;
	}
	
	#div_leggi {
		display: none;
	}
	
	/*Nasconde il footer con il link all'informativa dei Cookie */
	#footer {
		display: none;
	}
	
	/* INIZIO - Bototne Mappa */
	#div_bottone_mappa2 {
		float: right;
		height: auto;
		background-color: #eeeeee;
		border-radius: 5px;
		margin-top: 25px;
	}

	#div_bottone_mappa2:hover {
		background-color: #f8f8f8;
	}

	#div_bottone_mappa_no_pericolo2 {
		float: left;
		height: auto;
		background-color: #eeeeee;
		border: 1px solid #5CA15D;
		border-radius: 5px;
		clear: both;
		margin-top: 5px;
		margin-left: 20px;
	}

	#div_bottone_mappa_no_pericolo2:hover {
		background-color: #f8f8f8;
	}
	/* FINE - Bototne Mappa */

	/* Rimpicciolisco il bottone Mappa */

	#div_no_leggi2 {
		color: #5CA15D;
		float:left;
		padding-bottom: 10px;
		padding-top: 5;
		padding-left: 20px;
		cursor: pointer;
		clear: both;
		display: none;
	}

	#spazio_verticale {
		height: 0px;
	}

	.av-hamburger-box {
		height: 74px;
	}

	#div_titolo_storia2 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
}

/* ------------------------------------------------------------------- */
/*                            768 px - 989 px                         */
/* ------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 989px) {
	
	.responsive #top .av-main-nav .menu-item{display:none;}
	.responsive .av-burger-menu-main{display: block;}
	
	.responsive.html_mobile_menu_tablet .main_menu, 
	.responsive.html_mobile_menu_tablet #header_main .social_bookmarks, 
	.responsive.html_mobile_menu_tablet #header_main_alternate{display:none;}
	
	.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide{display:block;}
	.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:50px;}
	
	/* Tolgo le bricione di pane, si sovrappongono al titolo pagina */
	.breadcrumb-trail {
		display: none;
	}
	
	.inner-container {
		height: 100px;
	}
	
	/* Prove */
	.boxed #wrap_all {
		overflow: visible;
	}
	
	.html_boxed #main {
		overflow: visible;
	}
	
	#titolo {
		margin-top: -20px;
	}
	
	/* Alza il contneuto verso il titolo */
	.content {
		padding-bottom: 15px;
	}

	#div_riga_bottoni {
		width: 100%;
		height: 46px;
	}
	
	#div_navigatore2 {
		width: 100%;
		height: 500px;
	}
	
	#iframe_navigatore2 { /* 5 */
		position: fixed;
		top: 220;
		bottom: 0; 
		width: 100%;
		height: 100%;
	}

	#div_navigatore_anteprima2 {
		/*height: 500px;*/
		clear: left;
		border: 1px solid aaaaaa;
		z-index: -100;
	}
	
	#iframe_navigatore_anteprima2 { /* 6 */
		position: fixed;
		top: 190; /* ex 206 */
		right: 0;
		bottom: 0; 
		left: 0;
		height: 84%;
	}

	/* Nasconde il copyright */
	#socket .copyright {
		display: none;
	}

	.socket_color {
		display: none;
	}
	
	#div_risultati2 {
		height: auto; /* prova */
		top: 30px;
		display: none;	
	}
	
	#div_centrato2  {
		border:1px solid #787979; 
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		background-color: #ffffff;
		clear: both;
		/*margin-top: 15px;*/
		overflow: auto;
		height: 850px;
		height: auto;
	}

	#div_chiudi {
		border-bottom:1px solid #787979;
		width: 20%;
		height: 35px;
		background-color: #cccccc;
		float: right;
		text-align: right;
		cursor: pointer;
	}

	#div_display2 {
		width: 100%;
		height: 900px;
		background-color: #ffffff;
	}
	
	/*---------- Template risposte ----------------*/
	
	#div_page2 {
		width: 100%;
		height: 800px; /* prova ++++ */
		padding-left: 20px;
		padding-right: 20px;
	}

	#div_comune2 {
		margin-bottom: 10px;
	}

	#div_legenda2 {
		/*clear: both;*/
		clear: none;
		float: right;
		font-size: 15px;
		text-decoration: underline;
		color: #ff9d00;
		padding-bottom: 10px;
		padding-top: 15px;
		margin-bottom: 10px;
	}

	#div_assenza {
		clear: both;
		float: left;
		padding-bottom: 30px;
		width: 100%;
		color: #5ca15d;
		font-weight: bold;
	}
	
	#div_no_pericolo2 {
		position: relative;
		width: 100%;
		clear: both;
		height: 100px;
	}
	
	#img_categoria2 {
		width: 61px;
		height:61px;
		float: left;
	}
	
	#div_icona2 {
		position: absolute;
		left: 40px;
		z-index: 2000;
	}
	
	#img_pericolo2 {
		width: 22px;
		height:17px;
		z-index: 2000;
	}
	
	/* INIZIO - Descrizione del preicolo */
	#div_info2 {
		/*float: left;*/
		background-color: #ffffff;
		padding-left: 80px;
		padding-bottom: 10px;
		height: auto;
		width: 100%;
	}
	
	#div_testi2 {
		float: left;
		width: 85%;
		padding-bottom: 20px;
	}
	
	#div_descr2 {
		float: left;
	}
	/* FINE - Descrizione del preicolo */
	
	#div_info_no_pericolo2 {
		height: 90px;
		float: left;
	}
	
	#div_titolo_no_pericolo2 {
		padding-left: 20px;
	}
	
	
	#div_leggi {
		display: none;
	}
	
	/*Nasconde il footer con il link all'informativa dei Cookie */
	#footer {
		display: none;
	}
	
	/* INIZIO - Bototne Mappa */
	#div_bottone_mappa2 {
		float: right;
		height: auto;
		background-color: #eeeeee;
		border-radius: 5px;
		margin-top: 25px;
	}

	#div_bottone_mappa2:hover {
		background-color: #f8f8f8;
	}

	#div_bottone_mappa_no_pericolo2 {
		float: left;
		height: auto;
		background-color: #eeeeee;
		border: 1px solid #5CA15D;
		border-radius: 5px;
		clear: both;
		margin-top: 5px;
		margin-left: 20px;
	}

	#div_bottone_mappa_no_pericolo2:hover {
		background-color: #f8f8f8;
	}
	/* FINE - Bototne Mappa */

	/* Rimpicciolisco il bottone Mappa */

	#div_no_leggi2 {
		color: #5CA15D;
		float:left;
		padding-bottom: 10px;
		padding-top: 5;
		padding-left: 20px;
		cursor: pointer;
		clear: both;
		display: none;
	}

	#spazio_verticale {
		height: 0px;
	}

	.av-hamburger-box {
		height: 74px;
	}

	#div_titolo_storia2 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
}

/* ------------------------------------------------------------------- */
/*                           <= 767 px                                 */
/* ------------------------------------------------------------------- */
@media only screen and (max-width: 767px) { 
	
	.responsive.html_mobile_menu_tablet .main_menu .avia-menu, 
	.responsive.html_mobile_menu_tablet #header_main .social_bookmarks, 
	.responsive.html_mobile_menu_tablet #header_main_alternate{display:none;}
	.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide{display:block;}
	.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:50px;}
	
	/* Tolgo le bricione di pane, si sovrappongono al titolo pagina */
	.breadcrumb-trail {
		display: none;
	}
	
	/* Contenitore del logo  ++++ */
	.inner-container {
		height: 70px;
	}

	/* Rimpiciolisce logo ++++ */
	.responsive .logo img {
		max-width: 50%;
		padding-bottom: 15px;
	}
	/* Rimpiciolisce il titolo ++++ */
	h3.av-special-heading-tag {
		font-size: 18px;
		line-height: 1em;
	}

	.responsive #top #wrap_all .container {
		margin-top: 0px;
		/*background-color: #aae1eb;*/
	}
	/* Sposta in alto il titolo ++++ */
	#titolo {
		margin-top: -35px;
	}

	/* Alza il contenuto verso il titolo  ++++ */
	.content {
		padding-bottom: 0px;
	}

	/* Prove */
	.boxed #wrap_all {
		overflow: visible;
	}
	
	.html_boxed #main {
		overflow: visible;
	}
	
	/* Nasconde il titolo e mostra il titolo con il link alla mappa */
	#div_categoria2 {
		display: none;
	}
	#div_categoria_mobile2 {
		float: left;
		text-decoration: underline;
		display: block;
		font-weight: bold;
		margin-left: -10px;
		padding-top: 5px;
		cursor: pointer;
	}
	#div_categoria_mobile_laterali2 {
		float: left;
		text-decoration: underline;
		display: block;
		font-weight: bold;
		margin-left: -10px;
		margin-top: 3px;
		line-height: 1.2em;
		cursor: pointer;
	}

	#div_titolo_no_pericolo2 {
		display: none;
	}

	#div_titolo_no_pericolo_mobile2 {
		float: left;
		padding-left: 10px;
		text-decoration: underline;
		display: block;
		font-weight: bold;
		color: #5CA15D;
		padding-top: 5px;
		cursor: pointer;
	}	
	
	#div_riga_bottoni {
		width: 100%;
		height: 46px;
	}
	
	#div_navigatore2 {
		width: 100%;
		height: 100%;
	}

	#iframe_navigatore2 {
		position: fixed;
		top: 120; /* ++++ */
		right: 0;
		bottom: 0; 
		left: 0;
		width: 100%;
		height: 100%;
	}

	#div_navigatore_anteprima2 {
		clear: left;
		border: 1px solid aaaaaa;
		z-index: -100;
	}
	
	#iframe_navigatore_anteprima2 { /* 6 */
		position: fixed;
		top: 72;
		right: 0;
		bottom: 0; 
		left: 0;
	}

	#div_risultati2 {
		height: 80%;
		top: -70px;
		bottom: 0;
		background-color: #ffffff;
		display: none;
	}
	
	#div_centrato2  {
		border:1px solid #787979; 
		width: 100%;
		height: 100%;
		margin-left:auto;
		margin-right:auto;
		background-color: #ffffff;
		clear: both;
		margin-top: 0px;
		/*overflow: auto;*/
		/*overflow-y: scroll;*/	
	}

	#div_chiudi {
		border-bottom:1px solid #787979;
		width: 20%;
		height: 35px;
		background-color: #cccccc;
		float: right;
		text-align: right;
		cursor: pointer;
	}

	#div_display2 {
		width: 100%;
		height: 670px;
		background-color: #ffffff;
		/*overflow-y: scroll;*/
	}
	
	/*---------- Template risposte ----------------*/
	
	#div_page2 {
		width: 100%;
		height: 700px; /* prova ++++ */
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Indica all'inizio della schermata qual è il Comune in casa-risposta.php */
	#div_comune2 {
		display: none;
	}

	#div_comune_mobile2 {
		padding-bottom: 10px;
		padding-top: 10px;
		display: inline-block;
	}
	
	#div_legenda2 {
		display: none;
	}

	#div_assenza {
		clear: both;
		float: left;
		padding-bottom: 15px;
		width: 100%;
		color: #5CA15D;
		line-height: 1.4em;
	}
	
	#div_no_pericolo2 {
		position: relative;
		width: 100%;
		clear: both;
	}

	#div_trovati2 {
		margin-bottom: 15px;
		padding-left: 8px;
	}
	
	
	#img_categoria2 {
		width: 61px;
		height:61px;
		float: left;
	}
	
	#div_icona2 {
		position: absolute;
		left: 40px;
		z-index: 2000;
	}
	
	#img_pericolo2 {
		width: 22px;
		height:17px;
		z-index: 2000;
	}
	
	#div_info2 {
		float: left;
		background-color: #ffffff;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	
	#div_descr2 {
		display: none;
	}
	
	#div_info_no_pericolo2 {
		height: 60px;
		float: left;
	}
	
	/* INIZIO - Bottone Mappa */
	#div_bottone_mappa2 {
		float: left;
		height: auto;
		background-color: #eeeeee;
		border-radius: 5px;
		margin-top: 5px;
	}

	#div_bottone_mappa2:hover {
		background-color: #f8f8f8;
	}

	#div_bottone_mappa_no_pericolo2 {
		float: left;
		height: auto;
		background-color: #eeeeee;
		border: 1px solid #5CA15D;
		border-radius: 5px;
		margin-top: 5px;
	}

	#div_bottone_mappa_no_pericolo2:hover {
		background-color: #f8f8f8;
	}

	/* Bottone Mappa NO pericolo a capo */
	#div_bottone_mappa_no_pericolo2 {
		clear: both;
		margin-left: 20px;
	}

	/* FINE - Bottone Mappa */

	#div_no_leggi2 {
		display: none;
	}

	/* Nasconde il footer con il link all'informativa dei Cookie */
	#footer {
		display: none;
	}

	/* Posiziona il menu hamburger correttamente sia su chrome sia su Firefox */
	.av-hamburger {
		display: list-item;
	}
	.av-hamburger-box {
		height: 74px;
	}

	/* Negli schermi piccoli, messi in orizzontale, il banner colorato non copre completamente la pagina in orizzontale,
	quindi aggiungo uno sfondo */
	.avia-slide-wrap {
		background-color: #6a6c6b;
	}
	
	/* Per non spaziar el'elenco dei comuni divisi in 4 gruppi */
	.responsive #top #wrap_all .flex_column {
		margin-bottom: 0px;
	}

	/* INIZIO - Sezione Storia -------------------  */
	#div_titolo_storia2   {
		clear: both;
		float: left;
		width: 100%;
		font-weight: bold;
		background-color: #dddddd;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 15px;
	}
	/* FINE - Sezione Storia  -----------------------*/
	
	/* INIZIO - Indica i pericoli NON trovati in casa-risposta.php */
	#div_non_trovati2  {
		margin-top: 0px;
		margin-bottom: 20px;
		line-height: 1.2em;
		padding-left: 8px;
		padding-top: 3px;
    	padding-bottom: 3px;
	}
	/* Altezza elemento pericolo */
	#div_pericolo2 {
		min-height: 35px;
	}

	/* Rimpicciolisco l'icona pericolo ++++ */
	#img_categoria2 {
		width: 40px;
		height:40px;
		float: left;
	}
	/* Rimpicciolisco il simbolo attenzione ++++ */
	#img_pericolo2 {
		width: 15px;
		height: 12px;
		z-index: 2000;
	}
	/* Sposto a sinistra il simbolo attenzione */
	#div_icona2 {
		left: 25px;
	}

	#div_bottone_mappa2, #div_bottone_mappa_no_pericolo2 {
		display: none;
	}

	/* Distanza tra l'elenco storico dei comuni */
	#div_nome_comune2 {
		padding-bottom: 5px;
	}
	#spazio_verticale {
		height: 0px;
	}

	#div_titolo_storia2 {
		margin-top: 0px;
		margin-bottom: 10px;
		padding-left: 8px;
	}

	/* Nasconde il copyright */
	#socket .copyright {
		display: none;
	}

	.socket_color {
		display: none;
	}
	
	.av-special-heading-h3 .special-heading-border {
		display: none;
	}
}