html, body {
  margin: 0;
  padding:0;
  font-family: Georgia,Arial;
  color:#333333;
}
input, select {-webkit-user-select: auto;-webkit-appearance: none;outline:none;}
a {
  color:#333333;
}
a:hover {
  color: #61addf;
}
.no-pad {
  padding:0 !important;
}
.no-mrg {
  margin:0;
}

.tright {
  text-align: right;
}

.pad1 {
  padding:30px;
}
.pad2 {
  padding:0 0 0 80px; 
}
.pad3 {
  padding:80px;
}
.pad4 {
  padding: 10px;
}
.padTop1 {
  padding-top:50px;
}
.padTop2 {
  padding-top:90px;
}
.padBot1 {
  padding-bottom: 50px;
}
.padBot2 {
  padding-bottom: 90px;
}
.mrg1 {
  margin-bottom: 30px;
}
.mrg2 {
  margin-bottom: 20px;
}
.mrg3{
  margin-bottom: 50px;
}
.mrg4 {
  margin-bottom: 10px;
}
.top1 {
  margin-top:10px;
}
.top2 {
  margin-top:40px;
}
.top3 {
  margin-top: 80px;
}
.top4 {
  margin-top: 20px;
}
.logo {
  width:80%; 
  margin:20px 0;
  max-width: 500px;
}

.lang a {
  font-size: 12px;
}
@media screen and (max-width: 900px) {
  .lang a {
    font-size: 14px;
  }
}
.lang a[disabled] {
  color:#333333;
  text-decoration: none;
}
.search {
  width: 20px;
  padding: 13px 10px;
  border: 0;
  background: url("../img/search.png") no-repeat;
  background-position: right 5px center;
  background-size: 30px;
  background-color: #e0e7ed;
  -webkit-transition: width 1s, background-color 1s;
  transition: width 1s, background-color 1s;
  border-radius: 32px;
  margin:10px 0;
}
.search:focus {
  width: 200px;
  background-color:#e0e7ed; 
}
@media screen and (max-width: 900px) {
  .search {
    margin: 0 0 5px;
    background-size: 22px;
    width: 15px;
    padding: 10px 10px;
  }
}
#open {
  width: 30px;
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  #open {
    display: none;
  }
}
.ricerca {
  position:absolute; 
  width:100%; 
  height:100vh; 
  background:#ffffff; 
  top:0; 
  left:0; 
  box-sizing:border-box;
  padding:80px;
  display: none;
  z-index: 3;
}
@media screen and (max-width: 800px) {
  .ricerca {
    padding:80px 20px;
  }
}
.titolo_ricerca {
  font-size:18px; 
  font-weight:bold; 
  display:block; 
  margin-bottom:10px; 
  margin-top:20px;
}
/* FORM */
.input {
  border: 3px solid #cacac8;
  padding: 10px;
  width: 90%;
  background: #ffffff;
  box-sizing:border-box;
  color: #80807e;
}
input[type="button"], input[type="submit"] {
  background:#ffffff;
  color:#80807e;
  border:3px solid #80807e;
}
input[type="button"]:hover, input[type="submit"]:hover {
  background:#80807e;
  color:#ffffff;
  border:3px solid #80807e;
}
.submit {
  background-image: url("../img/arrow_form.jpg");
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 50px;
  background-position:center;
  color: transparent;
}
/**/
.header-top {
  /*border-bottom:30px solid #61addf;*/
  text-align: center;
}
@media screen and (max-width: 900px) {
  .header-top {
    /*border-bottom:5px solid #61addf;*/
  }
}
/* MENU */
/* Add a black background color to the top navigation */
.topnav {
  background-color: #61addf; /* #ffffff;*/
  overflow: hidden;
  /*height: 80px;*/
  margin:25px 0;
  text-align: center;
}

.divnavigation{
  background-color: #61addf; /* #ffffff;*/
}

.menudiv{
  float: left;
  display: block;
  width: 14% !important;
  border-right:2px solid white;
  text-align: center;
  padding-top: 1em;
  height: 100%;
}

.last {
  border:none !important;
}

.topnav a {
  /*float: left;
  display: block;*/
  color: #ffffff; /* #000000;*/
  
  /*padding: 10px 0px;*/
  padding: 10px;
  margin: 10px;
  text-decoration: none;
  font-size: 16px;
  /*border-right:2px solid #61addf;*/
  font-weight: bold;
  /*min-width: 19% !important; */
}

@media screen and (max-width: 1400px) {
.topnav a {
  font-size: 14px !important;
  /*min-width: 19% !important;*/
}
}

