@CHARSET "UTF-8";

/* Override some wordpress rules */
ul.nav-menu, div.nav-menu > ul{ padding: 0; }

@media (min-width: 1280px) {

	/* schemaCorrente = 1 */
	/* Structure > 1280px */
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages{
	display: block !important;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul{
		width: 80% !important;
	}
	
	#breadcrumbs_box{ height: 20px; width: 100%; background: #d8d8d8; position: relative; top: 4px; }
	
	.content-area{
		padding-top: 30px !important;
	}
	
	/* ------------ PAGINA CALENDARIO ---------------- */
	
	.eventsCalendar-list-wrap{
		width: 915px !important;
	}
	
	/* ------------ PAGINA PRESS ---------------- */
	
	.empty_sub_menu{
		display: block !important;
	}
	
/*	#primo_piano_container,
	#social_container{ max-width: 1200px; margin: 0 auto; }
	*/
	#home_box_container{ max-width: 1200px; margin: 0 auto; }
}

@media (min-width: 1024px) and (max-width: 1279px) {

	/* schemaCorrente = 2 */
	/* Structure 1024 to 1279 */

	#breadcrumbs_box{ height: 20px; width: 100%; background: #d8d8d8; position: relative; top: 4px; }

	/* Main navigation */
	#nav_content{ width: 950px;}
	nav#main_nav ul li a{  font-size: 14px; }
	
	ul#menu-navigazione-principale > li.current-page-ancestor a{ color: #fff !important; }
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages{
	display: block !important;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul{
		width: 80% !important;
	}
	
	.content-area{
		padding-top: 30px !important;
	}

	/* Payoff */
	#payoff section{ width: 950px; font-size: 20px; line-height: 25px; }
	
	#social_slide{ width: 92%; max-width: 950px; }
	
	/* Home Page Box */
	#boxes_content{ margin: 0 auto; width: 950px; }
	#boxes_content div.orari{ width: 32%;}
	#boxes_content div.orari p{ font-size: 11px;}
	#boxes_content div.orari p label{ width: 100px; }
	
	#boxes_content div.albo_oro{ width: 32%;}
	#boxes_content .albo_oro h2{ margin-bottom: 10px;  }
	#boxes_content div.news{ width: 32%;}
	
	/* Footer */
	#footer_content{ width: 950px; }
	section.contacts{ float: right; position: inherit; }
	section.contacts div{ margin-left: 10px; }

	nav#social{ position: inherit; float: right; margin-top: 80px; clear: right;}
	
	#app{ margin-top: 185px; }
	
	nav#terms_menu{ clear: right; float: right;; position: inherit; margin-top: 20px; }

	#footer_content nav#footer_menu ul{ }
	#footer_content nav#footer_menu ul li{ height: auto; min-height: 13px; line-height: 13px; margin-bottom: 5px; width: 130px; }
	#footer_content nav#footer_menu ul li:first-child{ width: 115px; }
	#footer_content nav#footer_menu ul.footer_mn_prenota, #footer_content nav#footer_menu ul.footer_mn_compra{ width: 70px; }
	
	#footer_content nav#footer_menu ul li a{ font-size: 13px; }

	.logo_copy_contents{ width: 950px; }
	
	/* -------------------------------------------------------------------------------------------------
		TEMPLATE - PAGINA DI DEFAULT
   ------------------------------------------------------------------------------------------------- */
   
   #content{
   	width: 950px;
   }
	
	/* ------------ PAGINA CALENDARIO ---------------- */
	
	.eventsCalendar-list-content{
		width: 72%;
	}
	
	/* ------------ PAGINA PRESS ---------------- */
	
	.press-form-check-label{
		font-size: 12px;
	}
	
	#press_form_altro_input{
		width: 87%;
	}
	
	.empty_sub_menu{
		display: block !important;
	}
	
	/* ------------ PAGINA VETRINA ---------------- */
	
	
	
}

@media (min-width: 769px) and (max-width: 1023px) {
	
	/* schemaCorrente = 3 */
	/* Structure min to 1024 from this point the mobile version is displayed */
	
	#header{ height: auto; }
	#logo { width: 155px; background: #fff; }
	
	#nav_content #logo{
		float: none;
	}
	
	#nav_content #logo img{
		float: left;
	}
	
	#main-content #primary{
		padding-top: 150px;
	}
	
	#secondary{
		display: none;
	}
	
	
