/* 	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: 767px) {
	
	/* 	Stili specifici per phablet */
	
	/* footer */
	#footer-1,
	#footer-2,
	#footer-3 {
		width: 45%;
		margin-right: 5%;
	}
	#footer-1 .clear {
		height: 1px;
		margin-top: -10px;
	}
	#footer-3 {
		clear: left;
	}
	
	/* layout proporzionale */
	.row {
		width: auto;
		padding: 0;
		margin: 0;
	}
	.column {
		float: none;
	}
	.half,
	.third,
	.two-thirds {
		width: 100%;
	}
	.column > * {
		padding-right: 0;
	}
	
	#content {
		position: relative;
	}
	#toggle-menu-laterale {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 40px;
		z-index: 1;
		height: 40px;
		background-color: #3c5d6b;
		background-image: url('../../img/app/menu-toggle.png');
		background-repeat: no-repeat;
		background-position: center;
	}
	#toggle-menu-laterale:hover {
		background-color: #920120;
	}
	.menu-open #toggle-menu-laterale {
		background-color: #920120;
	}
	.menu-laterale {
		display: none;
	}
	#content-pagine-interne {
		margin-left: 4em;
		width: auto;
		float: none;
	}
	.menu-open .menu-laterale {
		display: block;
		width: 14em;
		float: none;
		position: absolute;
		left: 0;
		top: 0;
	}
	.menu-open #content-pagine-interne {
		margin-left: 15.5em;
	}
	.titolo-menu-laterale h3 {
		padding-left: 2em;
	}
	.accordion .titolo-link p {
		display: block;
		float: none;
	}
	#paginatore {
		font-size: .9em;
	}
	button[type=submit] {
		clear: left;
	}
	#content-pagine-interne .colonna-sinistra .link-presidenza ul {
		float: none;
	}
	#content-pagine-interne .colonna-sinistra,
	#content-pagine-interne .colonna-destra {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2em;
	}
	#content-pagine-interne .link-presidenza {
		overflow: auto;
		padding-bottom: 1em;
	}
	.homepage .testo-home {
		display: block;
		clear: left;
		margin: 1em .5em 1em;
	}
	.homepage h2 {
		font-size: 1.1em;
	}
	 #ruolo .immagine {
	 	float: none;
	 	width: 100%;
	 	margin-top: -1.25em;
	 }
	 #ruolo .immagine img {
	 	width: 100%;
	 	height: auto;
	 }
	 #ruolo .testo-home p {
	 	margin-left: 0;
	 }
	 .banner-image .mini {
	 	right: -300px;
	 }
	 
/* Modifica 17/07/2014 */

	 .homepage #header .banner-image {
	 	height: auto;
	 }
	 
/* Fine - Modifica 17/07/2014 */

	 #header .banner-image .logo1,
	 #header .banner-image .logo1-interne {
	 	width: 18em;
	 }
	 .homepage #header .banner-image > img {
	 	height: 15em;
	 }
	 .repubblica {
	 	display: none;
	 }
	 #nav-group {
	 	padding-top: 1.9em;
	 }
	 #nav0, #nav, #nav2 {
	 	position: static;
	 	min-height: 0;
	 }
	 #nav0 ul, #nav ul, #nav2 ul {
	 	margin: 0;
	 	padding: 0;
	 }
	 #nav0 {
	 }
	 #nav0 ul {
	 	display: table;
	 	width: 80%;
	 }
	 #nav0 li {
	 	display: table-cell;
	 	width: 33%;
	 	text-align: middle;
	 }
	 #nav0 li a {
	 	text-align: left;
	 	margin: 0;		
	 }
	 #nav0 li a i {
	 	float: left;
	 	display: block;
	 	font-size: 2em;
	 	margin-right: .3em;
	 }
	 #nav li a, #nav2 li a {
	 	display: block;
	 	float: none;
	 	text-align: left;
	 	line-height: 2em;
	 	padding: .8em;
	 	font-size: 0.938em;
	 }
	 #nav #search {
	 	right: 0;
	 	left: 0;
	 	top: 0;
	 	padding: 0;
	 	margin: 0;
	 }
	 #nav #search input {
	 	height: 2.4em;
	 	display: block;
	 	position: absolute;
	 	width: 90%;
	 }
	 #nav #search button,
	 #toggle-menu-primo-livello {
	 	display: block;
	 	height: 3.3em;
	 	position: absolute;
	 	right: 0;
	 	top: 0;
	 	width: 10%;
	 	
	 }
	 #toggle-menu-primo-livello {
	 	top: 3em;
	 	height: 4.1em;
	 	background: #660116 url('../../img/app/toggle-menu.png') no-repeat center 5px;
	 }
	 #toggle-menu-primo-livello:hover,
	 #toggle-menu-primo-livello:focus {
	 	background-color: #450008;
	 }
	 #toggle-menu-primo-livello.active {
	 	background-position: center -35px;
	 	background-color: #660116;
	 }
	 
	 #nav0 ul, #nav ul, #nav2 ul {
	 	display: none;
	 }
	 .active #nav0 ul, .active #nav ul, .active #nav2 ul {
	 	display: block;
	 }
	 .big-menu {
	 	position: static;
	 }
	 #nav-group .big-menu .column {
	 	width: 100%;
	 	display: block;
	 	margin-top: 0;
	 	margin-bottom: 0;
	 	padding-top: 0;
	 	padding-bottom: 0;
	 }
	 
	 #content-mappa .column {
	 	width: 50%;
	 } 
	 
	 
	 table {
	 	
	 }
	 
}