:root {
	--ultralightcolor: hsl(0,30%,95%);
	--mediumlightcolor: hsl(0,50%,50%);
	--maincolor: hsl(0,80%,30%);
	--darkcolor: hsl(0,60%,20%);
	--ultradark: hsl(0,60%,10%);
	--complementarcolor: hsl(0,0%,50%);
}
body {font-size: 110% !important;}
h1,h2,h3 {color: var(--maincolor);} /*titoli*/

a {color: var(--maincolor);}  /*link*/
a[href]:hover {color: var(--darkcolor);}  /*hover link*/
#main-container {max-width: 100%; padding: 0}
#logo-prj h1 {font-size:2rem}

#main-container .bussola {max-width: 1440px; margin: 0 auto;}

/***  HEADER   ***/
#top-wrapper {background: var(--darkcolor);}
#content-container a {color: var(--darkcolor); }

#content-container h1 { border-bottom: 1px dotted var(--maincolor); padding-bottom:6px}

#top-container a:hover { }   

#top-container { text-align: left;  padding:0 10px; max-width: 1140px; margin: 0 auto; }
.lang-icon-it {color:#fff; position: absolute; top: 22px; right: 80px;   line-height: 0;  width: 28px; height: 16px;}
.lang-icon-en {color:#fff; position: absolute; top: 22px; right: 44px;  line-height: 0;    width: 28px; height: 16px;}
.lang-icon-it:hover, .lang-icon-en:hover {color:#f6eeee !important}

#header-wrapper { border-bottom:1px solid var(--darkcolor);}

#main-container {width: 100%; box-sizing: border-box; }
/*sovrascrive common blocco dim layout 1140px padding 20 */
#main-container {padding: 0; max-width: 100%;}

/*** MENU HAMBURGHER ***/

.hamburgher-menu .menu-title { background: var(--maincolor);}
.hamburgher-menu a:hover { text-decoration: none;}
.responsive-menu { color: var(--maincolor); font-variant: all-small-caps;}

/*** MENU ***/
#menu-wrapper{ background: var(--ultralightcolor);}
#menu-header { display: block; border-bottom: 1px solid #ddd;box-shadow: 0px 0px 8px rgba(0,0,0,0.3); line-height: 1.5em; font-variant: all-small-caps; font-weight: bold;}

#menu-header .menu-mf .flexwrapliv1 .itemliv1 > a,#menu-header .flexwrapliv1 .itemliv1 > span   { padding: 10px 20px;}

#menu-header .menu-mf-wrapper a:hover,
#menu-header .menu-mf-wrapper span:hover  { background: var(--mediumlightcolor);   color: #fff;}
    
.menu-mf { color: var(--maincolor); }
#menu-header .menu-mf-wrapper { background: var(--ultralightcolor);}

#menu-wrapper .tab_millefoglie_wrapper a:hover { background:var(--darkcolor);}

/*** MAIN ***/
/*titolo news*/
legend { color: var(--maincolor)}
.titolopagina {max-width: 1440px; font-weight: normal; font-family: 'Quattrocento', serif; margin-left: auto; margin-right: auto}

.titlebar { font-size:200%; color:#444; padding:8px; border-bottom:1px dotted   #ccc }
.titlebar a { float:right;font-size:70%; }

/***  FOOTER   ***/
#footer-wrapper{ border-top:1px solid var(--maincolor); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); background: var(--darkcolor); color:#fff; margin-top: 10px; border-bottom: 20px solid var(--darkcolor); }
#footer-container {max-width: 1440px;}
#footer-container a { color: var(--ultralightcolor);}
#boxinfouni { border:1px solid var(--darkcolor);}

.accordion .elgenerico a.opening {background:#fff url(/layout/common/image/spoiler_open.png) center right no-repeat; border:none; border-bottom:1px solid var(--darkcolor); padding-left:0}

#content-container .accordion .elgenerico a.opening:hover {color:var(--maincolor);background:#fff url(/layout/common/image/spoiler_open.png) center right no-repeat; border:none; border-bottom:1px solid var(--darkcolor)}

.accordion.elgenerico .expanded {border:none;padding:0}

.dida-login-form {max-width:600px; margin:30px auto}

.mind-oc-responsivecalendar .event_date_month {background:#521414 !important}
.mind-oc-responsivecalendar .event_date_year {background:#521414 !important}

#def-eccellenza-it { width:260px; height: 130px;background: transparent url('/layout/ecocdl/img/def-eccellenza-it.png') center center no-repeat; background-size: contain; margin: 0 auto;}
#def-eccellenza-en { width:260px; height: 130px;background: transparent url('/layout/ecocdl/img/def-eccellenza-en.png') center center no-repeat; background-size: contain; margin: 0 auto;}
#def-eccellenza-it span, #def-eccellenza-en span { display: none;}

@media (min-width: 600px){
	#logo-prj h1 {font-size:1.7rem}
}
/* @media (min-width: 780px){ 
.main-carousel-387 .carousel-cell {  height: 540px !important; }
.main-carousel-408 .carousel-cell {  height: 540px !important; }
} */

@media (min-width: 850px){
	#menu-wrapper .tab_millefoglie_wrapper {border-bottom:1px solid var(--maincolor); background:var(--maincolor) }
	#menu-wrapper .active{background:var(--maincolor) !important; color:#fff !important;	}
	
}
@media (min-width: 970px){
	.lang-icon-it {position: absolute; top: 22px; right: 48px}
	.lang-icon-en {position: absolute; top: 22px; right: 12px}
	#logo-prj h1 {font-size:2.3rem}
}
@media (min-width: 1350px){
	
}