/******************************************************************
-----------------------MEDIAQUERY---------------------------------
320px, iPhone vecchi con orientamento portrait,
480px, iPhone vecchi con orientamento landscape, iPhone 4 con orientamento portrait, 
640px, iPhone 4 con orientamento landscape,
768px, iPad con orientamento portrait e cellulari Windows,
960px, iPhone 4 con orientamento landscape
1024px, iPad con orientamento landscape netbook e notebook,
1200px, desktop.
******************************************************************/
/*faccio scomparire la pergamena per tutti i device con risoluzione minore di Iphone4 Landscape*/
@media screen and (min-width: 200px) and (max-width:1024px){ 

	body{
		background-image: url(../img/sfondo.jpg);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size:100% 100%;
	}
	.riga_header,.riga_main,.riga_footer{
		background:none;
		min-height:100%;
	}
	
	footer, #footer, header, #header, #main, #main_chi_siamo{width:95%;padding:0 2.5%;}
	
	#main{/*per ipad landscape*/
		min-height:400px;
	}

	#header img {
	display:block;
	width:75%;
	margin:20px auto;	
	}
	nav, #nav{
	font-size:1.1em;
	}
	#slideshow_home{
	width:90%;
	margin:0px auto 60px auto;
	}
	#nav_slider li a{	
	width:20px;
	height:15px;
	background-size:20px auto;
	}
	#cont_dx{
	margin-top:0;
	font-size:0.9em;
	}
	div#MainContent{
		width:95%;
		margin:0 auto 20px auto;
	}
	#cenni_storici{
		display:none;
	}
	#icon_ban{
		display:none;
	}
	

	#footer{
	width:90%;
    padding: 20px 5%;
	height:auto;
	min-height:120px;
	}
	#footer  #nav_footer{
		margin-top:60px;
	}
	#footer #icon_social{
	margin-top:30px;
	}
	#footer #icon_social a{
	width:60px;
	height:74px;
	margin-right:0px;
	}
	#icon_social a.icon_fac{
		background-image: url(../img/bandiera_facebook2.png);
	}
	#icon_social a.icon_twitter{
		background-image: url(../img/bandiera_twitter2.png);
	}
}
@media screen and (min-width: 200px) and (max-width:640px){ 
	body{
		background-image: url(../img/sfondo_iphone.jpg);
		}
	#main{/*per ipad landscape*/
		min-height:300px;
	}
	#header{
		width:100%;
		padding:10px 0;}
	#header img {
		width: 90%;
		margin:0 auto;
		margin-bottom:10px;
	}
	#pulsante_menu{
		opacity:0.9;
		margin-top:40px;
		margin:0 auto;
		width:13%;
	}
	#logo h1{
		display:none;
	}
	nav,#nav{
		display:none;
		font-size:1.3em;
	}
	#nav li {
		display: block;
	}
	#nav li a
	{	
		font-size:0.7em;
		width:100%;
		padding:10px 0;
		background-color: #31363A;
		color:#ffffff;
		border-bottom:1px solid #fff;
		position:relative;
	}

	#nav li:last-child a{
		border-bottom:none;	
	}
	#nav li a:hover, #nav li a.active{
		background-color:#9B1C26;
		border:none;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		z-index:999;
		margin:0;
	}
	#main_chi_siamo, #main_dove,#main_eventi{
		width:90%;
		font-size:0.8em;
	}
	#nav_foto li a, #nav_foto_max li a{
	font-size:0.8em;
	}
	#descrizione_big{
		display:none;
	}
	#descrizione_small{
		display:block;
	}
	#slideshow_home{
		width:100%;
	}

	div#MainContent{
		margin-bottom:60px;
		}
	#mappa{
    width: 100%;
    height: 300px;
    }
	#cont_dx{display:none;}
	#cont_volantino{
		width:95%;
		margin:0 auto;
		float:none;
	}
	#info_evento{
	font-size:0.6em;}
	
	#footer #nav_footer{
		display:none;
	}
	#footer #icon_social{
		display:none;
	}
	#footer #icon_social_small, #io{
		display:block;
	}
}	

/*Vecchi telefoni con schermi piccoli*/
@media screen and (min-width: 200px) and (max-width:480px){ 
	
	#slideshow_home{
		border:none;
		margin:40px auto 60px auto;
	}
	#info_evento #info_sx{
	font-size:1.1em;
	float:none;
	margin:0 auto;
	text-align:center;
	}
	#info_evento div:last-child{
	display:none;
	}
	#footer{
		height:auto;
		padding:0 5%;
	}

}
/*Pc con risoluzioni maggiori di 1024*/
@media screen and (min-width: 1050px){ 
 #mappa{
    width: 70%;
    height: 500px;
    }
}
@media screen and (min-width: 1500px){ 
div.slideshow-container {
	height: 600px;
	}
div.slideshow a.advance-link {
	height: 600px;
	line-height: 600px;
	}
}