
/*---------------------------*/

#topbarMenuArea{z-index:10000; position:relative}

li.livello_zero {
    display: inline-block; ; vertical-align:bottom
}

li.logo_home a{
   border-bottom:0px!important; 
   padding:0;  
   background:transparent !important;
}
li.logo_home a:active, li.logo_home a:focus{background:transparent !important;}
li.logo_home article{
    display:none;
}

.livello_uno>a>span{
	font-weight:bold;

}
.node_image_item, .node_info_items {
    display: inline-block
}
.livello_zero>a>span {
    font-family: 'Suez One';
    font-size: 28px;
    text-transform: uppercase;
    font-weight: normal;
    color: #911226;
	display:block;
	border-left:2px solid #B98715;
	border-right:2px solid #B98715;

}
/* Roma Live */ .livello_zero>a>span {
    font-size: 26px;
}
.livello_zero>a{margin-left:-2px}

.livello_uno>a>span {
    font-family: 'Suez One';
    font-size: 25px;
    text-transform: uppercase;
    font-weight: normal;
    color: #911226;
}

.livello_zero>a {
    
	padding:14px 0 28px 0 !important
}

.livello_zero>a:focus, .livello_zero>a:hover{background:#FFF !important;z-index:10;position:relative;}
.livello_zero:not(.logo_home)>a:focus:after, .livello_zero:not(.logo_home)>a:hover:after{content:'';height:4px; width:48%; background:#911226;position:absolute;left:26%;bottom:20px}

.livello_zero>a:focus>span, .livello_zero>a:hover>span{border-color:#FFF}

.livello_zero.logo_home>a {
    
	padding:20px 0 20px 0 !important
}

.livello_due a img{width:auto;max-width:100% !important; height:auto}

.livello_due .node_title_item a{
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: bold;
    color: #911226;
	display:block;
	margin-top:2px;line-height:1.2; margin-bottom:7px
}
.livello_due .node_abstract_item {
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 600;
    /*font-style: italic;*/
    color: #383838;
	line-height:1.3
}

@media screen and (max-width: 1400px) {
body:not(.menumobile) .livello_zero>a>span {
    font-size: 2vw;

}
/* Roma Live */ body:not(.menumobile) .livello_zero>a>span {
     font-size: 1.8vw;
}
body:not(.menumobile) .livello_uno>a>span {
    font-size: 1.5vw;

}
.livello_due .node_title_item a{font-size: 16px;}

}

@media screen and (max-width: 1550px) {
#block-system-main-menu ul >li:first-child >a>span{border:0}
#block-system-main-menu ul >li:last-child >a>span{border:0}
}

/* menu */

img{max-width:100%}

/* html{border:10px solid blue}
body{border:1px solid red} */

#block-system-main-menu {background:#F5A100 url(sfmenu.png) center bottom repeat-x;position:relative; z-index:1000;
box-shadow: 0px 5px 30px 5px rgba(0,0,0,0.30);
}
/*#block-system-main-menu  > ul > li > ul:not(.mnopen){display:none}*/

#block-system-main-menu  > ul > li > ul{display:none}

#block-system-main-menu  > ul > li{position:static;width:19%}
/* Roma Live */ #block-system-main-menu  > ul > li{position:static;width:16%}
#block-system-main-menu  > ul > li > a{text-align:center}
#block-system-main-menu  > ul > li.logo_home{width:24% }
/* Roma Live */  #block-system-main-menu  > ul > li.logo_home{width:20% }
#block-system-main-menu  > ul > li.logo_home img{width:280px; height:auto; max-width:80% }
#block-system-main-menu  > ul{/*position:relative;*/z-index:10000; max-width:1500px;margin:0 auto; font-size:0;}
/* Roma Live */ #block-system-main-menu  > ul{/*position:relative;*/z-index:10000; max-width:1700px;margin:0 auto; font-size:0;}
#block-system-main-menu  > ul > li > ul{position:absolute; 
  left: 0;
  right: 0;
  background:#FFF;
  box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.20);
  margin-left:-2px;
  /*width:calc( 100% + 2px )*/
  padding-left: calc( ( 100% - 1500px ) / 2 );
  padding-right: calc( ( 100% - 1500px ) / 2 );
  padding-bottom:40px
}


 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

#block-system-main-menu  > ul > li > ul{position:absolute; 
  left: 0;
  right: 0;
  box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.20);
  margin-left:auto;
  margin-right:auto;
  /*width:calc( 100% + 2px )*/
  padding-left: 0;
  padding-right: 0;
  padding-bottom:40px;
  max-width:1500px;
  width:100%
}

 }




