@charset "utf-8";

@font-face {
	font-family: 'Cardinal';
	src:url('../fonts/Cardinal.eot');
	src:url('../fonts/Cardinal.eot#iefix') format('embedded-opentype'),
		url('../fonts/Cardinal.svg') format('svg'),
		url('../fonts/Cardinal.woff') format('woff'),
		url('../fonts/Cardinal.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html{
	min-height: 100%;
	position:relative;
}
body {
	margin: 0;
	padding:0;
	background-color:#31363a;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	min-height: 100%;
	font-size:100%;
	top:0px!important;
	}
	
	
*{
	margin:0; 
	padding:0; }
	
img {
	border:0px;
	height:auto;
}
h1{
	text-align:center;
	font-size:1.5em;
	text-shadow: 1px 1px 3px #666; 
}
a{
	text-decoration:none;
	color:black;
}
a:hover{
		color:#9B1C26;
}
/* CSS Document */


/*Per non usare il float left uso la classe clear che mette dopo un elemento che non accetta elementi che gli flottuano attorno*/
.clear{
display:block; 
clear:both;
}
/*
after assegnale proprietà di clearing tramite alcune proprietà CSS  visibility (quest'ultima per nasconderlo); 
questa tecnica permette di evitare l'inserimento del tag mantenendo un codice più pulito,
*/
.clear:after{
content:"."; 
display:block; 
clear:both; 
visibility:hidden; 
}
/*contenitori a tutta pagina delle righe*/
div.contenitori{ width:100%;}
.riga_header{
	height: auto;
	width: 100%;
	background: url(../img/sfondoTop.jpg) no-repeat left top;
	background-size:100% 100%;
	}
.riga_main{
	height: auto;
	min-height:500px;
	width: 100%;
	background: url(../img/sfondoMain.jpg) no-repeat left top;
	background-size:100% 100%; 
	}
.riga_footer{
	height: auto;
	width: 100%;
	background: url(../img/sfondoFooter.jpg) no-repeat left top;
	background-size:100% 100%; 
	}
footer, #footer, header, #header, #main, #main_chi_siamo, #main_dove,#main_eventi{display:block; width:80%; margin:0 auto;}

/*-----------------------HEADER------------------------------------*/
#header {
	height: auto;
	top:0px;
	padding-top:20px;
	font-family:"Cardinal";
}
#header img {
	width: 65%;
	height: auto;	
}
#img_logo{
	margin-top:40px;
}
#pulsante_menu{
	display:none;
}
#icon_twitter_ban,#icon_fac_ban{
	float:right;
	position:absolute;
	width:80px;

}
#icon_twitter_ban img{
		width:80px;
		opacity:.8;
	}
#icon_fac_ban img{
		width:80px;
		opacity:.9;
	}
#icon_twitter_ban img:hover, #icon_fac_ban img:hover{
		opacity:1;
	}
#icon_twitter_ban{
	top:41px;
	right:12%;
}
#icon_fac_ban{
	top:35px;
	right:19.5%;
	
}

nav, #nav, #nav_foto, #nav_foto_max{
	width:100%;
	margin:30px auto 0 auto;
	font-size:1.4em;
	text-align:center;
}


#nav li , #nav_foto li, #nav_foto_max li, #nav_footer li{
	display: inline;
}

#nav li a, #nav_foto li a
{	
	float:left;
	padding:10px 1.495%;
	background-color: #31363A;
	color:#ffffff;
	/* border-bottom:1px solid #31363A; */ 
}

#nav li a {
	width:17%;
}

#nav_foto li {
	/* float: left; */ 
	/* border: 1px solid blue; */
}

#nav li a:hover, #nav li a.active, #nav_foto li a:hover, #nav_foto li a.active{
background-color:#9B1C26;
padding-bottom:12px;
padding-top:12px;
border:2px solid #31363A;
margin:-3px;
}
/*
#nav_foto li a {
	width:100%;
	display: block;
}
*/
/*-----------------------Main------------------------------------*/
#main, #main_chi_siamo ,#main_eventi{
	width:80%;
	padding:10px 5% 20px 5%;
	text-align: justify;
}

/*Main Manifestazione*/
#main_eventi h1{
	text-shadow: none; 
}
#cont_volantino
{
	width:45%;
	float:left;
}

