/*STRUTTURA*/
body {background-repeat:no-repeat; background-position:top center; background-size:100% auto;}
body .pageWrapper, body .headerWrapper, body .mainWrapper, body .footerWrapper, body .contentWrapper, body .moduliWrapper {display:flex; align-items: stretch; width:100%; margin:0 auto; position:relative;}
body .pageWrapper, body .headerWrapper, body .mainWrapper, body .footerWrapper, body .moduliWrapper{flex-direction: column;}
body .contentWrapper {flex-direction: row;}
body .moduliWrapper.direction-row{flex-direction: row;}
body .moduliWrapper.direction-column{flex-direction: column;}
	
body .mainWrapper {flex:1;}
body .pageWrapper {min-height:100vh;}
body .contentWrapper, body .gridCol, body .gridCol .moduliWrapper {height:inherit;}
/*body .contentWrapper:after, body .moduliWrapper:after, body .moduliWrapper > div:after {content:""; clear:both; display:block;}*/ /* per far crescere i wrapper con contenuti float */
body .gridRow {position: relative;}


body .mainWrapper div.gridCol {/*overflow: hidden;*/}
body div.gridCol div.moduloContainer {position: relative;}
body .mainWrapper div.gridCol div.moduloContainer {/*overflow: hidden; height: inherit;*/}
body .gridCol .moduliWrapper .moduloContainer {align-self:stretch; display:flex; flex-direction:inherit; justify-content:inherit; align-items:inherit;}


body .gridCol.direction-row .moduliWrapper{flex-direction: row;flex-wrap: wrap;}
body .gridCol.direction-column .moduliWrapper{flex-direction: column;}

body .gridCol.direction-row.verticalAlignTop .moduliWrapper{align-items: flex-start;}
body .gridCol.direction-row.verticalAlignCenter .moduliWrapper{align-items: center;}
body .gridCol.direction-row.verticalAlignBottom .moduliWrapper{align-items: flex-end;}
body .gridCol.direction-row.horizontalAlignLeft .moduliWrapper {justify-content:flex-start;}
body .gridCol.direction-row.horizontalAlignCenter .moduliWrapper {justify-content:center;}
body .gridCol.direction-row.horizontalAlignRight .moduliWrapper{justify-content:flex-end;}
body .gridCol.direction-row.horizontalAlignJustify .moduliWrapper{justify-content:space-between;}

body .gridCol.verticalAlignTop .moduliWrapper, body .gridCol.direction-column.verticalAlignTop .moduliWrapper{justify-content:flex-start;}
body .gridCol.verticalAlignCenter .moduliWrapper, body .gridCol.direction-column.verticalAlignCenter .moduliWrapper{justify-content:center;}
body .gridCol.verticalAlignBottom .moduliWrapper, body .gridCol.direction-column.verticalAlignBottom .moduliWrapper{justify-content:flex-end;}
body .gridCol.horizontalAlignLeft .moduliWrapper, body .gridCol.direction-column.horizontalAlignLeft .moduliWrapper {align-items:flex-start;}
body .gridCol.horizontalAlignCenter .moduliWrapper, body .gridCol.direction-column.horizontalAlignCenter .moduliWrapper {align-items:center;}
body .gridCol.horizontalAlignRight .moduliWrapper, body .gridCol.direction-column.horizontalAlignRight .moduliWrapper{align-items:flex-end;}
body .gridCol.horizontalAlignJustify .moduliWrapper, body .gridCol.direction-column.horizontalAlignJustify .moduliWrapper {align-items:stretch;}

body .gridCol.direction-column.horizontalAlignCenter .moduliWrapper .moduloContainer {align-self:unset;}

/*
body .gridCol.direction-column.horizontalAlignLeft .moduliWrapper .moduloContainer {width: 100%;}
body .gridCol.direction-column.horizontalAlignCenter .moduliWrapper .moduloContainer {width: 100%;}
body .gridCol.direction-column.horizontalAlignRight .moduliWrapper .moduloContainer {width: 100%;}
body .gridCol.direction-column.horizontalAlignJustify .moduliWrapper .moduloContainer {width: 100%;}
*/

body .moduliWrapper.bg {height:auto; background-color:rgba(255,255,255,0.6); padding:20px;}
body .moduliWrapper.bg-scuro {height:auto; background-color:rgba(0,0,0,0.6); padding:20px;}

body .gridRow > div.separator {position:absolute; left:0; width:100%; background-repeat:no-repeat; background-size:cover; z-index:2;}
body .gridRow > div.separator.top {top:0;}
body .gridRow > div.separator.bottom {bottom:0;}
/* SPOSTATO SU LAYOUT.CSS
body.boxed .pageWrapper,
body.boxed.headerFixed .headerWrapper,
body.contentBoxed .contentWrapper,
body .headerWrapper.contentBoxed .contentWrapper,
body .mainWrapper.contentBoxed .contentWrapper,
body .footerWrapper.contentBoxed .contentWrapper,
body .headerWrapper.boxed,
body .mainWrapper.boxed,
body .footerWrapper.boxed {max-width:1600px;}
*/
body .headerWrapper.contentWide .contentWrapper,
body .mainWrapper.contentWide .contentWrapper,
body .footerWrapper.contentWide .contentWrapper {max-width:none;}