@media screen and (max-width: 1100px) and (min-width: 900px){
  .topnav a {
   width: 18%; 
   margin: 0;
   float: left;
   display: block;
   padding: 5px;
  }
  }

/*.topnav a:first-child {
  border-left:2px solid #61addf;
}*/
.topnav a:last-child {
  border:none;
}

/* Change the color of links on hover */
.topnav a:hover {
  /*background-color: #e0e7ed;*/
}

/* Add an active class to highlight the current page */
.topnav a.active {
  /*background-color: #e0e7ed;*/
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 900px) {
  .topnav {
    padding: 0;
  }
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
    font-size: 14px;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 900px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    border:none;
    border-bottom:2px solid #61addf;
    font-size: 14px;
  }
}
/* MENU */

/* BANNER */
.banner {
  background-color: #e0e7ed;
  height: 250px;
}
/* BANNER */

/* CONTENUTO */
.title {
  color: #333333 !important;
  font-size: 18px !important;
  display: block;
  padding:1rem 0;
  font-weight: bold;
}

.home_news {
  float:left;
  width:100%;
  border-bottom: 1px solid #a7a7a7;
  padding:0 0 10px 0;
  margin-bottom: 10px;
}
.home_news:first-child {
  border-bottom: 3px solid #61addf;
  border-top: 1px solid #a7a7a7;
}
.home_news:first-child a {
  font-size: 15px;
  font-weight: bold;
}
/*.home_news:hover {
  opacity: 0.7;
}*/
.title_news {
  display: block;
  color:#666666;
  padding:0.5rem 0;
  font-size: 12px;
}
.txt_news {
  float: right;
  width:92%;
}
.txt_news a {
  color:#222222;
  font-size: 14px;
  text-decoration: none;
}
.txt_news a:hover {
  color:#61addf;
  text-decoration: none;
}
.arrow {
  float:left;
  width:8%;
  padding-top: 5px;
}
.arrow img {
  width:45%;
  display: block;
}
.action {
  border: 0;
  background-color: #61addf;
  color: #ffffff;
  padding: 10px 20px;
  margin-top:20px;
}
.action:hover {
  opacity: 0.7;
}

.col2_home {
  background-color: #61addf;
  padding: 25px;
  min-height: 200px;
}
.col2_home span {
  font-size: 25px;
  color: #ffffff;
  line-height: 35px;
}
.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0 0;
  border-color: #61addf transparent transparent transparent;
}
.cont_home {
  width:90%;
  margin-left:10%;
  float:left;
  margin-top:20px;
}
@media screen and (max-width: 900px) {
  .cont_home {
    margin-left:5%;
  }
}
.link {
  border: 0;
  display: block;
  color: #333333;
  padding: 15px 30px;
  border-bottom: 1px solid #a7a7a7;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  background-image: url(../img/arrow_down.png);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: left 10px center;
}
.link:first-child {
  border-top: 1px solid #a7a7a7;
}
.link:hover {
  background-color: #61addf;
  color: #ffffff;
  background-image: url(../img/arrow_down_white.png);
}
.simple_link {
  display: block;
  font-size: 14px;
  text-decoration: none;
  margin-bottom:10px;
}
.title_page {
  background-color: #61addf;
  padding: 15px 25px 25px;
  height: 40px;
}
.title_page h1 {
  font-size: 30px;
  color: #ffffff;
  font-weight: normal;
}
@media screen and (max-width: 900px) {
  .title_page h1 {
    font-size: 20px;
    margin: 0;
  }
}
.cont_page {
  width:80%;
  margin:0 10% 40px;
  float:left;
  text-align: justify;
}
.cont_page2 {
  width:80%;
  margin:0 10%;
  float:left;
}
.cont_page p {
  line-height: 20px;
  color: #666666;
}
.cont-link_page {
  width:90%;
  margin:20px 0 20px 10%;
}
@media screen and (max-width: 900px) {
  .cont-link_page {
    margin-left:5%;
  }
}
.link-page {
  border: 0;
  display: block;
  color: #333333;
  padding: 15px 30px 15px 10px;
  border-bottom: 1px solid #a7a7a7;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  background-image: url(../img/arrow_right.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.link-page:first-child {
  border-top: 1px solid #a7a7a7;
}
/*.link-page:hover, */
.link-page.sel {
  background-color: #61addf;
  color: #ffffff;
  background-image: url(../img/arrow_right_white.png);
}
.img_page {
  width: 40%;
  margin: auto;
  display: block;
  /*box-shadow: -30px -20px #61addf;*/
}