.home_link_hamburgher{display:none}
.toggle_bar{width:60px; height:60px; background:rgba(255,255,255,0.6); float:right;float:right; margin:14px 14px 0 0; text-align:center;color:#98132C;cursor:pointer;border-radius:4px}
.toggle_bar:before{content:'\2630';font-size:40px; line-height:0.8;transform:scale(1.4,1);display:block;margin:8px 0 -1px 0 }
.toggle_bar:after{content:'MENU';display:block}
.home_link_hamburgher a  img{margin:14px;width:205px; height:auto}

.mnopen .chiudi:before{content:'\2715'; border:1px solid #911226; border-radius:50%;color:#911226; position:absolute;background:#FFF;z-index:1000;right:15px;top:5px;
font-size:18px;width:27px;height:27px; line-height:0; text-align:center;cursor:pointer;display:block;padding-top:13px}

@media screen and (min-width: 1635px) {
.mnopen .chiudi:before{right:20px;top:10px;font-size:30px;width:39px;height:39px; padding-top:19px}
}

@media screen and (max-width: 1000px) {
.mnopen .chiudi:before{display:none}
.home_link_hamburgher{display:block}
#block-system-main-menu >ul{position:fixed;left:-100%;top:0; height:100vh;width:calc( 100% - 73px);background:#D7D7D7 url(sfmenugr.png) -100px bottom no-repeat;background-size:auto 50vh;overflow:auto;transition: all 0.2s; }
#block-system-main-menu  > ul > li{position:static;width:100%; border-bottom:2px solid #911226;background: url(sfmenugr.png) -100px -20px no-repeat;  }
#block-system-main-menu  > ul > li > ul{position:static;width:100%;margin-left:0;box-shadow:none}
#block-system-main-menu  > ul > li.logo_home{display:none}
body.menumobile{position: fixed;}
body.menumobile:before{position:fixed;left:0;top:0; height:100vh; width:100vw; z-index:1000;content:'';background:rgba(0,0,0,0.5)}
body.menumobile:after{position:fixed;right:22px;top:10px; content:'\2716';color:#FFF;z-index:1001;font-size:38px}
body.menumobile #block-system-main-menu >ul{left:0}
body.menumobile  .toggle_bar{display:none}
#block-system-main-menu {background:#F5A100 url(sfmenu.png) -890px bottom no-repeat}

.livello_zero>a>span {

	border:0

}
.livello_zero>a{margin-left:0}




.livello_zero>a {
    
	padding:20px 0 20px 0 !important
}

.livello_zero>a:focus, .livello_zero>a:hover{background:#FFF !important;z-index:10;position:relative;}
/*.livello_zero>a:focus:after, .livello_zero>a:hover:after{display:none}*/
.livello_zero:not(.logo_home)>a:focus:after, .livello_zero:not(.logo_home)>a:hover:after{bottom:16px}



}

/*----Link di livello due di tipo basic-page ----*/
#block-system-main-menu  .basic_page.livello_due a {
    font-family: 'Montserrat';
    font-size: 15px;
    color: black;
    font-weight: 600;
    /*padding: 10px 15px;*/
}
#block-system-main-menu  .basic_page.livello_due a::before {
    content: ">";
    font-weight: 600;
    padding-right: 0.5em;
    color: #98132C;
}

.container{width:1530px !important; max-width:100%}

.livello_uno > a{padding:0 0 9px 0 !important; margin-top:38px;border-bottom:5px solid #B98715;overflow:visible}
.livello_uno > a span{line-height:1}
.livello_uno > a > .tab-all, .livello_uno > a > .tab-all:hover{
	font-size:11px !important;font-family:Montserrat;color:#FFF !important; background:#911226 !important;line-height:1;position:absolute;right:0;bottom:11px;padding:4px 18px 4px 18px; text-decoration:none
	}





.livello_due{margin-top:15px}
.livello_due .node_image_item{float:left; width:144px}
.livello_due .node_info_items{width:calc( 100% - 144px );padding-left:18px}
.livello_due .menu_item_line{overflow:hidden}
.livello_uno  a:hover{background:none !important}

@media screen and (max-width: 450px) {
.livello_uno > a > .tab-all{position:static;float:right;margin-top:4px}	
.livello_due .node_image_item{float:left; width:95px}
.livello_due .node_info_items{width:calc( 100% - 95px );padding-left:9px}
.livello_due .node_title_item a{font-size: 14px;}
.livello_due .node_abstract_item{font-size: 12px;}
}
@media screen and (min-width: 1300px) {
.livello_zero .livello_block_container{width:30%}
.livello_zero .first.livello_block_container{margin-right:5%}
.livello_zero .last.livello_block_container{margin-left:5%}
}

.nav > li.livello_due > a {padding:0}

.menu.nav ul, .livello_uno > a{cursor:default}

.chiudimn{position:fixed;right:12px;top:10px;z-index:1001; width:50px; height:50px; display:none}
.menumobile .chiudimn{display:block}
