/* *********** Mixin ************************************ */
body {
  margin: 0;
  /* &:after { This adds a label in the top-left corner that displays the current media query state.
        background: red;
        color: @white;
        content: "undefined";
        left: 0;
        .opacity(80);
        padding: .5em 1em;
        position: absolute;
        text-align: center;
        top: 0;
        z-index: 99;
        @media @mobile {background: orange;content: "mobile";}
        @media @tablet {background: purple;content: "tablet";}
        @media @desktop {background: green;content: "desktop";}
        @media @desktop-xl {background: blue;content: "desktop-xl";}
    }*/

}
@media only screen and (max-width: 529px) {
  body {
    font-size: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  body {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px) {
  body {
    font-size: 62.5%;
  }
}
@media only screen and (min-width: 1129px) {
  body {
    font-size: 100%;
  }
}
.footer_W h1 {
  color: #2d2d2d;
}
@media only screen and (max-width: 529px) {
  .footer_W h1 {
    padding: 10px 10px;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_W h1 {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_W h1 {
    width: 100%;
    margin: 0 auto;
    max-width: 1012px;
    padding: 10px 10px;
  }
}
.footer_W .accesos {
  /*background-color: #2d2d2d;*/
  display:none; box-sizing: border-box; /* ************************************************************************************** */
}
@media only screen and (max-width: 529px) {
  .footer_W .accesos {
    padding: 10px 10px;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_W .accesos {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_W .accesos {
    width: 100%;
    margin: 0 auto;
    max-width: 1012px;
    padding: 10px 10px;
  }
}
.footer_W .accesos h3 {
  font: 16px/20px 'Ubuntu', 'Open Sans', 'Roboto', 'Roboto Condensed', Arial, Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ffffff;
}
.footer_W .accesos .efe_y_verticales,
.footer_W .accesos .plataformas_y_areas {
  overflow: hidden;
}
.footer_W .accesos .efe,
.footer_W .accesos .verticales,
.footer_W .accesos .plataformas,
.footer_W .accesos .areas {
  float: left;
}
.footer_W .accesos .efe a.efe_link,
.footer_W .accesos .verticales a.efe_link,
.footer_W .accesos .plataformas a.efe_link,
.footer_W .accesos .areas a.efe_link {
  display: inline-block;
  padding: 10px 10px;
}
@media only screen and (max-width: 529px) {
  .footer_W .accesos .efe a.efe_link,
  .footer_W .accesos .verticales a.efe_link,
  .footer_W .accesos .plataformas a.efe_link,
  .footer_W .accesos .areas a.efe_link {
    width: 50%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_W .accesos .efe a.efe_link,
  .footer_W .accesos .verticales a.efe_link,
  .footer_W .accesos .plataformas a.efe_link,
  .footer_W .accesos .areas a.efe_link {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_W .accesos .efe a.efe_link,
  .footer_W .accesos .verticales a.efe_link,
  .footer_W .accesos .plataformas a.efe_link,
  .footer_W .accesos .areas a.efe_link {
    width: 14%;
  }
}
@media only screen and (max-width: 529px) {
  .footer_W .accesos .efe {
    width: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_W .accesos .efe {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_W .accesos .efe {
    width: 14%;
    margin: 0 20px 0 0;
  }
}
.footer_W .accesos .efe a {
  height: 82px;
  display: inline-block;
  text-indent: -4000px;
  opacity: 0.6;
}
.footer_W .accesos .efe a.efe_link {
  background: transparent url("images/footer_sprite_w.png") no-repeat 100% 0;
  width: 97px;
}
.footer_W .accesos .efe a.estilo_activado,
.footer_W .accesos .efe a:hover {
  opacity: 1;
}
@media only screen and (max-width: 529px) {
  .footer_W .accesos .verticales {
    width: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_W .accesos .verticales {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_W .accesos .verticales {
    width: 82%;
  }
}
.footer_W .accesos .verticales a {
  height: 60px;
  display: inline-block;
  text-indent: -4000px;
  opacity: 0.6;
}
.footer_W .accesos .verticales a.l_agro {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 0;
  width: 100px;
}
.footer_W .accesos .verticales a.l_empresas {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -60px;
  width: 130px;
}
.footer_W .accesos .verticales a.l_escuela {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -120px;
  width: 122px;
}
.footer_W .accesos .verticales a.l_escuela.escola {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -720px;
  width: 122px;
}
.footer_W .accesos .verticales a.l_estilo {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -180px;
  width: 104px;
}
.footer_W .accesos .verticales a.l_futuro {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -240px;
  width: 114px;
}
.footer_W .accesos .verticales a.l_motor {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -300px;
  width: 112px;
}
.footer_W .accesos .verticales a.l_salud {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -360px;
  width: 106px;
}
.footer_W .accesos .verticales a.l_salud.saude {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -660px;
  width: 106px;
}
.footer_W .accesos .verticales a.l_turismo {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -420px;
  width: 92px;
}
.footer_W .accesos .verticales a.l_verde {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -480px;
  width: 106px;
}
.footer_W .accesos .verticales a.l_euro {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -540px;
  width: 102px;
}
.footer_W .accesos .verticales a.l_emprende {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -600px;
  width: 130px;
}
.footer_W .accesos .verticales a.l_deporte {
  background: transparent url("images/footer_sprite_w.png") no-repeat 0 -780px;
  width: 130px;
}
.footer_W .accesos .verticales a.estilo_activado,
.footer_W .accesos .verticales a:hover {
  opacity: 1;
}
@media only screen and (max-width: 529px) {
  .footer_W .accesos .verticales a.l_agro,
  .footer_W .accesos .verticales a.l_empresas,
  .footer_W .accesos .verticales a.l_escuela,
  .footer_W .accesos .verticales a.l_estilo,
  .footer_W .accesos .verticales a.l_futuro,
  .footer_W .accesos .verticales a.l_motor,
  .footer_W .accesos .verticales a.l_salud,
  .footer_W .accesos .verticales a.l_turismo,
  .footer_W .accesos .verticales a.l_verde,
  .footer_W .accesos .verticales a.l_euro,
  .footer_W .accesos .verticales a.l_emprende,
  .footer_W .accesos .verticales a.l_deporte{
    width: 49%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  
}
@media only screen and (max-width: 529px) {
  .footer_W .accesos .plataformas {
    width: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_W .accesos .plataformas {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_W .accesos .plataformas {
    width: 52%;
    margin: 0 20px 0 0;
  }
}
.footer_W .accesos .plataformas a {
  height: 60px;
  display: inline-block;
  text-indent: -4000px;
  opacity: 0.6;
}
.footer_W .accesos .plataformas a.l_data {
  background: transparent url("images/footer_sprite_w.png") no-repeat -221px 0;
  width: 95px;
}
.footer_W .accesos .plataformas a.l_descargas {
  background: transparent url("images/footer_sprite_w.png") no-repeat -221px -60px;
  width: 130px;
}
.footer_W .accesos .plataformas a.l_servicios {
  background: transparent url("images/footer_sprite_w.png") no-repeat -221px -120px;
  width: 125px;
}
.footer_W .accesos .plataformas a.l_fototeca {
  background: transparent url("images/footer_sprite_w.png") no-repeat -221px -180px;
  width: 145px;
}
.footer_W .accesos .plataformas a.l_visual {
  background: transparent url("images/footer_sprite_w.png") no-repeat -221px -240px;
  width: 112px;
}
.footer_W .accesos .plataformas a.l_colombia {
  background: transparent url("images/footer_sprite_w.png") no-repeat -221px -300px;
  width: 162px;
}
.footer_W .accesos .plataformas a.estilo_activado,
.footer_W .accesos .plataformas a:hover {
  opacity: 1;
}
@media only screen and (max-width: 529px) {
  .footer_W .accesos .plataformas a.l_data,
  .footer_W .accesos .plataformas a.l_descargas,
  .footer_W .accesos .plataformas a.l_servicios,
  .footer_W .accesos .plataformas a.l_fototeca,
  .footer_W .accesos .plataformas a.l_visual,
  .footer_W .accesos .plataformas a.l_colombia {
    width: 49%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  
}
@media only screen and (max-width: 529px) {
  .footer_W .accesos .areas {
    width: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_W .accesos .areas {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_W .accesos .areas {
    width: 45%;
  }
}
.footer_W .accesos .areas a {
  height: 60px;
  display: inline-block;
  text-indent: -4000px;
  opacity: 0.6;
}
.footer_W .accesos .areas a.l_practica {
  background: transparent url("images/footer_sprite_w.png") no-repeat -470px 0;
  width: 120px;
}
.footer_W .accesos .areas a.l_fundeu {
  background: transparent url("images/footer_sprite_w.png") no-repeat -470px -60px;
  width: 156px;
}
.footer_W .accesos .areas a.l_analisis {
  background: transparent url("images/footer_sprite_w.png") no-repeat -470px -118px;
  width: 160px;
}
.footer_W .accesos .areas a.estilo_activado,
.footer_W .accesos .areas a:hover {
  opacity: 1;
}
@media only screen and (max-width: 529px) {
  .footer_W .accesos .areas a.l_practica,
  .footer_W .accesos .areas a.l_fundeu,
  .footer_W .accesos .areas a.l_analisis
  {
    width: 49%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  
}
.footer_W .accesos a {
  font: 14px/20px Arial;
}
.footer_B h1 {
  color: #2d2d2d;
}
@media only screen and (max-width: 529px) {
  .footer_B h1 {
    padding: 10px 10px;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_B h1 {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_B h1 {
    width: 100%;
    margin: 0 auto;
    max-width: 1012px;
    padding: 10px 10px;
  }
}
.footer_B .accesos {
  background-color: #fff;
  outline: solid 1px #ccc;
  display:none; box-sizing: border-box;
}
@media only screen and (max-width: 529px) {
  .footer_B .accesos {
    padding: 10px 10px;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_B .accesos {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_B .accesos {
    width: 100%;
    margin: 0 auto;
    max-width: 1012px;
    padding: 10px 10px;
  }
}
.footer_B .accesos h3 {
  font: 16px/20px 'Ubuntu', 'Open Sans', 'Roboto', 'Roboto Condensed', Arial, Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #2d2d2d;
}
.footer_B .accesos .efe_y_verticales,
.footer_B .accesos .plataformas_y_areas {
  overflow: hidden;
}
.footer_B .accesos .efe,
.footer_B .accesos .verticales,
.footer_B .accesos .plataformas,
.footer_B .accesos .areas {
  float: left;
}
.footer_B .accesos .efe a.efe_link,
.footer_B .accesos .verticales a.efe_link,
.footer_B .accesos .plataformas a.efe_link,
.footer_B .accesos .areas a.efe_link {
  display: inline-block;
  padding: 10px 10px;
}
@media only screen and (max-width: 529px) {
  .footer_B .accesos .efe a.efe_link,
  .footer_B .accesos .verticales a.efe_link,
  .footer_B .accesos .plataformas a.efe_link,
  .footer_B .accesos .areas a.efe_link {
    width: 50%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_B .accesos .efe a.efe_link,
  .footer_B .accesos .verticales a.efe_link,
  .footer_B .accesos .plataformas a.efe_link,
  .footer_B .accesos .areas a.efe_link {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_B .accesos .efe a.efe_link,
  .footer_B .accesos .verticales a.efe_link,
  .footer_B .accesos .plataformas a.efe_link,
  .footer_B .accesos .areas a.efe_link {
    width: 14%;
  }
}
@media only screen and (max-width: 529px) {
  .footer_B .accesos .efe {
    width: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_B .accesos .efe {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_B .accesos .efe {
    width: 14%;
    margin: 0 20px 0 0;
  }
}
.footer_B .accesos .efe a {
  height: 82px;
  display: inline-block;
  text-indent: -4000px;
  opacity: 0.6;
}
.footer_B .accesos .efe a.efe_link {
  background: transparent url("images/footer_sprite_b.png") no-repeat 100% 0;
  width: 97px;
}
.footer_B .accesos .efe a.estilo_activado,
.footer_B .accesos .efe a:hover {
  opacity: 1;
}
@media only screen and (max-width: 529px) {
  .footer_B .accesos .verticales {
    width: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_B .accesos .verticales {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_B .accesos .verticales {
    width: 82%;
  }
}
.footer_B .accesos .verticales a {
  height: 60px;
  display: inline-block;
  text-indent: -4000px;
  opacity: 0.6;
}
.footer_B .accesos .verticales a.l_agro {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 0;
  width: 100px;
}
.footer_B .accesos .verticales a.l_empresas {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -60px;
  width: 130px;
}
.footer_B .accesos .verticales a.l_escuela {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -120px;
  width: 122px;
}
.footer_B .accesos .verticales a.l_escuela.escola {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -720px;
  width: 122px;
}
.footer_B .accesos .verticales a.l_estilo {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -180px;
  width: 104px;
}
.footer_B .accesos .verticales a.l_futuro {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -240px;
  width: 114px;
}
.footer_B .accesos .verticales a.l_motor {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -300px;
  width: 112px;
}
.footer_B .accesos .verticales a.l_salud {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -360px;
  width: 106px;
}
.footer_B .accesos .verticales a.l_salud.saude {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -660px;
  width: 106px;
}
.footer_B .accesos .verticales a.l_turismo {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -420px;
  width: 92px;
}
.footer_B .accesos .verticales a.l_verde {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -480px;
  width: 106px;
}
.footer_B .accesos .verticales a.l_euro {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -540px;
  width: 102px;
}
.footer_B .accesos .verticales a.l_emprende {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -600px;
  width: 130px;
}
.footer_B .accesos .verticales a.l_deporte {
  background: transparent url("images/footer_sprite_b.png") no-repeat 0 -780px;
  width: 130px;
}
.footer_B .accesos .verticales a.estilo_activado,
.footer_B .accesos .verticales a:hover {
  opacity: 1;
}
@media only screen and (max-width: 529px) {
	.footer_B .accesos .verticales a.l_agro,
	.footer_B .accesos .verticales a.l_empresas,
	.footer_B .accesos .verticales a.l_escuela,
	.footer_B .accesos .verticales a.l_estilo,
	.footer_B .accesos .verticales a.l_futuro,
	.footer_B .accesos .verticales a.l_motor,
	.footer_B .accesos .verticales a.l_salud,
	.footer_B .accesos .verticales a.l_turismo,
	.footer_B .accesos .verticales a.l_verde,
	.footer_B .accesos .verticales a.l_euro,
	.footer_B .accesos .verticales a.l_emprende,
	.footer_B .accesos .verticales a.l_deporte  {
		width: 49%;
	}
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  
}
@media only screen and (max-width: 529px) {
  .footer_B .accesos .plataformas {
    width: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_B .accesos .plataformas {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_B .accesos .plataformas {
    width: 52%;
    margin: 0 20px 0 0;
  }
}
.footer_B .accesos .plataformas a {
  height: 60px;
  display: inline-block;
  text-indent: -4000px;
  opacity: 0.6;
}
.footer_B .accesos .plataformas a.l_data {
  background: transparent url("images/footer_sprite_b.png") no-repeat -221px 0;
  width: 95px;
}
.footer_B .accesos .plataformas a.l_descargas {
  background: transparent url("images/footer_sprite_b.png") no-repeat -221px -60px;
  width: 130px;
}
.footer_B .accesos .plataformas a.l_servicios {
  background: transparent url("images/footer_sprite_b.png") no-repeat -221px -120px;
  width: 125px;
}
.footer_B .accesos .plataformas a.l_fototeca {
  background: transparent url("images/footer_sprite_b.png") no-repeat -221px -180px;
  width: 145px;
}
.footer_B .accesos .plataformas a.l_visual {
  background: transparent url("images/footer_sprite_b.png") no-repeat -221px -240px;
  width: 112px;
}
.footer_B .accesos .plataformas a.l_colombia {
  background: transparent url("images/footer_sprite_b.png") no-repeat -221px -300px;
  width: 162px;
}
.footer_B .accesos .plataformas a.estilo_activado,
.footer_B .accesos .plataformas a:hover {
  opacity: 1;
}
@media only screen and (max-width: 529px) {
  .footer_B .accesos .plataformas a.l_data,
  .footer_B .accesos .plataformas a.l_descargas,
  .footer_B .accesos .plataformas a.l_servicios,
  .footer_B .accesos .plataformas a.l_fototeca,
  .footer_B .accesos .plataformas a.l_visual,
  .footer_B .accesos .plataformas a.l_colombia {
    width: 49%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  
}
@media only screen and (max-width: 529px) {
  .footer_B .accesos .areas {
    width: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .footer_B .accesos .areas {
    font-size: 60%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  .footer_B .accesos .areas {
    width: 45%;
  }
}
.footer_B .accesos .areas a {
  height: 60px;
  display: inline-block;
  text-indent: -4000px;
  opacity: 0.6;
}
.footer_B .accesos .areas a.l_practica {
  background: transparent url("images/footer_sprite_b.png") no-repeat -470px 0;
  width: 120px;
}
.footer_B .accesos .areas a.l_fundeu {
  background: transparent url("images/footer_sprite_b.png") no-repeat -470px -60px;
  width: 156px;
}
.footer_B .accesos .areas a.l_analisis {
  background: transparent url("images/footer_sprite_b.png") no-repeat -470px -118px;
  width: 160px;
}
.footer_B .accesos .areas a.estilo_activado,
.footer_B .accesos .areas a:hover {
  opacity: 1;
}
@media only screen and (max-width: 529px) {
  .footer_B .accesos .areas a.l_practica,
  .footer_B .accesos .areas a.l_fundeu,
  .footer_B .accesos .areas a.l_analisis{
    width: 49%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  
}
@media only screen and (min-width: 950px) and (max-width: 1128px), only screen and (min-width: 1129px) {
  
}
.footer_B .accesos a {
  font: 14px/20px Arial;
}