@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width: 900px)
{
    h1, h2, h3, h4, h5, h6 {
        font-size: 111.59px;
        line-height: 111.59px;
    }
    
    .Header {
        height: 509px;
    }

    .booklet .b-arrow {
        width: 26px;
        height: 42px;
        top: 42%;
    }
    
    .booklet .b-arrow div {
        width: 26px;
        height: 42px;
    }
    
    .booklet .b-arrow-prev {
        left: -55px;
    }
    
    .booklet .b-arrow-next {
        right: -55px;
    }

    .booklet .b-arrow-prev div {
        background-size: 100%;
    }
    
    .booklet .b-arrow-next div {
        background-size: 100%;
    }

    .NavForm {
        background-image: url(../images/fondos/bgFondoR.jpg);
        padding-top: 30px;
        padding-bottom: 98px;
    }

    .NavForm-Form {
        width: 558px;
    }

    .NavForm-Text {
        font-size: 31.54px;
        line-height: 31.54px;
    }

    .NavForm iframe {
        height: 350px;
    }

    .u-boton {
        font: 30.86px 'gotham_blackregular';
        line-height: 25.07px;
    }

    .NavForm-Btn {
        width: 173px;
        margin-top: 75px;
        margin-bottom: 100px;
        padding: 26px 0px;
        padding-left: 127px;
        padding-right: 38px;
        position: relative;
    }

    .NavForm-Btn:before {
        width: 71px;
        height: 72px;
        top: 16px;
        left: 58px;
    }

    .NavForm-Btn:hover:before {
        top: 14px;
    }

    input, textarea {
        height: 86px;
        font-size: 27.22px;
        padding-left: 37px !important;
        margin-bottom: 30px;
    }

    div.fancy-select {
        width: 220px;
    }

    div.fancy-select div.trigger {
        height: 69px;
        font-size: 21.69px;
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 50px;
    }

    div.fancy-select div.trigger:after {
        border: 11.5px solid transparent;
        border-top-color: #352e32;
        top: 32px;
        right: 23px;
    }

    .datepicker, .datepicker2 {
        background-image: url(../images/icoCalendar2.png);
    }

    .NavForm-BtnReserva {
        width: 348px;
        padding: 38px 0px;
        margin-top: 70px;
    }

    .NavForm-Fecha {
        width: 122px;
        height: 69px;
        font-size: 21.69px;
        background-position: 87px center;
        padding-left: 18px !important;
        margin-left: 10px;
    }

    .NavForm-Horario div.fancy-select {
        width: 178px;
        margin-left: 10px;
    }

    .NavForm-Horario div.fancy-select div.trigger {
        padding-right: 28px;
    }

    .Mapa {
        height: 510px;
    }

    body {
        font-size: 28.59px;
        line-height: 29px;
    }

    .Footer-Horarios {
        width: 253px;
        margin-right: 105px;
    }

    .Footer a {
        margin-top: 20px;
    }

    .Footer-IcoFacebook {
        width: 19px;
        height: 38px;
        margin-right: 34px;
    }

    .Footer-Instagram {
        width: 38px;
        height: 38px;
    }
}

