:root {
	--ultralightcolor: hsl(195,100%,95%); /*#e5f9ff*/
	--mediumlightcolor: hsl(195,60%,50%); /*#33a6cc*/
	--maincolor: hsl(195,100%,30%); /*#007399*/
	--darkcolor: hsl(195,100%,15%); /*#00394d*/
	--ultradark: hsl(195,100%,10%); /*#002633*/
	--complementarcolor: hsl(195,0%,50%);
}

html,body {margin:0;padding:0;font-size: 110%; }
body { font-family: Arial, sans;}/*  min-height: 100vh;height: 100%; */
table{border-collapse:collapse;border-spacing:0}
img{border:0}
h1,h2,h3,h4 {color: var(--ultradark); font-family:'Spinnaker', sans-serif;}
h1 {font-size:1.6rem; }
h2 {font-size:1.6rem; }
h3 {font-size:1.2 rem; }
h4 {font-size:1.1rem;}
h5 {font-size:1rem;}
h6 {font-size:0.9rem;}
q:before,q:after{content:''}
strong{font-weight:bold}
em{font-style:italic}
a img{border:none}
a:hover { color:var(--mediumlightcolor) }

/* *********************************************************** */
/* MENU */
/* *********************************************************** */
.hamburgher-menu{display:block; z-index:1000;}
nav#menu-header {display:none;}
.hamburgher-menu { font-size: 80%; }
#menu-btn span {background: var(--mediumlightcolor); }
.responsive-menu a { text-decoration: none}
.sticky { background:rgba(255,255,255,0.8);}
.hamburgher-menu .menuitem { border-bottom:1px dotted #6693d7 }
.hamburgher-menu .menu-title { background: var(--mediumlightcolor) }

/* *********************************************************** */
/* LAYOUT */
/* *********************************************************** */
header { width:100%; height:50px; z-index:20000; background:#00394d; box-shadow:0px 0px 8px rgba(0,0,0,0.3); }
#titolo { height: 450px;  min-height: 400px; } /* background: transparent url(/layout/mbf/img/bg.png) center center no-repeat;  */ 
#logo h2 { margin: 0; padding: 0}
#logo h3 {  color:#1D1554}
a { color:#333; text-decoration:none  }
a:hover {color: var(--maincolor); }
#content { width: 100%; }
#container {position:relative;  margin:0 auto;  min-width:320px; } 

/*FOOTER*/
#footer-wrapper { box-shadow: 0 -4px 5px 0 rgba(0,0,0,0.2); border-top: 2px solid #00394d; }
#footer-box { flex-direction: column; align-items: center; max-width: 1140px; margin: 0 auto; }
.footer-item { color: var(--darkcolor)}
footer {   font-size: 90%; font-weight: normal; clear: both; margin: 20px 0;}
footer a { text-decoration: none; }
footer a:hover { color:var(--maincolor); }
footer .email { display: block; padding: 10px;  clear: both;}
#f_address {display: block; padding: 12px;}
#footer-container { margin: 0 auto; line-height: 1.8em;  text-align:center; }
#copyr {padding: 15px 0 ; clear: both; font-size:85%; color:#bbb; text-align: center; background: #007399; width: 100%}
#boxinfouni { max-width: 250px;   text-align:center; margin:0 auto;  }
/*FINE FOOTER*/

#logo {  text-align: center; z-index:10; width:100%;padding:16px; box-sizing:border-box }
#centerbox { margin: 0 auto;  max-width:64em; min-height:420px; background-color:rgba(255,255,255,0.5); box-shadow: 0px 0px 8px rgba(0,0,0,0.5); padding: 30px 0;}
#logoqfin { margin:20px 0;  height: 120px; background: url(/layout/qfin/img/qfin.svg) center center no-repeat;  background-size:contain;}
#current-edition .parallax-container {height:440px !important;}
.section_persone .circle {border-radius: 2% !important;}
.boxpersone { height:100px;}

/* personalizzazioni oc-36 previous edition */
.mind-oc-36 h4 { display:none;}
.mind-oc-36 p { font-family:"Book Antiqua"; font-size: 110%;}
/* -------------- */

.images h4 a {	text-decoration: none;}

@media (min-width: 540px){ 
	#logoqfin {height: 200px; }
}
@media (min-width: 22.5em){ /*GS3 */
	#current-edition .parallax-container {height: 700px !important;}
}
@media (min-width: 40em){ /* circa 640 GS4 LANDSCAPE */	
	#current-edition .parallax-container {height: 700px !important;}
}
@media (min-width: 840px){ 
	#boxinfouni { max-width: 280px;}
	.footer-item {flex: 1 0 60%; text-align:left; }
	#footer-box {flex: 1 0 40%; text-align: right;}
	#footer-container {text-align: center; }
	footer {display: flex; flex-wrap: wrap; align-items: center; max-width: 1140px; margin: 0 auto;}
}
@media (min-width: 1065px){ 
	/* INVERSIONE VISIBILITA' MENU' */
	nav#mobile{ display:none }
	nav#menu-header { display:block;  }
	nav#menu-header .navmenu { text-align: center; margin-top:15px  }
	nav#menu-header .ancorepagina {padding:4px 8px	}
	header { position: fixed; top: 0; width:100%; height:50px; z-index:20000; background:#007399; box-shadow:0px 0px 8px rgba(0,0,0,0.3); }
	.maincontainer { margin: 51px 0 0 0;}
	.navmenu li { display: inline; }
	.navmenu {margin:0;padding:0; }
	.navmenu a { color: #e6f9ff; text-decoration: none; padding: 0 15px}
	.navmenu a:hover { color: #fff; }
	.selected { color: #FFF !important}
}

.item-persona .oc-item-desc{color: #666; font-size: 0.9rem}