/* ------------ MAIN MENU ---------- */
	#nav_content{ width: 100%; margin: 0; margin-left: 0px !important;}
	
	#nav_content #menu{
		width: 100%;
		float: none;
	}
	
	#logo a{
		display: block;
		height: 142px;
		width: 142px;
	}
	
	ul#menu-navigazione-principale #menu-item-16 > .sub_menu_box > ul{ background: none; }
	ul#menu-navigazione-principale #menu-item-29 > .sub_menu_box > ul{ background: none; }
	ul#menu-navigazione-principale #menu-item-28 > .sub_menu_box > ul{ background: none; }	
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li.img_menu{
		display: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li > .sub_menu_box > ul{
		background: none;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages{
	display: block !important;
	}
	
	body.page ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages{
	height: 69px !important;
	}
	
	body.page ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages{
	position: absolute;
	top: 40px;
	}
	
/* ------------- MENU BUTTON MOBILE VERSION ------------- */
	#mn_btn{ 
		width:63px; 
		height: 60px; 
		background-color: #a8182b;
		background-image: url("../img/bg_menu_btn_mobile.png"); 
		background-size: 80px 60px;
		position: absolute; 
		right: 15px; 
		top: 70px; 
		cursor: pointer; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-position: center center;
	}
	
	#navigation{ background: none; }
	
	nav#service_nav{ height: 40px; background: #4c4c4c; position: absolute; top: 0px; left: 147px;}
	nav#service_nav span.separator{ display: none;}

	nav#main_nav{ width: 100%; height: auto; position: relative; z-index: 99; visibility: hidden;}
	nav#main_nav ul{ margin-top: 0px; background: #FFFFFF; }
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul{
		width: 80% !important;
	}
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul{
		background: #C11B32;
		height: 30px;
	}
	
	nav#main_nav ul li{ height: 70px; width: 100%; border-left: 2px solid #A8182B; border-bottom: none; float: none; font-size: 21px; }
	
	
	nav#main_nav ul li .sub_menu_box_pages ul.sub-menu li { 
	
		height: 35px;
	
	}
	
	nav#main_nav ul li div.sub_menu_box_pages.opened_sub_menu ul.sub-menu{ 
	
		height: 35px;
		background: #C22F42;
		border: none;
		
	}
	
	nav#main_nav ul li div.sub_menu_box_pages.opened_sub_menu ul.sub-menu li { 
	
		height: 35px;
		border: none;
		background: #C22F42;
		
	}
	
	nav#main_nav ul li div.sub_menu_box_pages.opened_sub_menu ul.sub-menu li.menu_clear { 
	
		clear: both;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
		margin: 0px;
		padding: 0px;
	
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li a{
		font-size: 12px;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul > li a{
		font-size: 10px;
	}
	
	ul#menu-navigazione-principale > li:first-child:hover{ border-left: 2px solid #A8182B; }
	ul#menu-navigazione-principale > li:hover{ border-left: 2px solid #A8182B; }
	
	ul#menu-navigazione-principale > li > .sub_menu_box{
		top: 70px;
	}
	
	nav#main_nav ul li.pcc-menu-item-disabled{ background: #FFFFFF; float: none;}
	nav#main_nav ul li a{ color: #333333; display: block; width: 100%; margin-left: 5%; padding-top: 20px;
		font-size: 15px;
	}
	
	nav#service_nav ul#social_menu{ margin-top: 0; float: left; margin-left: 10px; margin-right: 0px;}
	nav#service_nav #lang_menu ul{ margin-top: 0; float: left; margin-left: 10px; margin-right: 0px;}
	nav#service_nav ul{ margin-top: 0; float: right; margin-left: 10px; margin-right: 150px;}
	nav#service_nav ul li {
		float: left;
		width: 30px;
		height: 30px;
		background: #575756;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-top: 5px;
		margin-right: 5px;
		background-image: url("../img/secondary_menu_bigger.png");
		background-repeat: no-repeat;
		background-size: 255px 60px;
		border: 0;
	}	
	
	nav#service_nav ul li:hover{ background-position: 0px -30px; background-color: #A8182B; }
	
	nav#service_nav ul li.search_btn{ min-width: 45px; background-position: right 5px; }
	
	nav#service_nav ul li.opened_search{ background-position: right -16px; background-color: #D9D9D9; }
	
	nav#service_nav ul li.search_btn:hover{ background-position: right -16px; background-color: #D9D9D9;}
	
	nav#service_nav ul li.search_btn form label{
		display: block;
		height: 30px;
	}
	
	nav#service_nav ul li.search_btn input{
		line-height: 30px;
		height: 30px;
	}
	
	.service_bar{ height: 40px; background: #4c4c4c; width: 100%; }
	
	nav#main_nav ul#lang_menu{ background: none; margin-left: 10px; }
	
	nav#service_nav #lang_menu ul li a{ font-size: 17px; color: #dadad9; font-family: 'Open Sans',sans-serif;; display: inline-block; width: 20px; height: 20px; line-height: 28px; font-weight: 300; }
	
	nav#service_nav #lang_menu ul li:HOVER{
		background-color: #D9D9D9;
	}
	
	nav#main_nav ul#social_menu{ background: none; float: right; margin-right: 5px; font-size: 10px;}
	nav#main_nav ul#social_menu li, nav#main_nav ul#lang_menu li {
		float: left;
		width: 30px;
		height: 30px;
		background: #575756;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-top: 5px;
		margin-right: 5px;
		background-image: url("../img/secondary_menu_bigger.png");
		background-repeat: no-repeat;
		background-size: 255px 60px;
		border: 0;
	}
	nav#main_nav ul#social_menu li.facebook{ background-position: -135px 0px; }
	nav#service_nav ul li.facebook{ background-position: -135px 0px; }
	nav#service_nav ul li.facebook:HOVER{ background-position: -135px 0px; }
	
	nav#main_nav ul#social_menu li.twitter{ background-position: -165px 0px; }
	nav#service_nav ul li.twitter{ background-position: -165px 0px; }
	nav#service_nav ul li.twitter:HOVER{ background-position: -165px 0px; }

	nav#service_nav ul li.youtube{ background-position: -195px 0px; }
	nav#service_nav ul li.youtube:HOVER{ background-position: -195px 0px; }
	
	nav#service_nav ul li.pinterest{ background-position: -225px 0px; }
	nav#service_nav ul li.pinterest:HOVER{ background-position: -225px 0px; }
	
	nav#main_nav ul#social_menu li.youtube{ background-position: -195px 0px; }
	
	nav#main_nav ul#social_menu li.facebook:hover{ background-color: #3A5896; }
	nav#main_nav ul#social_menu li.twitter:hover{ background-color: #6bacde; }
	nav#main_nav ul#social_menu li.youtube:hover{ background-color: #cc181e; }	
	
	nav#main_nav ul#lang_menu li.it_lang{ background-position: -75px 0px; }
	nav#main_nav ul#lang_menu li.en_lang{ background-position: -105px 0px; }
	
	nav#main_nav ul li.pcc-menu-item-disabled span{
		font-size: 15px;
		padding-top: 20px !important;
	}
	
	#slideshow{ height: 350px;}
	
	#payoff{ height: auto; } 
	#payoff section{ width: auto; margin: 0; padding: 10px; font-size: 20px; line-height: 25px; margin-left: 0px !important;}
	
	#social_slide{ width: 98%; height: auto; padding-bottom: 3px;}
	#boxes_content div.orari{ height: 210px; }
	#boxes_content div.orari .orari_museo,
	#boxes_content div.orari .orari_bookshop{ float: left; width: 50%; height: 140px; }
	
	#boxes_content div.news{ height: 340px; width: 49.5%; float: left;}
	#boxes_content div.convenzioni_box{ height: 180px; width: 49.5%; float: right;}
	
	/* Home Page Box */
	#boxes{ height: auto; margin-top: 0px;}
	#boxes_content{ margin: 0; width: 100%; margin-left: 0px !important;}
	#boxes_content div{ float: none; border: 0; margin: 0; width: 100%; }
	#boxes_content div#eventCalendarHome #eventsCalendar-header #eventsCalendar-header-day-month{width: auto;}
	#boxes_content div#eventCalendarHome #eventsCalendar-header #eventsCalendar-header-day-name{width: auto;}
	div.orari h2{ background: #a8182b; color: #fff; font-size: 20px; height: 35px; padding-left: 5px; line-height: 35px; }
	div.orari h2 span{ 
		display: inline-block; 
		float: left;
		width: 26px; 
		height: 35px;
		background-image: url("../img/icons_box.png"); 
	 	background-repeat: no-repeat;
	 	background-size: 78px 70px;
	 	margin-right: 5px;
	}	
	
	div.orari{ height: auto; width: 100%; }
	div.orari h4{ font-size: 16px; margin: 0 0 5px 5px; }
	div.orari p{ color: #3c3c3b; font-size: 14px; margin-bottom: 10px; margin-left: 5px; }
	div.orari p label{ width: 190px; display: inline-block; }	
	div.orari span.subtitle{ font-size: 11px; color: #7b7b7a; }
	div.orari span.closed_text{ font-size: 10px; color: #7b7b7a; }
	
/* ------------ PAGINA OPERE ---------------- */
	
	.opere_menu ul li{
		width: 17%;
	}
	
/* ------------ PAGINA MONDO ---------------- */
	
	ul.box_mondo li h3{
		font-size: 16px;
	}
	
	.content-mondo h3{
		font-size: 16px;
	}
	
	.content-mondo{
		font-size: 12px !important;
	}
	
	ul.box_mondo li h4{
		font-size: 15px;
	}
	
/* ------------ PAGINA INFO ---------------- */
	
	div.driving_directions{
		width: 49%;
	}
	
	div.driving_directions p{
		margin-bottom: 14px;
	}
	
	.ticket_box > div label{
		display: block;
		margin-bottom: 5px;
	}
	
	.ticket_box ul{
		margin-left: 0px;
	}
	
/* ------------ PAGINA CALENDARIO ---------------- */
	
	.eventsCalendar-list-content{
		width: 56%;
	}
	
/* ------------ FOOTER MENU ---------------- */

	#footer{ float: left; height: auto; border-top: 10px solid #ccc; }
	#footer_content { width: 100%; margin-left: 0; padding-top: 10px; margin-left: 0px !important;}
	section.contacts{ position: inherit; float: left; width: 100%;}
	section.contacts div { margin-left: 15px; }
	section.contacts h4 { font-size: 18px; }
	section.contacts p { font-size: 14px; line-height: 18px; }
	
	#footer_content nav#footer_menu{ display: none; }
	nav#social{ display: none; }
	
	nav#terms_menu{ position: inherit; width: 100%; margin-top: 30px; text-align: left; float: left; border-top: 10px solid #ccc; }
	nav#terms_menu ul{ margin-top: 20px; margin-left: 40px; list-style-type: disc; color: #fff; padding-bottom: 10px; float: left;}
	nav#terms_menu ul li{ width: 140px; margin-bottom: 10px; margin-left: 5px; }
	nav#terms_menu ul li a{ font-size: 12px; }
	
	#app{ margin-top: 3px; position: relative; float: left; right: 0; margin-left: 15px; }
/* ------------ HOME PAGE - LOGO_COPY ---------------- */	
	.logo_copy_contents{ width: 100%; margin: 0; }
	.logo_copy_contents img{ margin-left: 15px; margin-top: 15px;}
	.logo_copy_contents img.fondazione_puccini{ margin-left: 25px;}
	.copy{ width: 100%; text-align: center; margin-top: 15px; font-size: 12px;}
	
/* ------------ PAGINA PRESS ---------------- */
	
	.press-form-check-label{
		font-size: 12px;
	}
	
	#press_form_altro_input{
		width: 87%;
	}
	
	.press-form-column{
		width: 50%;
	}
	
	.empty_sub_menu{
		top: 240px;
	}
	
/* ------------ PAGINA CALENDARIO ---------------- */

	#sidebar_map nav ul li a{
		font-size: 14px;
	}

/* ------------ PAGINA CASE ---------------- */
	
	#gallery_box{
		float: none;
		margin: 0px auto;
	}
	
	#content_wrapper{
		width: 400px !important;
		margin: 50px auto 0px auto;
		float: none;
	}
	
	#info_box div{
		width: 49%;
	}
	
/* ------------ PAGINA ITINERARI ---------------- */	
	
	.routes_menu ul li{
		width: 22%;
	}
	
	.page-template-page-templatespage-itinerari-php .routes_menu ul li span.routes_menu_item_title{
		font-size: 12px;
	}
	
/* ------------ PAGINA PERCORSO ESPOSITIVO ---------------- */

	ul.gallery_sala li{
		width: 22%;
	}
	
	
/* ------------ LE CONVENZIONI ---------------- */	
	
	ul.box_convenzioni li{
		width: 22%;
	}
	
/* ------------ PAGINA CON GALLERY ---------------- */
	
	.page_gallery_content #column_20{
		min-width: 225px;
	}
	
	.page_gallery_content #column_80{
		display: inline;
		float: none;
	}
	
/* ------------ PAGINA VETRINA ---------------- */

	#user_customer{display: none;}
	
}


@media (min-width: 481px) and (max-width: 768px) {

	/* schemaCorrente = 4 */
	/* Structure min to 1024 from this point the mobile version is displayed */
	
	#header{ height: auto; }
	#logo { width: 155px; background: #fff; }
	
	.back-to-top { display: none !important; }
	
	#nav_content #logo{
		float: none;
	}
	
	#nav_content #logo img{
		float: left;
	}
	
	#slideshow_box{
		height: 465px;
		top: 0px;
	}
	
	#main{
		margin-top: 0px;
	}
	
	body.page #primary{
		position: relative;
		z-index: 99;
	}
	
	#breadcrumbs_box{
		height: auto;
		min-height: 20px;
	}
	
	#main-content{ margin-top: 0 !important;}
	#social_slide{ width: 98%; height: auto; padding-bottom: 3px;}
	#social_recent_post_box{ display: inline-block; }
	
	#boxes_content div.orari p{}
	.albo_oro ul{ width: 30%; }