@media only screen and (max-width: 800px)
{        
    .Header {
        height: 453px;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 99.18px;
        line-height: 99.18px;
    }

    .booklet .b-arrow {
        width: 23px;
        height: 38px;
        top: 41%;
    }
    
    .booklet .b-arrow div {
        width: 23px;
        height: 38px;
    }
    
    .booklet .b-arrow-prev {
        left: -50px;
    }
    
    .booklet .b-arrow-next {
        right: -50px;
    }
    
    .NavForm {
        padding-top: 27px;
        padding-bottom: 87px;
    }

    .NavForm-Text {
        font-size: 28.03px;
        line-height: 28.03px;
    }

    .NavForm iframe {
        height: 310px;
    }

    .u-boton {
        font: 27.42px 'gotham_blackregular';
        line-height: 22.28px;
    }

    .NavForm-Form {
        width: 492px;
    }

    .NavForm-Btn {
        width: 165px;
        margin-top: 65px;
        margin-bottom: 89px;
        padding: 23px 0px;
        padding-left: 112px;
        padding-right: 32px;
        position: relative;
    }

    .NavForm-Btn:before {
        width: 64px;
        height: 65px;
        top: 14px;
        left: 52px;
    }

    .NavForm-Btn:hover:before {
        top: 12px;
    }

    input, textarea {
        height: 76px;
        font-size: 24.19px;
        padding-left: 32px !important;
        margin-bottom: 30px;
    }

    div.fancy-select {
        width: 195px;
    }

    div.fancy-select div.trigger {
        height: 61px;
        font-size: 19.27px;
        line-height: 10px;
        padding-top: 24px;
        padding-left: 16px;
        padding-right: 50px;
    }

    div.fancy-select div.trigger:after {
        border: 9.5px solid transparent;
        border-top-color: #352e32;
        top: 28px;
        right: 20px;
    }

    div.fancy-select ul.options.open {
        top: 75px;
    }

    .NavForm-Horario div.fancy-select {
        width: 159px;
        margin-left: 10px;
    }

    .NavForm-Horario div.fancy-select div.trigger {
        padding-right: 22px;
    }

    .datepicker, .datepicker2 {
        background-image: url(../images/icoCalendar3.png);
    }

    .NavForm-BtnReserva {
        width: 309px;
        padding: 34px 0px;
        margin-top: 60px;
    }

    .NavForm-Fecha {
        width: 108px;
        height: 61px;
        font-size: 19.27px;
        padding-left: 11px !important;
        background-position: 75px center;
        margin-left: 10px;
    }

    .Mapa {
        height: 454px;
    }

    body {
        font-size: 25.41px;
        line-height: 26px;
    }

    .Footer {
        padding-top: 40px;
    }
    
    .Footer-Horarios {
        width: 225px;
        margin-right: 92px;
    }

    .Footer a {
        margin-top: 18px;
    }

    .Footer-IcoFacebook {
        width: 18px;
        height: 34px;
        margin-right: 32px;
    }

    .Footer-Instagram {
        width: 34px;
        height: 34px;
    }
}