.image_page_div{
  margin-top: 10px;
  width:100%;
}

@media screen and (max-width: 900px) {
  .img_page {
    width: 90%;
    margin: auto;
    display: block;
  }
}
select {
  border: 2px solid #61addf;
  padding: 5px 30px;
  color: #61addf;
}
.pdf {
  border: 0;
  display: block;
  color: #333333;
  padding: 10px 0;
  border-bottom: 1px solid #a7a7a7;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
}
.pdf:first-child {
  border-top: 1px solid #a7a7a7;
}
.pdf:hover {
  background-color: #eeeeee;
}
.arrow_pdf {
  width:40%;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .arrow_pdf {
    display:none;
  }
}
.pdf_icon {
  width:50%;
}
@media screen and (max-width: 900px) {
  .pdf_icon {
    margin-left: 10px;
    width:45%;
  }
}
.date {
  color:#61addf;
}
.pdf_name {
  font-size: 12px;
}
.action_page {
  border: 0;
  background-color: #61addf;
  background-image: url('../img/arrow_right_white.png');
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: right 10px center;
  color: #ffffff;
  padding: 10px 40px 10px 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;    
  width: 88%;
  float: right;
  box-sizing: border-box;
}
.action_page:hover {
  opacity: 0.7;
  color: #ffffff;
}
.back {
  text-decoration: none;
  color: #61addf;
  font-size: 12px;
}
.play {
  position: absolute;
  width: 40px;
  top: calc(50% - 40px);
  left: calc(50% - 20px);
  opacity:0.8;
}
.banner_cont {
  float:left;
  width:100%; 
  margin-top:40px;
}
.banner_cont a {
  text-decoration: none;
}
.banner_cont hr {
  margin:0;
  width:30%;
  background-color:#61addf; 
  height:4px; 
  border:none;
}
.banner2 {
  background:#f6f7f8;
  display:inline-block;
  width:100%;
  display: flex;
  align-items: center;
  justify-content:center;
  margin-top: 20px;
}
.banner2_txt {
  float:left;
  width:calc(100% - 150px);
  padding-left:10px;
}
.banner2_txt span {
  font-weight:bold; 
  font-size:14px; 
  color:#000000;
}
.banner2_img {
  width:160px;
  float:right
}
.banner2_img img {
  width:100%;
  float:left;
}

.posizione {
  font-size: 16px;
  font-weight: bold;
  display: block;
}
.nome_staff {
  padding-bottom: 120px;
  border-bottom: 1px solid #8e8e8e;
  font-size: 30px;
  display: block;
}
@media screen and (max-width: 800px) {
  .nome_staff {
    padding-bottom:10px;
    border-bottom:none;
  }
}
.img_staff {
  object-fit: cover; 
  width:200px; 
  height:230px; 
  float:left;
  position:absolute;
}
@media screen and (max-width: 800px) {
  .img_staff {
    position: relative;
  }
}
/* CONTENUTO */


/* ACCORDION */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background: #e0e7ed url('../img/arrow_down_black.png');
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 20px;
  color: #444;
  cursor: pointer;
  padding: 18px 45px 18px 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-weight: bold;
  margin-bottom: 10px;
  font-size:16px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active {
  background: #e0e7ed url('../img/arrow_up.png');
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 20px;
}
.accordion:hover {
  opacity: 0.6;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 10px 0;
  background-color: white;
  display: none;
  overflow: hidden;
}

.panel_txt {
  font-size: 14px;
}
.panel_txt p {
  padding: 0 20px;
}
/* ACCORDION */

/* CONTATTI */
.contatti {
  border-top:4px solid #61addf;
}
.contatti span {
  font-size: 13px;
  color: #666666;
}
/* CONTATTI */


/* FOOTER */
.title_footer {
  color: #333333 !important;
  font-size: 15px !important;
  display: block;
  padding:1rem 0;
  font-weight: bold;
}
/*.footer {
  padding:20px 10px;
}*/
/*.footer span {
  font-size: 14px;
  color:#666666;
}*/
/*.footer a {
  text-decoration: none;
  font-size: 14px;
  color:#666666;
}*/
.footer {
    /*padding: 20px;*/
    margin-top: 100px;
    color: white;
    /*border-top: 40px solid #61addf; 
    border-bottom: 40px solid #61addf; */
    
    /*text-align: center;*/
}

.cont_voce_menu {
  float: left;
  width: 16%;
  padding: 1em;
  border-left: 1px solid white;
  height: 300px;
}

.topnav_footer div:first-child{
  border: 0;
}