/* ------------ MAIN MENU ---------- */
	#nav_content{ width: 100%; margin: 0; margin-left: 0px !important; height: 150px;}
	
	#nav_content #menu{
		width: 100%;
		float: none;
	}
	
	#logo a{
		display: block;
		height: 142px;
		width: 142px;
	}
	
	ul#menu-navigazione-principale #menu-item-16 > .sub_menu_box > ul{ background: none; }
	ul#menu-navigazione-principale #menu-item-29 > .sub_menu_box > ul{ background: none; }
	ul#menu-navigazione-principale #menu-item-28 > .sub_menu_box > ul{ background: none; }	
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li.img_menu{
		display: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li.img_menu{
		display: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li > .sub_menu_box > ul{
		background: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul{
		background: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul{ width: 80%; margin: 0 auto; max-width: 1200px;}
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li{ border: 0; min-height: 20px; float: left; margin-top: 5px; margin-right: 8px; text-align: left; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li.menu_clear{
			clear: both;
			height: 0px;
			line-height: 0px;
			font-size: 0px;
			margin: 0px;
			padding: 0px 0px 25px 0px;
			height: 0px;
			min-height: 0px;
			display: block !important;
	}
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li a{ 
			display: inline-block; 
			padding: 0; 
			background: transparent url("../img/menu_background.png") repeat-x left top; 
			height: auto !important; 
			line-height: 25px !important; 
			color: #fff; 
			width: 100%; 
			margin-left: 0; 
			padding-left: 5px; 
			border-bottom: none;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li a{ 
			display: inline-block; 
			padding: 0; 
			background: transparent url("../img/menu_background.png") repeat-x left top;  
			height: auto !important; 
			line-height: 25px !important; 
			color: #fff; 
			width: 100%; 
			margin-left: 0; 
			padding-left: 5px; 
			text-align: left;
			border-bottom: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li a:hover{ color: #ccc !important; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul{ margin-top: 7px; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul > li{ display: block; border: 0; height: auto; line-height: 19px; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul > li a{ background: none; height: auto; display: block; padding: 0; margin-left: 5px; font-size: 13px; color: #181818; font-family: Arial, sans-serif; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul > li a:hover{ color: #666; }
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages{
		position: static;
		background: #ffffff;
		height: auto;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul{
		background: #ffffff;
		width: 100%;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul > li{
		border: none;
		min-height: 0px;
		width: 100% !important;
		border-bottom: 1px solid #6c2220;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul > li a{
		background: #ffffff;
	    color: #181818 !important;
	    display: block;
	    font-family: 'Open Sans',sans-serif; 
		font-weight: 300;
	    font-size: 13px;
	    height: auto;
	    margin-left: 0px;
	    padding: 0;
	}
	
/* ------------- MENU BUTTON MOBILE VERSION ------------- */
	#mn_btn{ 
		width:63px; 
		height: 60px; 
		background-color: #a8182b;
		background-image: url("../img/bg_menu_btn_mobile.png"); 
		background-size: 80px 60px;
		position: absolute; 
		right: 15px; 
		top: 70px; 
		cursor: pointer; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-position: center center;
	}
	
	#navigation{ background: none; }
	
	nav#service_nav{ height: 40px; background: #4c4c4c; position: absolute; top: 0px; left: 147px;}
	nav#service_nav span.separator{ display: none;}

	nav#main_nav{ width: 100%; height: auto; position: absolute; z-index: 99; visibility: hidden; 
	-moz-box-shadow: 0px 0px 20px #1C1C1B;
	-webkit-box-shadow: 0px 0px 20px #1C1C1B;
	box-shadow: 0px 0px 20px #1C1C1B;}
	nav#main_nav ul{ margin-top: 0px; background: #A8182B; }
	nav#main_nav ul li{ min-height: 70px; height: auto; width: 100%; border-left: 0; border-bottom: 1px solid #B90B41; float: none; font-size: 21px; margin-left: 0px;
		background: #ffffff !important;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li{
		float: right;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li{
		float: right;
		margin-right: 0px;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box_pages > ul > li{
		border: none;
		min-height: 0px;
		border-bottom: 1px solid #6c2220;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box_pages > ul > li a{
		background: #ffffff;
	    color: #181818 !important;
	    display: block;
	    font-family: 'Open Sans',sans-serif;
	    font-size: 13px !important;
	    height: auto;
	    margin-left: 5px;
	    padding: 0;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages{
		position: static;
		top: 70px;
		background: #ffffff;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li{
		float: right;
		margin-right: 0px;
	}
	
	.menu_description{
		 display: block; 
		 color: #181818; 
		 font-family: 'Open Sans',sans-serif; 
		 font-size: 13px; font-weight: 300; margin-top: 10px; line-height: 19px;
	}
	
	.menu_description:HOVER{
		color: #666666;
	}
	
	#menu-navigazione-principale li .sub_menu_box .sub-menu li .sub_menu_box .sub-menu li{
		min-height: 0px;
	}
	
	#menu-navigazione-principale li .sub_menu_box_pages .sub-menu li .sub_menu_box .sub-menu li{
		min-height: 0px;
	}
	
	ul#menu-navigazione-principale > li:first-child:hover{ border-left: none; }
	ul#menu-navigazione-principale > li:hover{ border-left: none; }
	
	ul#menu-navigazione-principale > li > .sub_menu_box{
		top: 70px;
		position: static;
		background: #ffffff;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages{
		top: 70px;
		position: static;
		background: #ffffff;
	}
	
	nav#main_nav ul li.pcc-menu-item-disabled{ background: #FFFFFF; float: right; display: none;}
	nav#main_nav ul li a{ color: #ffffff; display: block; width: 95%; margin-left: 0px;
		padding-left: 5%;
		padding-top: 20px;
		font-size: 14px;
		padding-bottom: 14px;
		border-bottom: 1px solid #6C2220;
		background: #a8182b url("../img/arrow_menu.png") 97% 20px no-repeat;
	}
	
	nav#service_nav ul#social_menu{ margin-top: 0; float: left; margin-left: 5px; margin-right: 0px;}
	nav#service_nav #lang_menu ul{ margin-top: 2px; float: left; margin-left: 5px; margin-right: 0px;}
	nav#service_nav #lang_menu ul li{
		width: 25px;
		height: 25px;
	}
	nav#service_nav ul{ margin-top: 0; float: right; margin-left: 5px; margin-right: 150px;}
	nav#service_nav ul li {
		float: left;
		width: 30px;
		height: 30px;
		background: #575756;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-top: 5px;
		margin-right: 5px;
		background-image: url("../img/secondary_menu_bigger.png");
		background-repeat: no-repeat;
		background-size: 255px 60px;
		border: 0;
	}	
	
	nav#service_nav ul li:hover{ background-position: 0px -30px; background-color: #A8182B; }
	
	nav#service_nav ul li.search_btn{ min-width: 45px; background-position: right 5px; }
	
	nav#service_nav ul li.opened_search{ background-position: right -16px; background-color: #D9D9D9; }
	
	nav#service_nav ul li.search_btn:hover{ background-position: right -16px; background-color: #D9D9D9;}
	
	nav#service_nav ul li.search_btn form label{
		display: block;
		height: 30px;
	}
	
	nav#service_nav ul li.search_btn input{
		line-height: 30px;
		height: 30px;
	}
	
	.service_bar{ height: 40px; background: #4c4c4c; width: 100%; }
	
	nav#main_nav ul#lang_menu{ background: none; margin-left: 10px; }
	
	nav#service_nav #lang_menu ul li a{ font-size: 15px; color: #dadad9;  font-family: 'Open Sans',sans-serif;  display: inline-block; width: 20px; height: 20px; line-height: 24px; font-weight: 300;}
	
	nav#service_nav #lang_menu ul li:HOVER{
		background-color: #D9D9D9;
	}
	
	nav#main_nav ul#social_menu{ background: none; float: right; margin-right: 5px; }
	nav#main_nav ul#social_menu li, nav#main_nav ul#lang_menu li {
		float: left;
		width: 30px;
		height: 30px;
		background: #575756;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-top: 5px;
		margin-right: 5px;
		background-image: url("../img/secondary_menu_bigger.png");
		background-repeat: no-repeat;
		background-size: 255px 60px;
		border: 0;
	}
	nav#main_nav ul#social_menu li.facebook{ background-position: -135px 0px; }
	nav#service_nav ul li.facebook{ background-position: -135px 0px; }
	nav#service_nav ul li.facebook:HOVER{ background-position: -135px 0px; }
	
	nav#main_nav ul#social_menu li.twitter{ background-position: -165px 0px; }
	nav#service_nav ul li.twitter{ background-position: -165px 0px; }
	nav#service_nav ul li.twitter:HOVER{ background-position: -165px 0px; }

	nav#service_nav ul li.youtube{ background-position: -195px 0px; }
	nav#service_nav ul li.youtube:HOVER{ background-position: -195px 0px; }
	
	nav#service_nav ul li.pinterest{ background-position: -225px 0px; }
	nav#service_nav ul li.pinterest:HOVER{ background-position: -225px 0px; }	
	
	nav#main_nav ul#social_menu li.youtube{ background-position: -195px 0px; }
	
	nav#main_nav ul#social_menu li.facebook:hover{ background-color: #3A5896; }
	nav#main_nav ul#social_menu li.twitter:hover{ background-color: #6bacde; }
	nav#main_nav ul#social_menu li.youtube:hover{ background-color: #cc181e; }	
	
	nav#main_nav ul#lang_menu li.it_lang{ background-position: -75px 0px; }
	nav#main_nav ul#lang_menu li.en_lang{ background-position: -105px 0px; }
	
	nav#main_nav ul li.pcc-menu-item-disabled span{
		font-size: 15px;
		padding-top: 20px !important;
	}
	
	/* NOTIFICA COOKIES */
	#cookieChoiceInfo span{ display: block; margin-bottom: 7px; }	
	
	#slideshow{ height: 350px;}
	
	#payoff{ height: auto; } 
	#payoff section{ width: auto; margin: 0; padding: 10px; font-size: 20px; line-height: 25px; margin-left: 0px !important;}
	
	/* Home Page Box */
	#boxes{ height: auto; margin-top: 0px;}
	#boxes_content{ margin: 0; width: 100%; margin-left: 0px !important;}
	#boxes_content div{ float: none; border: 0; margin: 0; width: 100%; height: 300px;}
	#boxes_content div#eventCalendarHome #eventsCalendar-header #eventsCalendar-header-day-month{width: auto;}
	#boxes_content div#eventCalendarHome #eventsCalendar-header #eventsCalendar-header-day-name{width: auto;}
	#boxes_content div.orari{ height: 220px; }
	#boxes_content div.orari .orari_museo,
	#boxes_content div.orari .orari_bookshop{ float: left; width: 50%; height: 140px; }
	
	div.orari h2{ background: #a8182b; color: #fff; font-size: 20px; height: 35px; padding-left: 5px; line-height: 35px; }
	div.orari h2 span{ 
		display: inline-block; 
		float: left;
		width: 26px; 
		height: 35px;
		background-image: url("../img/icons_box.png"); 
	 	background-repeat: no-repeat;
	 	background-size: 78px 70px;
	 	margin-right: 5px;
	}	
	
	div.orari{ height: auto; width: 100%; }
	div.orari h4{ font-size: 16px; margin: 0 0 5px 5px; }
	div.orari p{ color: #3c3c3b; font-size: 14px; margin-bottom: 10px; margin-left: 5px; }
	div.orari p label{ width: 190px; display: inline-block; }	
	div.orari span.subtitle{ font-size: 11px; color: #7b7b7a; }
	div.orari span.closed_text{ font-size: 10px; color: #7b7b7a; }
	
	#boxes_content div.news{ height: 340px; width: 49%; margin-right: 1%; float: left; }
	#boxes_content div.convenzioni_box{ height: 270px; width: 50%; float: left; }
	
	
/* ------------ PAGINA OPERE ---------------- */
	
	.opere_menu ul li{
		width: 22%;
	}
	
/* ------------ PAGINA MONDO ---------------- */
	
	ul.box_mondo li h3{
		font-size: 16px;
	}
	
	.content-mondo h3{
		font-size: 16px;
	}
	
	.content-mondo h2{
		font-size: 22px;
		height: auto;
	}
	
	.content-mondo{
		font-size: 12px !important;
	}
	
	ul.box_mondo li{
		width: 47%;
	}
	
	ul.box_mondo li h4{
		font-size: 15px;
	}
	
/* ------------ PAGINA INFO ---------------- */
	
	div.driving_directions{
		width: 100%;
		margin-bottom: 15px;
	}
	
	div.driving_directions p{
		margin-bottom: 14px;
	}
	
	.ticket_box > div label{
		display: block;
		margin-bottom: 5px;
	}
	
	.ticket_box ul{
		margin-left: 0px;
	}
	
	.ticket_box{
		width: 100%;
	}
	
/* ------------ PAGINA PERCORSO ESPOSITIVO ---------------- */

	ul.gallery_sala li{
		width: 47%;
	}
	
	#sidebar_map_small nav ul li{
		float: left;
		width: 50%;
	}
	
/* ------------ FOOTER MENU ---------------- */

	#footer{ float: left; height: auto; border-top: 10px solid #ccc; }
	#footer_content { width: 100%; margin-left: 0; padding-top: 10px; margin-left: 0px !important;}
	section.contacts{ position: inherit; float: left; width: 100%; margin-top: 20px; }
	section.contacts div { 
		margin-left: 15px;
		margin-right: 55px; 
		}
	section.contacts h4 { font-size: 16px; }
	section.contacts p { font-size: 12px; line-height: 18px; }
	
#footer_content nav#footer_menu{ display: block; margin-left: 16px; }
	#footer_content nav#footer_menu ul li{ margin-right: 0; max-width: none; width: 25%; }
	nav#social{ display: none; }
	
	nav#terms_menu{ position: inherit; width: 100%; margin-top: 30px; text-align: left; float: left; border-top: 10px solid #ccc; }
	nav#terms_menu ul{ margin-top: 20px; margin-left: 40px; list-style-type: disc; color: #fff; padding-bottom: 10px; float: left;}
	nav#terms_menu ul li{ width: 100px; margin-bottom: 10px; margin-left: 5px; }
	nav#terms_menu ul li a{ font-size: 12px; }
/* ------------ HOME PAGE - LOGO_COPY ---------------- */	
	.logo_copy_contents{ width: 100%; margin: 0; }
	.logo_copy_contents img{ margin-left: 15px; margin-top: 15px;}
	.logo_copy_contents img.fondazione_puccini{ margin-left: 25px;}
	.copy{ width: 100%; text-align: center; margin-top: 15px; font-size: 12px;}
	
	#app{ margin-top: 3px; position: relative; float: left; right: 0; margin-left: 15px; }
	#banner { color: #fff; float: left; font-size: 12px; height: 120px; left: 14px; margin-top: 5px; margin-right: 20px; position: relative; top: auto; }
	
/* ------------ PAGINA PRESS ---------------- */
	
	.press-form-check-label{
		font-size: 12px;
	}
	
	#press_form_altro_input{
		width: 87%;
	}
	
	.press-form-column{
		width: 100%;
	}
	
	.empty_sub_menu{
		display: none !important;
	}
	
	.press-form-column textarea{
		width: 90%;
		margin-left: 5%;
	}
	
	.press-form-footer div{
		margin-left: 5px;
	}
	
/* ------------ PAGINA ARCHIVIO ---------------- */

	body.page-template-page-templatespage-archivio-php .info-content h3{
		font-size: 16px;
	}
	
/* ------------ PAGINA CALENDARIO ---------------- */
	
	#eventCalendarHumanDate .eventsCalendar-list-wrap{
		left: 0px;
		margin-top: 50px;
	}
	
	#primary #eventCalendarHumanDate{
		margin: 0px auto;
		width: 100%;
	}
	
	#primary #eventCalendarHumanDate .eventsCalendar-slider{
		padding-top: 20px;
	}
	
	#primary #eventCalendarHumanDate #eventsCalendar-header{
		margin: 0px auto;
		width: 100%;
	}
	
	#primary #eventCalendarHumanDate .eventsCalendar-list-wrap{
		margin: 50px auto 0px auto;
		width: 100% !important;
	}
	
	#primary #eventCalendarHumanDate .eventsCalendar-list-wrap .eventsCalendar-list-content{
		margin: 0px auto;
		width: 100% !important;
	}
	
	/* ------------ PAGINA PERCORSO ESPOSITIVO ---------------- */

	#sidebar_map nav ul li a{
		font-size: 15px;
	}
	
	#sidebar_map{
		width: 100%;;
		position: relative;
		top: 260px;
		z-index: 3;
	}
	
	#center_content_map{
		margin-left: 0px;
		max-height: 537px;
		max-width: 373px;
		min-height: 200px;
	}
	
	#center_content_map .main_map img{
		position: relative;
		top: -300px;
		width: 100%;
	}
	
	#center_content_map .main_map #main_map_bg{
		top: 0px;
	}
	
	#sidebar_map_small{
		margin-bottom: 50px;
		width: 100%;
	}
	
	#center_content_sale{
		margin-left: 0px;
	}
	
	#map_small_box img.main_small_map{
		max-width: 100%;
	}
	
	#map_small_box #bg_map_small{
		max-width: 80%;
	}
	
	/* ------------ PAGINA CASE ---------------- */
	
	#gallery_box{
		float: none;
		margin: 0px auto;
	}
	
	#content_wrapper{
		width: 400px !important;
		margin: 50px auto 0px auto;
		float: none;
	}
	
	#info_box div{
		width: 49%;
	}
	
	/* ------------ PAGINA ITINERARI ---------------- */	
	
	.routes_menu ul li{
		width: 30%;
	}
	
	.page-template-page-templatespage-itinerari-php .routes_menu ul li span.routes_menu_item_title{
		font-size: 11px;
	}
	
