/* 	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: 480px) {
	
	/* 	Stili specifici per smartphone */
	
	/* footer */
	#footer-1,
	#footer-2,
	#footer-3 {
		width: 100%;
		margin: 0;
		float: none;
	}
	#footer-1 .clear {
		display: none;
	}
	#footer-4 {
		padding: .5em;
	}
	#footer-4 a {
		font-size: .625em;
	}
	#footer-4 ul {
		text-align: center;
		min-width: 0;
		display: block;
		padding: 0;
	}
	#footer-4 li {
		display: inline;
		margin: 0 .5em;
	}
	
	.menu-open .menu-laterale {
		position: static;
		width: 100%;
		margin-bottom: 1em;
	}
	.menu-open #content-pagine-interne {
		margin-left: 0;
	}
	
	#content-pagine-interne .link-presidenza ul {
		float: none;
		width: 100%;
	}
	
	#inevidenza,
	#ruolo,
	#recentissime,
	#internazionale,
	#visitapalazzo {
		float:none;
		width:96%;
		margin: 1em 2%;
		overflow: auto;
	}
	.homepage .clear {
		height: 0;
	}
/*  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: 12em;
		top: .8em;
	}
	.homepage #header .banner-image > img {
		height: 10em;
	}	
	#nav #search input {
		width: 85%;
	}
	#nav #search button,
	#toggle-menu-primo-livello {
		width: 15%;	
	}
	#content-mappa .column {
		width: 100%;
	}
/*  Modifica 17/07/2014 */
	.homepage #content {
    margin-top: -1.5em;
}
/* Fine - Modifica 17/07/2014 */

/* Inizio mp-e729 */
	.field-group,
	.button-group {
		clear: both;
		margin-top: .5em;
	}
	.field-group::before,
	.field-group::after {
	   content: ' ';
	   visibility: hidden;
	   display: block;
	   height: 0;
	   clear: both;
	}
	.field-group label {
		width: 25%;
		margin-left: 0;
		margin-right: 0;
	}
	.field-group [type=text],
	.field-group [type=password],
	.field-group select,
	.field-group label.visuallyhidden + [type=text],
	.field-group label.visuallyhidden + [type=password],
	.field-group label.visuallyhidden + select {
		float: left;
		width: 92%;
	}
	.field-group label + [type=text],
	.field-group label + [type=password],
	.field-group label + select {
		width: 70%;
	}
	.field-group select {
		width: 100%;
	}
	.radio-button {
		margin-top: .5em;	
	}
	.radio-button ul li {
		display: block;
		float: none;
	}
	.feedback.ricerca {
		float: none;
		clear: both;
		margin: 1em 0 .5em;
		display: block;
	}
	thead {
		display: none;
	}
	table, td, th, td, tr, tbody {
		display: block;
		width: 100%;
	}
	tr {
		margin-bottom: 8px;
	}
	.accordion tr.titolo,
	.accordion tr.contenuto-da-espandere {
		padding: 0;
		background-color: transparent!important;
	}
	.accordion tr.titolo {
		margin-top: 1em;
		margin-bottom: 0;
	}
	td,
	th {
		border-bottom: 1px solid #e1e5e8;
		/*font-size: 1em;*/
		width: 90%;
	}
	tbody th,
	.even th,
	.odd th {
		background-color: #28404d!important;
		color: white!important;
		min-height: 1.8em;
	}
	td::before {
		display: block;
		content: attr(title);
		font-weight: 700;
		color: #0b1115;
		/*font-size: .85em;*/
		font-style: italic;
	}
	.relative-cell {
		position: static;
	}
	.accordion tr {
		position: relative;
	}
	.relative-cell .expand,
	.active .relative-cell .expand {
		right: 1.5em;
		height: 3.4em;
		top: 0;
	}
/* fine mp-e729 */
}