/*body .gridRow.boxed .contentWrapper{max-width:1200px !important;} SPOSTATO SU LAYOUT.CSS*/

body .gridRow.wide .contentWrapper{max-width:none !important;}


/*body.headerFixed header.headerWrapper {margin:0 auto; position:sticky; top:0; left:0; right:0; -moz-box-shadow:0 1px 5px rgba(51, 51, 51, 0.4); -webkit-box-shadow:0 1px 5px rgba(51, 51, 51, 0.4); box-shadow:0 1px 5px rgba(51, 51, 51, 0.4);}*/
/* HEADER SOVRAPPOSTO AL MAIN */

/* HEADER VISIBILE CON LO SCROLLING */
body.headerFixed header.headerWrapper {
	position:sticky; position:-webkit-sticky;
	/*top: -50px;*/ /*parte da escludere dallo sticky, nello scrolling continuerà a salire */
}
body.headerFixed header.headerWrapper.sticky {
	-moz-box-shadow:0 1px 5px rgba(51, 51, 51, 0.4); -webkit-box-shadow:0 1px 5px rgba(51, 51, 51, 0.4); box-shadow:0 1px 5px rgba(51, 51, 51, 0.4);
}

body.headerOverMain header.headerWrapper {
	/*margin-bottom: -80px !important;*/ /*da usare quando si vuole sovrapporre l'header al main, l'altezza corrisponde alla parte che si vuole sovrapporre*/
	/*background: transparent !important;*/ /*colore iniziale, se si vuole sovrapporre è corretto tenere una trasparenza o gradiente in trasparenza*/
}
body.headerOverMain.headerFixed header.headerWrapper .gridRow{transition: 0.2s ease-out;}
/*
body.headerOverMain header.headerWrapper.sticky .gridRow{transition: 0.2s ease-out;}
body.headerOverMain header.headerWrapper.sticky .gridRow:last-child{background: inherit !important;}
*/