/* ------------ LE CONVENZIONI ---------------- */	
	
	ul.box_convenzioni li{
		width: 30%;
	}
	
/* ------------ PAGINA CON GALLERY ---------------- */

	.page_gallery_content #column_20{
		width: 50%;
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
		max-width: 310px;
	}
	
	.page_gallery_content #column_80{
		width: 100%;
		float: none;
		margin-top: 0px;
		display: inline;
		position: relative;
		top: -20px;
	}
	
	.page_gallery_content #column_80 p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	/* ---------------- PAGINE QR CODE ----------------*/
	.qr_img_box{ width: 24%; }
	#qr_video_gallery .qr_video_box{ width: 100%; margin-bottom: 10px; }
	#qr_video_gallery .qr_video_box iframe{ min-height: 350px; }	
	
	/* ------------ PAGINA VETRINA ---------------- */

	#user_customer{display: none;}
	
		
}
@media (min-width: 321px) and (max-width: 480px) {

#slideshow li{ background-size: auto 300px; }

	/* schemaCorrente = 5 */
	/* Structure min to 1024 from this point the mobile version is displayed */
	
	#header{ height: auto; }
	#logo { width: 155px; background: #fff; }
	
	.back-to-top { display: none !important; }
	
	#nav_content #logo{
		float: none;
		background: none;
	}
	
	#nav_content #logo img{
		float: left;
		margin-right: 5px;
		margin-top: 3px;
		width: 101px;
		padding: 10px 7px 0px 7px;
	}
	
	#slideshow_box{
		height: 300px;
		top: -150px;
	}
	
	#main{
		margin-top: -150px;
	}
	
	.logo_copy_contents{
		margin-left: 0px !important;
	}
	
	body.page #primary{
		position: relative;
		z-index: 99;
	}
	
	#breadcrumbs_box{
		height: auto;
		min-height: 20px;
	}
	
	/* NOTIFICA COOKIES */
	#cookieChoiceInfo span{ display: block; margin-bottom: 7px; }	
	
