html,body {	margin: 0; 	padding: 0;	width: 100%; height: 100%; }

body { font-family: 'Quattrocento Sans',"Trebuchet MS",Helvetica,sans-serif; margin:0; padding:0; color:#333;letter-spacing:0.02em; }

/*100% height*/

/**/

#body-wrapper { max-width: 1920px; margin: 0 auto;background:#fff; min-height:100vh }
.tab-div { display: none} /* CHIUDO TAB MENU PRINCIPALE */

#content-container { display:flex; flex-direction:column }	
aside {flex-grow: 1; order: 1;padding-top:20px  }
main {flex-grow: 1;order: 2; }

a { text-decoration: none; color:#990033 }
a:hover {  color:#000 }
ul { list-style-type: square; }
a img { border:0}

h1,h2,h3,h4,h5,h6 { color:#990033;font-family: 'Quattrocento', serif;letter-spacing:0.05em;line-height: 1.3em; }

h1 {font-size:1.5rem; margin: 5px 0}
h2 {font-size:1.3rem;}
h3 {font-size:1.1rem;}
h4 {font-size:1rem;}
h5 {font-size:0.9rem;}
h6 {font-size:0.9rem;}

/*righe nuove ele*/
h2.titoloBig {font-size: 9vw; margin: 18px; font-family: 'Outfit', sans-serif; font-weight: 600; }
#body-wrapper a.classic-btn-new {background: transparent;border: 1px solid #fff; padding: 16px; margin: 12px 4px 0 0; display: inline-block;transition: all .25s ease-in-out; text-transform: uppercase; font-family: 'Outfit', sans-serif; font-weight: 600;}
#body-wrapper a.classic-btn-new:hover {border: 1px solid #990033; color: #990033 !important; background: rgb(255, 255, 255, 0.3); text-decoration: none;}
@media (min-width: 810px) {
	h2.titoloBig {font-size: 7vw;}
}
@media (min-width: 960px){
	h2.titoloBig {font-size: 5vw;}
}
@media (min-width: 1280px){
	h2.titoloBig {font-size: 3.9vw;}
}
/**/

#logos-box {align-items:center;}
#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;padding:12px 0 }
.logo-ateneo img  { width:100%; max-width:330px }
#logo-economia img  { width:100%; max-width:250px }

#logo-economia { line-height: 0em; padding:12px 0 ; text-align: center;background: #fff}
#logo-economia h1 { margin:0; padding: 0;}

.h0 {display:none}

.titoletto {font-weight:bold}

main { line-height: 1.3em; padding:10px;  }


.titolopagina {max-width: 1164px; font-weight: normal; font-family: 'Quattrocento', serif; margin-left: auto; margin-right: auto}
.titolopagina2 {max-width: 1164px; font-weight: normal; font-family: 'Quattrocento Sans', sans-serif;margin-left: auto; margin-right: auto}

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

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

#top .btnradius a, #profile_list a {  color: #444; padding:4px 10px;border-radius: 10px;font-variant: small-caps;}
#top .btnradius a:hover, #profile_list a:hover   { color:#666;  box-shadow: 0 1px 3px rgba(150, 150, 150, 0.4);background:#fafafa;	}

.backlink { display: flex; font-variant: small-caps; color: #fff; align-items: center; margin: 0 auto; justify-content: center; }
.backlink a {color: #fff; background: #990033; transition: all .10s ease-in-out; border-radius: 12px; padding: 12px 24px;}
.backlink a:hover {background:#680022;}
.d-grid .d-box-back a:hover {color: #990033;}
#formsearch { margin:0;;padding: 0}
#formsearch div { margin:0;}
#search input[type="text"] {
    background: url(/layout/common/image/search-dark.png) no-repeat 8px 3px #fff;
    border: 1px solid #d1d1d1;    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;    width: 120px;    padding: 5px 15px 5px 35px;    border-radius: 10px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;  transition: all 0.7s ease 0s;  }

#search input[type="text"]:focus {  width: 160px;  }
.buttonsearch { display:none}


#logo { margin:0; padding:0; display:block; width:320px }
#logo { height:114px; background:transparent  url(/plugins/slir/-w960/layout/economia/img/economia-logo/logo-economia-uniroma2.png) center center no-repeat; margin:3px auto; padding:0;background-size: 100%; }



main h1 { border-bottom:1px solid #903; margin: 2px 0; padding:3px 0;}

/* MENU livello 2  */
	
aside .menu {margin:0 10px; }
aside .menu {margin-bottom:20px;} /*marx*/

aside .menu li span.group-menu { background:#f3f3ef url(/layout/econ/img/treline-black.png) center right no-repeat }
aside .menu li span.group-menu-opened { background:#f3f3ef url(/layout/econ/img/treline-black.png) center right no-repeat }


aside .menu ul, aside .menu ul li { margin:0; padding:0; list-style-type:none}

aside .menu a, aside .menu span.group-menu, aside .menu span.menu-group {display:block; border-bottom:1px solid #990033; text-decoration:none; padding:6px 0 6px 15px; cursor:pointer;background:#f3f3ef;color:#990033; margin-bottom:5px;font-variant: small-caps; }
aside .menu span.menu-group { display:block;  }

aside .menu ul.liv2 a {margin:0 0 5px 15px; background:#f3f3ef;}

aside .menu li a:hover, aside .menu ul.liv2 li a:hover, aside .menu li span:hover  { background-color:#e9e9e5;}

aside .menu li a.selected {background-color:#990033 !important; color: #fff;text-shadow: 2px 2px 1px rgb(50, 50, 50);}
aside .menu li a.selected span:hover {background-color:#990033 !important;}

aside .menu span {  cursor:pointer; }

aside fieldset { border: none; }
aside legend { display: none} 	
/* //////////////////// */

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


.mind-flex-wrapper .mind-oc-item .titolo { margin-top:6px !important}


/* GRAFICA FOOTER GENERALE */
#infosito { text-align:center; background: #ebebe4 ; padding:9px 0; color: #FFF;  height: auto; text-shadow: 1px 2px 2px rgb(30, 30, 30);border-bottom:1px solid #990033;  font-size: 105%}


#boxsocial { clear:both; text-align:center;  background: #990033;border-top:2px solid #400;border-bottom:1px solid #400; }
#boxsocial a { width: 50px; height: 30px; margin:5px 0;  display: inline-block;}
.fbicon { background: transparent url(/layout/economia/img/icon/facebook.png) center center no-repeat;}
.yticon { background: transparent url(/layout/economia/img/icon/youtube.png) center center no-repeat;}
.twicon { background: transparent url(/layout/economia/img/icon/twitter.png) center center no-repeat;}
.linkedinicon { background: transparent url(/layout/economia/img/icon/linkedin.png) center center no-repeat;}
.instagramicon { background: transparent url(/layout/economia/img/icon/instagram.png) center center no-repeat;}
.rssicon { background: transparent url(/layout/economia/img/icon/rss.png) center center no-repeat;}

#footer-container { display: flex; padding: 20px 0;font-size: 90%;}
footer { margin-top: 10px }

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

#boxlinks a {color: #444;display: block;text-align:right; padding:0 20px 3px 0}
#boxlinks a:hover { text-decoration: underline; color: #000}

#boxinfouni { padding-left:20px}
#logouniroma { width: 100px; height: 100px;display:block; float:left; background: transparent url(/plugins/slir/-w100/layout/economia/img/economia-logo/logo-uniroma2.png) center center}
#logouniroma span { display: none; }

/*#boxinfouni {float:right; width:370px;}

#boxinfouni h3 { width:88px; height:93px; background:red ; float:left; margin-right: 10px}

#indirizzo { margin:25px; color: #333;font-family: 'FontEconomiaBold';font-size: 75%}


.bloccolink { float:left;  background: transparent; width: 160px; text-align:right; padding: 0 20px 0 0 }
.bloccolink a { display: block;font-family: 'FontEconomiaBold';font-size: 75%;color: #444;}
.bloccolink a:hover {color:#000}
*/


#menu-header ul { display: none}
#top .topleft, #top .topright { display: none}
#top { background:#990033; height: 44px}
#menu-header { background:#990033; height: 2px}

.hamburgher-menu{display:block; z-index:1000;}
.hamburgher-menu { font-size: 90%}
.hamburgher-menu .selected { color:#770011}
.hamburgher-menu .menuitem { border-bottom:1px dotted #ccc; font-variant: small-caps;  }
.hamburgher-menu .menu-title { background:#550000; height:44px }
.hamburgher-menu a{ color:#666}
.hamburgher-menu a:hover{ color:#550000}

/*.top-container,#footer-container,#tab { max-width: 1140px; margin: 0 auto}*/
.mind-oc-container { max-width: 1140px; margin:0 auto}

#tab-wrapper {background: #f2f2ee; box-shadow: 0 2px 4px rgba(120, 120, 120, 0.5); }
.tab-div { margin:0;   padding: 10px}
.tab-div .container  { margin:0 auto; max-width: 1140px}
.tab-div:before, .tab-div:after { content: ""; display: table; clear: both;  }



#topbar { background: #903 !important; color: #fff}

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


.mind-oc-responsivecalendar .event_date_day {color: #990033 !important; border: 1px solid #990033 !important;}
.mind-oc-responsivecalendar .event_date_month {background: #990033 !important;}
.mind-oc-responsivecalendar .event_date_year {background: #990033 !important;}


/*******************************************/
/*		GRAFICA OC elgenerico ACCORDION	   */
/*******************************************/
.elgenerico a.opening {background-color:#f2f2ee !important;  border:1px solid #f2f2ee !important;    }
.elgenerico a.opening:hover,.elgenerico  a.active {background-color:#e9e9e5 !important;border:1px solid #e9e9e5 !important;    }
.elgenerico .expanded {  border-bottom:1px solid #e9e9e5 !important;    border-left:1px solid #e9e9e5 !important; border-right:1px solid #e9e9e5 !important; }

.ls-wrapper .ls-select-box,.ls-wrapper .ls-nav .current, .ls-wrapper .liquid-slider  { background-color:#f2f2ee !important;}
.ls-wrapper .ls-nav a { background: #e6e6dd !important;}

/*personalizzazione menu ele*/
.oc-item-3053 .terza-missione a.menu-item {display: block; padding: 6px 10px; margin: 8px; border-bottom: 1px solid #902040;}
.oc-item-3053 .terza-missione a.menu-item:hover {	background: #fff;	color: #902040;}

@media (min-width: 555px){
	#logo { height:150px; width:450px; background:#fff url(/plugins/slir/-w900/layout/economia/img/economia-logo/logo-economia-uniroma2.png) center center no-repeat;background-size: 100%; }
	
.mind-oc-logogallery .absimg { 
	padding: 0 40px !important; box-sizing: border-box;
	}
}
@media (min-width: 600px){
	/*	AFFIANCAMENTO LOGO ATENEO - PRJ */
	#logos-box { display:flex; flex-wrap:no-wrap;justify-content:center; margin:18px 0 }
	#logo-ateneo { flex: 0 0 290px; background: #fff url(/layout/ecocdl/img/linew.jpg) center right no-repeat;padding:0 10px 0 0; text-align: right;}
	
	#logo-economia { flex: 0 0 250px; padding:0;display:flex; align-items:center; text-align: left; }
	#logo-economia a { margin-left: 16px}
	
	
}


@media (min-width: 810px) {
	#logo-economia ,	#logo-ateneo { flex: 0 0 400px; } 
	.top-bar .mind-search  { margin:0;  width: 230px;float:right;}

	#logo { height:150px; width:500px; background:#fff url(/plugins/slir/-w500/layout/economia/img/economia-logo/logo-economia-uniroma2.png) center center no-repeat;  }
	
	#top .topleft, #top .topright { display: block}
	#top {	background: #F2F2EE ; border-bottom: 1px solid #990033; height: auto}

	#top .topleft { float:left; width:560px; margin-left:10px; box-sizing: border-box;}
	#top .topleft a { display: block; float: left; margin:0 5px 0 0;}

	#top .topright { float:right; width:270px; text-align: right;margin-right:10px;box-sizing: border-box; }
	#top .topright a { display: block; float: right; margin:0 0 0 5px; }
	#menu-header {background:#990033; height: auto; border-top:1px solid #500 }
	#menu-header ul { display: block; text-align: center;margin:0 auto; padding:0;max-width: 1140px;}
	#menu-header ul li { list-style-type: none; display: inline; }
	#menu-header ul a { color: #fff;  height: auto; margin: 0 4px; padding:10px 8px; white-space: nowrap; 
							text-shadow: 2px 2px 1px rgb(50, 50, 50); display: block;font-variant: small-caps;}
	
    #menu-header ul.liv1 a:hover {background:#f2f2ee; color:#990033;text-shadow: 2px 2px 1px rgb(250, 250, 250); }
	#menu-header ul .active {background:#f2f2ee; color:#990033;text-shadow: 2px 2px 1px rgb(250, 250, 250); }						
	
/*	#menu-header ul .active {background:#fff; color:#990033;text-shadow: 2px 2px 1px rgb(250, 250, 250); }
	#menu-header ul.liv1 a:hover {background:#500;color: #fff;text-shadow: 2px 2px 1px rgb(50, 50, 50);  }*/
	
	#menu-header ul.liv1 { display:flex; justify-content:space-around; align-items:center }
	#mobile { display: none}
	
	#boxlinks { flex: 1 0 44%;}
	#boxinfouni { flex: 1 0 56%; text-align: right; line-height: 1.4em;}
	.bloccolink { float:left; width:40%; }
	#boxlinks a { text-align: left; margin-left:6%	}
	#logoeconomia { float:left; margin-right:20px }

	
	/* GESTIONE COLONNA SX*/
	#content-container { flex-direction:row }
#body-wrapper {display:flex; flex-direction:column}	
	#content-wrapper {flex:1 1 0}
	aside {flex-grow: 0;flex-basis: 285px; order: 1;padding-top:50px }
	main {flex-grow: 1;flex-basis: 0;order: 2; }
	.mind-toggle-menu { display: none}
	.h0 { color: #fff; text-align: center; font-variant: small-caps;text-shadow: 2px 2px 1px rgb(50, 50, 50); display: block;}
}

@media (min-width: 850px) {
	#menu-header ul a {  padding:10px 15px; }
}

.mind-oc-item-1933 .content { background:#dcddd5; border: 14px solid #fff !important;text-align: center; }/*#f1f1ef*/
.mind-oc-item-1933 .link-leggitutto {/*display:none;*/background:none;border-bottom:2px solid #903;}
.mind-oc-item-1933 .titolo {font-size: 120%;text-transform: uppercase;}


.mind-oc-item-1933 .titolo,.mind-oc-item-1933 .descrizione  {padding:0 6px}

/* fuori non era pubblicata
@media (min-width: 970px){
	#logo-economia ,	#logo-ateneo { flex: 0 0 450px; } 
	.logo-ateneo img  {max-width:400px }
#logo-economia img  {  max-width:295px }
}*/


/*canali bollini*/
/* .mind-oc-calendar > span { display: inline-block;} */
.mind-oc-calendar .canale_tv40 .img_evento {position: relative;}
.mind-oc-calendar .canale_tv40 .img_evento::after {content: ""; display: inline-block; width: 36px; height:36px; background: #007d34 url(/layout/economia/img/tv40/tv40_solo_logo.svg) center center no-repeat; position: absolute;	bottom: -12px;	left: 12px;	border-radius: 50%;	background-size: 58%; 	border: 2px solid #fff;}
/* .mind-oc-calendar .canale_goal3 {width: 48px; height:48px; background: #4c9f38 url(/layout/asvis/img/sdg_small/sdg3.png) center center no-repeat;} */

/*futuri studenti*/
.mind-oc-972 .titoloBig {margin: 0;}

/* natale*/
.iframe-4334 iframe {max-height: 540px;}
.iframe-4334 {padding-top:540px !important}