#cont_dx{
	margin-top:4%;
	width:55%;
	float:right;
	text-align:center;
	font-weight:bold;
	font-style: italic;
	font-size:1.1em;
}
#cont_dx p{
	margin: 10px auto 0 auto;
}
#main_eventi img{
	width:100%;
	/*margin:0 auto;*/
	border:2px solid #31363A;
	box-shadow: 3px 3px 5px 2px rgba(0, 0, 30, 0.2);
}

#main_eventi h3{
	font-family: 'Cardinal';
	color:#9B1C26;
	text-align:center;
	font-size:1.2em;
 }
#main_eventi h2{
 font-size:1.4em;
 text-align:center;
 }
 table td{vertical-align:top;}
/*Fine Main Manifestazione*/
 
#main_chi_siamo h2, h3{
	margin:20px 0;
	text-align:left;
}
#main_chi_siamo li{
	margin:10px 0 10px 30px;
}
#mappa{
    width: 80%;
    height: 400px;
	margin:20px auto;
    }
#percorso{
	text-align:center;
	margin-top:10px;
	margin-bottom:80px;
	font-size:1.2em
}

#nav_foto{
	width:98%!important;
}
#nav_foto li a, #nav_foto_max li a{
	width:22%!important;
	font-size:0.9em;
	padding:10px 1.495%;

}
#nav_foto_max li a:hover, #nav_foto_max li a.active{
	color:#9B1C26;
}
/*SLIDER HOME PAGE*/
#slideshow_home{
	margin:0px auto 30px auto;
	width:80%;
	height:auto;
	box-shadow: 3px 3px 5px 2px rgba(0, 0, 30, 0.2);
	position: relative;
	border:6px solid #31363A;
	overflow:hidden; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.slide{	
	position:relative;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.slide img{
	width:100%;
	height:auto;
	margin-bottom:-6px;
}

#nav_slider{
	width:100%;
	position:absolute;
	bottom:0px;
	left:10px;
	}


#nav_slider li {
	display: inline;
}
#nav_slider li a
{	width:25px;
	height:19px;
	padding:10px 8px 0px 8px;
	float:left;
	display:block;
	background: url(../img/imgSlider/pallino.png) no-repeat left top;
	background-size:25px auto;
	opacity:0.7;
}
/*FINE SLIDER HOMEPAGE*/
#descrizione_big{
	
}
#descrizione_small{
	display:none;
	width:90%;
	margin:20px auto;
	font-size:0.9em;
}
#link_evento
{
	color:#9B1C26;
	text-shadow: 1px 1px 3px #666; 
}
#link_evento:hover
{
	color:#000;
}
#info_evento{
	font-size:0.8em;}
#info_sx{
	float:left;
	text-align:left;
}	
/*GALLERY RISOLUZIONI <=1024*/
div#MainContent{margin-bottom:40px;}
div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width: 33.33333333%; }
div.gallery-item a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
div.gallery-item img { display: block; width: 100%; height: auto; }
/*-----------------------FOOTER------------------------------------*/

#footer {
	width:80%;
	padding:0 5%;
	height: 120px;
	padding-top:44px;
	padding-bottom:100px;
	text-align:center;
}
#footer  #nav_footer
{
	float:left;
	margin-top:80px;
}
#footer #nav_footer li a{
	float:left;
	font-size:0.7em;
	padding:0 10px 0 10px;
	border-right:1px solid #9B1C26;
	color:#9B1C26;
}
#footer #nav_footer li a:hover{
	color:#000;
}
#footer #nav_footer #ultimo{
	border:0;
	}
#footer #icon_social{
	float:right;
	margin-top:70px;
}
#icon_social_small{
	display:none;
	width:140px;
	margin:30px auto 0 auto;
}
#io{
		display:none;
	}
#footer #icon_social a, #footer #icon_social_small a{
	display:block;
	float:left;
	width:60px;
	height:60px;
	margin-right:30px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:100% 100%; 	
}
#footer #icon_social_small a{
	width:60px;
	height:74px;
	margin-right:0px;
}
#footer #icon_social_small a.icon_fac{
		margin-right:20px;
	}
#icon_social a.icon_fac{
		background-image: url(../img/facebook.png);
		opacity:0.8;
}
#icon_social a.icon_twitter{
		background-image: url(../img/twitter.png);
		opacity:0.8;
}
#icon_social_small a.icon_fac{
		background-image: url(../img/bandiera_facebook2.png);
		opacity:0.9;
}
#icon_social_small a.icon_twitter{
		background-image: url(../img/bandiera_twitter2.png);
		opacity:0.8;
}
#footer a.icon_fac:hover{
		opacity:1;
}
#footer a.icon_twitter:hover{
		opacity:1;
}