/* ------------ MAIN MENU ---------- */
	#nav_content{ width: 100%; margin: 0; margin-left: 0px !important; height: 150px;}
	
	#nav_content #menu{
		width: 100%;
		float: none;
		height: auto;
	}
	
	#logo a{
		display: block;
		height: 120px;
		width: 120px;
		background-color: #ffffff;
		-moz-box-shadow: 0px 0px 20px #1C1C1B;
		-webkit-box-shadow: 0px 0px 20px #1C1C1B;
		box-shadow: 0px 0px 20px #1C1C1B;
	}
	
	ul#menu-navigazione-principale #menu-item-16 > .sub_menu_box > ul{ background: none; }
	ul#menu-navigazione-principale #menu-item-29 > .sub_menu_box > ul{ background: none; }
	ul#menu-navigazione-principale #menu-item-28 > .sub_menu_box > ul{ background: none; }	
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li.img_menu{
		display: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li.img_menu{
		display: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li > .sub_menu_box > ul{
		background: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul{
		background: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul{ width: 80%; margin: 0 auto; max-width: 1200px;}
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li{ border: 0; min-height: 20px; float: left; margin-top: 5px; margin-right: 8px; text-align: left; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li.menu_clear{
			clear: both;
			height: 0px;
			line-height: 0px;
			font-size: 0px;
			margin: 0px;
			padding: 0px 0px 25px 0px;
			height: 0px;
			min-height: 0px;
			display: block !important;
	}
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li a{ 
			display: inline-block; 
			padding: 0; 
			background: #a8182b; 
			height: 25px !important; 
			line-height: 25px !important; 
			color: #fff; 
			width: 100%; 
			margin-left: 0; 
			padding-left: 5px; 
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li a{
		display: inline-block; 
		padding: 0; 
		background: transparent url("../img/menu_background.png") repeat-x left top; 
		height: auto !important; 
		line-height: 25px !important; 
		color: #fff; 
		width: 100%; 
		margin-left: 0; 
		padding-left: 5px; 
		text-align: left;
		border-bottom: none;
	}
	
	.menu_description{
		 display: block; 
		 color: #181818; 
		 font-family: 'Open Sans',sans-serif; 
		 font-size: 10px; font-weight: 300; margin-top: 10px; line-height: 19px;
	}
	
	.menu_description:HOVER{
		color: #666666;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li a:hover{ color: #ccc !important; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul{ margin-top: 7px; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul > li{ display: block; border: 0; height: auto; line-height: 19px; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul > li a{ background: none; height: auto; display: block; padding: 0; margin-left: 5px; font-size: 13px; color: #181818; font-family: Arial, sans-serif; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul > li a:hover{ color: #666; }
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages{
		position: static;
		background: #ffffff;
		height: auto;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul{
		background: #ffffff;
		width: 100%;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul > li{
		border: none;
		min-height: 0px;
		width: 100% !important;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul > li a{
		background: #ffffff;
	    color: #181818 !important;
	    display: block;
	    font-family: Arial,sans-serif;
	    font-size: 10px !important;
	    height: auto;
	    margin-left: 0px;
	    padding: 0;
	}
	
/* ------------- MENU BUTTON MOBILE VERSION ------------- */
	#mn_btn{ 
		width:63px; 
		height: 60px; 
		background-color: #a8182b;
		background-image: url("../img/bg_menu_btn_mobile.png"); 
		background-size: 80px 60px;
		position: absolute; 
		right: 15px; 
		top: 70px; 
		cursor: pointer; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-position: center center;
	}
	
	#navigation{ background: none; }
	
	nav#service_nav{ height: 40px; background: #4c4c4c; position: absolute; top: 0px; left: 120px;}
	nav#service_nav span.separator{ display: none;}

	nav#main_nav{ 
	width: 100%; 
	height: auto; 
	position: absolute; 
	z-index: 99; 
	visibility: hidden; 
	margin-top: 150px;
	-moz-box-shadow: 0px 0px 20px #1C1C1B;
	-webkit-box-shadow: 0px 0px 20px #1C1C1B;
	box-shadow: 0px 0px 20px #1C1C1B;
	padding-top: 35px;
	background: #ffffff;
	}
	
	body.page nav#main_nav{ 
	width: 100%; 
	height: auto; 
	position: absolute; 
	z-index: 99; 
	visibility: hidden; 
	margin-top: 20px;
	-moz-box-shadow: 0px 0px 20px #1C1C1B;
	-webkit-box-shadow: 0px 0px 20px #1C1C1B;
	box-shadow: 0px 0px 20px #1C1C1B;
	padding-top: 35px;
	background: #ffffff;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li > .sub_menu_box > ul > li a{
		font-size: 11px;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li{
		float: right;
		margin-right: 0px;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box_pages > ul > li{
		border: none;
		min-height: 0px;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box_pages > ul > li a{
		background: #ffffff;
	    color: #181818 !important;
	    display: block;
	    font-family: Arial,sans-serif;
	    font-size: 10px;
	    height: auto;
	    margin-left: 5px;
	    padding: 0;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages{
		position: static;
		top: 70px;
		background: #ffffff;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li{
		float: right;
		margin-right: 0px;
	}
	
	nav#main_nav ul{ margin-top: 0px; background: #A8182B; }
	nav#main_nav ul li{ min-height: 70px; height: auto; width: 100%; border-left: 0; border-bottom: 1px solid #B90B41; float: none; font-size: 21px; margin-left: 0px;
		background: #ffffff !important;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li{
		float: right;
	}
	
	#menu-navigazione-principale li .sub_menu_box .sub-menu li .sub_menu_box .sub-menu li{
		min-height: 0px;
	}
	
	#menu-navigazione-principale li .sub_menu_box_pages .sub-menu li .sub_menu_box .sub-menu li{
		min-height: 0px;
	}
	
	ul#menu-navigazione-principale > li:first-child:hover{ border-left: none; }
	ul#menu-navigazione-principale > li:hover{ border-left: none; }
	
	ul#menu-navigazione-principale > li > .sub_menu_box{
		top: 70px;
		position: static;
		background: #ffffff;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages{
		top: 70px;
		position: static;
		background: #ffffff;
	}
	
	nav#main_nav ul li.pcc-menu-item-disabled{ background: #FFFFFF; float: right; display: none;}
	nav#main_nav ul li a{ color: #ffffff; display: block; width: 95%; margin-left: 0px;
		padding-left: 5%;
		padding-top: 20px;
		font-size: 14px;
		padding-bottom: 14px;
		border-bottom: 1px solid #6C2220;
		background: #a8182b url("../img/arrow_menu.png") 97% 20px no-repeat;
	}
	
	nav#service_nav ul#social_menu{ margin-top: 0; float: none; margin-left: 0px; margin-right: 0px; position: absolute; left: -115px; top: 297px; z-index: 100; display: none;}
	
	body.page nav#service_nav ul#social_menu{ margin-top: 0; float: none; margin-left: 0px; margin-right: 0px; position: absolute; left: -115px; top: 167px; z-index: 100; display: none;}
	
	nav#service_nav #lang_menu ul{ margin-top: 0; float: none; margin-left: 0px; margin-right: 0px; position: absolute; right: 120px; top: 297px; z-index: 100; display: none;}
	
	body.page nav#service_nav #lang_menu ul{ margin-top: 0; float: none; margin-left: 0px; margin-right: 0px; position: absolute; right: 120px; top: 167px; z-index: 100; display: none;}
	
	nav#service_nav ul{ margin-top: 0; float: right; margin-left: 10px; margin-right: 120px;}
	nav#service_nav ul li {
		float: left;
		width: 30px;
		height: 30px;
		background: #575756;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-top: 5px;
		margin-right: 5px;
		background-image: url("../img/secondary_menu_bigger.png");
		background-repeat: no-repeat;
		background-size: 255px 60px;
		border: 0;
	}	
	
	nav#service_nav ul li:hover{ background-position: 0px -30px; background-color: #A8182B; }
	
	nav#service_nav ul li.search_btn{ min-width: 45px; background-position: right 5px; }
	
	nav#service_nav ul li.opened_search{ background-position: right -16px; background-color: #D9D9D9; }
	
	nav#service_nav ul li.search_btn:hover{ background-position: right -16px; background-color: #D9D9D9;}
	
	nav#service_nav ul li.search_btn form label{
		display: block;
		height: 30px;
	}
	
	nav#service_nav ul li.search_btn input{
		line-height: 30px;
		height: 30px;
	}
	
	.service_bar{ height: 40px; background: #4c4c4c; width: 100%; }
	
	nav#main_nav ul#lang_menu{ background: none; margin-left: 10px; }
	
	nav#service_nav #lang_menu ul li a{ font-size: 17px; color: #dadad9; font-family: 'Open Sans',sans-serif; display: inline-block; width: 20px; height: 20px; line-height: 28px; font-weight: 300;}
	
	nav#service_nav #lang_menu ul li:HOVER{
		background-color: #D9D9D9;
	}
	
	nav#main_nav ul#social_menu{ background: none; float: right; margin-right: 5px; }
	nav#main_nav ul#social_menu li, nav#main_nav ul#lang_menu li {
		float: left;
		width: 30px;
		height: 30px;
		background: #575756;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-top: 5px;
		margin-right: 5px;
		background-image: url("../img/secondary_menu_bigger.png");
		background-repeat: no-repeat;
		background-size: 255px 60px;
		border: 0;
	}
	nav#main_nav ul#social_menu li.facebook{ background-position: -135px 0px; }
	nav#service_nav ul li.facebook{ background-position: -135px 0px; }
	nav#service_nav ul li.facebook:HOVER{ background-position: -135px 0px; }
	
	nav#main_nav ul#social_menu li.twitter{ background-position: -165px 0px; }
	nav#service_nav ul li.twitter{ background-position: -165px 0px; }
	nav#service_nav ul li.twitter:HOVER{ background-position: -165px 0px; }

	nav#service_nav ul li.youtube{ background-position: -195px 0px; }
	nav#service_nav ul li.youtube:HOVER{ background-position: -195px 0px; }
	
	nav#service_nav ul li.pinterest{ background-position: -225px 0px; }
	nav#service_nav ul li.pinterest:HOVER{ background-position: -225px 0px; }	
	
	nav#main_nav ul#social_menu li.youtube{ background-position: -195px 0px; }
	
	
	nav#main_nav ul#social_menu li.facebook:hover{ background-color: #3A5896; }
	nav#main_nav ul#social_menu li.twitter:hover{ background-color: #6bacde; }
	nav#main_nav ul#social_menu li.youtube:hover{ background-color: #cc181e; }	
	
	nav#main_nav ul#lang_menu li.it_lang{ background-position: -75px 0px; }
	nav#main_nav ul#lang_menu li.en_lang{ background-position: -105px 0px; }
	
	nav#main_nav ul li.pcc-menu-item-disabled span{
		font-size: 15px;
		padding-top: 20px !important;
	}
	
	#slideshow{ height: 350px;}
	
	#payoff{ height: auto; } 
	#payoff section{ width: auto; margin: 0; padding: 10px; font-size: 14px; line-height: 20px; margin-left: 0px !important;}
	
	#social_slide{ width: 98%; height: auto; padding-bottom: 9px;}
	#primo_piano_container{ width: 100%; border-right: 0; border-bottom: 1px solid #f0f0f0; height: auto; margin-bottom: 10px; }
	#social_container{ width: 100%; height: 240px; }
	
	/* Home Page Box */
	#boxes{ height: auto; margin-top: 0px;}
	#boxes_content{ margin: 0; width: 100%; margin-left: 0px !important;}
	#boxes_content div{ float: none; border: 0; margin: 0; width: 100%; }
	
	#boxes_content div.albo_oro{
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	#boxes_content div.news{ padding-bottom: 15px; }
	
	div.orari h2{ background: #a8182b; color: #fff; font-size: 20px; height: 35px; padding-left: 5px; line-height: 35px; }
	div.orari h2 span{ 
		display: inline-block; 
		float: left;
		width: 26px; 
		height: 35px;
		background-image: url("../img/icons_box.png"); 
	 	background-repeat: no-repeat;
	 	background-size: 78px 70px;
	 	margin-right: 5px;
	}	
	
	div.orari{ height: auto; width: 100%; padding-bottom: 10px; }
	div.orari h4{ font-size: 16px; margin: 0 0 5px 5px; }
	div.orari p{ color: #3c3c3b; font-size: 14px; margin-bottom: 10px; margin-left: 5px; }
	div.orari p label{ width: 190px; display: inline-block; }	
	div.orari span.subtitle{ font-size: 11px; color: #7b7b7a; }
	div.orari span.closed_text{ font-size: 10px; color: #7b7b7a; }
	
	#boxes_content div.orari{ height: 345px; }
	#boxes_content div.orari .orari_museo,
	#boxes_content div.orari .orari_bookshop{ float: none; width: 100%; height: 140px; }
	#boxes_content div.news{ height: 325px;}
	#boxes_content div.convenzioni_box{ height: 245px;}
	#boxes_content div#eventCalendarHome #eventsCalendar-header #eventsCalendar-header-day-name{width: auto;}
	#boxes_content div#eventCalendarHome #eventsCalendar-header #eventsCalendar-header-day-month{width: auto;}
	
/* ------------ PAGINA OPERE ---------------- */
	
	.opere_menu ul li{
		width: 47%;
	}
	
/* ------------ PAGINA MONDO ---------------- */
	
	ul.box_mondo li h3{
		font-size: 15px;
	}
	
	.content-mondo h3{
		font-size: 16px;
	}
	
	.content-mondo h2{
		font-size: 22px;
		height: auto;
	}
	
	.content-mondo{
		font-size: 12px !important;
	}
	
	ul.box_mondo li{
		width: 47%;
	}
	
	ul.box_mondo li h4{
		font-size: 15px;
	}
	
/* ------------ PAGINA INFO ---------------- */
	
	div.driving_directions{
		width: 100%;
		margin-bottom: 15px;
	}
	
	div.driving_directions p{
		margin-bottom: 14px;
	}
	
	.ticket_box > div label{
		display: block;
		margin-bottom: 5px;
	}
	
	.ticket_box ul{
		margin-left: 0px;
	}
	
	.ticket_box{
		width: 100%;
	}
	
	.address_box, .time_box, .ticket_box{ width: 100%; min-height: 60px; }
	
/* ------------ PAGINA PERCORSO ESPOSITIVO ---------------- */

	ul.gallery_sala li{
		width: 47%;
	}
	
	#sidebar_map_small nav ul li{
		float: left;
		width: 50%;
	}
	
/* ------------ FOOTER MENU ---------------- */
	#footer{ float: left; height: auto; border-top: 10px solid #ccc; }
	#footer_content { width: 100%; margin-left: 0; padding-top: 10px; margin-left: 0px !important;}
	section.contacts{ position: inherit; float: left; width: 100%; margin-top: 20px; }
	section.contacts div { 
		margin-left: 15px;
		margin-right: 55px; 
		}
	section.contacts h4 { font-size: 16px; }
	section.contacts p { font-size: 12px; line-height: 18px; }
	
	#footer_content nav#footer_menu{ display: block; margin-left: 16px; }
	#footer_content nav#footer_menu ul li{ margin-right: 0; max-width: none; width: 32%; }
	nav#social{ display: none; }
	
	nav#terms_menu{ position: inherit; width: 100%; margin-top: 30px; text-align: left; float: left; border-top: 10px solid #ccc; }
	nav#terms_menu ul{ margin-top: 20px; margin-left: 40px; list-style-type: disc; color: #fff; padding-bottom: 10px; float: left;}
	nav#terms_menu ul li{ width: 100px; margin-bottom: 10px; margin-left: 5px; }
	nav#terms_menu ul li a{ font-size: 12px; }
	
	#app{ margin-top: 3px; position: relative; float: left; right: 0; margin-left: 15px; }
	#banner { color: #fff; float: left; font-size: 12px; height: 120px; left: 14px; margin-top: 5px; margin-right: 20px; position: relative; top: auto; }
	
/* ------------ HOME PAGE - LOGO_COPY ---------------- */	
	.logo_copy_contents{ width: 100%; margin: 0; }
	.logo_copy_contents img{ margin-left: 15px; margin-top: 15px;}
	.logo_copy_contents img.fondazione_puccini{ margin-left: 25px;}
	.copy{ width: 100%; text-align: center; margin-top: 15px; font-size: 12px;}
	
/* ------------ PAGINA PRESS ---------------- */
	
	.press-form-check-label{
		font-size: 12px;
	}
	
	#press_form_altro_input{
		width: 86%;
	}
	
	.press-form-column{
		width: 100%;
	}
	
	.empty_sub_menu{
		display: none !important;
	}
	
	.press-form-column textarea{
		width: 90%;
		margin-left: 5%;
	}
	
	.press-form-footer div{
		margin-left: 5px;
	}
	
	body.page-template-page-templatespage-press-php #content{
		width: 90%;
	}
	
/* ------------ PAGINA ARCHIVIO ---------------- */

	body.page-template-page-templatespage-archivio-php #content{
		width: 90%;
	}

	body.page-template-page-templatespage-archivio-php .info-content h3{
		font-size: 14px;
	}
	
/* ------------ PAGINA CALENDARIO ---------------- */
	
	#eventCalendarHumanDate .eventsCalendar-list-wrap{
		left: 0px;
		margin-top: 50px;
	}
	
	#primary #eventCalendarHumanDate{
		margin: 0px auto;
		width: 100%;
	}
	
	#primary #eventCalendarHumanDate .eventsCalendar-slider{
		padding-top: 20px;
	}
	
	#primary #eventCalendarHumanDate #eventsCalendar-header{
		margin: 0px auto;
		width: 100%;
	}
	
	#primary #eventCalendarHumanDate .eventsCalendar-list-wrap{
		margin: 50px auto 0px auto;
		width: 100% !important;
	}
	
	#primary #eventCalendarHumanDate .eventsCalendar-list-wrap .eventsCalendar-list-content{
		margin: 0px auto;
		width: 100% !important;
	}
	