header.headerWrapper {z-index:1000;}
.parallax {position:relative; background-attachment:fixed; background-position:center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -moz-box-shadow:inset 0 2px 60px -10px #454545; -webkit-box-shadow:inset 0 2px 60px -10px #454545; box-shadow:inset 0 2px 60px -10px #454545;}
.vertical-flex {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.uppercase {text-transform:uppercase;}


/*.gridRow:nth-child(2n+1) {background-color: #ccc;}*/

/*body.boxed .pageWrapper{margin-top: 30px; margin-bottom: 50px; box-shadow: 0 0 20px #ccc;}*/
/*
.skin {width:100%; margin:0 auto; overflow:hidden;}
.nakedLook .skin {margin-top:0; background-size:100% auto; background-repeat:no-repeat; background-position:top center;}
.fixedSkin .skin  {background-attachment:fixed;}
.mainWrapper.liquid { position:relative; z-index:150;}*/ /*imposta il general-wrapper al massimo width:100%*/
.mainWrapper:after {content:""; /* Older browser do not support empty content */ visibility:hidden; display:block; height:0; clear:both;}

.fixedSkin .section_pagina {padding-left:20px; padding-right:20px;} /*revisionato*/
.section_pagina {padding-left:20px; padding-right:20px;} /*revisionato*/

[class*="list-item-"] li {float:left;}

/*OBLIQUITA'*/
.obliquo::before,
.obliquo::after {
	position: absolute;
	content: '';
	pointer-events: none;
}
/* Diagonale */

.obliquo {
	z-index: 1;
	padding-top:0;
	background: #fff;
}
.obliquo::before {
	top:0;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 50%;
	background: inherit;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
/*HEADER E MENU*/
.menuRight .logo {width:100%;}
.menuCenter .logo {margin:0 auto;}
.menuLeft .logo {float:right;}
.menuRight nav {float:right;}
.menuCenter nav {margin:0 auto;}
.menuLeft nav {float:left;}
nav ul li {float:left;}
nav.no-logo {float:none !important; text-align:center;}
nav.no-logo .menuTop ul#menu {float:none !important; display:inline-flex;}

.headerGrid {width:100%; height:auto;}
.headerFasciaTop {width:100%; height:40px; line-height:40px;}
.headerFasciaTop .containerBoxed {width:100%; height:40px; line-height:40px; margin:0 auto; overflow:hidden;}
.headerFasciaTop .contentSocialLink {float:right;}
.headerFasciaBottom {width:100%; height:80px; line-height:80px; margin:0 auto;}

.searchBox {float:right; margin:15px 20px 0 20px; border-radius:5px;}
.searchBox input[type="text"] {width:200px; height:40px; margin:0; float:left; font-size:1.2em;}
.searchBox input[type="submit"] {width:40px; height:40px; float:left; background-size:20px auto; background-position:center; background-repeat:no-repeat;}


/*RICERCA*/
.contenitoreRisultati li .card-item {margin:10px 0; padding:10px;}
.contenitoreRisultati li h3 {padding:0px;}

/*FOOTER*/
#wrapFooter {height:auto; margin:0 auto; overflow:hidden; background-position:0 0; background-repeat:no-repeat;}
/*
.titolettiFooter {margin-bottom:10px;}
.footerTop, .footerMid, .footerBottom {float:left; width:100%;}
.footerTop li {height:300px; float:left; text-align:center;}
.footerTop li h2 {font-size:1.5em;}
.footerTop li p {padding:10px 50px; line-height:18px; font-size:.8em;}
.footerTop img {margin:30px 0 20px 0;}

.footerWrapper.boxed.contentBoxed .footerMid {padding:30px;}

.footerMid {height:auto; padding-top:30px;}
.footerMid ul {word-break: break-word;}
.footerMid ul li {font-size:.9em; line-height:1.3em;}
.footerMid ul li h2,.footerMid ul li h3,.footerMid ul li h4 {padding-bottom:3px; margin-bottom:5px; margin-right:10%;}
.footerMid ul li a {}

.footerMid ul.recapiti li {padding-left:30px; margin-bottom:10px; position:relative;}
.footerMid ul.recapiti li i {-webkit-mask-size: cover; width:20px; height:20px; -webkit-mask-repeat: no-repeat; position: absolute; left: 0;}
.footerMid ul.recapiti li.logo-p-iva {line-height:1.2em; padding-left:0; margin-bottom:20px;}
.footerMid ul.recapiti li.logo-p-iva img {width:100%; max-width:100px; height:auto; margin-bottom:10px;}
.footerBot {width:100%; height:60px; line-height:60px; text-align:right; vertical-align:middle;}
*/
.contentCredits {display:inline-block; width:20% !important;}
.contentCredits {float:right !important;}
/* FINE FOOTER*/

/*WIDGET EASYFEEDBACK*/
.content-widgetMediaVotoFastFeedback {width:100%; margin-top:20px; float:left;}

/*BOTTONIERA-LOGIN-REGISTRAZIONE*/
.bottoniera-accesso-prenotazione {display:grid; grid-template-columns:1fr 30px 1fr; vertical-align:middle; align-items:center;}

/*POPUP'*/
.main-popUp {width:400px; height:auto; margin:0 auto; padding:30px; position:fixed; top:200px; left:0; right:0; z-index:1000; display:none; border-radius:20px; background-color:#ffffff; -moz-box-shadow:0 0 35px rgba(0, 0, 0, 0.40); -webkit-box-shadow:0 0 35px rgba(0, 0, 0, 0.40); box-shadow:0 0 35px rgba(0, 0, 0, 0.40);}
.chiudi-main-popUp {width:100%; display:inline-block; height:30px; position:relative;}
.main-popUpOff {display:grid; width: 30px; height: 30px; text-align: center; border-radius: 50%; position: absolute; right:0; top:0; cursor: pointer; align-content:center; justify-content:center;}
.main-popUpOff:after {content:"\00d7"; font-size: 20px;}

/*NEW MEDIA QUERY MAGGIO 2018*/
/* ----------------------- MINI-SMARTPHONE ------------------*/
@media screen and (min-width: 0px) and (max-width: 600px) {
.logo {margin-left:10px;}
.searchBox {margin:10px 20px 10px 20px;}
.headerFasciaBottom {height:60px;}
.logo img {height:60px}
.menuRight .logo {height:60px;}
.bottoniera-accesso-prenotazione {width:100%; padding:40px 0; text-align:center;}
.alert-prenota-senza-reg {padding:10px 0; text-align:center;}
body .contentWrapper {flex-direction: column;}
body .contentWrapper > .gridCol {width: 100%;}
}
/* ----------------------- SMARTPHONE ------------------*/
@media screen and (min-width: 601px) and (max-width: 768px) {
.logo {margin-left:20px;}
.bottoniera-accesso-prenotazione {width:100%; max-width:748px; padding:40px 0; margin:0 auto; text-align:center;}
.alert-prenota-senza-reg {padding:10px 0; text-align:center;}
body .contentWrapper {flex-direction: column;}
body .contentWrapper > .gridCol {width: 100%;}
}
/* ----------------------- TABLET LANDSCAPE ------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
.logo {margin-left:20px;}
.bottoniera-accesso-prenotazione {width:100%; max-width:748px; padding:40px 0; margin:0 auto; text-align:center;}
.alert-prenota-senza-reg {padding:10px 0; text-align:center;}
}
/* ----------------------- OVER ------------------*/
@media only screen and (min-width: 1025px){
.logo {}
.bottoniera-accesso-prenotazione {width:100%; max-width:748px; padding:40px 0; margin:0 auto; text-align:center;}
.alert-prenota-senza-reg {padding:10px 0; text-align:center;}
}