footer a{
  font: bold 1em  Verdana, Helvetica, Arial, sans-serif !important;
}

.menu-list{
  height: 0px !important;
}

.menu-list li{
  width: 8.88%;
}

.rss{
}

.footer {
/*  -webkit-box-shadow: 0px -2px 10px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);*/
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
  background: url(../assets/images/bg-footer.svg) no-repeat center;
  background-size: cover;
  padding-bottom: 4%;
  padding-top: 1.23%;
  text-align: center;
}

.footer_mobile {
  display: none;
}

.menu {
  float: left;
  width: 100%;
  align-items: center;
}

.validator {
  float: left;
  width: 25%;
  text-align: center;
}

.btn_footer:hover{
  cursor: pointer;
}

.val_footer img{
  width: 100%;
  height:2.88em;
  object-fit: contain;
}

.val_footer {
  margin: 0 3px;
  text-align: center;
  background-size: 100%;
  float: left;
  width: 14%;
  font: bold 1vw Verdana, Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #333;
  padding: 0px;
}

.icono {
	width: 3.88em !important;
}

.hrs4r{
  border-top: 1px solid #ccc;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 1px solid #ccc;
}

.btn_footer a{
  width: 14%;
  font: bold 1em Verdana, Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #333;
  /*padding: 0px 12px 10px 12px;*/
}

.btn_footer {
  height:2.8em;
  margin: 0 10px;
  text-align: center;
  float: left;
  font: bold 1vw Verdana, Helvetica, Arial, sans-serif;
  text-decoration: none;
  background-color: #ffffff;
  color: #333333;
  padding: .73em 0;
  border-top: 1px solid #ccc;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 1px solid #ccc;
}

.btn_footer:hover,.btn_footer:focus-within {
  text-decoration: none;
  background-color: #304f24;
  color: #ffffff;
  /*padding: 11.5px 12px 11.5px 12px;*/
  border: 1px solid #304f24;
  transition: 0.77s;
}

.grey{
  filter: grayscale(99%);
  transition: 0.77s;
}

.grey:hover, 
.link-image:focus,
.link-image:active{
  filter: grayscale(0%);
  transition: 0.77s;
}

.btn_footer:hover > a,.btn_footer:focus-within > a {
  color: #ffffff;
  transition: 0.77s;
}

.validation-link {
  display: inline-block;
  margin: 0;
  color: rgb(255, 255, 255);
}

.link-image {
  height: 2.87em;
}

.menu > ul {
  list-style: none;
  margin-bottom: 0rem;
}

.menu > ul > li {
  align-items: center;
  text-align: center;
}


/* MEDIA QUERIES */

@media screen and (max-width: 822px) {
  ul.menu-list-mbl > li > a{
  font: bold 0.77em Verdana, Helvetica, Arial, sans-serif !important;
  }

  .menu-list-mbl{
  display: table;
  padding-left: 0;
  width: 100%;
}

.menu-list-mbl>li{
  display: table-cell;
  padding-left: 2px;
  padding-right: 2px;
}

  .access {
    border-right: 1px solid #ffffff;
  }

  .site-map {
    border-right: 1px solid #ffffff;
  }

  .footer {
    display: none;
  }

  .footer_mobile {
    background: url(../assets/images/bg-footer.svg) no-repeat center;
    width: 100%;
    display: inline-block;
  }

  .mobile_menu {
    align-items: center;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px !important;
    padding: 4px 4px 2px 4px;
    text-align: center;
    float: left;
    width: 100%;
  }

  .menu_item {
    align-items: center;
    text-align: center;
    width: 33%;
    float: left;
  }

  .menu_item a {
    text-align: center;
    color: #ffffff;
    /*border-bottom: 1px solid #ffffff;*/
  }

  .menu_item:hover {
    cursor: pointer;
  }
/*
  .mobile_copy {
    padding: 10px;
    text-align: center;
    float: left;
    width: 100%;
  }

  .copyright-text {
    color: #ffffff;
    font: italic;
  }
*/
  .mobile_validator {
    margin-top: 0px !important;
    padding: 2px;
    text-align: center;
    float: left;
    width: 100%;
  }
  
  .link-image {
  height: 4vw;
  min-height: 1.2em;
  }

}

@media screen and (max-width: 333px) {
  ul.menu-list-mbl > li > a{
  font: bold 3.45vw Verdana, Helvetica, Arial, sans-serif !important;
  }
  .mobile_menu {
    padding: 3px 3px 0px 3px;
  }
  .mobile_validator {
    padding: 0px 2px;
  }
}