/* ------------ PAGINA PERCORSO ESPOSITIVO ---------------- */

	#sidebar_map nav ul li a{
		font-size: 15px;
	}
	
	#sidebar_map{
		width: 100%;;
		position: relative;
		top: 200px;
		z-index: 3;
	}
	
	#center_content_map{
		margin-left: 0px;
		max-height: 537px;
		max-width: 330px;
		min-height: 200px;
	}
	
	#center_content_map .main_map img{
		position: relative;
		top: -300px;
		width: 100%;
	}
	
	#center_content_map .main_map #main_map_bg{
		top: 0px;
	}
	
	#sidebar_map_small{
		margin-bottom: 50px;
		width: 100%;
	}
	
	#center_content_sale{
		margin-left: 0px;
	}
	
	#map_small_box img.main_small_map{
		max-width: 100%;
	}
	
	#map_small_box #bg_map_small{
		max-width: 80%;
	}
	
	/* ------------ PAGINA CASE ---------------- */
	
	#gallery_box{
		float: none;
		margin: 0px auto;
		width: 100%;
		max-width: 245px;
	}
	
	#gallery_box .gallery_small img{
		margin-right: 0px;
		margin-bottom: 1px;
	}
	
	#gallery_box .gallery_small{
		width: 245px;
		margin: 30px auto 0px auto;
	}
	
	#content_wrapper{
		width: 245px !important;
		margin: 50px auto 0px auto;
		float: none;
	}
	
	#info_box div{
		width: 100%;
	}
	
	/* ------------ PAGINA ITINERARI ---------------- */	
	
	.routes_menu ul li{
		width: 47%;
	}
	
	.page-template-page-templatespage-itinerari-php .routes_menu ul li span.routes_menu_item_title{
		font-size: 13px;
	}
	
	.routes_menu_item_box_content_text{
		width: 92%;
	}
	
	.routes_menu_item_box_content_image{
		width: 80%;
	}
	
	/* ------------ LE CONVENZIONI ---------------- */	
	
	ul.box_convenzioni li{
		width: 97%;
	}
	
	/* ------------ PAGINA CON GALLERY ---------------- */

	.page_gallery_content #column_20{
		width: 100%;
		float: none;
		margin-right: 0px;
		max-width: 307px;
	}
	
	.page_gallery_content #column_80{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	
	/* ---------------- PAGINE QR CODE ----------------*/
	.qr_img_box{ width: 32%; }
	#qr_video_gallery .qr_video_box{ width: 100%; margin-bottom: 10px; }
	
	/* ---------------- PAGINE BOOKING ----------------*/
	body.post-type-archive-product .pcn-ticketing-button h3{
		background-image: none;
	}
	
	/* ------------ PAGINA VETRINA ---------------- */

	#user_customer{display: none;}
	
	
}
@media (max-width: 320px) {
	#header{ height: auto; }
	#logo { width: 155px; background: #fff; }
	
	.back-to-top { display: none !important; }
	
	#slideshow li{ background-size: auto 300px; }
	
	#nav_content #logo{
		float: none;
		background: none;
	}
	
	#nav_content #logo img{
		float: left;
		margin-right: 5px;
		margin-top: 3px;
		width: 101px;
		padding: 10px 7px 0px 7px;
	}
	
	#slideshow_box{
		height: 300px;
		top: -150px;
	}
	
	#main{
		margin-top: -150px;
	}
	
	.logo_copy_contents{
		margin-left: 0px !important;
	}
	
	body.page #primary{
		position: relative;
		z-index: 99;
	}
	
	#breadcrumbs_box{
		height: auto;
		min-height: 20px;
	}
	
	/* NOTIFICA COOKIES */
	#cookieChoiceInfo span{ display: block; margin-bottom: 7px; }	
	
