/* ----- MEDIA QUERIES --------------------------------------------------- */
/*
@media screen and (min-width: 1600px) { / BIG SCREEN /
	#header {
		height: 150px;
	}
	#header .logo {
		width: 1400px;
		height: 150px;
		line-height: 150px;
	}
	#header .logo img {
		width: 550px;
		vertical-align: middle;
	}
	
	#mini-border {
		height: 18px;
	}
	
	#nav {
		height: 55px;
	}
	#nav .center {
		width: 1400px;
	}
	#nav ul li {
		margin: 0 50px 0 0;
		line-height: 54px;
		font-size: 18px;
	}
	#nav ul li a {
		padding: 17px 20px;
	}
}
*/

@media screen and (max-width: 1020px) { /* SMALL SCREEN */
	h2 {
		margin: 0 0 15px 0;	
	}
	
	p.important {
		font-size: 14px;
		line-height: 22px;
	}
	
	#header {
		
	}
	#header .logo {
		/*width: 100%;*/
		width: 721px;
		position: relative;
	}
	#header .logo img {
		
	}
	
	#header .social-mobile {
		display: block;
		background-color: #DDDCDC;
		height: 39px;
		min-width: 50px;
		box-sizing: border-box;
		padding: 0 10px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	#header .social-mobile h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		color: #ad0928;
		line-height: 39px;
		float: left;
		font-weight: normal;
	}
	#header .social-mobile h3 span {
		color: #161616;
		margin: 0 0 0 -3px;
	}
	#header .social-mobile ul {
		float: left;
		margin: 0 0 0 15px;
		padding: 0;
		list-style-type: none;
	}
	#header .social-mobile ul li {
		float: left;
		width: 24px;
		height: 39px;
		margin: 0 7px 0 0;
		padding: 0;
		list-style-type: none;
	}
	#header .social-mobile ul li.googleplus {
		background: url(../img/icon_googleplus.jpg) center no-repeat;
	}
	#header .social-mobile ul li.twitter {
		background: url(../img/icon_twitter.jpg) center no-repeat;
	}
	#header .social-mobile ul li.facebook {
		background: url(../img/icon_facebook.jpg) center no-repeat;
		margin-right: 0;
	}
	#header .social-mobile ul li a {
		display: block;
   		height: 39px;
	}
	#header .social-mobile ul li a:hover {
		background-color: transparent;
	}
	#header .social-mobile ul li a span {
		display: none;
	}
	
	#nav {
		width: 100%;
	}
	#nav .center {
		/*margin: 0;*/
		margin: 0 auto;
		overflow: visible;
		/*width: auto;*/
		width: 721px;
		position: relative;
	}
	#nav ul {
		margin: 0 0 0 11px;
	}
	#nav ul li {
		margin: 0;
	}
	#nav ul li a {
		padding: 10px;
	}
	
	#social {
		position: absolute;
		top: 0;
		right: 0;
		background-color: #D1CFCF;
		
		display: none;
	}
	#social ul li {
		margin: 0 7px 0 0;
	}
	
	#language {
		position: absolute;
    	right: 0;
	}
	#language ul li a {
		padding: 0;
	}
	
	#mainContent {
		/*width: 100%;*/
		width: 721px;
		padding: 20px 0 20px 20px;
	}
	#mainContent .left {
		width: 470px;
	}
	#mainContent .right {
		width: 230px;
	}
	
	#mainContent .centerContent {
		margin: 0;
		width: auto;	
	}
	
	#mainContent .box-home img {
		width: 180px;	
	}
	#mainContent .box-home .testo {
		width: 270px;	
	}
	#mainContent .box-home .testo p {
		line-height: 14px;
	}
	
	#image-slide {
		height: 208px;
	}
	#image-slide .innSlide {
		height: 208px;
	}
	
	#box-news {
		width: 231px;
		padding: 8px;
		margin: 0 0 20px 0;
	}
	#box-news h3 {
		margin: 0 0 15px 0;
	}
	#box-news h3 span {
		color: #908f8f;
	}
	#box-news h3 strong {
		color: #ad0928;
		font-weight: normal;
	}
	#box-news .container-news {
		height: 180px;
	}
	#box-news .container-news .nsBox {
		height: 180px;
	}
	#box-news .container-news .nsBox .single {
		width: 212px;
		margin: 0 11px 0 0;
		height: 180px;
	}
	#box-news .container-news .nsBox .single dl {
		margin: 0;
		padding: 0;
	}
	#box-news .container-news .nsBox .single dl dt.title {
		font-size: 16px;
		color: #bd0926;
	}
	#box-news .container-news .nsBox .single dl dt.data {
		font-size: 13px;
		color: #161616;
	}
	#box-news .container-news .nsBox .single dl dd {
		font-family: "Lato";
		font-style: normal;
		font-weight: 300;
		margin: 15px 0 0 0;
		padding: 0;
		font-size: 12px;
		color: #343333;
		line-height: 17px;
	}
	#box-news .container-news .nsBox .single p {
		background: url(../img/button_small_grey.png) no-repeat;
		bottom: -18px;
		height: 19px;
		left: 138px;
		position: absolute;
		width: 74px;
		text-align: center;
	}
	#box-news .container-news .nsBox .single p a {
		color: #fffefe;
		line-height: 19px;
		font-size: 11px;
		font-family: "Lato";
		font-style: italic;
		font-weight: 700;
	}
	#box-news .circle-nav {
		bottom: 8px;
		height: 15px;
		left: 8px;
		overflow: hidden;
		position: absolute;
	}
	#box-news .circle-nav ul {
		list-style-type: none;
	}
	#box-news .circle-nav ul li {
		list-style-type: none;
		float: left;
		margin: 0 4px 0 0;
		font-size: 9px;
		cursor: pointer;
	}
	#box-news .circle-nav ul li span {
		display: none;
	}
	#box-news .circle-nav ul li a {
		color: #999;
	}
	
	#box-newsletter {
		width: 231px;
		margin: 0 0 20px 0;
	}
	#box-newsletter h3 {
		margin: 0 0 10px 0;
	}
	#box-newsletter p {
		font-size: 11px;
	}
	
	#box-linkutili {
		width: 231px;
		margin: 0 0 20px 0;
	}
	
	#box-diconodilui {
		width: 231px;
		margin: 0 0 20px 0;
	}
	
	#box-lacasamuseo {
		width: 231px;
		margin: 0 0 20px 0;
	}
	
	
	#opere dl dt {
		width: 100px;
	}
	
	#photogallery .nav-bullets a:after {
		height: 15px;
		width: 15px;
	}
	#photogallery .nav-bullets a {
		margin-right: 8px;
	}
	
	
	#footer .center {
		width: 721px;
	}
	#footer .center img {
		height: 90px;
		margin: 20px 0 0 20px;
	}
	#footer .copyright {
		margin: 20px 0 0 15px;
    	padding-left: 15px;
	}
	#footer .copyright p {
	}
	#footer .navigation {
		margin: 20px 0 0 15px;
		padding-left: 15px;
	}
	#footer .navigation ul {
		float: none;
	}
	#footer .navigation ul li {
		width: 86px;
		float: none;
		width: auto;
		line-height: 20px;
		clear: both;
	}
	#footer .navigation ul li a {
		float: left;
	}
	#footer .navigation ul li ul {
		float: left;
	}
	#footer .navigation ul li ul {
		float: left;
		clear: none;
		margin: 0 0 0 5px;
	}
	#footer .navigation ul li ul li {
		width: auto;
		float: left;
		clear: none;
		margin: 0 5px 0 0;
	}
	#footer .navigation ul li ul li:before {
		content: "• ";
		color: #fff;
	}
	#footer .navigation ul li ul li:first-child:before {
		content: "";
	}
	#footer .navigation ul li ul li a {
		width: auto;
		float: none;
		clear: none;
	}
	#footer .navigation p {
		float: none;
		clear: both;
		margin: 0;
		padding: 5px 0 0 0;
	}
}

