/* CSS Document */

.barra {

  font-size: 17px; 

   text-align: left;    

}





#navbar {

  margin: 0;

  /*font-size: 28px;*/

  font-family: Arial, Helvetica, sans-serif;

}



#navbar {

  overflow: visible;

  background-color: transparent; 

}

/*Colore menù finestra a discesa- 17/03/25 aggiustato questo: text decoratio e font weight*/

#navbar a {

  float: left;

  display: block;

  color: #fff;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none; font-weight: 200; 

  /*font-size: 17px;*/

}



#navbar a:hover {

  background-color:  #0094D4; 

  color: #fff;   

}



#navbar a.active {

  background-color: transparent;

  color: white; 

}



.content {

  padding: 16px;

}







ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: visible;

  background-color: #fff; 

}



li {

  float: left;

}

/* colore barra_ riga sotto*/

.dropbtn {

  background-color:/*#0094D4;rgb(255, 255, 255); aggiustato questo*/ transparent;

  color: #fff; 

  padding: 16px;

  /*font-size: 16px;*/

  border: none;

  cursor: pointer; min-width: 180px; /*border-bottom:solid 2px #fff;*/ 

}



.dropdown {

  position: relative; 

  display: inline-block; border-bottom: #fff solid 2px; max-width:202px;margin-left:10px;

   

}

/*colore  finestra a discesa - 17/03/25 aggiustato questo: text decoratio e font weight*/

.dropdown-content {

  display: none;

  position: absolute; margin-top:22px;

  background-color: /*#f9f9f9;*/ #fff; 

  min-width: 212px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 100; 

}



#navbar .dropdown-content a {

  text-align: left; color: /*#DBDBDB;*/ #666; text-decoration: none; font-weight:200; 

}



#navbar .dropdown-content a:hover {

  color: #fff; 

}





#navbar a .dropdown-content a {

  color: black; text-align: left;

  padding: 12px 16px;

  text-decoration: none;

  display: block; min-width: 180px; 

}







#navbar .dropdown-content a:hover {background-color: #0094D4; min-width: 180px; text-align: left; }    



.dropdown:hover .dropdown-content {

  display: block;

}



.dropdown:hover .dropbtn {

  background-color: #0094D4;

}

.sticky {

  position: fixed; opacity: 1;

  top: 6px;

  width: 100%; z-index: 500;

  overflow: hidden; left:10%;  font-size: 12px;padding: 14px 6px;

}

@media only screen and (min-width: 1441px) and (max-width:2400px){

.sticky  {

  left:22%;

}

}

.sticky, .logotop {

-webkit-animation:mysticky ; alternate

-webkit-animation-duration: 3.6s:

animation: mysticky alternate; 

animation-duration: 3.6s ;  

}



@keyframes mysticky {

  0% {

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px);

    opacity: 0.00;

  }

  10% {

    -webkit-transform: translateY(-90px);

    transform: translateY(-90px);

    opacity: 0.9;

  }

  20% {

    -webkit-transform: translateY(-80px);

    transform: translateY(-80px);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

    opacity: 1;

  }

}

























.sticky + .content {

  padding-top: 60px;

}



.logotop {

  margin: 0; float:left; position: fixed;   width:100%; height:70px; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.2);background-color:#72C6FC; opacity:0.5;

  top: 0px; z-index:499;    /*background-color: colore  finestra a discesa - 17/03/25 aggiustato questo: text decoratio e font weight*/   

}