@media screen and (max-width: 1000px) {
  .cont_voce_menu {
    width: 100%;
    border: 0;
    height: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 1000px) {
  .topnav_footer{
    padding-left: 0;
  }
}

@media screen and (min-width: 1500px) {
  .topnav_footer{
    padding-left: 80px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1500px) {
  .topnav_footer{
    padding-left: 40px;
  }
}

@media screen and (max-width: 1200px) {
  .topnav_footer .sezione {
    padding: 0 10px 20px 0 !important;
  }
}

.topnav_footer .sezione {
  font-size: 14px;
  display: block;
  /*border-bottom: 1px solid #5eb6e4;*/
  padding: 0 10px 10px 0;
  font-weight: bold;
  height: 30px;
}
.topnav_footer ul {
  padding: 10px 10px 10px 0;
  list-style: none;
  margin: 0;
}
.topnav_footer a {
  display: block;
  font-size: 14px;
  color: white;
  /*color: #8d888d;*/
  line-height: 12px;
  text-decoration: none;
  margin-bottom: 10px;
}

.divfooter{
  text-align: center;
  padding-top:30px; 
  padding-bottom:30px;
  background: #827C71;
  color: white;
}

.divfooter1{
  background: #61addf;
  color: white;
  padding: 40px;
}

.divfooter a{
  padding: 5px;
  color: white;
}

.cont_slide3 {
  width:96%;
  margin:0 2% 30px;
}
.cont_slide3:hover {
  filter: brightness(0.7);
}
@media screen and (max-width: 800px) {
  .cont_slide3 {
    width:96%;
    margin:0 2% 40px;
  }
}
.cont_slide3 img {
  margin-bottom: 50px;
  width: 100%;
  /* width: 250px; */
  height: 250px;
  object-fit: cover;
}/*
.cont_slide3 img:hover {
  filter:brightness(0.7);
}*/
@media screen and (max-width: 800px) {
  .cont_slide3 img {
    height: 200px;
  }
}
.cont_galleria {
  background:#61addf; 
  text-align:left; 
  color:#ffffff; 
  height:auto; 
  box-sizing:border-box;
  position: relative;
}
.cont_galleria .titolo {
  display:block; 
  font-size:14px; 
  margin:20px;
  color: #ffffff;
  text-decoration: none;
}
.gallery_arrow {
  width: 100%;
  float: left;
  height: 20px; 
  margin-bottom: 10px;
}
.gallery_arrow img {
  float: right;
  width: 20px !important;
  height: auto;
  margin-right: 20px;
}

.example-image {
  width: 250px;
  height:250px;
  object-fit:cover;
}
@media screen and (max-width: 800px) {
  .example-image {
    width: 100%;
    height:100%;
  }
}


.sliderdiv, .sliderPagediv{
  /*width: 1150px;*/
  width: 1250px;
  margin: auto;
  /*height: 500px;*/
}

@media screen and (min-width: 900px) {
  .sliderdiv, .sliderPagediv{
    height: 500px;
  }
}

.sliderdiv2, .sliderPagediv2{
  width:100%;
  /*background:#cbe5f2;*/
  background:#e7eff3;
  /*background:#827C71;*/
  /*background: url(../img/bg_header.jpg);*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*color: #ffffff;*/
  color:#0c65a7;
  height: 500px !important;
}

.sliderdiv2a, .sliderPagediv2a, .sliderdiv2b, .sliderPagediv2b{
  float:left;
  width:50%;
}

@media screen and (min-width: 900px) {
  .sliderdiv2a, .sliderPagediv2a, .sliderdiv2b, .sliderPagediv2b{
    height: 500px;
  }
}

@media screen and (max-width: 900px) {
  .sliderdiv2a, .sliderPagediv2a, .sliderdiv2b, .sliderPagediv2b{
    width: 100%;
    max-width:100%;
  }
}

/*.sliderdiv2b, .sliderPagediv2b{
  padding: 20px; 
  float:left;
  width:50%;
}*/

.sliderdiv2ba, .sliderPagediv2b a{
  /*font-family: 'Did-Bold';
  font-size: 30px;
  line-height: 40px;*/
  font-size: 25px;
  line-height: 30px;
  display: block;
  text-decoration: none;
  /*color: #333333;*/
  /*color: #ffffff;*/
  color: #0c65a7;
  margin: 20px;
}

.sliderdiv2b p{
  margin: 20px;
}

.sliderPagediv2b p{
  margin: 40px;
}


@media screen and (max-width: 1300px) {
  .sliderdiv, .sliderPagediv{
    width: 1000px;
  }
}

@media screen and (max-width: 1150px) {
  .sliderdiv, .sliderPagediv{
    width: 850px;
  }
}

@media screen and (max-width: 1000px) {
  .sliderdiv, .sliderPagediv{
    width: 700px;
  }
}

@media screen and (max-width: 850px) {
  .sliderdiv, .sliderPagediv{
    width: 550px;
  }
}

@media screen and (max-width: 700px) {
  .sliderdiv, .sliderPagediv{
    width: 80%;
  }
}



#boxslider{
  /*border-top:1px solid #61addf;*/
  padding-top: 30px;
  width: 100%;
  /*background: url(../img/bg_header.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 50px;*/
}

@media screen and (min-width: 900px) {
    #boxslider{
      height: 500px;
    }

}