@media screen and (max-width: 720px) { /* SMARTPHONES */
	html, body {
    	height: 100%
	}
	
	body {
		/*background-color: #000;*/
	}
	
	#container {
		min-height: 100%;
		position: relative;
		/*background-color: #FFFFFF;*/
	}
	
	#header {
		height: auto;
		position: relative;
	}
	#header .logo {
		height: auto;
		line-height: normal;
		margin: 0;
		padding: 22px 0;
		width: 85%;
	}
	#header .logo img {
		width: 85%;
	}
	#header .social-mobile {
		display: none;
	}
	
	#header .show-nav-mobile {
		bottom: 0;
		display: block;
		height: 100%;
		overflow: hidden;
		position: absolute;
		right: 15px;
		top: 0;
		width: 10%;
		cursor: pointer;
	}
	#header .show-nav-mobile .button {
    	background: url(../img/toggle-nav.png) center no-repeat;
		background-size: contain;
		height: 100%;
	}
	
	/*--- LINK PRINCIPALI ---*/
	#nav {
		left: 0;
		margin: 0;
		width: 100%;
		height: auto;
		padding: 0;
		position: absolute;
    	z-index: 10000;
		display: none;
		background-color: #7c7c7c;
		border-bottom: 1px solid #333333;
		
	}
	#nav .center {
		margin: auto;
		overflow: auto;
		width: auto;
	}
	
	#nav ul {
		border-bottom: none;
		overflow: hidden;
		margin: 0;
		width: 100%;
	}
	#nav ul li {
		font-size: 15px;
		width: 100%;
	}
	#nav ul li a:before {
		/*content: "";*/
	}
	/*
	#nav ul li:nth-child(even) {
		background-color: #4A4A4A;
	}
	*/
	#nav ul li span {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
	}
	#nav ul li a {
		display: block;
		padding: 8px 14px;
		color: #fff;
	}
	#nav ul li a:hover {
		color: #fff;
		text-decoration: none;
		background-color: #80142B;
	}
	#nav ul li a:hover span {
		color: #fff;
	}
	#nav ul li.actual a {
		color: #fff;
		background-color: #80142B;
	}
	
	/*--- MENU' SECONDARIO ---*/
	#nav ul li ul {
		display: none;
		position: relative;
		margin: 0;
		width: 100%;
		opacity: 1;
		height: auto;
		padding: 0;
    	z-index: 2000;
		border-bottom: none;
		border-top: none;
		background-color: #666;
	}
	
	#nav ul li:hover ul { 
		display: none;
	}
	#nav ul li:hover ul li ul { 
		display: none;
	}
	
	#nav ul li ul li { 
		float: none;
		line-height: normal;
		margin: 0;
		padding: 0;
		font-style: normal;
		font-size: 14px;
		position: relative;
		display: block;
	}
	/*
	#nav ul li ul li:nth-child(even) {
		background-color: #707070;
	}
	*/
	#nav ul li ul li span {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
	}
	#nav ul li ul li a { 
		display: block;
		padding: 10px 15px;
		color: #fff;
	}
	#nav ul li ul li a:before {
		content: " ► ";
	}
	#nav ul li.actual ul li a { 
		color: #fff;
		background-color: transparent;
	}
	#nav ul li.actual ul li a:hover { 
		color: #fff;
		background-color: #80142B;
	}
	#nav ul li.actual ul li a:hover span {
		color: #333;
	}
	#nav ul li ul li.actual a {
		color: #fff;
		background-color: #80142B;
	}
	#nav ul li ul li.last a { 
		border-bottom: none;
	}
	#nav ul li ul li a:hover { 
		text-decoration: none;
		background-color: #80142B;
		color: #fff;
	}
	#nav ul li ul li a:hover span { 
		color: #fff;
	}
	
	/*--- MENU' TERZIARIO ---*/
	#nav ul li ul li ul {
		display: none;
		background-color: #666;
		border-bottom: none;
		border-top: none;
		left: 0;
		list-style-type: none;
		opacity: 1;
		padding: 0;
		position: relative;
		top: 0;
		z-index: 999;
	}
	/*
	#nav ul li ul li ul li:nth-child(even) {
		background-color: #DDDDDD;
	}
	*/
	#nav ul li ul li ul li a {
		padding: 10px 30px;
	}
	#nav ul li ul li ul li a:before {
		content: " ► ";
	}
	
	#social {
		display: block;
		overflow: hidden;
		float: float;
		height: auto;
		min-width: auto;
		box-sizing: border-box;
		width: 50%;
		background-color: #fff;
		position: static;
		margin: 0;
		padding: 0;
		min-width: 118px;
	}
	#social h3 {
		display: none;
	}
	#social ul {
		float: left;
		margin: 0 0 0 15px;
		padding: 0;
	}
	#social ul li {
		float: left;
		width: 24px;
		height: 39px;
		margin: 0 7px 0 0;
		padding: 0;
	}
	#social ul li.googleplus {
		background: url(../img/icon_googleplus.jpg) center no-repeat;
	}
	#social ul li.twitter {
		background: url(../img/icon_twitter.jpg) center no-repeat;
	}
	#social ul li.facebook {
		background: url(../img/icon_facebook.jpg) center no-repeat;
		margin-right: 0;
	}
	#social ul li a {
		height: 24px;
	}
	#social ul li a:hover {
		background-color: transparent;
	}
	#social ul li a span {
		display: none;
	}
	
	#language {
		background-color: #515151;
		box-sizing: border-box;
		float: left;
		height: 39px;
		overflow: hidden;
		padding: 0;
		position: static;
		width: 50%;
		text-align: center;
	}
	#language ul {
		display: inline-table;
		float: none;
		width: auto;
	}
	#language ul li {
		margin: 0 7px 0 0;
		padding: 0;
		font-family: 'Lato';
		font-style: normal;
		font-weight: 900;
		font-size: 10px;
		color: #acabab;
		width: auto;
	}
	#language ul li a {
		margin: 0;
		padding: 0;
		color: #fff;
	}
	#language ul li a:hover {
		color: #DFFF00;
		background-color: transparent;
	}
	#language ul li:before {
		content: "";
		color: #343333;
		padding: 0;
	}
	#language ul li.first:before {
		content: "";
		padding: 0;
	}
	
	#mainContent {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#mainContent .left {
		width: 100%;
		padding: 0;
	}
	#mainContent .right {
		width: 100%;
	}
	
	.centerMobile {
		padding: 20px;	
	}
	
	#image-slide {
		overflow: hidden;
		position: static;
		margin: 0 0 30px 0;
		width: 100%;
		overflow-x: scroll;
		/*height: 180px;*/ height: auto;
		z-index: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		font-size: 0;
		
	}
	#image-slide .innSlide {
		width: 999999px;
		/*height: 180px;*/ height: auto;
		box-sizing: border-box;
	}
	#image-slide img {
		position: static;
		float: left;
		height: auto;
		max-width: initial;
		min-width: initial;
		width: 500px;
		display: block;
	}
	#image-slide img.active {
		
	}

	#mainContent .box-home {
		
	}
	#mainContent .box-home h3 {
		margin: 0 0 10px 0;
	}
	#mainContent .box-home h3 span {
		
	}
	#mainContent .box-home h3 strong {
		
	}
	#mainContent .box-home img {
		max-width: 100%;
		height: auto;
		width: auto;
		float: none;
		display: block;
	}
	#mainContent .box-home .testo {
		float: none;
		width: 100%;
		padding: 0;
		margin: 10px 0 0 0;
		font-size: 13px;
		color: #343333;
	}
	#mainContent .box-home .testo p {
		line-height: 17px;
		margin: 0 0 10px 0;
	}
	
	#box-news {
		padding: 8px 20px 0 20px;
		width: 100%;
	}
	#box-news h3 {
		
	}
	#box-news .circle-nav {
		display: none;
	}
	#box-news .container-news {
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		height: 200px;
		
	}
	#box-news .container-news .nsBox {
		left: 0;
		height: auto;
	}
	#box-news .container-news .nsBox .single {
		margin: 0 30px 0 0;
		width: 300px;
		min-height: 100px;
		height: auto;
		overflow: hidden;
	}
	#box-news .container-news .nsBox .single p {
		position: static;
		margin: 10px 0 0 0;
	}
	
	#box-newsletter {
		width: 100%;
		padding: 8px 20px;
	}
	
	#box-linkutili {
		padding: 8px 20px;
		width: 100%;
	}
	
	#box-diconodilui {
		padding: 8px 20px;
		width: 100%;
	}
	
	#box-lacasamuseo {
		padding: 8px 20px;
		width: 100%;
	}
	
	#quaderni {
		margin: 0 -20px;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	#quaderni .mobile_scroll {
		width: 999999px;
		box-sizing: border-box;
	}
	#quaderni .mobile_scroll .q {
		margin: 0 5px 0 0;
	}
	#quaderni .mobile_scroll .q:last-child {
		margin: 0;
	}
	
	#organigramma .col {
		float: none;
		width: auto;
	}
	#organigramma .col:first-child {
		margin: 0;
	}
	
	#photogallery .nav-bullets a:after {
		height: 20px;
		width: 20px;
	}
	#photogallery .nav-bullets a {
		margin-right: 8px;
	}
	
	.inline-photo img {
		height: 60px;
	}
	
	/* FOOTER START */
	
	#footer .center {
		width: 100%;
	}
	#footer .copyright p a {
		color: #fff;	
	}
	#footer .navigation ul {
		display: none;
	}
	#footer .navigation p {
		margin: 0;
		padding: 0;
	}
}

@media screen and (max-width: 550px) { /* SMARTPHONES OLD */
	/*
	#top-nav .logo {
		background-size: 40%;
		background-position: 10px center;
	}
	*/
}