/* ------------ MAIN MENU ---------- */
	#nav_content{ width: 100%; margin: 0; margin-left: 0px !important; height: 150px;}
	
	#nav_content #menu{
		width: 100%;
		float: none;
		height: auto;
	}
	
	#logo a{
		display: block;
		height: 120px;
		width: 120px;
		background-color: #ffffff;
		-moz-box-shadow: 0px 0px 20px #1C1C1B;
		-webkit-box-shadow: 0px 0px 20px #1C1C1B;
		box-shadow: 0px 0px 20px #1C1C1B;
	}
	
	ul#menu-navigazione-principale #menu-item-16 > .sub_menu_box > ul{ background: none; }
	ul#menu-navigazione-principale #menu-item-29 > .sub_menu_box > ul{ background: none; }
	ul#menu-navigazione-principale #menu-item-28 > .sub_menu_box > ul{ background: none; }	
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li.img_menu{
		display: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li.img_menu{
		display: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li > .sub_menu_box > ul{
		background: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul{
		background: none;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul{ width: 80%; margin: 0 auto; max-width: 1200px;}
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li{ border: 0; min-height: 20px; float: left; margin-top: 5px; margin-right: 8px; text-align: left; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li.menu_clear{
			clear: both;
			height: 0px;
			line-height: 0px;
			font-size: 0px;
			margin: 0px;
			padding: 0px 0px 25px 0px;
			height: 0px;
			min-height: 0px;
			display: block !important;
	}
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li a{ 
			display: inline-block; 
			padding: 0; 
			background: #a8182b; 
			height: 25px !important; 
			line-height: 25px !important; 
			color: #fff; 
			width: 100%; 
			margin-left: 0; 
			padding-left: 5px; 
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li a{
		text-align: left;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li a:hover{ color: #ccc !important; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul{ margin-top: 7px; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul > li{ display: block; border: 0; height: auto; line-height: 19px; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul > li a{ background: none; height: auto; display: block; padding: 0; margin-left: 5px; font-size: 13px; color: #181818; font-family: Arial, sans-serif; }
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box > ul > li a:hover{ color: #666; }
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages{
		position: static;
		background: #ffffff;
		height: auto;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul{
		background: #ffffff;
		width: 100%;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul > li{
		border: none;
		min-height: 0px;
		width: 100% !important;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li.current-page-ancestor > .sub_menu_box_pages > ul > li a{
		background: #ffffff;
	    color: #181818 !important;
	    display: block;
	    font-family: Arial,sans-serif;
	    font-size: 10px !important;
	    height: auto;
	    margin-left: 0px;
	    padding: 0;
	}
	
/* ------------- MENU BUTTON MOBILE VERSION ------------- */
	#mn_btn{ 
		width:63px; 
		height: 60px; 
		background-color: #a8182b;
		background-image: url("../img/bg_menu_btn_mobile.png"); 
		background-size: 80px 60px;
		position: absolute; 
		right: 15px; 
		top: 70px; 
		cursor: pointer; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-position: center center;
	}
	
	#navigation{ background: none; }
	
	nav#service_nav{ height: 40px; background: #4c4c4c; position: absolute; top: 0px; left: 120px;}
	nav#service_nav span.separator{ display: none;}

	nav#main_nav{ 
	width: 100%; 
	height: auto; 
	position: absolute; 
	z-index: 99; 
	visibility: hidden; 
	margin-top: 150px;
	-moz-box-shadow: 0px 0px 20px #1C1C1B;
	-webkit-box-shadow: 0px 0px 20px #1C1C1B;
	box-shadow: 0px 0px 20px #1C1C1B;
	padding-top: 35px;
	background: #ffffff;
	}
	
	body.page nav#main_nav{ 
	width: 100%; 
	height: auto; 
	position: absolute; 
	z-index: 99; 
	visibility: hidden; 
	margin-top: 20px;
	-moz-box-shadow: 0px 0px 20px #1C1C1B;
	-webkit-box-shadow: 0px 0px 20px #1C1C1B;
	box-shadow: 0px 0px 20px #1C1C1B;
	padding-top: 35px;
	background: #ffffff;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li > .sub_menu_box > ul > li a{
		font-size: 11px;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li{
		float: right;
		margin-right: 0px;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box_pages > ul > li{
		border: none;
		min-height: 0px;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages > ul > li > .sub_menu_box_pages > ul > li a{
		background: #ffffff;
	    color: #181818 !important;
	    display: block;
	    font-family: Arial,sans-serif;
	    font-size: 10px;
	    height: auto;
	    margin-left: 5px;
	    padding: 0;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages{
		position: static;
		top: 70px;
		background: #ffffff;
	}
	
	ul#menu-navigazione-principale > li.current-page-ancestor > .sub_menu_box_pages > ul > li{
		float: right;
		margin-right: 0px;
	}
	
	nav#main_nav ul{ margin-top: 0px; background: #A8182B; }
	nav#main_nav ul li{ min-height: 70px; height: auto; width: 100%; border-left: 0; border-bottom: 1px solid #B90B41; float: none; font-size: 21px; margin-left: 0px;
		background: #ffffff !important;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box > ul > li{
		float: right;
	}
	
	#menu-navigazione-principale li .sub_menu_box .sub-menu li .sub_menu_box .sub-menu li{
		min-height: 0px;
	}
	
	#menu-navigazione-principale li .sub_menu_box_pages .sub-menu li .sub_menu_box .sub-menu li{
		min-height: 0px;
	}
	
	ul#menu-navigazione-principale > li:first-child:hover{ border-left: none; }
	ul#menu-navigazione-principale > li:hover{ border-left: none; }
	
	ul#menu-navigazione-principale > li > .sub_menu_box{
		top: 70px;
		position: static;
		background: #ffffff;
	}
	
	ul#menu-navigazione-principale > li > .sub_menu_box_pages{
		top: 70px;
		position: static;
		background: #ffffff;
	}
	
	nav#main_nav ul li.pcc-menu-item-disabled{ background: #FFFFFF; float: right; display: none;}
	nav#main_nav ul li a{ color: #ffffff; display: block; width: 95%; margin-left: 0px;
		padding-left: 5%;
		padding-top: 20px;
		font-size: 14px;
		padding-bottom: 14px;
		border-bottom: 1px solid #6C2220;
		background: #a8182b url("../img/arrow_menu.png") 97% 20px no-repeat;
	}
	
	nav#service_nav ul#social_menu{ margin-top: 0; float: none; margin-left: 0px; margin-right: 0px; position: absolute; left: -115px; top: 297px; z-index: 100; display: none;}
	
	body.page nav#service_nav ul#social_menu{ margin-top: 0; float: none; margin-left: 0px; margin-right: 0px; position: absolute; left: -115px; top: 167px; z-index: 100; display: none;}
	
	nav#service_nav #lang_menu ul{ margin-top: 0; float: none; margin-left: 0px; margin-right: 0px; position: absolute; right: 120px; top: 297px; z-index: 100; display: none;}
	
	body.page nav#service_nav #lang_menu ul{ margin-top: 0; float: none; margin-left: 0px; margin-right: 0px; position: absolute; right: 120px; top: 167px; z-index: 100; display: none;}
	
	nav#service_nav ul{ margin-top: 0; float: right; margin-left: 10px; margin-right: 120px;}
	nav#service_nav ul li {
		float: left;
		width: 30px;
		height: 30px;
		background: #575756;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-top: 5px;
		margin-right: 5px;
		background-image: url("../img/secondary_menu_bigger.png");
		background-repeat: no-repeat;
		background-size: 255px 60px;
		border: 0;
	}	
	
	nav#service_nav ul li:hover{ background-position: 0px -30px; background-color: #A8182B; }
	
	nav#service_nav ul li.search_btn{ min-width: 45px; background-position: right 5px; }
	
	nav#service_nav ul li.opened_search{ background-position: right -16px; background-color: #D9D9D9; }
	
	nav#service_nav ul li.search_btn:hover{ background-position: right -16px; background-color: #D9D9D9;}
	
	nav#service_nav ul li.search_btn form label{
		display: block;
		height: 30px;
	}
	
	nav#service_nav ul li.search_btn input{
		line-height: 30px;
		height: 30px;
	}
	
	.service_bar{ height: 40px; background: #4c4c4c; width: 100%; }
	
	nav#main_nav ul#lang_menu{ background: none; margin-left: 10px; }
	
	nav#service_nav #lang_menu ul li a{ font-size: 17px; color: #dadad9; font-family: 'Open Sans',sans-serif; display: inline-block; width: 20px; height: 20px; line-height: 22px; font-weight: 300;}
	
	nav#service_nav #lang_menu ul li:HOVER{
		background-color: #D9D9D9;
	}
	
	nav#main_nav ul#social_menu{ background: none; float: right; margin-right: 5px; }
	nav#main_nav ul#social_menu li, nav#main_nav ul#lang_menu li {
		float: left;
		width: 30px;
		height: 30px;
		background: #575756;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-top: 5px;
		margin-right: 5px;
		background-image: url("../img/secondary_menu_bigger.png");
		background-repeat: no-repeat;
		background-size: 255px 60px;
		border: 0;
	}
	nav#main_nav ul#social_menu li.facebook{ background-position: -135px 0px; }
	nav#service_nav ul li.facebook{ background-position: -135px 0px; }
	nav#service_nav ul li.facebook:HOVER{ background-position: -135px 0px; }
	
	nav#main_nav ul#social_menu li.twitter{ background-position: -165px 0px; }
	nav#service_nav ul li.twitter{ background-position: -165px 0px; }
	nav#service_nav ul li.twitter:HOVER{ background-position: -165px 0px; }

	nav#service_nav ul li.youtube{ background-position: -195px 0px; }
	nav#service_nav ul li.youtube:HOVER{ background-position: -195px 0px; }
	
	nav#service_nav ul li.pinterest{ background-position: -225px 0px; }
	nav#service_nav ul li.pinterest:HOVER{ background-position: -225px 0px; }
	
	nav#main_nav ul#social_menu li.youtube{ background-position: -195px 0px; }
	
	
	nav#main_nav ul#social_menu li.facebook:hover{ background-color: #3A5896; }
	nav#main_nav ul#social_menu li.twitter:hover{ background-color: #6bacde; }
	nav#main_nav ul#social_menu li.youtube:hover{ background-color: #cc181e; }	
	
	nav#main_nav ul#lang_menu li.it_lang{ background-position: -75px 0px; }
	nav#main_nav ul#lang_menu li.en_lang{ background-position: -105px 0px; }
	
	nav#main_nav ul li.pcc-menu-item-disabled span{
		font-size: 15px;
		padding-top: 20px !important;
	}
	
	#slideshow{ height: 350px;}
	
	#payoff{ height: auto; } 
	#payoff section{ width: auto; margin: 0; padding: 10px; font-size: 14px; line-height: 20px; margin-left: 0px !important;}
	
	#social_slide{ width: 98%; height:auto; padding-bottom: 9px;}
	#primo_piano_container{ width: 100%; border-right: 0; border-bottom: 1px solid #f0f0f0; height: auto; margin-bottom: 10px; }
	#social_container{ width: 100%; height: 240px; }
	#primo_piano_box article img{max-width: 100%; width: auto; height: auto; float: none; display: block; margin: 15px auto 20px auto; }
	#primo_piano_box .event_content{width: 100%;}
	#primo_piano_box article p{width: 96%; margin-left: 2%; margin-right: 2%;}
	
	/* Home Page Box */
	#boxes{ height: auto; margin-top: 0px;}
	#boxes_content{ margin: 0; width: 100%; margin-left: 0px !important;}
	#boxes_content div{ float: none; border: 0; margin: 0; width: 100%; }
	
	#boxes_content div.albo_oro{
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	#boxes_content div.news{ padding-bottom: 15px; }
	
	div.orari h2{ background: #a8182b; color: #fff; font-size: 20px; height: 35px; padding-left: 5px; line-height: 35px; }
	div.orari h2 span{ 
		display: inline-block; 
		float: left;
		width: 26px; 
		height: 35px;
		background-image: url("../img/icons_box.png"); 
	 	background-repeat: no-repeat;
	 	background-size: 78px 70px;
	 	margin-right: 5px;
	}	
	
	div.orari{ height: auto; width: 100%; padding-bottom: 10px; }
	div.orari h4{ font-size: 16px; margin: 0 0 5px 5px; }
	div.orari p{ color: #3c3c3b; font-size: 14px; margin-bottom: 10px; margin-left: 5px; }
	div.orari p label{ width: 190px; display: inline-block; }	
	div.orari span.subtitle{ font-size: 11px; color: #7b7b7a; }
	div.orari span.closed_text{ font-size: 10px; color: #7b7b7a; }
	
	#boxes_content div.orari{ height: 345px; }
	#boxes_content div.orari .orari_museo,
	#boxes_content div.orari .orari_bookshop{ float: none; width: 100%; height: 140px; }
	#boxes_content div.news{ height: 325px;}
	#boxes_content div.convenzioni_box{ height: 250px;}
	#boxes_content div#eventCalendarHome #eventsCalendar-header #eventsCalendar-header-day-month{width: auto;}
	#boxes_content div#eventCalendarHome #eventsCalendar-header #eventsCalendar-header-day-name{width: auto;}
	
/* ------------ PAGINA OPERE ---------------- */
	
	.opere_menu ul li{
		width: 47%;
	}
	
/* ------------ PAGINA MONDO ---------------- */
	
	ul.box_mondo li h3{
		font-size: 15px;
	}
	
	.content-mondo h3{
		font-size: 16px;
	}
	
	.content-mondo h2{
		font-size: 22px;
		height: auto;
	}
	
	.content-mondo{
		font-size: 12px !important;
	}
	
	ul.box_mondo li{
		width: 47%;
	}
	
	ul.box_mondo li h4{
		font-size: 15px;
	}
	
/* ------------ PAGINA INFO ---------------- */
	
	div.driving_directions{
		width: 100%;
		margin-bottom: 15px;
	}
	
	div.driving_directions p{
		margin-bottom: 14px;
	}
	
	.ticket_box > div label{
		display: block;
		margin-bottom: 5px;
	}
	
	.ticket_box ul{
		margin-left: 0px;
	}
	
	.ticket_box{
		width: 100%;
	}
	
	.address_box, .time_box, .ticket_box{ width: 100%; min-height: 60px; }
	
/* ------------ PAGINA PERCORSO ESPOSITIVO ---------------- */

	ul.gallery_sala li{
		width: 47%;
	}
	
	#sidebar_map_small nav ul li{
		float: left;
		width: 50%;
	}
	
/* ------------ FOOTER MENU ---------------- */
	#footer{ float: left; height: auto; border-top: 10px solid #ccc; }
	#footer_content { width: 100%; margin-left: 0; padding-top: 10px; margin-left: 0px !important;}
	section.contacts{ position: inherit; float: left; width: 100%; margin-top: 20px; }
	section.contacts div { 
		margin-left: 15px;
		margin-right: 55px; 
		}
	section.contacts h4 { font-size: 16px; }
	section.contacts p { font-size: 12px; line-height: 18px; }
	
	#footer_content nav#footer_menu{ display: block; margin-left: 16px; }
	#footer_content nav#footer_menu ul li{ margin-right: 0; max-width: none; width: 50%; }
	nav#social{ display: none; }
	
	nav#terms_menu{ position: inherit; width: 100%; margin-top: 30px; text-align: left; float: left; border-top: 10px solid #ccc; }
	nav#terms_menu ul{ margin-top: 20px; margin-left: 40px; list-style-type: disc; color: #fff; padding-bottom: 10px; float: left;}
	nav#terms_menu ul li{ width: 100px; margin-bottom: 10px; margin-left: 5px; }
	nav#terms_menu ul li a{ font-size: 12px; }
	
	#app{ margin-top: 3px; position: relative; float: left; right: 0; margin-left: 15px; }
	#banner { color: #fff; float: left; font-size: 12px; height: 120px; left: 14px; margin-top: 10px; position: relative; top: auto; }
	
/* ------------ HOME PAGE - LOGO_COPY ---------------- */	
	.logo_copy_contents{ width: 100%; margin: 0; }
	.logo_copy_contents img{ margin-left: 15px; margin-top: 15px;}
	.logo_copy_contents img.fondazione_puccini{ margin-left: 25px;}
	.copy{ width: 100%; text-align: center; margin-top: 15px; font-size: 12px;}
	
/* ------------ PAGINA PRESS ---------------- */
	
	.press-form-check-label{
		font-size: 12px;
	}
	
	#press_form_altro_input{
		width: 86%;
	}
	
	.press-form-column{
		width: 100%;
	}
	
	.empty_sub_menu{
		display: none !important;
	}
	
	.press-form-column textarea{
		width: 90%;
		margin-left: 5%;
	}
	
	.press-form-footer div{
		margin-left: 5px;
	}
	
	body.page-template-page-templatespage-press-php #content{
		width: 90%;
	}
	
/* ------------ PAGINA ARCHIVIO ---------------- */

	body.page-template-page-templatespage-archivio-php #content{
		width: 90%;
	}

	body.page-template-page-templatespage-archivio-php .info-content h3{
		font-size: 14px;
	}
	
/* ------------ PAGINA CALENDARIO ---------------- */
	
	#eventCalendarHumanDate .eventsCalendar-list-wrap{
		left: 0px;
		margin-top: 50px;
	}
	
	#primary #eventCalendarHumanDate{
		margin: 0px auto;
		width: 100%;
	}
	
	#primary #eventCalendarHumanDate .eventsCalendar-slider{
		padding-top: 20px;
	}
	
	#primary #eventCalendarHumanDate #eventsCalendar-header{
		margin: 0px auto;
		width: 100%;
	}
	
	#primary #eventCalendarHumanDate .eventsCalendar-list-wrap{
		margin: 50px auto 0px auto;
		width: 100% !important;
	}
	
	#primary #eventCalendarHumanDate .eventsCalendar-list-wrap .eventsCalendar-list-content{
		margin: 0px auto;
		width: 100% !important;
	}
	
