﻿/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v14/NaPecZTIAOhVxoMyOr9n_E7fdM3mDaZRbryhsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v14/NaPecZTIAOhVxoMyOr9n_E7fdMPmDaZRbrw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v14/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGIVzY5abuWIGxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/titilliumweb/v14/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzY5abuWI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  font-family: Titillium Web, HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif!important;
  background-color: #f5f5f5;
  color: #000;
  font-size: 18px;
}
@media (min-width: 1440px) {
.container, .container-lg {
	max-width: 1380px!important;
}
}
.btn-epicentro {
	background-color: #263971;
	color: #FFFFFF;
	padding: .375rem .4rem .375rem .4rem;
}
.btn-epicentro:hover {
	color: #FFFFFF;
}



.block-list li {
    padding: .5rem 0;
    border-bottom: 1px dashed #e0e0e0;
    margin-bottom: 1px;
    list-style-type: none;

}
.block-list li:last-child {
    border-bottom: none;
}
.w-33{
	    width: 33%!important;
}
/* | testata             | */
/* +------------------------------------------------------------------------+ */


@media (min-width: 1200px)  {
.logo {
}
}
@media screen and (min-width: 992px) and (max-width: 1199px)  {
.logo {
	width: 190px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.logo {
	width: 158px;
}
}
@media (max-width: 767px) {
.logo {
	width: 150px;
}
}
@media screen and (max-width: 575.98px) {
.logo {
	width: 120px;
}
}


@media (min-width: 1200px)  {
.logo1 {
}
}
@media screen and (min-width: 992px) and (max-width: 1199px)  {
.logo1 {
	width: 80px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.logo1 {
	width: 70px;
}
}
@media (max-width: 767px) {
.logo1 {
	width: 66px;
}
}
@media screen and (max-width: 575.98px) {
.logo1 {
	width: 60px;
}
}



.motto {
	color: #87060B;
	font-weight: 700;
	position: relative;
	top: 20px;
	padding-left: 10px;
}
@media (min-width: 1440px) {
.motto {
	font-size: 2.0rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
.motto {
	font-size: 1.5rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.motto {
	font-size: 1.3rem;
	padding-left: 0px;
	font-weight: 700;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.motto {
	font-size: 0.9rem;
	padding-left: 0px;
	top: 15px;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.motto {
	font-size: 1rem;
	padding-left: 0px;
	top: 15px;
}
}
@media screen and (max-width: 575.98px) {
.motto {
	top: 0px;
}
}
.motto2 {
	color: #666666;
	font-size: 17px;
	font-weight: 400;
	position: relative;
	top: 16px;
	padding-left: 10px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.motto2 {
	font-size: 1.0rem;
	padding-left: 0px;
	top: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.motto2 {
	font-size: 0.9rem;
	padding-left: 0px;
	top: 11px;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.motto2 {
	font-size: 0.9rem;
	padding-left: 0px;
	top: 12px;
}
}
.link-testata {
	 font-size:18px; color:#005ea8; font-weight:bold;
}
form.example button {
  border-radius:0 0.25rem 0.25rem 0;    color: #0059B3;
  background-color: #F8F9FA;
}
form.example button:hover {
    background: #F8F9FA;
}





form.example input[type=text] {
	padding: 10px;
	font-size: 17px;
	border: 1px solid grey;
	float: left;
	width: 80%;
	background: #ffffff;
	 border-radius: 0.25rem 0 0 0.25rem;

}
@media screen and (min-width: 768px) and (max-width: 991px) {
form.example input[type=text] {
	padding: 7px;
	font-size: 15px;
}
}
/* Style the submit button */
form.example button {
	float: left;
	width: 20%;
	padding: 10px;
	font-size: 17px;
	border: 1px solid grey;
	border-left: none;
	  border-radius:0 0.25rem 0.25rem 0;    color: #0059B3;
  background-color: #F8F9FA;
/* Prevent double borders */cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
form.example button {
	padding: 7px;
	font-size: 15px;
}
}
form.example button:hover {
	background: #0b7dda;
}
/* Clear floats */
form.example::after {
	content: "";
	clear: both;
	display: table;
}
.search-box {
	position: relative;
	max-width: 500px;
	min-width: 340px;
	background-color: #f0f0f0;
	text-align: right;
	padding: 20px;
	box-shadow: 0 0 8px rgba(0,0,0,.23);
	text-align: right;
}
.text-search-box {
	margin-top: 1rem;
	font-size: 1.1rem;
}
/* Style the submit button */
form.example2 input[type=text] {
	padding: 10px;
	font-size: 17px;
	border: 1px solid grey;
	float: left;
	width: 80%;
	background: #ffffff;
	border-radius: 0;
}
form.example2 button {
	float: left;
	width: 20%;
	padding: 5px 0px 5px 0px;
	color: #263971;
	font-size: 19px;
	border: 1px solid grey;
	border-left: none;
/* Prevent double borders */cursor: pointer;
}
form.example2 button:hover {
	background: #0b7dda;
}
/* Clear floats */
form.example2::after {
	content: "";
	clear: both;
	display: table;
}
/* fine cerca */


/* fine testata */


/* menu orizzontale */
.menu-sito {
    background-color: #263971;
    color: #fff;
    
}
.menu-sito a, .menu-sito a:link, .menu-sito a:visited {
    text-decoration: none;
    color: #fff;
    vertical-align: text-top;
}

.menu-nav .nav-item.dropdown.show a.nav-link, .menu-nav .nav-link:hover {
    background: #93B9E3;
    color: #000;
}
.menu-nav .nav-link {
    padding: 5px 5px;
 font-size:1.2rem;
}
.menu-nav a.dropdown-item, .menu-nav a:link.dropdown-item {
    color: #000;
    border-left: 4px solid #fff;
    padding: .75rem 1.25rem;
    border-bottom: 1px dashed #e0e0e0;
}
 
.menu-nav .dropdown-menu {
    left: auto;
    border-radius: 0;
    font-size:1.1rem;
    min-width: 300px;
    box-shadow: 0 0 10px rgba(85,85,85,.25);
}
.menu-nav .dropdown-item:hover {
    border-left: 4px solid #87060b!important;
    color: #005eaa!important;
}
.menu-nav .menu-body {
    padding: 10px 20px;
}

/* fine menu sito */
.archivio {
    margin-left: 1px;
}
.archivio a {
    margin-left: 1px;
    background-color: #f5f5f5!important;
    font-size: 22px;
    text-decoration: none; padding:0.8rem;
}
.archivio a:hover {
    background-color: #DBDBDB!important;
    color: #87060B;
}

.archivio .card {
    float: left;
    font-weight: 700;
    margin-right: 5px;
    margin-bottom: 5px;
}
.archivio .card .card-body {
    padding-top: .6rem;
    text-align: center;
    padding: 0rem;
}

/* | fine testata             | */
/* +------------------------------------------------------------------------+ */
@media (max-width:991px){
.titolo-argomento{
	    display:none;}
}	    

.titolo-argomento{
	    background-color: #0059B3;
    color: #fff;
}

.titolo-argomento h1{
 font-size:2.0rem;
}
.titolo-argomento a{
 text-decoration:none;
}


/* riga rossa */
.riga1{
	
    width: 50%;
    float: left;
    height: 4px;
    background: #87060b;
    background: -webkit-linear-gradient(90deg,#87060b 75%,#fff);
    background: -o-linear-gradient(90deg,#87060b 75%,#fff);
    background: -moz-linear-gradient(90deg,#87060b 75%,#fff);
    background: linear-gradient(90deg,#87060b 75%,#fff);
}

.riga2{
	width: 50%;
    float: left;
    height: 4px;
    background: #87060b;
    background: -webkit-linear-gradient(-90deg,#87060b 75%,#fff);
    background: -o-linear-gradient(-90deg,#87060b 75%,#fff);
    background: -moz-linear-gradient(-90deg,#87060b 75%,#fff);
    background: linear-gradient(-90deg,#87060b 75%,#fff);
}
@media screen and (max-width: 767px) {
.riga1{
	
    width: 50%;
    float: left;
    height: 5px;
    background:#0066CC;
    background: -webkit-linear-gradient(90deg,#0066CC,#fff);
    background: -o-linear-gradient(90deg,#0066CC,#fff);
    background: -moz-linear-gradient(90deg,#0066CC,#fff);
    background: linear-gradient(90deg,#0066CC,#fff);
}

.riga2{
	width: 50%;
    float: left;
    height: 5px;
    background: #0066CC;
    background: -webkit-linear-gradient(-90deg,#0066CC,#fff);
    background: -o-linear-gradient(-90deg,#0066CC,#fff);
    background: -moz-linear-gradient(-90deg,#0066CC,#fff);
    background: linear-gradient(-90deg,#0066CC,#fff);
}

}



.back-home{
position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: normal;
    background-clip: border-box;
      padding: .75rem 1.25rem;
    color:#263971;
    


}
.back-home a{
        border-left: 4px solid #F5F5F5!important;
        	text-decoration: none!important; 
        	padding-left:5px;


}


.back-home a:hover{
    border-left: 4px solid #999999!important;
	text-decoration: none!important; 
}


/* menu sinistra */
@media (min-width: 992px){
	

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.1rem!important;
    padding-left: .5rem;
}}

.navbar-interno .navbar-toggler {
    color: #FFFFFF;
    border-color: #FFFFFF;
    
}
.navbar-interno .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' hei…miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
.box-sx .fas {
  line-height: 1.7;
}

.menu-home{
position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: normal;
    background-clip: border-box;
    margin-bottom:20px;
      padding: .75rem 1.25rem;
    color:#263971;


}
.menu-home:hover{
	text-decoration: none!important; 
}
.menu-home a:hover{
	text-decoration: none!important;
}
.social-top{
	 padding: .75rem 1.25rem;
	 }
	 
	 .social-top ul{
	 text-align:right;
	 }


.social-top a{
	 color:#87060B;
}
.social-top a:hover{
	 color: #263971;
}



.dropdown-item {
 
    white-space:normal!important;
 padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:5px;
 background-color:#FFFFFF!important;

}
.dropdown-toggle::after {
    display: none;
}
.dropdown-toggle {
    white-space: normal; 
}
/* .fas {
    position: absolute;
    z-index: 998;
    top: 15px;
    right: 0px;
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0;
    background-color: transparent;
    box-sizing: content-box;
    text-align: center;
}*/

@media (min-width:992px){
.navbar-expand-lg .navbar-nav {
    display: -ms-flexbox;
    -ms-flex-direction: column;
    flex-direction: column;
   
}
ul li .dropdown-item {
 
 border-left:2px solid #93B9E3; 
 margin-left:15px; margin-right:8px; padding-left:0px; padding-right:15px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
   position: static; 
}

.dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    list-style: none;
    display:block;
}
}

.navbar-interno{
	padding-left:0px; padding-right:0px;
}

.bg-epicentro{
 margin-bottom:1rem;
}
.box-sx .card-header {
     padding-left:0!important; padding-right:4px!important;
}
.box-sx .card-header li a{
     padding-left:0!important; padding-right:4px!important; font-weight:bold;
}
nav .menu-sx li a:hover  {
     text-decoration:underline!important;
}

.home-sezione a{
      float:left; display:inline-block;
}

.home-sezione:hover {
    background-color: #f5f5f5;
    
}
@media screen and (max-width: 991px){
.dropdown-menu {
 
   border:none!important;
}
nav .menu-sx li ul li a:hover, nav .menu-sx li ul li a:link, nav .menu-sx li ul li a:visited {
    border-bottom: none!important;
    font-weight: normal;
    padding-left:2rem!important;

}
nav .menu-sx li a:hover, nav .menu-sx li a:link, nav .menu-sx li a:visited {
  font-weight:bold;
}



.navbar-interno button{
	margin-right:20px;
}

.dropdown-menu {
    display: none; 
}
ul li .dropdown-item {
    border-left: 2px solid #93B9E3;
}
.bg-epicentro{
	background-color: #0059B3;
	padding-left:1px;padding-right:1px; 
}
.navbar-brand {
   color:#FFFFFF;
   padding-left:20px;
}
.box-anche {
 display:none!important;
}

}



.off {
	display:none;
}

.box-sx{
	background-color:#FFFFFF; width:100%;
	    border-top: 0px solid #263971 !important;
    border-bottom: 3px solid #263971 !important;
    border-right:none;
    border-left:none;
}

.menu-sx{
 width:100%;
}

.menu-sx li a{
	color:#555; 
	font-size:18px;
}
.menu-sx li ul li a{
	color:#555; 
	font-size:16px;
}


.menu-sx li ul li a:hover, .menu-sx li ul li a:link, .menu-sx li ul li a:visited {
    text-decoration: none;
    background-color:#FFFFFF;
    color: #333;
    position: relative;
    display: block;
    padding: .7rem 0.8rem;
    margin-bottom: 0;
    border-bottom: 1px dashed #e0e0e0;
    transition: border-color .5s,background-color .5s,color .5s;
}

.active{
	 border-right-color: #87060B!important; background-color: #F5F5F5!important; cursor: default;

}

.menu-sx li a:hover, .menu-sx li a:link, .menu-sx li a:visited {
    text-decoration: none;
    background-color:#FFFFFF;
    color: #333;
    position: relative;
    display: block;
    padding: .7rem 0.8rem;
    margin-bottom: 0;
    transition: border-color .5s,background-color .5s,color .5s;
}

.home-sezione{
	 font-size:1.1rem; font-weight:bold;
}

.active2{ border-right:4px #87060B solid;
	  cursor: default; text-decoration:none!important;  background-color: #F5F5F5!important;
	   color: #333;
    position: relative;
    display: block;
}

.selected2{
	
	color: #87060B!important; 
}

nav .menu-sx li a, nav .menu-sx li ul li a, nav .menu-sx li a, .menu-sx li ul li a {
   /* border-right: 4px solid #fff;*/
    background-color: #fff;
}
.menu-sx li ul {
     padding-top:0px;
     
}

nav .menu-sx li ul li a:hover{
    border-right-color: #007c91;
}


nav svg {
    fill: #87060B;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
     z-index:1100;
}

.box-anche {
    margin-top:2rem;
}
.box-anche a{
     color:#005ea8;
}



.box-anche .card-header {
   font-weight:700; color:#87060B; font-size:1.3rem;
}

.box-anche ul.list-group {
    padding-left: 15px;
    padding-right: 15px;
}
.box-anche li.list-group-item {
    border-left:0px!important;
    border-right:0px!important;
}



/* fine menu sinitra */
/* main */
main{
	background-color:#FFFFFF;
	margin-top:1rem!important;
	margin-bottom:1rem!important;
}
article{
	padding-left:25px;
}
article p{
	  margin-bottom:0px;
	 }

article img{
	  margin-left:1rem; margin-bottom:1rem;
	 }


article a{
	color: #005ea8;
	    text-decoration: underline;}
article a:hover{
	
    text-decoration: none;}




@media screen and (max-width: 991px){
article {
	  padding-left:0px; padding-right:0px;
}
}


article h1 {
	margin-bottom:1rem;
}
@media screen and (max-width: 600px){
article h1{
	 font-size:2rem;
}
article h3{
	 font-size:1.5rem;
}
article h2{
	 font-size:1.5rem;
}


}
.lingua{
	margin-bottom:10px; font-size:20px;
}

.box-utili .card-header {
   font-weight:700; color: #0C3B6F; font-size:1.3rem; background-color: #DFDFDF;
}

.box-utili ul.list-group {
    padding-left: 15px;
    padding-right: 15px;
}
.box-utili li.list-group-item {
    border-left:0px!important;
    border-right:0px!important;
}


.utili {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem; margin-bottom:10px;
}
.utili-tit {
	font-size: 18px;
	line-height: 18px;
	background-color: rgba(0,0,0,.125);
	color: #0c3b6f;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding: 1rem;
	 font-weight: 700;
}
.utili ul li {
	line-height: 26px!important; font-size:16px;
}




/* fine main */
.card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}

@media screen and (max-width: 575px){
.box-news{
	display:none!important;
}

}
.box-news .card-header {
   font-weight:400; color: #263971; font-size:1.5rem; clear:right;
}
.box-news {
    margin-left:1rem; clear:right; margin-bottom:5px;
}
.box-news a{
     text-decoration:none;
      color:#005ea8;
     }
     
     
     .box-news a:hover{
     text-decoration: underline;}



.box-news ul.list-group {
    padding-left: 15px;
    padding-right: 15px;
}
.box-news li.list-group-item {
    border-left:0px!important;
    border-right:0px!important;
}
.card>.list-group {
    border-top: 0px;
    border-bottom: inherit;
}

/* informazioni pag */
.infopage{
	background-color:#FFFFFF; border-top:2px solid #C0C0C0; margin-bottom:15px;
}
.infopage p{
	 padding-top:5px; padding-bottom:5px; margin-bottom:0px; color: #666666; font-size:14px; text-align:right;
}

/* fine informazioni pag */

 
/* footer */
.iss-footer-hr {
    border: 1px solid #fff;
}
.iss-footer-title-par {
    padding-top: 15px;
    font-size: 1rem;
}
footer {
 
    line-height: 1.8;
}






footer .footer-wrapper ul {
    padding-left: 0;
    list-style-type: none;
}
footer .footer-wrapper a {
    color: #fff;
    text-decoration: none;
    line-height:1.6rem!important;
}
footer .footer-wrapper a:hover {
    text-decoration: underline;
}



.fine{  
 border-top: 0;
    background-color: #0158B0;
    color: #FFFFFF;
    font-size: 1rem;

	
}

.social i{
	font-size:2.0rem;
}
@media (max-width: 767px) {

.social-fix {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #87060B;  z-index:1000;
}
.social-fix ul{
flex-wrap: nowrap!important;
display: flex!important; margin-bottom:0.1rem; margin-top:0.3rem;

}
.social-fix li{
margin-bottom: 0;
    width: 100%;
    text-align: center;

}

.social-fix li:not(:first-of-type) {
    border-left: 1px solid #fff;
}
}
.linea-bianca{
	 padding: .2rem 0;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 1px; margin-bottom:10px;

}
.newsletter{
	color:#263971!important;
}
/* fine footer */
/* | inglese             | */
/* +------------------------------------------------------------------------+ */
.highlights{
border-left: 5px solid!important;
border-left-color: #87060b!important;
}
.highlights .card-header{
color:#87060b;
}
.highlights .btn{
 background-color:#87060b;
 color: #FFFFFF;
 text-decoration:none;
}
.highlights .btn:hover{
 background-color:#fff;
 color:#87060b;
  border-color:#87060b;
 
}
.highlights ul li {
    color: #666666!important;
}

.highlights ul li a {
    color: #005ea8!important;
    font-size:22px;
}




/* | fine inglese             | */
/* +------------------------------------------------------------------------+ */


