@media (max-width: 645px) {
        .seccion-footer.hidden-xxs {
            bottom: -50px !important;
        }

        .imagen-slogan.hidden-xxs {
            left: -200px !important;
        }

        .imagen-footer-restaurante.hidden-xxs {
            right: -310px !important;
        }
    }

    @media (max-width: 991px) {
        .imagen-footer-restaurante > img {
            height: 45vh !important;
            -webkit-transition: height 750ms ease;
            transition: height 750ms ease;
        }
    }

    .imagen-footer-restaurante {
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: 0;
        -webkit-transition: right 750ms ease;
        transition: right 750ms ease;
        -webkit-animation: mostrarImagenRestaurante 1s ease 0ms 1 none normal running;
        animation: mostrarImagenRestaurante 1s ease 0ms 1 none normal running;
    }

        .imagen-footer-restaurante > img {
            height: 65vh;
            -webkit-transition: height 750ms ease;
            transition: height 750ms ease;
        }

  body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #FFFFFF;
}
    .barra-gris {
        position: absolute;
        bottom: 38px;
        background-color: rgb(21,76,169);
        height: 7px;
        left: 0px;
        width: 100%;
    }

    .seccion-footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        left: 0px;
        background-color: rgb(21, 76, 169);
        color: #fff;
        text-align: left;
        height: 35px;
        z-index:20;
       
    }

    .imagen-footer > img {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .navbar-zeus .navbar-inner {
    background-color: #0e79fd;
    border-color: #0e79fd;
    height: 65px;
    }

    .container-fluid .logo-zeus {
    height: auto;
    font-size: 25px;
    padding-top: 7px;
    padding-bottom: 7px;
    }

    .navbar-zeus, .navbar-zeus li a {
    height: 60px;
    }

      .navbar-zeus > .container .logo-zeus, .navbar-zeus > .container-fluid .logo-zeus {
    height: auto;
    font-size: 25px;
    padding-top: 1px;
    padding-bottom: 7px;
    }


    .navbar-header img {
    display: inline-block;
    padding-bottom: 2.1%;
    width: 165px;
    }

 

    .nav > li {
      position: relative;
      display: inline-block;
     /* margin-top: 2%;*/
    }

    a {
        text-decoration: none !important;
    }

    .content{
        min-height: initial;
    }

    /*--- animaciones ---*/

    @-webkit-keyframes mostrarImagenRestaurante {
        from {
            right: -310px;
        }

        to {
            right: 0px;
        }
    }

    @keyframes mostrarImagenRestaurante {
        from {
            right: -310px;
        }

        to {
            right: 0px;
        }
    }

  

    @-webkit-keyframes mostrarFooter {
        from {
            bottom: -50px;
        }

        to {
            bottom: 0px;
        }
    }

    @keyframes mostrarFooter {m
        from {
            bottom: -50px;
        }

        to {
            bottom: 0px;
        }
    }

    .navbar-zeus .navbar-inner .navbar-header a,
    .navbar-zeus .navbar-inner .navbar-nav li > a,
    .navbar-zeus .navbar-inner .navbar-nav > a:hover {
        color: #fff;
        height: 100%;
        font-size: 22px !important;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #0e79fd;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #FFFFFF;
        background-color: #0e79fd;
    }
    /*--- ----------- ---*/