.franja-pie {
  background-color: #494949;
  padding: 2.5em 2.5em 5em 2.5em;
  color: #fff; }
  .franja-pie a {
    color: #ffffff; }
    .franja-pie a:hover {
      color: #ffffff; }

.caja-pie {
  margin: 0 1%; }
  @media (min-width: 1200px) {
    .caja-pie {
      width: 85em;
      max-width: 100%;
      margin: 0 auto; } }

.caja-pie-sitio {
  padding-top: 50px;
  padding-bottom: 40px;
  text-align: center; }
  @media (min-width: 1200px) {
    .caja-pie-sitio {
      width: 1170px;
      max-width: 100%;
      margin: 0 auto; } }
  .caja-pie-sitio .redes-sitio {
    display: flex;
    justify-content: center; }

.redes-pie {
  text-align: right;
  font-size: 1.2em; }
  @media (max-width: 767px) {
    .redes-pie {
      text-align: center;
      padding-right: 0;
      padding-left: 0;
      margin-top: 1.5em;
      clear: both; } }
  @media (min-width: 768px) {
    .redes-pie {
      align-self: center; } }
  .redes-pie a {
    margin-left: 0.8em; }

.pie-nav-fondo {
  background-color: #c02f3d;
  padding: 2.5em;
  color: #ffffff; }

.banda-pie {
  margin-bottom: 0.1em; }
  @media (min-width: 768px) {
    .banda-pie {
      display: flex; } }

.como-llegar-pie {
  text-align: right; }
  @media (max-width: 767px) {
    .como-llegar-pie {
      text-align: center; } }
  .como-llegar-pie a {
    color: #ffffff;
    text-decoration: none; }

.copyright-pie {
  padding-top: 1em; }
  @media (max-width: 767px) {
    .copyright-pie {
      text-align: center; } }
  .copyright-pie a {
    color: #ffffff; }

.copyright-pie-titulo {
  margin-bottom: 3px; }

.acceder-pie {
  background-color: #EAEAEA;
  text-align: right; }
  .acceder-pie a, .acceder-pie a:active, .acceder-pie a:hover, .acceder-pie a:focus {
    color: #666; }

@media (max-width: 767px) {
  #logo-um-pie {
    margin: 0 auto;
    display: flex;
    justify-content: center; } }

@media (max-width: 767px) {
  #logo-um-pie img {
    margin: 0 20px; } }

@media (min-width: 768px) {
  #logo-um-pie img {
    float: left; 
  }
  #logo-um-pie img.logo-hr {
    /* margin-left: 40px;   */
  }
  } 

