﻿@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
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: 1rem;
	padding-left: 0px;
	top: 15px;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.motto {
	font-size: 0.95rem;
	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: #0059b3;
    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 */


/* | fine testata             | */
/* +------------------------------------------------------------------------+ */
@media (max-width:991px){
.titolo-argomento{
	    display:none;}
}	    

.titolo-argomento{
	    background-color: #263971;
    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; 
}
/* a-z */
.a-z{
	margin-left: 1px;
	
}
.a-z a{
	margin-left: 1px;
	width: 3.4rem!important;
	height: 3.1rem!important;
	background-color: #f5f5f5!important;
	font-size:22px;
	text-decoration:none;
}
.a-z a:hover{
	background-color: #DBDBDB!important;  color:#87060B;
	
}

.a-z .indice-active{
	background-color: #DBDBDB!important;  color:#87060B;
	
}



.a-z .card {
    float: left;
    font-weight: 700;
    margin-right: 5px;
    margin-bottom: 5px;
}

.a-z .card .card-body {
    padding-top: .6rem;
    text-align: center;
    padding: 0rem; padding-top:0.4rem;
}	
.altezzaelenchi{
	line-height:28px; font-size:18px;
}

/* fine a-z */

/* 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;
}

}
.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 */
@media screen and (max-width: 575px){
.box-news{
	display:none!important;
}

}
.box-news .card-header {
   font-weight:700; color: #263971; font-size:1.2rem; clear:right;
}
.box-news {
    margin-left:1rem; clear:right;
}
.box-news a{
     text-decoration:none;}
     
.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;
}


/* 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;
}



