/*dpe responsive*/

.vivieuropa img  { width:731px}





/* Organigramma */	
	.organigramma { }
	.organigramma .organigramma-tree-data {     margin: 2.0rem; text-align:left  }
	.organigramma .organigramma-tree-data  .nodeRoot { font-weight: bold; color: #004080;  font-size: 2.1rem;}
	.organigramma .organigramma-tree-data  .nodeRoot ul {font-size: 1.8rem;}
	.organigramma .organigramma-tree-data  .nodeRoot ul ul {font-size: 1.6rem;}
	.organigramma .organigramma-tree-data div { padding: 1.5rem 2.5rem; background-color:#f5f5f0; border: 1px solid #aaa  /*display: inline-block; min-width:50% */}
	.organigramma .organigramma-tree-data div a {display:block; text-decoration:none}
	.organigramma .organigramma-tree-data div .nome, .organigramma .organigramma-tree-data div .telefono, .organigramma .organigramma-tree-data div .email, .organigramma .organigramma-tree-data div .email a {display:inline; padding-right: 2.0rem; white-space:nowrap}

	.organigramma .organigramma-tree-data .nodeA > div { background-color: #004080;   }
	section .organigramma .organigramma-tree-data .nodeA > div a {color: #fff!important;}
	section .organigramma .organigramma-tree-data .nodeA > div .nome, section .organigramma .organigramma-tree-data .nodeA > div .telefono {color: #ccc; }
	.organigramma .organigramma-tree-data .nodeB > div { background-color: #adcceb;  }
	.organigramma .organigramma-tree-data .nodeC > div { background-color: #65dcdf; }


	.organigramma .organigramma-tree-data .nome, .organigramma-tree-data .telefono, .organigramma-tree-data .email   { color:#333; font-size: 1.5rem; font-weight: 400; margin-top: 0.2rem;  }
	.organigramma .organigramma-tree-data li {margin: 20px; list-style: circle;     list-style: none    }
	.organigramma .organigramma-tree-data li > ul > li { list-style: upper-alpha;}
	.organigramma .organigramma-tree-data li > ul > li > ul > li {  list-style: decimal; }
	.organigramma .organigramma-tree-data li > ul > li > ul > li > ul > li{  list-style: lower-alpha; }
	
	.organigramma .jOrgChart { display:none }
	.organigramma .jOrgChart .nome, .jOrgChart .telefono, .jOrgChart .email   { font-size: 1.4rem; font-weight: 400; margin-top: 0.2rem;  }
	.organigramma .jOrgChart .telefono { font-size: 1.4rem; font-weight: 400;  }
	.organigramma .jOrgChart .multi-tree span .content a { font-weight:700; font-size: 1.4rem; }
	.organigramma .jOrgChart .multi-tree span .content { padding: 0.5rem 1.0rem!important }

	/* focus2 (ex post di gozi) */	
	.focus2 img { float: left; padding-right: 2rem; }
	.focus2 .PostG > div  { padding: 2rem; }


.carousel-arrow { display:none!important}


.elenco img.imgElenco { width:100%;  }	


/* agenda */
	.widgAgendaHead { overflow:auto }
	.widgAgendaHead .widgAgendaHead-H {  padding-bottom: 1.8rem; float:left;   }
	.widgAgendaHead .widgAgendaHead-H h3 { font-size: 1.4rem }
	.widgAgendaHead .widgAgendaHead-Link {  padding-bottom: 1.5rem; font-size: 1.4rem ; float:right;  }
	.widgAgendaHead .widgAgendaHead-Link .label { display:none }
	.widgAgendaHead .widgAgendaHead-Mese {  padding-bottom: 1.5rem;  clear:both;}
	.widgCalendario .agenda { overflow-y:auto;  }
	.widgCalendario li { font-size: 1.5rem }
	.widgCalendario .agenda { height: 6.3rem; }


/* TagCloud */
	.tagcloud { text-align: left;   margin-top: -5rem!important; padding-left: 1.0rem; } 
	.tagcloud a { padding: 0 2.3rem;  line-height: 1rem; font-size: 1.1rem }

@media screen and (min-width: 400px) {
	
	/* agenda */
	.widgAgendaHead .widgAgendaHead-H {  }
	.widgAgendaHead .widgAgendaHead-Link {  }
	.widgAgendaHead .widgAgendaHead-Link .label { display: inline }
	.widgAgendaHead .widgAgendaHead-Mese {  text-align:center;  }

	/* TagCloud */
	.tagcloud a {  line-height: 1.5rem; font-size: 1.2rem }
	
}	

@media screen and (min-width: 600px) {
	.elenco img.imgElenco { width:30.0rem; height:22.5rem }	
	.elenco img.imgElenco, .elenco img { float:left;  margin: 0.8rem 2.0rem 2.0rem 0; border:1px solid #ddd }
	
	/* agenda */
	.widgAgendaHead .widgAgendaHead-H { float:left  }
	.widgAgendaHead .widgAgendaHead-H h3 { font-size: 1.8rem }
	.widgAgendaHead .widgAgendaHead-Link { float:right; font-size: 1.6rem  }
	.widgAgendaHead .widgAgendaHead-Mese {  padding-bottom: 1.5rem  }
	
	/* TagCloud */
	.tagcloud a {  line-height: 2rem; font-size: 1.3rem }	
}	


@media screen and (min-width: 768px) {
	
	#main-menu {float: none; }

	.main-nav, .sm-clean{background-color: rgb(17, 115, 212); border-radius: 0;}
	.sm-clean a,.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:link, .sm-clean a:visited{color:#fff; font-family: inherit; padding:1.6rem 3.2rem;}
	.sm-clean li ul li a,.sm-clean li ul li a:hover, .sm-clean li ul li a:focus, .sm-clean li ul li a:link  {color:#222 !important; padding:1.6rem 3.2rem;}
	.sm-clean ul a .sub-arrow::after {display:block; content: "\23f6"; font-family: "ita" !important;}
	.sm-clean ul a .sub-arrow::after {display:block; content: "\23f5"; font-family: "ita" !important; color:#222;}
	.sm-clean span:hover {text-decoration:none;}
	.sm-clean a .sub-arrow,  .sm-clean ul a .sub-arrow { width:auto; height:auto;  bottom: 35%; right: 0.2em; padding-left: 0.8rem !important; border:hidden; top:10px;}
	.sm-clean ul a .sub-arrow { top:1.2rem; right: 0.8rem;}

	.Header-languages-desktop { display:block }
	.Header-languages-mobile { display:none; }

	/* agenda */
	.widgAgendaHead .widgAgendaHead-H {  padding-bottom: 0rem; }
	.widgAgendaHead .widgAgendaHead-H h3 { font-size: 2rem }
	.widgAgendaHead .widgAgendaHead-Link { float:right; font-size: 1.8rem  }
	.widgAgendaHead .widgAgendaHead-Mese {  padding-bottom: 1.5rem  }
	
	.widgCalendario .agenda { height: 5.4rem; }
	.widgCalendario .ui-tabs .ui-tabs-nav { }
	.widgCalendario .ui-tabs .ui-tabs-nav .ui-tabs-anchor {	}
	.widgCalendario li { font-size: 1.3rem;  }
	
	/* TagCloud */
	.tagcloud { text-align: center;  margin-top: -3.0rem!important; }
	.tagcloud a {  line-height: 2rem; font-size: 1.3rem }	
	
	.vivieuropa img  { width:308px}
	
	/* focus2 (ex post di gozi) */	
	.focus2 {}
	.focus2 img { width: 100%; padding: 0 0 1rem 0  }
}


@media screen and (min-width: 992px) {
	
	.Megamenu--default { display:block; }
	.sm-clean > li:first-child > a { padding-left: 0 !important; }

	.carosel-section h2 { font-size:2.9rem; }		
	
/* agenda */
	.widgCalendario li { font-size: 1.7rem }
	.widgCalendario .agenda { height: 7.0rem; }
	
/* TagCloud */
	.tagcloud a { padding: 0 2.7rem;  line-height: 3rem; font-size: 1.5rem }
	
/* Organigramma */	
	.organigramma .jOrgChart { display:block }
	.organigramma .organigramma-tree-data { display:none  }
	
	
.vivieuropa img  { width:360px}	

.carousel-arrow { display:flex!important}	
}

@media screen and (max-width: 1365px) and (min-width: 992px) {

	.Megamenu--default .Megamenu-subnavGroup > li > a {  font-size: 1.7rem !important; 	letter-spacing: 0.005rem !important;}	
	.Megamenu--default .Megamenu-subnavGroup > li > ul > li a { font-size: 1.6rem !important; }

}


@media screen and (min-width:992px) and (max-width:1200px){
    .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:link, .sm-clean a:visited {
		padding: 1.6rem 3.2rem 1.6rem 2.2rem; font-size: 1.5rem!important;}
}


@media screen and (min-width: 1150px) {
		
	/* agenda */
	.widgCalendario li { font-size: 1.95rem }
	.widgCalendario .agenda { height: 7.8rem; }
	
	.vivieuropa img  { width:416px}	
	
	/* focus2 (ex post di gozi) */	
	.focus2 img { width: 16rem; padding: 0 1rem 0 0  }
	.focus2 .PostG > div  { padding: 0rem 0.5rem 0.5rem 0; }
	.focus2 .PostG > div p { margin-bottom: 0.2rem!important}
}	

@media screen and (min-width: 1366px) {

	.Megamenu--default .Megamenu-subnavGroup > li > a {      
		font-size: 1.8rem !important;
    	letter-spacing: 0.005rem !important;
	}
	
	.Megamenu--default .Megamenu-subnavGroup > li > ul > li a { font-size: 1.7rem !important; }
	
	/* agenda */
	.widgCalendario .agenda {     height: 9rem;   }
	.widgCalendario .ui-tabs .ui-tabs-nav { padding-top: 0 ; }
	.widgCalendario .ui-tabs .ui-tabs-nav .ui-tabs-anchor {	padding: 0.6em 0.98em; }
	.widgCalendario li { font-size: 2.3rem }

	/* focus2 (ex post di gozi) */	
	.focus2 img { width: 17.5rem; }
	.focus2 .PostG > div p { margin-bottom: 1.4rem!important; }
	
	
	.Prose > .link1 { font-size: 2.0rem!important }

}


@media screen and (max-width: 400px) {
	.Grid-cell .PostG img {float:none!important; margin:0 auto; width:200px; display:block; padding-right: 0!important;}
	.Grid-cell .PostG div {max-width:200px; margin:0 auto; padding-bottom: 15px;}
}





















