#header_principal_content .logo {
  padding: 3.2em 0 1.2em 0;
}
#menu_top_fixed_wrapper {
  /*background: rgba(51, 170, 51, .5);*/
  background: rgba(66, 88, 44, .25);
  transition: background-color 1s ease;
  position: fixed;
  width: 100%;
  font-weight: bold;
  z-index: 1000;
}
#menu_top_fixed_wrapper .container {
  padding: 0 0 0 15em;
}
#block-mainnavigation {
  color: #fff;
}

#block-mainnavigation a {
  color: #fff;
}

#block-mainnavigation a:hover {
  color: var( --e-global-color-principal-medio );
}

#header_principal_content {
  height: 25em;
}
#header_principal_content .logo {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.8em 0 1.2em 2.5em;
  z-index: 1500;
}

#logo_top {
  max-width: 16em;
}

#logo_top img {
  transition: width 1s ease;
}
.frontpage #content-area{
  padding: 1.5em 0;
}
html {
  color: #666;
}


@media only screen and (max-width: 768px) {
  #header_principal_content {
    height: 19em;
  }

  #logo_top {
    max-width: 11em;
  }
}