/* 	Questa sezione utilizza il modulo CSS Media Query
		http://www.w3.org/TR/css3-mediaqueries/ 
		W3C Recommendation 19 June 2012
		*/
		
@media screen and (max-width: 960px) {
	
	/* 	Stili specifici per tablet */
	
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	/* footer */
	
	#accordion-page-newsletter .titolo-link p,
	#accordion-page-newsletter .titolo-link ul {
		float: none;
		width: auto;
		display: block;
		padding-left: .8em;
		margin-bottom: 0;
	}	
	#accordion-page-newsletter .accordion .titolo p {
		margin-bottom: 1em;
	}
	.banner-image .mini {
		right: -200px;
	}
	.homepage #header .banner-image {
		height: auto;
		overflow: hidden; /* mp-e717 */ 
	}
	#header .banner-image {
		overflow: hidden;
	} /* mp-e729 */
	.homepage #header .banner-image > img {
		height: 20em;
		width: auto;
		max-width: none;
	}
	
	#nav2 li a,
	#nav li a {
		font-size: 0.75em;
		padding: 1.1em .43em;
	}
	#nav2 li ul a,
	#nav li ul a {
		font-size: 1em;
	}
	
	.menu-laterale {
		width: 26%;
	}
	#content-pagine-interne {
		margin-left: 4%;
		width: 70%;
	}
	
	.button-group {
		clear: both;
	} /* mp-e729 */
	.button-group::before,
	.button-group::after {
	   content: ' ';
	   visibility: hidden;
	   display: block;
	   height: 0;
	   clear: both;
	} /* mp-e729 */
}