/* reset */
/* @import url('reset.css'); */

input:not([type="radio"]) {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

a
{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	text-decoration: none;
	color: #2ea3f2;
}
:before, :after
{
	font-family: 'Font Awesome 5 Pro';
}
a:hover
{
	color: #ba2523;
}
body
{
	background: #fff;
	font-family:'Titillium Web',sans-serif;
	font-size: 16px;
}	
#cont-cookie
{
	width: 95%; max-width: 1124px;
	margin: 0 auto;
	position: relative;
	padding: 20px 0 25px 0; 
	margin: 0 auto;
	line-height: 1.4em;
	text-align: center;
}

h1 {font-size: 1.8em;}
h2 {font-size: 1.1em; font-weight: normal;}
h3 {font-size: .95em; text-transform: uppercase;}
h4 {font-size: 1em; font-weight: 600;}
h5 {font-size: .85em;}

ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

strong, b
{
	font-weight: 600;
}

/* Sposta tutta la pagina per il menu respons */

#pagina
{
	
}
		
/* HOME */

	/*
	.slider (vedi style slick.css)
	{
		
	}
 	*/
 	
	/* Notizie eventi */
	
	.notizie-eventi
	{
		margin-bottom: 50px;
		padding-top: 20px;
	}	
	.notizie-eventi ul
	{
		margin: 0 40px;
		display: flex;
		display: -webkit-flex;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		margin-top: 10px;
	}
	.notizie-eventi ul li
	{
		display: inline-block;
		vertical-align: top;
		width: 22.4%;
		margin: 0 1.5%; margin-bottom: 20px;
		background: #fff;
		border: 1px #ccc solid;
	}
	.notizie-eventi ul li:first-child
	{
		margin-left: 0;
	}
	.notizie-eventi ul li:nth-child(4)
	{
		margin-right: 0;
	}
	.notizie-eventi ul li:nth-child(5)
	{
		margin-left: 0;
	}
	.notizie-eventi ul li:nth-child(8)
	{
		margin-right: 0;
	}
		.notizie-eventi ul li .foto
		{
			width: 100%; height: 140px;
			position: relative;
			overflow: hidden;
		}
			.notizie-eventi ul li .foto img
			{
				position: absolute; left: 0;
				width: 100%; height: auto; min-height: 140px;
			}
		.notizie-eventi ul li h2
		{
			padding: 10px 15px 5px 15px;
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 0;
		}
			.notizie-eventi ul li h2 a
			{
				color: black;
			}
		.notizie-eventi ul li p
		{
			padding: 0px 15px;
			font-size: .9em; line-height: 1.3em;
			margin-bottom: 15px;
		}

	/* Primo piano e agenda */	
	
	.primopiano-agenda
	{
		margin-bottom: 20px;
	}	
	.primopiano-agenda ul
	{
		margin: 0 40px;
		position: relative;
		overflow: hidden;
		padding-bottom: 20px;
	}	
		.primopiano-agenda ul li
		{
			display: inline-block;
			vertical-align: top;
			position: relative;
		}		
		.primopiano-agenda ul li .testatina
		{
			text-transform: uppercase;
			color: #9b920c;
			font-weight: bold;
			font-size: 1.5em;
			font-family: 'Abel';
			margin-bottom: 30px;
			padding-bottom: 5px;
			border-bottom: 4px rgba(155, 146, 12, .2) solid;
		}
		.primopiano-agenda ul li.primopiano
		{
			width: 52%;
			margin-right: 9%;
		}	
		.primopiano-agenda ul li.agenda
		{
			width: 38%;
		}	
			
			/* primo piano */
			
			.primopiano-agenda ul li.primopiano ul
			{
				margin: 0;
				padding-bottom: 0px;
			}
			.primopiano-agenda ul li.primopiano ul li
			{
				overflow: hidden;
				position: relative;
			}
			.primopiano-agenda ul li.primopiano ul li.separatore-primopiano
			{
				border-bottom: 1px #ccc dotted;
				margin-bottom: 10px;
				height: 12px;
				display: block;
			}
			.primopiano-agenda ul li.primopiano ul li img
			{
				max-width: 20%; height: auto;
				position: absolute;
			}
			.primopiano-agenda ul li.primopiano ul li h3, .primopiano-agenda ul li.primopiano ul li p
			{
				float: right;
				width: 75%;
			}
				.primopiano-agenda ul li.primopiano ul li h3
				{
					text-transform: none;
					font-size: 1.1em;
					font-weight: bold;
					margin-bottom: 3px;
				}
					.primopiano-agenda ul li.primopiano ul li h3 a
					{
						color: black;
					}
				.primopiano-agenda ul li.primopiano ul li p
				{
					font-size: .85em;
					line-height: 1.3em;
					margin-bottom: 0;
				}
			.link-arc-noti
			{
				font-size: .9em;
				font-weight: 700;
				font-family: 'Abel';
				text-align: right;
				margin-top: 10px;
				position: absolute; bottom: 0; left: 0;
			}
			.link-arc-noti a
			{
				color: #555;
			}
			
			/* agenda home */
			
			.primopiano-agenda ul li.agenda ul
			{
				margin: 0;
				padding-bottom: 0px;
			}
			.primopiano-agenda ul li.agenda ul li
			{
				padding-bottom: 10px;
				border-bottom: 1px #ccc dotted;
				margin-bottom: 10px;
				overflow: hidden;
				width: 100%;
			}
			.primopiano-agenda ul li.agenda ul li a
			{
				color: black;
			}
				.primopiano-agenda ul li.agenda .data-evento
				{
					float: left;
					width: 16%;
					text-align: center;
					font-size: 0.8em;
					line-height: 1.6em;
					border-right: 1px #ccc dotted;
					padding-right: 2%;
					color: #517c03;
				}
					.primopiano-agenda ul li.agenda .data-evento div
					{
						font-size: 2.5em;
						opacity: .8;
					}
					.primopiano-agenda ul li.agenda .data-evento i
					{
						font-style: normal;
						font-size: 0.8em;
					}
				.primopiano-agenda ul li.agenda .dove-cosa
				{
					float: right;
					width: 80%;
					margin-top: 3px;
				}
					.primopiano-agenda ul li.agenda .dove-cosa .dove-evento
					{
						text-transform: uppercase;
						font-size: 0.75em;
						line-height: 1.2em;
						font-weight: bold;
						color: rgba(0,0,0,.6);
						margin-bottom: 4px;
					}
					.primopiano-agenda ul li.agenda .dove-cosa .cosa-evento
					{
						font-size: 0.9em;
						line-height: 1.2em;
					}
			.link-agenda
			{
				font-size: .9em;
				font-weight: 700;
				font-family: 'Abel';
				text-align: right;
				margin-top: 10px;
				position: absolute; bottom: 0; right: 0;
			}
			.link-agenda a
			{
				color: #555;
			}
			
		/* separatore tra colonne primopiano-agenda */
		
			.separatore-home
			{
				position: absolute; top: 40px; left: 57%;
				width: 1px; height: 100%;
				background: #ddd;
			}


	/* loghi home */
	
	.loghi-home
	{
		text-align: center;
		margin: 40px 0;
	}
		.loghi-home img
		{
			display: inline-block;
			vertical-align: middle;
			margin: 0 22px;
			filter: grayscale(100%);
		    -webkit-transition: filter 0.3s;
		    transition: filter 0.3s;
		    cursor: pointer;
		    max-height: 94px;
		    width: auto;
		}
			.loghi-home img:hover
			{
				filter: grayscale(0%);
			}	
					
	/* Progetti e banner */
				
	.progetti
	{
		width: 100%;
	}	
			.progetti .testatina
			{
				text-transform: uppercase;
				color: #9b920c;
				font-weight: bold;
				font-size: 1.5em;
				font-family: 'Abel';
				margin-bottom: 30px;
				margin: 30px 40px 0 40px;
				padding-bottom: 5px;
				border-bottom: 4px rgba(155, 146, 12, .2) solid;
				position: relative;
			}	
			.link-aree
			{
				font-size: .7em;
				font-weight: bold;
				font-family: 'Abel';
				text-align: right;
				margin-top: 10px;
				position: absolute; top: 0; right: 0;
				text-transform: none;
			}
			.link-aree a
			{
				color: #555;
			}
		.progetti ul
		{
			width: 95%; max-width: 1124px;
			padding: 10px 0 30px 0;
			margin: 0 auto;
			background: #fff;
			overflow: hidden;
			text-align: center;
		}
			.progetti ul li
			{
				text-align: center;
				padding-bottom: 50px;
				padding: 4% 2% 6.5% 2%;
				width: 16%; height: 100px;
				margin: 0 1.3% 0 1.3%;
				display: inline-block;
				vertical-align: top;
				background: #fff;
				transition: all 0.5s;
				-webkit-transition: all 0.5s;
				box-sizing: content-box;
			}
			.progetti ul li:hover
			{
				background: #eee;
				border-radius: 50%;
			}
			.lanci ul li
			{
				padding: 4% 2% 1% 2%;
			}
			.lanci ul li:hover
			{
				background: #fff;
				border-radius: 0;
				opacity: .6;
			}
				.progetti ul li a
				{
					color: #366262;
					font-size: 1.2em; line-height: 1.2em;
					font-weight: 600;
				}
				.progetti ul li a i
				{
					opacity: .8;
					margin-bottom: 8px;
					font-weight: 300;
					font-size: 1.8em;
					display: block;
					background: #366262;
					display: inline-block;
					padding: 15px;
					color: white;
					border-radius: 50%;
					width: 70px; height: 70px;
					text-align: center;
				}
				.lanci ul li a i
				{
					opacity: .7;
					font-size: 3em;
					background: none;
					padding: 0;
					color: #366262;
					border-radius: 0;
					width: auto; height: auto;
				}
				.progetti ul li a img
				{
					opacity: .7;
					margin-bottom: 8px;
					margin: 0 auto 8px auto;
					max-height: 78px;
					width: auto;
					display: block;

				}
				.progetti ul li a div
				{
					font-weight: 300;
					font-size: .7em; line-height: 1.3em;
					margin: 5px auto 0 auto;
					width: 90%;
				}
				.progetti ul li a:hover
				{
					color: #000;
					opacity: 1;
					text-decoration: none;
				}
							
	/* Meteo */
	
	.meteo-home
	{
		/*background: #f0f0f0;*/
		padding: 10px 0 30px 0
	}		
		.allerta-meteo
		{
			margin: 50px 40px 20px 40px;
		}
			.allerta-meteo .img-livello-allerta
			{
				display: inline-block;
				vertical-align: top;
				width: 26%;
				text-align: center;
				margin-right: 4%;
			}
				.allerta-meteo .img-livello-allerta img
				{
					margin-top: 5px;
					margin-bottom: 25px;
				}
				.allerta-meteo .img-livello-allerta i
				{
					font-size: 6em;
					margin-bottom: 30px;
				}
					.allerta-meteo .img-livello-allerta i.verde
					{
						color: #28A844;
					}
					.allerta-meteo .img-livello-allerta i.gialla
					{
						color: #FFC009;
					}
					.allerta-meteo .img-livello-allerta i.arancione
					{
						color: #e89e1a;
					}
					.allerta-meteo .img-livello-allerta i.rossa
					{
						color: #DD3444;
					}
				.allerta-meteo .img-livello-allerta h3
				{
					text-align: center;
					line-height: 1.7em;
				}
					.allerta-meteo .img-livello-allerta h3 span
					{
						font-size: .95em !important;
						margin-bottom: 10px;
					}
			.allerta-meteo .allerte-corso
			{
				display: inline-block;
				vertical-align: top;
				width: 30%;
				margin-right: 6%;
			}
			.allerta-meteo .allerte-info
			{
				display: inline-block;
				vertical-align: top;
				width: 30%;
			}
				.allerta-meteo .allerte-info a
				{
					
				}
				.allerta-meteo .allerte-info a:link[target^="_blank"]:after, #col-sx .paragrafo a:visited[target^="_blank"]:after
				{
					margin: 0 0 0 3px;
					content: '\f2f5';
					font-size: .7em;
					font-weight: 600;
				}
				.allerta-meteo .allerte-info h4
				{
					color: #222;
					font-weight: 400;
					font-size: .9em;
					line-height: 1.5em;
				}
				.allerta-meteo .allerte-info a.button
				{
					display: inline-block;
					padding: 8px 12px;
					background: #d0d0d0;
					color: #005758;
					font-weight: bold;
					margin: 20px 0;
				}
			.allerta-meteo h3
			{
				text-align: left;
				margin-bottom: 5px;
			}
			.allerta-meteo h5
			{
				text-align: left;
				margin-top: 5px;
				border-top: 1px #bbb dotted;
				padding-top: 5px;
			}
				.allerta-meteo h5 i
				{
					margin-right: 3px;
				}
				.allerta-meteo h5 .badge
				{
					float: right;
				}
				.allerta-info a
				{
					color: #555;
					text-decoration: none;
				}
				.allerta-info a:link[target^="_blank"]:after, #col-sx .paragrafo a:visited[target^="_blank"]:after
				{
					margin: 0 0 0 3px;
					content: '\f2f5';
					font-size: .7em;
					font-weight: 600;
				}
				
				.table-allerte
				{
					width: 100%;
					margin-bottom: 20px;
				}
					.table-allerte thead
					{
						background: #666;
						text-align: left;
					}
						.table-allerte thead th
						{
							padding: 5px 10px;
							font-weight: normal;
							font-size: 1em;
							color: white;
						}
						.table-allerte thead th:nth-child(2)
						{
							
						}
						.table-allerte td
						{
							padding: 10px;
							font-size: 1em;
							border-bottom: 1px #ddd solid;
						}
							.table-allerte td i
							{
								margin-right: 5px;
							}
	
	/* Meteo colori */
	
	.verde
	{
		color: white;
	}
	.rossa
	{
		color: white;
	}
	.arancione
	{
		color: white;
	}
	.gialla
	{
		color: white;
	}
	.bg-orange 
	{
    	background-color: #e89e1a;
	}
		
/* PERCORSO */
		
#percorso
{
	width: 100%;
}
	#percorso ul
	{
		width: 95%; max-width: 1124px;
		margin: 0 auto 0 auto;
		padding: 11px 0 6px 0;
		border-bottom: 1px #ddd solid;
		background: #f0f0f0;
	}
		#percorso ul li
		{
			margin: 0 10px;
			font-size: .75em; color: #444;					
		}
			#percorso a
			{
				color: #444;
				font-weight: bold;
			}
			#percorso a:hover
			{
				color: #000;
				text-decoration: underline;
			}
			#percorso a:after
			{
				content: "\f105";
				display: inline-block;
				vertical-align: middle;
				margin: 0 2px 0 6px;
				opacity: .7;
				width: 5px;
			}
		#percorso ul li span
		{
			color: #777;					
		}
		#percorso ul li i
		{
			display: none;					
		}
							
/* PAGINA */
							
.cont-pg
{
	width: 95%; max-width: 1124px;
	margin: 0 auto 0 auto;
	padding: 0 0 60px 0;
	overflow: hidden;
	position: relative;
}
.cont-nav 
{
	margin-top: 45px;
}
							
/* FOTO TESTATINA PAGINA */

.testatina-foto
{
	width: 100%;
	height: 140px;
	position: relative;
	background-position: center center;
	background-size: cover;
}
			
/* GUIDA AI SERVIZI */

	.guida-servizi-prima
	{
		width: 100%;
		margin: 40px 0;
	}
		.guida-servizi-prima ul
		{
			width: 100%;
			margin: 0 auto;
		}
		.guida-servizi-prima ul li
		{
			display: inline-block;
			width: 23.1%;
			margin: 0 2% 20px 0;
			padding: 0 0 15px 0;
			border-bottom: 1px #ccc dotted;
			font-size: 1.20em;
			text-align: center;
		}
			.guida-servizi-prima ul li:nth-child(4n+0)
			{
				margin: 0 0 20px 0;
			}
			.guida-servizi-prima ul li i
			{
				font-size: 1.8em;
				font-weight: 300;
				margin-bottom: 10px;
				color: white;
				background: #366262;
				border-radius: 50em;
				width: 70px; height: 70px;
				padding-top: 14px;
				-webkit-padding-top: 12px;
				vertical-align: middle;
				text-align: center;
				opacity: .8;
			}
			.guida-servizi-prima ul li a
			{
				color: #005758;color: #366262;
					font-size: 1em; line-height: 1.2em;
					font-weight: 600;
			}
				.guida-servizi-prima ul li a:hover
				{
					opacity: .6;
					text-decoration: underline;
				}
	
/* COLONNA SX */

	#col-sx
	{
		width: 77%;
		float: right;
		padding-top: 30px;
	}

/* Titolatura PAGINA */

		.titolo-pag
		{
			margin: 0 0 30px 0;
		}
			.titolo-pag h1
			{
				margin: 0 0 15px 0;
				width: 75%;
				line-height: 1.4em;
				font-family: 'Abel';
				font-weight: 700;
			}
			.titolo-pag h2
			{
				color: rgba(0,0,0,.6);
				overflow: hidden;
				padding-bottom: 5px;
				line-height: 1.3em;
			}
			.titolo-pag h2 i
			{
				font-size: 1.7em;
				padding: 2px 0;
			}
				.titolo-pag h2 a:link:before
				{
					margin: 0 4px 0 0;
					font-weight: 300;
					font-size: .8em;
				}
				.titolo-pag h2 a:link[href^='tel']:before
				{
					content: '\f879';
					font-size: .8em;
					font-weight: 600;
				}
				.titolo-pag h2 a:link[href^='mailto']:before
				{
					content: '\f0e0';
					color: #c3b848;
					font-size: .8em;
					font-weight: 600;
				}
				.titolo-pag h2 a:link[target^="_blank"]:after, .titolo-pag h2 a:visited[target^="_blank"]:after
				{
					margin: 0 0 0 3px;
					content: '\f08e';
					color: #777;
					font-size: .8em;
					font-weight: 300;
				}
			.pagina-precedente a
			{
				float: right;
				color: #005758;
				margin-top: 8px;
				font-weight: bold;
			}
				.pagina-precedente a:before
				{
					content: '\f03a';
					margin-right: 5px;
					color: black;
				}
			.pagina-precedente a:hover
			{
				opacity: .6;
			}
	
	/* Menu pagina (colonna sx) I livello, II livello, III livello, Procedimenti (elenco nell'ufficio), link esterni Guida ai servizi */
	
	.menu-pagina
	{
		margin: 20px 0 20px 0;
	}
		.menu-pagina ul
		{
			width: 100%;
			overflow: hidden;
			columns: 3;
			-webkit-columns: 3;
			-mox-columns: 3;
			column-gap: 2%;
			list-style: none !important;
		}
			.menu-pagina ul li
			{
				width: 100%;
				margin-bottom: 10px;
			}
			.menu-pagina ul li i
			{
				margin-right: 7px;
				width: 20px;
				text-align: center;
			}
				.menu-pagina ul li a
				{
					width: 90%;
					color: #005758;
					font-size: 1.2em;
					line-height: 1.4em;
					padding: 14px 5% 10px 5%;
					margin-bottom: 3px;
					display: inline-block;
					vertical-align: top;
					background: #e9e9e9;
					border-bottom: 3px #e9e9e9 solid;
				}
				.menu-pagina ul li a:hover
				{
					color: black;
					border-bottom: 3px #005758 solid;
					background: #d9d9d9;
				}
				
		.menu-pagina p
		{
			margin: 20px 0 15px 0 !important;
			text-transform: uppercase;
			color: rgba(129, 120, 18, 1) !important;
			font-weight: 600;
		}
		
				.menu-secondo-livello ul li a
				{
					width: 100%;
					font-size: 1.1em;
					padding: 10px 0 6px 0;
					background: #fff;
					border-bottom: 1px #ccc solid;
					font-weight: 600;
				}
				.menu-secondo-livello ul li a:hover
				{
					border-bottom: 1px #005758 solid;
					background: #fff;
				}
	
		
				.menu-terzo-livello ul li a
				{
					font-size: 0.95em;
					font-weight: normal;
				}
				
		.procedimenti ul
		{
			width: 100%;
			overflow: hidden;
			margin-bottom: 40px;
			padding-bottom: 0;
			columns: 1;
			-webkit-columns: 1;
			-mox-columns: 1;
			list-style: none !important;
		}		
			.procedimenti ul li
			{
				margin-bottom: 15px;
				position: relative;
				padding-left: 20px;
			}
					.procedimenti ul li:before
					{
						content: '\f737';
						position: absolute; top: 5px; left: 0;
						color: black;
						font-weight: 300;
						opacity: .8;
					}
				.procedimenti ul li a
				{
					width: 96%;
					font-size: 1.1em;
					line-height: 1.4em;
					font-weight: 600;
					padding: 6px 0 3px 0;
					background: #fff;
					border-bottom: 1px #ddd solid;
					margin-bottom: 0;
				}
				.procedimenti ul li div
				{
					padding: 4px 0 0 0;
					font-size: .8em;
				}
					.procedimenti ul li div a
					{
						width: auto;
						font-size: 1em;
						line-height: .9em;
						font-weight: 400;
						padding: 0;
						border-bottom: 0px #ddd solid;
						vertical-align: baseline;
					}
						.procedimenti ul li div a:before
						{
							display: none;
						}
				.procedimenti ul li a:hover
				{
					color: black;
					background: #fff;
					border-bottom: 1px #ddd solid;
				}
					.procedimenti ul li div a:hover
					{
						border-bottom: 0px !important;
					}		
		.uffici ul
		{
			columns: 2;
			-webkit-columns: 2;
			-mox-columns: 2;
		}
					.uffici ul li:before
					{
						content: '\f1ad';
						top: 6px;
						font-weight: 300;
						opacity: .8;
					}
					.pagine ul li:before
					{
						content: '\f15c';
						opacity: .8;
					}
					.notizie ul li:before
					{
						content: '\f4a6';
						top: 7px;
						opacity: .8;
					}
						.notizie ul li div
						{
							opacity: .7;
						}
					
				.notizie ul li.notizie-archivio a
				{
					font-size: 1em;
					font-weight: 600;
				}
					.notizie ul li.notizie-archivio a:before
					{
						content: '\f105';
						font-size: 1.15em;
						font-weight: 600;
					}
					
			.paginazione .btn-primary
			{
				color: #000;
				background: rgba(0, 102, 198, .3);
				font-weight: bold;
				cursor: default;
				border-radius: 0;
			}
			.paginazione .btn
			{
				padding: 8px 15px;
				margin-bottom: 5px;
			}

/* Titoletti PAGINA */

	h3.titoletto
	{
		color: rgba(129, 120, 18, 1);
		margin: 20px 0;
		font-size: 1.1em;
		font-weight: 400;
	}
		h3.titoletto mark
		{
			font-size: .7em;
			font-weight: 300;
			text-transform: none;
			background: none;
			opacity: .8;
			padding: 0;
		}
	h3.titoletto2
	{
		margin: 20px 0 10px 0;
		font-size: 1.5em;
		text-transform: none;
	}	

/* separatore tra colonne */

	.separatore
	{
		position: absolute; top: 0; left: 20.5%;
		width: 1px; height: 100%;
		background: #ddd;
	}

/* Bottone link nel corpo pagina */

	a.link-lancio
	{
		padding: 10px 20px;
		background: #2ea3f2;
		color: white !important;
		display: inline-block;
	}
		a.link-lancio:after
		{
			content: "\f054";
			display: inline-block;
			vertical-align: middle;
			margin-left: 5px !important; margin-bottom: 2px;
			color: white !important;
		}
		a.link-lancio:hover
		{
			text-decoration: none;
			opacity: .7;
		}
							
/* COLONNA DX */
				
	#col-dx
	{
		width: 19%;
		float: left;
		padding-top: 40px;
	}
	
	/* Menu colonna destra */
	
		.menu-dx .tit-menu-dx
		{
			font-family: 'Abel', sans-serif;
			padding-bottom: 5px;
			font-weight: bold;
			position: relative;
			color: rgba(0,0,0,.8);
		}
		.menu-dx .tit-menu-dx a
		{
			color: rgba(0,0,0,.8);
		}	
			.menu-dx .tit-menu-dx:before
			{
				content: '\f329';
				font-size: .9em;
				margin-right: 4px;
				font-weight: 900;
				width: 15px;
			}
		.menu-dx ul
		{
			margin: 15px 0 0 0;
			border-top: 1px #ddd solid;
		}
			.menu-dx ul li
			{
				border-bottom: 1px #ddd solid;	
			}
			.menu-dx ul li i
			{
				margin-right: 7px;
				width: 18px;
				text-align: center;	
			}
				.menu-dx ul li a
				{
					width: 100%;
					display: inline-block;
					color: #005758;
					padding: 8px 0 6px 0;
					font-size: .9em; line-height: 1.3em;
					text-transform: uppercase;
				}
					.menu-dx ul li a.on
					{
						font-weight: 600;
						color: black;
					}
				.menu-dx ul li a:hover
				{
					opacity: .5;	
				}
				.menu-dx ul li ul
				{
						padding: 0;
						margin: 0; margin-top: -5px;
						border: 0;
				}
					.menu-dx ul li ul li
					{
						border: 0;	
					}
						.menu-dx ul li ul li a
						{
							padding: 4px 0 4px 0;
							margin-left: 10%;
							width: 90%;
							font-size: .85em; line-height: 1.2em;
							text-transform: none;
							border-top: 1px #ddd solid;	
						}
						.menu-dx ul li ul li:first-child a
						{
							padding: 0 0 4px 0;
							border-top: 0;	
						}
				.menu-cat ul li a
				{
					padding: 5px 0 3px 0;
				}
				.menu-search ul li
				{
					padding: 8px 0 6px 0;
					font-size: .9em;
					color: rgba(0,0,0,.7);
				}
				.menu-search ul li .fal
				{
					float: right;
					margin-top: 4px;
					font-size: 1.25em;
				}
				
		.menu-dx p
		{
			margin: 20px 0 10px 0;
			color: rgba(129, 120, 18, 1);
			font-size: .8em; line-height: 1em;
			text-transform: uppercase;
			font-weight: 600;
			padding: 0;
		}		
		.menu-search p
		{
			font-size: .9em; line-height: 1.3em;
			text-transform: none;
			font-weight: 400;
			padding: 0;
			background: none;
			margin: 10px 0 10px 0;
		}
	
/* PERSONALE */	
	
	.personale
	{
		margin-bottom: 40px;
	}	
		.personale ul
		{
			border-top: 1px #ccc dotted;
			width: 65%;
			list-style: none !important;
		}		
		.personale ul li
		{
			border-bottom: 1px #ccc dotted;
			padding-top: 7px;
			padding-left: 35px;
			position: relative;
		}	
			.personale ul li h4
			{
				margin-bottom: 7px;
			}
			.personale ul li h4 mark
			{
				font-size: .9em;
				font-weight: 300;
				background: none;
				color: #555;
				padding: 0;
			}
			.personale ul li p
			{
				display: none;
				margin-bottom: 0 !important;
				padding-bottom: 15px;
			}
			.personale ul li p mark
			{
				font-size: .9em;
				font-weight: 300;
				background: none;
				color: #555;
				padding: 0;
			}
			.personale ul li .info, .personale ul li .info-
			{
				position: absolute; top: 3px; left: 0;
				width: 25px; height: 25px;
				color: black;
				background: #ccc;
				font-weight: 400;
				font-size: 1.6em; line-height: .8em;
				text-align: center;
				cursor: pointer;
			}
			.personale ul li .info-
			{
				display: none;
				background: #bb3300;
				color: white;
			}
		.personale a
		{
			color: #2ea3f2;
			font-weight: 600;
		}
		.personale a:link[href^='tel']
		{
			color: #000;
		}
		.personale a:hover
		{
			color: #ba2523;
		}
		
			.personale a:link:before
			{
				margin: 0 4px 0 0;
				font-weight: 300;
				font-size: .8em;
			}
			.personale a:link[href^='tel']:before
			{
				content: '\f879';
				font-size: .8em;
				font-weight: 600;
			}
			.personale a:link[href^='mailto']:before
			{
				content: '\f0e0';
				color: #c3b848;
				font-size: .8em;
				font-weight: 600;
			}
			.personale a:link[target^="_blank"]:after, .personale a:visited[target^="_blank"]:after
			{
				margin: 0 0 0 3px;
				content: '\f08e';
				color: #777;
				font-size: .8em;
				font-weight: 300;
			}

/* Orari ufficio */

	table.tab-orari
	{
		margin-bottom: 0;
		min-width: 50%;
	}
	table.tab-orari tr
	{
		border-bottom: 1px #ccc dashed;
	}
		table.tab-orari tr:first-child
		{
			border-bottom: 1px #ddd solid;
			color: #888;
			font-size: .85em;
		}
		table.tab-orari tr:last-child
		{
			border-bottom: 1px #ddd solid;
		}
	table.tab-orari tr td
	{
		padding: 2px 20px 2px 0;
	}

/* giunta */

	.giunta-sx
	{
		display: inline-block;
		vertical-align: top;
		width: 14%;
		margin-right: 2.6%;
		text-align: center;
	}
		.giunta-sx img
		{
			width: 100%;
			height: auto;
			border-radius: 5em;
			margin-bottom: 15px;
		}
	.giunta-dx
	{
		display: inline-block;
		vertical-align: top;
		width: 80%;
	}
		.giunta-dx .nome
		{
			font-weight: bold;
			font-size: 1.2em;
			margin-bottom: 7px;
		}
		
/* Modal popup */

	.modal-header
	{
		background: rgba(162, 149, 27, .2);
		font-size: 1.2em;
		padding: 1rem 2rem;
	}
	.modal-body
	{
		padding: 1rem 2rem 2rem 2rem;
	}
		
/* Sedute del consiglio */

	.sedute-anni ul
	{
		margin-bottom: 30px;
		overflow: hidden;
	}
		.sedute-anni ul li
		{
			display: inline-block;
			margin: 0 3px 5px 0;
		}
			.sedute-anni ul li a
			{
				padding: 6px 10px;
				border: 1px solid #007BF9;
				display: inline-block;
				font-size: .9em;
				color: #007BF9;
			}
			.sedute-anni ul li a:hover
			{
				background: #007BF9;
				text-decoration: none;
				color: white;
			}
			.sedute-anni ul li a.on
			{
				color: #000;
				font-weight: 600;
				background: rgba(0, 102, 198, .3);
				cursor: default;
			}

	.sedute ul
	{
		
	}
		.sedute ul li
		{
			margin: 0 0 30px 0;
			padding: 0;
			border-top: 1px #aaa dotted;
		}
			.sedute ul li a:before
			{
				font-weight: 600 !important;
				font-size: 1.2em !important;
				margin-right: 7px !important;
			}
	
/* MOTORE */	
	
		.search-result ul
		{
			margin: 0 0 20px 0;
			border-bottom: 1px #bbb dotted;
		}		
			.search-result ul li
			{
				padding: 10px 0 0 0;
				border-top: 1px #bbb dotted;
				margin-bottom: 20px;
			}		
				.search-result ul li .fal
				{
					margin-right: 5px;
					color: rgba(0,0,0,.7);
				}	
				.search-result ul li a
				{
					font-weight: bold;
					font-size: 1.1em;
					color: #005758;
				}		
				.search-result ul li mark
				{
					background: none;
					font-family: 'Open Sans';
					padding: 0;
					font-size: .8em;
					color: rgba(0,0,0,.5);
				}
					
/* Bordo ai video yt */	
	
		iframe
		{
			border: 0;
			width: 45%;
			margin-top: 10px;
		}
		.g-recaptcha iframe
		{
			width: 100%;
		}	
		video
		{
			border: 0;
			width: 45%;
			height: 100%;
			margin-top: 10px;
		}
			
/* Valdazione */
	
	.validation
	{
		padding-top: 10px;
		font-size: .9em;
		color: #dc3545;
	}
					
/* AGENDA ARCHIVIO */

	h4.prec-succ
	{
		overflow: hidden;
		margin-bottom: 40px;
	}

	h4.prec-succ a
	{
		float: left;
		color: rgba(0,0,0,.6);
		border-right: 1px #000 solid;
		margin-right: 8px;
		padding-right: 8px;
		margin-top: 7px;
		
	}
		h4.prec-succ a:last-child
		{
			border: 0px;
			margin-right: 0;
			padding-right: 0;
		}
	.elenco-agenda ul
	{
		border-bottom: 1px #aaa dotted;
	}
	.elenco-agenda ul a
	{
		 color: rgba(0,0,0,.8);
	}
	.elenco-agenda ul a:hover
	{
		color: rgb(186, 37, 35);
		text-decoration: none;
	}
		.elenco-agenda ul li
		{
			padding-top: 10px;
			border-top: 1px #aaa dotted;
			padding-bottom: 15px;
			position: relative;
			overflow: hidden;
			transition: background 0.5s;
			-webkit-transition: background 0.5s;
		}
		.elenco-agenda ul li:hover
		{
			background: #f6f6f6;
		}
			.elenco-agenda ul li ul
			{
				border-bottom: 0;
			}
			.elenco-agenda ul li ul li
			{
				display: inline-block;
				vertical-align: top;
				padding-top: 0;
				border-top: 0;
				margin-bottom: 0;
			}
			.elenco-agenda ul li ul li:first-child
			{
				width: 9%;
				margin-right: 2%;
				text-align: center;
				font-size: 2.6em;
				line-height: .65em;
				font-weight: 700;
				padding-bottom: 5px;
			}
				.elenco-agenda ul li ul li:first-child p
				{
					padding: 0;
					background: none;
					font-size: .35em;
					font-weight: 400;
					margin-bottom: 0;
				}
			.elenco-agenda ul li ul li:last-child
			{
				width: 88%;
				text-transform: uppercase;
				font-size: .9em;
				margin-top: 3px;
			}
				.elenco-agenda ul li ul li:last-child div
				{
					text-transform: none;
					font-size: 1.2em;
				}
			
			.separatore-evento
			{
				position: absolute; top: 15px; left: 10%;
				width: 1px; height: 100%;
				background: #ddd;
			}
			.evento-passato
			{
				opacity: .5;
			}
			
/* form */	
		
	.form-control
	{
		background: rgba(0, 0, 0, .03);
		border: 1px #ccc solid;
		height: 50px;
	}		
	.form-control:hover
	{
		border: 1px #337AB7 solid;
	}
	input[type=radio]:first-child+label::before {
	    background: rgba(0, 0, 0, .03);
	    border: 1px #bbb solid;
	}
	input:first-child+label::before {
	    background: rgba(0, 0, 0, .03);
	}
	.btn
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.form-control-sm
	{
		height: calc(1.5em + .5rem + 2px);
	}
	.data-g
	{
		width: 60px;
		padding-left: 5px;
	}
	.data-m
	{
		width: 72px;
		padding-left: 7px;
	}
	.data-a
	{
		width: 77px;
		padding-left: 7px;
	}
		

/* Gallerie in pagina */
		
	.galleria ul
	{
		margin-bottom: 30px;
	}			
	.galleria ul li ul
	{
		margin-bottom: 0;
		margin-top: 20px;
	}			
		.galleria ul li ul li
		{
			display: inline-block;
			width: 32%; height: 180px;
			margin-right: 1%; margin-bottom: 10px;
			vertical-align: top;
			position: relative;
			overflow: hidden;
			border: 4px #fff solid;
			 -webkit-box-shadow: 0px 0px 0px 1px #ccc;
    -moz-box-shadow: 0px 0px 0px 1px #ccc;
    box-shadow: 0px 0px 0px 1px #ccc;
		}			
			.galleria ul li ul li img
			{
				width: 100%;
			}
		

/* Scroll pagina */

	.scrollup
	{
	    position:fixed;
	    bottom:40px;
	    right: 12px;
	    z-index: 10000001;
	    font-size: 3em;
	    color: rgba(0,0,0,.6);
	    display:none;
	}
	a.scrollup:hover
	{
	    text-decoration: none;
	}