body { margin: 0;padding: 0;font-family: 'Quattrocento', serif;
	   font-size: 100%;line-height: 1.4em;color:#222;}

h1 {font-variant: all-small-caps; font-family: 'Quattrocento' }
h2, h3,h4,h5,h6 { font-family: 'Quattrocento' }

h1 {font-size:1.7rem;}
h2 {font-size:1.5rem;}
h3 {font-size:1.3rem;}
h4 {font-size:1.15rem;}
h5 {font-size:1.1rem;}
h6 {font-size:1rem;}

a { text-decoration: none; }
a:hover { text-decoration: none;}

/*100% height*/
html, body { height: 100%}
#body-wrapper {display:flex; flex-direction:column; height: 100%}
#content-wrapper { flex:1 1 0; }
/**/

/***  HEADER   ***/
.top-logo-facolta { display: block; position:absolute; top:2px; left:50%;  width: 40px; height: 40px; background: #000; margin:0 auto; transform: translateX(-50%);  background:transparent url(/layout/ecocdl/img/e.svg);
background-size: contain; transition: all .2s ease-in-out;}/* box-shadow: 0px 0px 8px rgba(255,255,255,0.3);*/
.top-logo-facolta span {display: none;}
.top-logo-facolta:hover {width: 46px; height: 46px;top:0; }
.top-bar {   min-height: 44px;}

#header-container {max-width: 1140px; margin: 0 auto;}
#top-container {max-width: 1140px; margin: 0 auto; position:relative }
#profile_icon {font-size:1.3rem;line-height:1.4em}
#department-logo { display: none;}


#logo-ateneo {background: #fff url(/layout/ecocdl/img/line.jpg) bottom center no-repeat; width:100%; display: inline-block;  text-align: center;line-height: 0em; }
.logo-ateneo img { width:100%; max-width:380px }

#logo-prj { line-height: 1.8em; padding:0 20px; text-align: center;}
#logo-prj h1 { margin:0; padding: 0;font-size:1.7rem;font-family: 'Quattrocento'; font-weight:normal }
#logo-prj h1 .cdl-prefix { font-size:60%;line-height: 1.1em;}
#logo-prj h1 .cdl-name { display: block; padding-bottom:10px }
#logo-prj a h1 { color:#000 !important}



/*** MENU HAMBURGHER ***/
.hamburgher-menu .liv2 a {color:#666 }

/*** MENU ***/
#menu-wrapper {display: none;}
#menu-header  {display: block; border-bottom: 1px solid #ddd;box-shadow: 0px 0px 8px rgba(0,0,0,0.3); line-height: 1.6em; font-variant: small-caps; font-weight: bold;}
#menu-header .menu-mf .flexwrapliv1 .itemliv1 > a,#menu-header .flexwrapliv1 .itemliv1 > span   { padding: 10px 20px; }


/*** MAIN ***/
#main-container { margin: 0 auto; padding: 20px; max-width: 1164px;}
#main-container h3 {margin: 8px 0;}
.titolopagina {max-width: 1440px; margin: 12px auto;padding:0 12px}

/***  FOOTER   ***/
#twittericon  { background: url(/layout/ecocdl/img/twitter.png) center center no-repeat; }
#facebookicon { background: url(/layout/ecocdl/img/facebook.png) center center no-repeat }
#linkedinicon { background: url(/layout/ecocdl/img/linkedin.png)center center no-repeat;}
#instagramicon { background: url(/layout/ecocdl/img/insta.png)center center no-repeat;}
#youtubeicon { background: url(/layout/ecocdl/img/youtube.png) center center no-repeat; background-size: contain;}

.socialicon {	height: 40px; width: 40px; border-radius: 50%; 
				box-shadow: 0px 0px 8px rgba(0,0,0,0.3);display: inline-block;
				background-color:rgba(0,0,0,0.1); margin:10px 5px; }
.socialicon:hover { background-color:rgba(255,255,255,0.4) !important}
.socialicon span { display: none; }

#footer-box {clear: both;}
#footer-wrapper { box-shadow: 0px 0px 8px rgba(0,0,0,0.3); background: #7727AB; color:#fff; margin-top: 10px; }
#footer-container {margin: 10px auto; text-align: center; clear:none; max-width: 1140px; padding: 10px; position:relative}
#footer-container a:hover { text-decoration: underline;}

#logo-economia img { width:290px; display: inline-block;  }

#dep-address {padding: 12px;}



/*#boxlinks, #boxinfouni { flex: 1 0 50%; box-sizing: border-box;  }*/

/*#logouniroma { width: 290px; height: 90px; display: inline-block; background: transparent url(/plugins/slir/-w290/layout/economia/img/economia-logo/logo-economia-uniroma2-320.png) center center no-repeat; }
#logouniroma span { display: none;}*/
#boxinfouni {background:rgba(255,255,255,1);padding:10px; margin:0 auto 20px auto; max-width: 320px}
/*#logodip  {text-align: center; background:#666; color:#fff; display: block; padding:4px }*/
#boxinfouni h3,h4 { margin: 0;}
#boxinfouni h3 {margin: 7px 0 0 0;}
#indirizzo {margin: 0 0 10px 0;}

.mind-cal-item .titoletto { font-weight: bold;}


.mind-flex-wrapper .mind-oc-item a.link-leggitutto span {display: none;}

.regbox {
max-width: 1140px;
margin: 0 auto;
}


@media (min-width: 600px){
	/*	AFFIANCAMENTO LOGO ATENEO - PRJ */
	#logos-box { display:flex; flex-wrap:no-wrap;justify-content:center; margin:12px 0;align-items: center; }
	#logo-ateneo { flex: 0 0 290px; background: transparent url(/layout/ecocdl/img/linew.jpg) center right no-repeat;padding:0;}
	#logo-prj { flex: 0 0 290px; padding:0;display:flex; align-items:center; text-align: left; }
	#logo-prj a { margin-left: 24px}
	
	
}
@media (min-width: 820px){
	#logo-prj ,	#logo-ateneo { flex: 0 0 404px; } 
	#logo-prj h1 {font-size:2rem }
	
}

@media (min-width: 970px){
	#dep-address {float:left; text-align: left;  width: 396px;}
	#logo-prj h1 {font-size:2.3rem }
/*	#logomobile {display: none;}*/
	#menu-mobile {display: none}
	/*.logo-facolta {background: transparent url(/layout/economia/img/economia-logo/logo-economia.png) center center no-repeat; background-size:100%; width:230px; height:100%;display: inline-block; }
.logo-ateneo {background: transparent url(/layout/economia/img/economia-logo/logo-uniroma2.png) center center no-repeat; background-size:100%;height:100%;width:90px; display: inline-block;margin:0 }
	*/
	#department-logo  { display: block; position: absolute; top:6px; right: 10px; font-variant: small-caps;}
	#top-container { text-align: left !important;}
	#menu-wrapper{display: block; font-size: 105%}
	#menu-wrapper  .menu-mf { }
	#menu-wrapper .tab_millefoglie_wrapper a { color:#fff; transition: background 0.3s linear 0s; border-radius:6px}
	
	#boxinfouni {position:absolute; top:-20px; right:10px; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-sizing: border-box;}
	.socialicon { margin: 30px 5px;}

	#boxinfouni h3 { display: block;  margin:5px 0 3px 0 }
	#boxinfouni h4 { display: block;  margin:0 0 8px 0}

}