@charset "UTF-8";
/* CSS Document */
/* ------------------------------------------------------------------------- */
/* COLORE DEI LINK: NORMALI E VISITATI = BLU; AL PASSAGGIO DEL MOUSE = ROSSI */
/* ------------------------------------------------------------------------- */

A:link, A:visited { color: #0057b2; text-decoration: none }
A:hover { color: #dd0000; }

/*--------------------------------------------*/
/*           STYLE ELEMENTI GENERICI          */
/*--------------------------------------------*/

.contenitore_alto {
	position: relative;
	background:#fec70a;
/*	height:200px;
	padding:20px;*/
	text-align: center;
}

.logo_alto {
	display: inline-block;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.lista_civica {
	display: inline-block;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.contenitore_pulsanti {
/*	background:red;
	height:auto;
	padding:20px;*/
	position: relative;
	margin-top: 20px;
/*	margin-bottom: 20px;*/
	text-align: center;
}

.pulsanti {
	display: inline-block;
	width: 280px;
	height: 80px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-style: solid;
	border-width: 2px;	
	border-color: #016cdb;
	border-radius: 20px;
	-moz-border-radius: 20px; /* firefox */
	-webkit-border-radius: 20px; /* safari, chrome */
	background: #fec70a;
	font-family: "Verdana";
	font-size: 18pt;
	color: #0057b2;
	text-align: center;
	line-height: 80px;
}

.contenitore_basso {
	background:#fec70a;
	border-width: 2px;	
	border-color: #016cdb;
	padding: 20px;
	font-family: "Verdana";
	font-size: 12pt;
	color: #0057b2;
	text-align: center;
	margin-top: 40px;
}

.contenitore_immagini_home {
/*	background:red;*/
	margin-bottom: 20px;
	text-align: center;
}

.immagini_home{
	border-style: solid;
	border-width: 2px;
	border-color: #016cdb;
	padding: 5px;
	max-width:100%;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.font_18pt_blu {
	font-family: "Verdana";
	font-size: 18pt;
	color: #016cdb;
}

/*----------------------------------------------*/
/*   EVENTI E NEWS                              */
/*----------------------------------------------*/

.contenitore_foto_600x600 {
/*	background:red;*/
	margin-bottom: 20px;
	text-align: center;  /*Centra le immagini nel box anche quando vanno a capo*/
}

.foto_600x600 {
	display: inline-block;
	border-style: solid;
	border-width: 2px;
	border-color: #016cdb;
	max-width:100%;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.immagini_eventienews{
	border-style: solid;
	border-width: 2px;
	border-color: #016cdb;
	padding: 5px;
	max-width:100%;
/*	display: inline-block;*/
	margin-top: 20px;
/*	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;*/
}

.youtube_eventienews{
	border-style: solid;
	border-width: 2px;
	border-color: #016cdb;
	padding: 5px;
	width:854px;
	height:480px;
/*	display: inline-block;*/
	margin-top: 20px;
/*	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;*/
}

.video_eventienews{
	border-style: solid;
	border-width: 2px;
	border-color: #016cdb;
	padding: 5px;
	max-width:90%;
/*	width:1000px;*/
/*	display: inline-block;*/
	margin-top: 20px;
/*	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;*/
}

/*.video_eventienews video {*/
/*	background-color:lightblue; */
/*	width:100%;*/
/*}*/

/*----------------------------------------------*/
/*       CANDIDATI - STYLE DEI CONTENITORI      */
/*----------------------------------------------*/

.schede_contenitore {
/*	float:left;*/
	display: inline-block;
	background-color:#fabe03;
	width:360px;
/*	height:1000px;*/
	outline:2px solid #016cdb;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:15px;
	margin-right:15px;
/*	box-shadow: 0 0 7px rgba(0, 0, 0, 0.8); */
}
.schede_contenitore_foto {
/*	background-color:lightblue;
	width:auto;
	height:auto;
	text-align: center; */
}
.schede_contenitore_foto img {
/*	background-color:lightblue; */
	width:100%;
}
.schede_contenitore_foto video {
/*	background-color:lightblue; */
	width:100%;
}
.schede_contenitore_testo  {
	text-align: center;
	font-family: "Verdana";
	font-size: 14pt;
	color: #000000;
	background-color:#ffffff;
	width:auto;
	height:auto;
	padding:10px 0px 10px 0px 
}
.schede_contenitore_pdf  {
	float:left;
/*	background-color:#4f4f4f;*/ /*grigio scuro*/
	background-color:#fcbe13; /*giallo*/
	text-align: center;
	font-family: "Verdana";
	font-size: 14pt;
	color: #000000;
/*	color: #0057b2;*/ /*blu*/
	width:50%;
	height:auto;
	padding:10px 0px 10px 0px 
/*	margin-right:1px;*/
}

/*--------------------------------------------*/
/*      PROGRAMMA.HTML STYLE SLIDESHOW        */
/*--------------------------------------------*/

/* Slideshow container */
.slideshow-container {
	max-width: 764px;
	position: relative;
	margin: auto;
}

/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: black;
	background-color: rgba(255,255,255,0.5);
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color and color the button white */
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.3);
	color: white;

}

/* The dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot:hover {
	background-color: #717171;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

/*--------------------------------------------*/
/*CAMBIA ELEMENTI QUANDO LO SCHERMO E' < 800px*/
/*--------------------------------------------*/

@media screen and (max-width:800px) {
	
/* sistema le immagini in homepage */

.immagini_home{
	max-width:92%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
}

/* fa sparire l'immagine in alto con le facce */
.lista_civica {
	display: none;
}

/* toglie i margini dal logo in alto */
.logo_alto {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* avvicina il contenitore pulsanti alla parte alta */
.contenitore_pulsanti {
	margin-top: 10px;
}

/* modifica i pulsanti */
.pulsanti {
	width: 160px;
	height: 40px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
	border-radius: 15px;
	-moz-border-radius: 15px; /* firefox */
	-webkit-border-radius: 15px; /* safari, chrome */
	font-size: 14pt;
	line-height: 38px;
}

/* rimpicciolisce le schede candidati */
.schede_contenitore {
	width:165px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:7px;
	margin-right:7px;
}
.schede_contenitore img {
	width:100%;
}
.schede_contenitore video {
	width:100%;
}
.schede_contenitore_testo {
	font-family: "Verdana";
	font-size: 7pt;
	height: auto;
	padding:4px 0px 4px 0px 
}
.schede_contenitore_pdf  {
	font-family: "Verdana";
	font-size: 7pt;
	padding:4px 0px 4px 0px 
}
.schede_contenitore_pdf  img {
	width:25%;
	padding:3px 0px 0px 0px 
/*	display: none;*/
}

/* rimpicciolisce il font 18pt blu */
.font_18pt_blu {
	font-size: 14pt;
}

/* sistema le immagini in eventi e news */

.immagini_eventienews{
	max-width:92%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
}

.youtube_eventienews{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	width:320px;
	height:180px;
}

.foto_600x600 {
	width:40%;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 0px;
}