/* ------------ PAGINA PERCORSO ESPOSITIVO ---------------- */

	#sidebar_map nav ul li a{
		font-size: 15px;
	}
	
	#sidebar_map{
		width: 100%;;
		position: relative;
		top: 200px;
		z-index: 3;
	}
	
	#center_content_map{
		margin-left: 0px;
		max-height: 537px;
		max-width: 330px;
		min-height: 200px;
	}
	
	#center_content_map .main_map img{
		position: relative;
		top: -300px;
		width: 100%;
	}
	
	#center_content_map .main_map #main_map_bg{
		top: 0px;
	}
	
	#sidebar_map_small{
		margin-bottom: 50px;
		width: 100%;
	}
	
	#center_content_sale{
		margin-left: 0px;
	}
	
	#map_small_box img.main_small_map{
		max-width: 100%;
	}
	
	#map_small_box #bg_map_small{
		max-width: 80%;
	}
	
	/* ------------ PAGINA CASE ---------------- */
	
	#gallery_box{
		float: none;
		margin: 0px auto;
		width: 100%;
		max-width: 245px;
	}
	
	#gallery_box .gallery_small img{
		margin-right: 0px;
		margin-bottom: 1px;
	}
	
	#gallery_box .gallery_small{
		width: 245px;
		margin: 30px auto 0px auto;
	}
	
	#content_wrapper{
		width: 245px !important;
		margin: 50px auto 0px auto;
		float: none;
	}
	
	#info_box div{
		width: 100%;
	}
	
	/* ------------ PAGINA ITINERARI ---------------- */	
	
	.routes_menu ul li{
		width: 47%;
	}
	
	.page-template-page-templatespage-itinerari-php .routes_menu ul li span.routes_menu_item_title{
		font-size: 13px;
	}
	
	.routes_menu_item_box_content_text{
		width: 92%;
	}
	
	.routes_menu_item_box_content_image{
		width: 80%;
	}
	
	/* ------------ LE CONVENZIONI ---------------- */	
	
	ul.box_convenzioni li{
		width: 97%;
	}
	
	/* ------------ PAGINA CON GALLERY ---------------- */

	.page_gallery_content #column_20{
		width: 100%;
		float: none;
		margin-right: 0px;
		max-width: 307px;
	}
	
	.page_gallery_content #column_80{
		width: 100%;
		float: none;
		margin-top: 20px;
	}	
	
	/* ---------------- PAGINE QR CODE ----------------*/
	.qr_img_box{ width: 49%; }
	#qr_video_gallery .qr_video_box{ width: 100%; margin-bottom: 10px; }
	
	/* ---------------- PAGINE BOOKING ----------------*/
	body.post-type-archive-product .pcn-ticketing-button h3{
		background-image: none;
	}
	
	/* ------------ PAGINA VETRINA ---------------- */

	#user_customer{display: none;}
	
}