@media only screen and (max-width: 700px)
{        
    .Header {
        height: 357px;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 86.8px;
        line-height: 86.8px;
    }

    .booklet .b-arrow {
        width: 20px;
        height: 33px;
        top: 42%;
    }
    
    .booklet .b-arrow div {
        width: 20px;
        height: 33px;
    }
    
    .booklet .b-arrow-prev {
        left: -45px;
    }
    
    .booklet .b-arrow-next {
        right: -45px;
    }

    .NavForm {
        padding-top: 24px;
        padding-bottom: 77px;
    }

    .NavForm-Text {
        font-size: 24.53px;
        line-height: 24.53px;
    }

    .NavForm iframe {
        height: 270px;
    }

    .u-boton {
        font: 24px 'gotham_blackregular';
        line-height: 21.5px;
    }

    .NavForm-Form {
        width: 432px;
    }

    .NavForm-Btn {
        width: 143px;
        margin-top: 55px;
        margin-bottom: 78px;
        padding: 18px 0px;
        padding-left: 98px;
        padding-right: 30px;
        position: relative;
    }

    .NavForm-Btn:before {
        width: 56px;
        height: 58px;
        top: 11px;
        left: 45px;
    }

    .NavForm-Btn:hover:before {
        top: 9px;
    }

    input, textarea {
        height: 67px;
        font-size: 21.17px;
        padding-left: 30px !important;
        margin-bottom: 26px;
    }

    div.fancy-select {
        width: 171px;
    }

    div.fancy-select div.trigger {
        height: 53px;
        font-size: 16.87px;
        line-height: 17px;
        padding-top: 16px;
        padding-left: 11px;
        padding-right: 40px;
    }

    div.fancy-select div.trigger:after {
        border: 8px solid transparent;
        border-top-color: #352e32;
        top: 25px;
        right: 18px;
    }

    div.fancy-select ul.options.open {
        top: 65px;
    }

    .NavForm-Horario div.fancy-select {
        width: 139px;
        margin-left: 7px;
    }

    .NavForm-Horario div.fancy-select div.trigger {
        padding-right: 18px;
    }

    .datepicker, .datepicker2 {
        background-image: url(../images/icoCalendar4.png);
    }

    .NavForm-BtnReserva {
        width: 271px;
        padding: 28.5px 0px;
        margin-top: 48px;
    }

    .NavForm-Fecha {
        width: 95px;
        height: 53px;
        font-size: 16.87px;
        padding-left: 10px !important;
        background-position: 64px center;
        margin-left: 7px;
    }

    .Mapa {
        height: 398px;
    }

    body {
        font-size: 22.24px;
        line-height: 22.24px;
    }

    .Footer {
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .Footer-Horarios {
        width: 197px;
        margin-right: 70px;
    }

    .Footer a {
        margin-top: 15px;
    }

    .Footer-IcoFacebook {
        width: 15px;
        height: 29px;
        margin-right: 26px;
    }

    .Footer-Instagram {
        width: 30px;
        height: 31px;
    }

    .Footer-Direccion {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 600px)
{        
    .Header {
        height: 335px;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 73.14px;
        line-height: 73.14px;
    }

    .booklet .b-arrow {
        width: 17px;
        height: 28px;
    }
    
    .booklet .b-arrow div {
        width: 17px;
        height: 28px;
    }
    
    .booklet .b-arrow-prev {
        left: -35px;
    }
    
    .booklet .b-arrow-next {
        right: -35px;
    }

    .NavForm {
        padding-top: 18px;
        padding-bottom: 63px;
    }

    .NavForm-Text {
        font-size: 20.67px;
        line-height: 20.67px;
    }

    .NavForm iframe {
        height: 230px;
    }

    .u-boton {
        font: 20.22px 'gotham_blackregular';
        line-height: 19.5px;
    }

    .NavForm-Form {
        width: 365px;
    }

    .NavForm-Btn {
        width: 103px;
        margin-top: 45px;
        margin-bottom: 66px;
        padding: 18px 0px;
        padding-left: 98px;
        padding-right: 27px;
        position: relative;
    }

    .NavForm-Btn:before {
        width: 47px;
        height: 50px;
        top: 10px;
        left: 38px;
    }

    .NavForm-Btn:hover:before {
        top: 8px;
    }

    input, textarea {
        height: 56px;
        font-size: 17.84px;
        padding-left: 24px !important;
        margin-bottom: 22px;
    }

    div.fancy-select {
        width: 147px;
    }

    div.fancy-select div.trigger {
        height: 46px;
        font-size: 14.46px;
        line-height: 16px;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 35px;
    }

    div.fancy-select div.trigger:after {
        border: 7px solid transparent;
        border-top-color: #352e32;
        top: 22px;
        right: 15px;
    }

    div.fancy-select ul.options.open {
        top: 55px;
    }

    .datepicker, .datepicker2 {
        background-image: url(../images/icoCalendar5.png);
    }
    
    .ui-datepicker-title {
        font-size: 17px;
    }

    .ui-datepicker-calendar thead tr th {
        font-size: 16px;
    }

    #ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
        font-size: 16px;
    }

    .NavForm-Fecha {
        width: 81px;
        height: 46px;
        font-size: 14.46px;
        margin-left: 6px;
        padding-left: 13px !important;
        padding-right: 26px !important;
        background-position: 53px 19px;
    }

    .NavForm-Horario div.fancy-select {
        width: 118px;
        margin-left: 6px;
    }

    .NavForm-BtnReserva {
        width: 228px;
        padding: 23.5px 0px;
        margin-top: 38px;
    }

    .Mapa {
        height: 338px;
    }

    body {
        font-size: 17.74px;
        line-height: 17.74px;
    }

    .Footer {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .Footer-Horarios {
        width: 167px;
        margin-right: 60px;
    }

    .Footer a {
        margin-top: 13px;
    }

    .Footer-IcoFacebook {
        width: 14px;
        height: 25px;
        margin-right: 21px;
    }

    .Footer-Instagram {
        width: 26px;
        height: 28px;
    }

    .Footer-Direccion {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 500px)
{        
    .Header {
        height: 279px;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 60.76px;
        line-height: 60.76px;
    }

    .booklet .b-arrow {
        width: 15px;
        height: 24px;
    }
    
    .booklet .b-arrow div {
        width: 15px;
        height: 24px;
    }
    
    .booklet .b-arrow-prev {
        left: -25px;
    }
    
    .booklet .b-arrow-next {
        right: -25px;
    }

    .NavForm {
        padding-top: 14px;
        padding-bottom: 50px;
    }

    .NavForm-Text {
        font-size: 17.17px;
        line-height: 17.17px;
    }

    .NavForm iframe {
        height: 190px;
    }

    .NavForm-Form {
        width: 302px;
    }

    .u-boton {
        font: 16.8px 'gotham_blackregular';
        line-height: 15.5px;
    }

    .NavForm-Btn {
        width: 99px;
        margin-top: 35px;
        margin-bottom: 52px;
        padding: 13px 0px;
        padding-left: 70px;
        padding-right: 20px;
        position: relative;
    }

    .NavForm-Btn:before {
        width: 40px;
        height: 42px;
        top: 9px;
        left: 32px;
    }

    .NavForm-Btn:hover:before {
        top: 7px;
    }

    input, textarea {
        height: 47px;
        font-size: 14.82px;
        padding-left: 20px !important;
        margin-bottom: 18px;
    }

    div.fancy-select {
        width: 122px;
    }

    div.fancy-select div.trigger {
        height: 38px;
        font-size: 12.05px;
        line-height: 15px;
        padding-top: 12px;
        padding-left: 9px;
        padding-right: 30px;
    }

    div.fancy-select div.trigger:after {
        border: 6px solid transparent;
        border-top-color: #352e32;
        top: 17px;
        right: 12px;
    }

    div.fancy-select ul.options.open {
        top: 45px;
    }

    .datepicker, .datepicker2 {
        background-image: url(../images/icoCalendar6.png);
    }

    .NavForm-Fecha {
        width: 68px;
        height: 38px;
        font-size: 12.05px;
        padding-left: 10px !important;
        padding-right: 23px !important;
        background-position: 45px 16px;
        margin-left: 5px;
    }

    .NavForm-Horario div.fancy-select {
        width: 96px;
        margin-left: 5px;
    }

    .NavForm-BtnReserva {
        width: 189px;
        padding: 20px 0px;
        margin-top: 34px;
    }

    .Mapa {
        height: 282px;
    }

    body {
        font-size: 15px;
        line-height: 15px;
    }

    .Footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .Footer-Horarios {
        width: 138px;
        margin-right: 46px;
    }

    .Footer a {
        margin-top: 12px;
    }

    .Footer-IcoFacebook {
        width: 11px;
        height: 21px;
        margin-right: 17px;
    }

    .Footer-Instagram {
        width: 22px;
        height: 24px;
    }

    .Footer-Direccion {
        margin-top: 12px;
    }
}

@media only screen and (max-width: 420px)
{
    body {
        font-size: 15px;
        line-height: 15px;
    }

    .booklet .b-arrow {
        width: 12px;
        height: 19px;
    }
    
    .booklet .b-arrow div {
        width: 12px;
        height: 19px;
    }
    
    .booklet .b-arrow-prev {
        left: -20px;
    }
    
    .booklet .b-arrow-next {
        right: -20px;
    }

    .Footer {
        padding-top: 28px;
        padding-bottom: 25px;
    }

    .Footer-IcoFacebook {
        width: 14px;
        height: 25px;
        margin-right: 21px;
    }

    .Footer-Instagram {
        width: 26px;
        height: 28px;
    }

    .Footer-Direccion {
        width: auto;
        margin: 0px auto;
        margin-top: 15px;
        padding: 0px 10px;
    }
}