.slick-slide img {
  width: 100%;
  height: 100%;
}

/** LISTA NEWS */
.cont_slide {
  width:94% !important;
  margin:0 3% 20px;
}
.cont_slide img {
  width: 100%;
  /* width: 250px; */
  height: 150px;
  display: block;
  object-fit: cover;
}
.cont_slide:hover {
  filter:brightness(0.8);
  text-decoration: none;
}

.titolo_cont {
  background-color:#71b4e5;
  padding:15px;
  text-align: left;
}
.titolo_cont2 {
  padding:15px;
  text-align: left;
}

.agenda_vedi {
  width: 150px;
  color: #5eb6e4;
  box-sizing: border-box;
  /*padding: 10px 0;*/
  text-align: center;
  border: none !important;
  cursor: pointer;
  font-size: 13px;
  line-height: 10px;
  font-family: 'Semi';
  background-color: #ffffff;
  float: left;
  text-decoration: none;
}

/*@media screen and (max-width: 1400px) {
  .agenda_vedi {
    width: 100px;
    color: #5eb6e4;
    box-sizing: border-box;
    padding: 5px 0;
    text-align: center;
    border: none !important;
    cursor: pointer;
    font-size: 10px;
    line-height: 10px;
    font-family: 'Medium';
    background-color: #ffffff;
    float: left;
  }
}*/

@media screen and (max-width: 800px) {
  .agenda_vedi {display: none;}
}

.agenda_vedi:hover {
  background: #5eb6e4 !important;
  color:#ffffff !important;
  text-decoration: none;
}
.spazio {
    height: 170px;
  }
@media screen and (max-width: 800px) {
  .spazio {
    display: none;
  }
}

/*.btn_allNews
{
  position:absolute;
  top:85%;
  right:75%; 
}*/

.btn_allNews
{
  position:relative;
  top:-10px;
  left:65%; 
}
/*@media screen and (max-width: 800px) 
{
  .btn_allNews 
  {
    left:90%;
    top:0px;
    position: relative;
  }
}*/

.spazio {
    height: 170px;
  }
@media screen and (max-width: 800px) {
  .spazio {
    display: none;
  }
}

.img_inevidenza {
  height: 270px;
  margin: 30px 20px 0;
}
@media screen and (max-width: 800px) {
  .img_inevidenza {
    margin: -70px 120px 40px;
    transform: rotate(90deg);
  }
}
.box_inevidenza {
  display: flex;
  height: 250px;
  align-content: space-between;
  flex-wrap: wrap;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom:20px;
}
@media screen and (max-width: 800px) {
  .box_inevidenza {
    height: 250px;
  }
}
.cont_bottone_home {
  width: 95%;
  background: #5eb6e4;
  padding: 75px;
  box-sizing: border-box;
  float: left;
  background-size:cover;
  background-repeat: no-repeat;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .cont_bottone_home {
    width: 100%;
    margin-bottom:20px;
  }
}
.cont_bottone_home:hover {
  opacity:0.7;
}
.bottone_home {
  width:100%; 
  border:2px solid #ffffff; 
  text-align:center; 
  padding:20px; 
  box-sizing:border-box;
}

.dettagli {
  background:#5eb6e4 !important; 
  border:1px solid #ffffff !important; 
  padding:7px 15px; 
  font-size:10px; 
  font-family: 'Medium';
  color:#ffffff !important;
  cursor: pointer;
}
.dettagli2 {
  background:#5eb6e4 !important; 
  border:1px solid #ffffff !important; 
  padding:7px 15px; 
  font-size:10px; 
  font-family: 'Medium';
  color:#ffffff !important;
  cursor: pointer;
  display:block;
}
.dettagli:hover {
  background: #e1f0f8 !important;
  text-decoration: none;
  color: #333333 !important;
}