body {
    border: 14px solid #004489;
    min-height: calc(100vh - 28px);
    background-color: #fee7be !important;
    background-image: url(/assets/imagenes/fondo.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

h1, h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
}

@font-face {

    font-family: "attique";
    src: url(/assets/css/AtticAntique.ttf) format("truetype");
}

@font-face {

    font-family: "supumoni";
    src: url(/assets/css/Spumoni.ttf) format("truetype");
}

.supumoni {
    font-family: supumoni, Helvetica, Arial, sans-serif;
}


#contenedor {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
}

#contenedor2 {
    margin: 0 auto;
    max-width: 1250px;
    width: 100%;
}

#header {
    float: left;
    display: block;
    width: calc(100% - 20px);
    margin-top: 0px;
    background: #fee7be82;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

#header .logo {
    display: inline-block;
    width: 200px;
    float: left;
}

#header .logo img {
    width: 100%;
}

#header .menu {
    display: inline-block;
    width: calc(100% - 240px);
    margin-left: 40px;
    float: left;
}

.menu-options, .menu-info {
    display: block;
    width: 100%;
    float: left;
}

.menu-info {
    margin-top: -20px;
    margin-bottom: 20px;
}

.todos_viajes {
    width: 150px;
    background: #ffffff;
    padding: 10px;
    font-family: attique, Helvetica, Arial, sans-serif;
    color: #004489;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
    float: left;
}

.ul-telephone {
    width: 100%;
    list-style: none;
}

.menu-info .ul-telephone li {
    float: none;
    width: 100% !important;
    margin-top: 2px;
    color: #004489;
    font-weight: bold;
    font-size: 14px;
}

.horario {
    color: #004489;
    font-weight: bold;
    font-size: 12px;
    float: left;
    display: block;
    width: 400px;
    position: absolute;
    margin-left: 45px;
    margin-top: 58px;
}

.menu-options {
    margin-top: -4px;
}

#footer {
    float: left;
    display: block;
    width: 100%;
    margin-top: 30px;

}

.ul-lang {
    position: relative;
    list-style: none;
}

.ul-lang li {
    float: left;
    margin-left: 10px;

}

.ul-lang li a {
    font-size: 17px;
    color: #004489;
    font-weight: bold;
    font-family: inherit !important;
    max-width: none;
    min-width: none;
    text-decoration: none;

}


/*Strip the ul of padding and list styling*/
.menu-options > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

.menu-options > ul > li > ul {
    padding-left: 0;
    position: absolute;

}

/*Create a horizontal list with spacing*/
.menu-options li {
    display: inline-block;
    float: left;
    width: calc(100% / 7 - 10px) !important;
    margin-left: 0px;
}

/*Style for menu links*/
.menu-options li a {
    display: block;
    width: 100%;
    text-align: center;
    font-family: attique, Helvetica, Arial, sans-serif;
    color: #004489;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    line-height: 22px;
    max-width: 200px;
}

.lato, .lato a {
    font-family: 'Lato', sans-serif !important;
}

@media screen
and (min-width: 1000px) {
    /*Hover state for top level links*/
    .menu-options li:hover a {
        background: #fee7be;
    }

    /*Style for dropdown links*/
    .menu-options li:hover ul a {
        background: #fee7be;
        color: #2f3036;
        min-width: 140px;
        max-width: 260px;
        line-height: 44px;
        font-size: 17px;
        text-align: left;
        border-left: 2px solid #004489;
    }

    /*Hover state for dropdown links*/
    .menu-options li:hover ul a:hover {
        background: white;
        font-weight: normal;
    }

    /*Hide dropdown links until they are needed*/
    .menu-options li ul {
        display: none;
        padding-top:20px;
        background: #fee7be;
    }

    /*Make dropdown links vertical*/
    .menu-options li ul li {
        display: block;
        float: none;
    }

    /*Prevent text wrapping*/
    .menu-options li ul li a {
        /*width: 180px;*/
        width: 220px;
        min-width: 100px;
        padding: 0 10px;
    }

    /*Display the dropdown on hover*/
    .menu-options ul li a:hover + .hidden, .hidden:hover {
        /*display: block !important;*/
    }
    .menu-options li:hover > ul.hidden {
        display: block !important;
    }

    /* Y asegurar que el li tenga posición relativa */
    .menu-options li {
        position: relative;
    }
    /*Style 'show menu' label button and hide it by default*/
    .show-menu {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-decoration: none;
        color: #fff;
        background: #19c589;
        text-align: center;
        padding: 10px 0;
        display: none;
    }
}

/*Hide checkbox*/
.menu-options input[type=checkbox] {
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display: block;
}

#cuerpo {
    display: block;
    float: left;
    width: 100%;
    padding-top: 20px;
    display: x;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.menu_todos_viajes {
    width: 100%;
    height: 600px;
    position: relative;
    float: left;
    -webkit-box-shadow: 0px -1px 12px 0px rgb(206, 141, 76);
    -moz-box-shadow: 0px -1px 12px 0px rgb(206, 141, 76);;
    box-shadow: 0px -1px 12px 0px rgb(206, 141, 76);
    background-image: url("/assets/imagenes/AccedeViajes02.png");
    display: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.blue_it {
    color: #004489;
    font-style: italic;
}

.blue {
    color: #004489;
}

.brown {
    color: #8d5b08;
}

.bold {
    font-weight: bold;
}

.hiddenImportant {
    display: none !important;
}

.attique {
    font-family: attique, Helvetica, Arial, sans-serif;
}

.fondoAzul {
    background: transparent url(/assets/imagenes/que_es_banoa_azul_bg.png) repeat-y top left !important;
}

.mes {
    margin-left: 15px;
    margin-bottom: 10px;
    font-style: italic;
    text-transform: capitalize;
}

/*STYLES HOME*/
.b {
    box-sizing: border-box;
    display: inline-block;
    float: left;

}

.b1, .b2, .b3, .b4 {


}

.b1 {
    width: 50%;
    max-width: 619px;

    text-align: left;
}

.b1 img {
    width: auto;
    ma margin-left: 0%;

}

.b12 {
    width: 50%;
    max-height: 469px;
}

.b2 {
    width: 100%;
    padding-top: 40px;
}

.b2 a {
    text-decoration: none;
}

.actualizado {

    width: 100%;
    padding-top: 20px;
    background-image: url("/assets/imagenes/fondo1.png");
    background-color: #fffdf9;
    background-repeat: no-repeat;
    background-position: right;
}

.ac {
    background: #004489;
    width: 135px;
    height: 40px;
    line-height: 40px;
    color: white;
    font-size: 20px;
    font-family: attique, Helvetica, Arial, sans-serif;
    text-align: left;
    padding-left: 40px;
}

.t1 {
    color: #004489;
    width: calc(100% - 30px);
    font-size: 22px;
    font-family: attique, Helvetica, Arial, sans-serif;
    font-size: 40px;
    padding-left: 0px;
    line-height: 40px;
    padding-top: 10px;
    padding-left: 25px;
    text-align: left !important;
}

.t2 {
    font-size: 30px;
    line-height: 30px;
}

.accede {
    padding-top: 20px;
    font-size: 18px;
}

.b3 {
    width: 100%;
    margin-top: -31px;
    padding: 0;
    background: transparent;
}

.b3 .salidas-ul li {
    width: calc(16% - 10px);
}

.title-salidas {
    width: 100%;
    text-align: center;
    color: #004489;
    font-size: 17px;
    font-family: attique, Helvetica, Arial, sans-serif;
    font-weight: bold;

}

.salidas-ul, .promociones {
    list-style: none;

}

.salidas-ul li, .promociones li {
    float: left;
    margin-left: 10px;
}

.b4 {

    width: 100%;
    margin-top: 10px;
}

.promociones li {
    margin-left: 20px;
    width: calc(25% - 20px);
}

.promociones li a img {
    width: 100%;
}

.img1home {
    width: 70%;
    display: inline-block;
    float: left;
    background: transparent;
    text-align: center
}

.img1home a img {
    width: 99%;
    max-width: 617px;
    height: auto !important;
}

.img12home {
    width: calc(30% - 2px);
    display: inline-block;
    float: left;
    border: 1px solid transparent;
    text-align: center
}

.salidasHome {
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    float: left;
    text-align: center
}

.salidasHomeLast {
    margin-right: 0;
}

.salidasHome a img {
    width: 100%;
    max-width: 378px;
}

.avion img {

    margin-left: 30px;
}

@media screen
and (max-width: 1188px) {
    .b3 .salidas-ul li {
        width: calc(20% - 10px);
    }

    .todos_viajes {

    }
}

@media screen
and (max-width: 1267px) {
    .b12 {
        margin-top: -23px;
    }

    .t1 {
        padding-top: 0px;
    }

    .avion img {
        width: 80%;
        margin-left: 10px;
    }
}

@media screen
and (max-width: 1000px) {
    .img1home {
        width: 100%;
    }

    .img12home, .salidasHome {
        width: 100%;
    }

    .b3 .salidas-ul li {
        width: calc(30% - 10px);
    }

    .img12home {

        margin: 0 auto;
        margin-top: 10px !important;
    }

    .img1home a img {
        width: 100%;
        max-width: 200px;
        height: auto !important;
    }

    #cuerpo {
        padding-top: 20px;
    }

    .b1, .b12 {
        width: 100%;
        padding-left: 0%;
        padding-right: 0%;
    }

    .b1 {
        padding-left: 0;
        text-align: center;
        margin-top: -20px;
    }

    .b12 {
        margin-top: 0px;
        width: 100%;
        margin-left: 0%;
    }

    .b2 {
        padding-top: 0px;
        height: auto;
    }

    .b1 img {
        height: 100%;
        max-width: 340px;
    }

    .promociones li {
        margin-left: 0px;
        width: 66%;
        margin-left: 17%;
    }

    .t1 {
        font-size: 30px;
        line-height: 30px;
    }

    .t2, .accede {
        font-size: 18px;
        line-height: 18px;
    }

    .actualizado {
        padding-top: 10px;
        padding-bottom: 20px;
        background-image: none !important;
    }

    .ac {
        background: #004489;
        width: 135px;
        height: 30px;
        line-height: 30px;
        color: white;
        font-size: 15px;
        font-family: attique, Helvetica, Arial, sans-serif;
        text-align: left;
        padding-left: 40px;
        margin-left: -10px;
    }

    .b3 {
        margin-top: 20px;
    }

    .salidas-ul li, .promociones li {
        margin-left: 0px;
        width: calc(48% - 20px);
    }

    .promociones li {
        margin-left: 0px;
        width: 70%;
        margin-left: 15%;
    }

    .salidasHome a img {
        width: 75%;
        max-width: 320px;
    }

    .avion {
        display: none !important;
    }

    .lo_nuestro_col_der {
        display: none !important;
    }

    #pie {
        margin-top: 0px !important;
    }
}

/*END STYLES HOME*/


/*STYLES LISTADO VIAJES*/

.column1, .column2 {
    display: inline-block;
    float: left;
    min-height: 200px;
}

.column1 {
    margin-right: 30px;
    width: calc(70% - 90px);
    background: #fef9f0;
    background: #fff;
    padding: 30px;
}

.column1_header {
    display: block;
    width: 100%;
    text-align: right;
}

.column1_header span {
    line-height: 25px;
    font-weight: bold;
}

.column1_title {
    margin-top: 10px;
    border-bottom: 4px solid #fbe2b8;
    display: block;
    padding: 10px;
    text-align: left;
    width: calc(100% - 20px);
    line-height: 40px;
    font-size: 23px;
    margin-bottom: 20px !important;
    font-family: 'Lato', sans-serif !important;
}

.column2 {
    width: 30%;
}

#detallesViajeResumen {
    display: block;
    background: #fff;
    float: left;
    padding: 15px;
    width: calc(100% - 30px);
}

#detallesViajeResumen p {
    margin: 0px;
    margin-bottom: 3px;
}

#detallesViajeResumen p strong {
    font-family: 'Lato', sans-serif !important;
    color: #004489 !important;
}

#mapa_column2 {
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}

#mapa_column2 img {
    width: 100%;
}

.fa-5x {
    opacity: 0.5;
    position: absolute;
    margin-top: -150px;
    margin-left: 150px;
    cursor: pointer !important;
    color: #2f3036;
}

#TB_window {
    height: calc(100vh - 15px) !important;
    padding-top: 15px !important;
}

#TB_window img#TB_Image {
    display: block;
    margin: 0 auto !important;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #666;
    border-top: 0px solid #666;
    border-left: 0px solid #666;
    border: none !important;
    max-width: calc(100% - 4px);
    max-height: 90%;
    width: auto;
    height: auto;
    border: 2px solid #8d5b08 !important;
}

#TB_caption {
    height: 30px;
    padding: 7px 30px 10px 25px;
    float: left;
    color: #004489;
    text-align: center !important;
    max-width: 759px !important;
    display: block;
    float: left;
    max-width: calc(100% - 55px) !important;
    width: calc(100% - 55px) !important;
    font-size: 18px;
    font-family: attique, Helvetica, Arial, sans-serif;
}

#TB_window {
    background: #fff !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    top: 10px !important;
    width: 80% !important;
    height: 95vh !important;
    margin-left: -40% !important;

}

.text_mapa {
    text-align: center;
    font-size: 13px;
    margin-top: 3px;
}

.block_viajes {
    display: block;
    width: 100%;
    margin-top: 10px;
}

.block_viajes_title {
    display: block;
    width: calc(100% - 10px);
    background: #004489;
    color: #ffffff;
    padding: 5px;
    margin-bottom: 20px;
}

.block_viajes_listado {
    display: block;
    width: 100%;
}

.viaje {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 4px solid #fbe2b8;
    margin-bottom: 20px;
    background: #fef9f0;
    background: #fff;
}

.viaje_title {
    display: inline-block;
    float: left;
    width: calc(40% - 30px);
    font-size: 25px;
    line-height: 30px;
    padding-right: 10px;
    padding-left: 10px;
}

.msf {
    font-size: 19px;
    line-height: 22px;
}

.viaje_datos {
    display: inline-block;
    float: left;
    width: 60%;
}

.viaje_datos ul {
    margin-top: 0;
    list-style: none;
}

.viaje_datos ul li {
    line-height: 20px;
    font-size: 15px;
    color: black;
}

.viaje_accede {
    text-align: right;
}

.viaje_accede a {
    color: rgb(124, 75, 8) !important;
    font-family: 'Lato', sans-serif !important;

}

.block_viajes_listado .viaje:last-child {
   #border-bottom: none;
    #margin-bottom: 0px;
}

#TB_closeWindow {
    margin-top: 10px !important;
    padding-bottom: 10px !important;
}


@media screen
and (max-width: 1000px) {
    h1 {
        font-size: 20px !important;
    }

    #masInformacion {
        display: none !important;
    }

    #cuerpo {
        padding-top: 20px;
    }

    .column1, .column2 {
        display: block;
        min-height: 10px;
    }

    .column1 {
        margin-right: 10px;
        margin-left: 10px;
        width: calc(100% - 20px);
        background: #fff;
        padding: 0px;
        background: transparent;
    }

    .column1_header {
        display: none;
    }

    .column1_title {
        line-height: 30px;
        font-size: 21px;
        margin-top: 0px;
    }

    .block_viajes {
        margin: 0;
    }

    .block_viajes_title {
        margin-bottom: 0px;
    }

    .viaje {
        display: block;
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 0px;
    }

    .viaje_title {
        width: calc(100% - 15px);
        font-size: 22px;
        line-height: 30px;
        font-weight: bold;
        padding-right: 15px;
        font-size: 22px;
        line-height: 24px;
    }

    .viaje_datos {
        display: inline-block;
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .viaje_datos ul {
        padding: 0;
        margin: 0;
        margin-bottom: 5px;
    }

    .viaje_datos ul li {
        font-size: 13px;
        line-height: 14px;
    }

    .column2 {
        width: 100%;
    }

    .viaje_accede a {
        font-size: 14px;
    }

    #TB_caption {
        float: left !important;
        margin-top: -5px !important;
        z-index: 99999 !important;
        position: relative !important;
        max-width: 307px !important;
    }

    #footer {
        margin-top: 10px;
    }
}

/*END STYLES LISTADO VIAJES*/


/*STYLES VIAJE*/
.column1 {
    padding-left: 35px;
    padding-right: 35px;
    width: calc(70% - 100px);
}

.margin60 {
    margin-top: 60px;
}

.viaje_h1, .migasDePan {
    display: block;
    float: left;
    line-height: 22px;
    text-align: right;
    width: 100%;
}

.right_title {
    display: block;
    width: 100%;

}

.imagen {
    position: absolute;
    margin-top: -80px;
    margin-left: -16px;
}

.titulo_viaje {
    display: block;
    float: left;
    margin-left: 240px;
}

.viaje_titulo1 {
    font-size: 28px;
    line-height: 34px;
}

.viaje_subtitlo {
    font-size: 25px;
    line-height: 32px;

}

#introduccionViaje {
    display: block;
    float: left;
    margin-top: 25px;
}

#introduccionViaje p, #detallesViaje p {

    text-align: justify;
    text-indent: 1em;
    line-height: 22px;
}

.detalle h3 {
    border-bottom: 4px solid #fbe2b8;
    color: #8d5b08;
    line-height: 34px;
    font-size: 21px;
}

.incluye, .no-incluye {
    display: inline-block;
    float: left;
}

.incluye {
    width: calc(50% - 15px);
    margin-right: 15px;
    font-size: 14px;
}

.no-incluye {
    width: calc(50% - 15px);
    margin-left: 15px;
    font-size: 14px;
}

.detalle {
    display: block;
    width: 100%;
    float: left;
}

.detalle ul {
    list-style: none;
    padding: 0px !important;
}

.form {
    display: block;
    width: 100%;
    margin-top: -15px;
    min-height: 30px;
}

.form_mapa {
    display: inline-block;
    width: 30%;
    float: left;
    min-height: 150px;

}

.form_mapa img {
    width: 100%;
    border: 2px solid #8d5b08;
}

.form_fields {
    display: inline-block;
    width: calc(70% - 60px);
    margin-left: 30px;
    float: left;
    min-height: 150px;
    padding-left: 30px;
}

.form_fields div {
    display: inline-block;
    float: left;
}

.form_fields .titular {
    width: 100%;
}

.form_fields .titulo {
    width: 80%;
    font-size: 18px;
}

.form_fields label {
    display: block;

}

.form_fields .datos {
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.form_fields .datos input {
    width: auto;
}

.form_fields .viajado {
    display: inline-block;
}

.form_fields .mes_form {
    width: 20%;
}

.form_fields input, .form_fields textarea, .form_fields select {
    border: none;
    border-bottom: 2px solid #8d5b08;
    padding: 4px;
    width: 100%;
    margin-top: 5px;
}

.form_fields .campo {
    margin-bottom: 10px;
}

.form_fields .nombre_ {
    margin-right: 10px;
    width: calc(30% - 10px);
}

.form_fields ._nombre {
    margin-right: 10px;
    width: calc(40% - 10px);
}

.form_fields ._apellido {
    margin-left: 10px;
    width: calc(60% - 10px);
}

.form_fields .apellidos {
    margin-left: 10px;
    width: calc(70% - 10px);
}

.form_fields .direccion_ {
    margin-right: 10px;
    width: calc(80% - 10px);
}

.form_fields .cp_ {
    margin-left: 10px;
    width: calc(20% - 10px);
}

.form_fields ._cp {
    margin-left: 10px;
    width: calc(50% - 10px);
}

.form_fields .pob_ {
    margin-right: 10px;
    width: calc(34% - 10px);
}

.form_fields .prov_ {
    margin-left: 10px;
    width: calc(33% - 10px);
}

.form_fields .pais_ {
    margin-left: 20px;
    width: calc(33% - 20px);
}

.form_fields .email_ {
    margin-right: 10px;
    width: calc(70% - 10px);
}

.form_fields ._email {
    margin-right: 10px;
    width: calc(50% - 10px);
}

.form_fields .telefono_ {
    margin-left: 10px;
    width: calc(30% - 10px);
}

.form_fields .comentarios_, .form_fields ._comentarios {
    width: 100%;
}

.form_fields input[type="checkbox"] {
    width: 17px;
    height: 17px
}

.form_fields .envio {
    display: block;
    float: left;
    width: 100%;
}

.form_fields .envio .captcha, .botones {
    display: block;
    float: left;
    width: 50%;
    margin: 0px;
}

.form_fields .envio .captcha .img {
    width: 50%;
    display: inline-block;
    float: left;
    margin-top: 15px;
}

.form_fields .envio .captcha .input {
    margin-top: 15px;
    width: 50%;
    display: inline-block;
    float: left;
}

.form_fields .envio .captcha .input input {
    width: 100%;
    display: inline-block;
    float: left;
}

.enviar {
    margin-top: 30px !important;
    float: right;
    width: auto !important;
    padding: 50px !important;
    padding-top: 13px !important;
    padding-bottom: 10px !important;
    background: #004489;
    color: #e6f9f0;
    font-size: 20px;
    border-bottom: 3px solid #004489 !important;
    cursor: pointer;
}

.enviar:hover {
    border-bottom: 3px solid #8d5b08 !important;
}

.obligatorios {
    display: block;
    text-align: right;
    width: 100%;
    float: left;
    font-size: 14px;
    margin-top: 10px;
}

#formularioMasInformacion h3 {
    width: 70%;
    text-align: center;
    background: #004489;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fef9f0;
    font-size: 24px;
    font-weight: normal;
    margin-left: 15%;
    position: relative;
    z-index: 2;
}

#solicitudMasInfo {
    border-top: 2px dashed #004489;
    border-bottom: 2px dashed #004489;
    margin-top: -45px;
    background: #fee7be82;
    padding: 50px;
    z-index: 0;
    position: relative;
    float: left;
}

.notaLegal {
    display: block;
    width: 100%;
    float: left;
    font-size: 12px;
}

#tituloViaje2 {
    display: none;
}

#detallesViaje .detalle p {
    text-indent: initial !important;
    text-align: initial !important;
}

@media screen
and (max-width: 1000px) {

    .fa-5x {
        display: none !important;
    }

    .vaca {
        position: absolute;
        z-index: 4000;
        left: 50%;
    }

    #tituloViaje2 {
        display: block;
    }

    .column1 {
        width: calc(100% - 24px);
        padding: 0px;
    }

    .migasDePan, .viaje_h1 {
        display: none;
    }

    .titulo_viaje {

        display: none;
    }

    #introduccionViaje {
        margin-top: 359px;
        padding-top: 10px;

    }

    #tituloViaje2 {
        margin-bottom: 10px;
    }

    .imagen img {
        margin-left: calc(50vw - 185px);
        z-index: 2;
        position: relative;
    }

    .bck {
        display: block;
        background: #fff;
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        font-size: 14px;
    }

    .ic {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .detalle h3 {
        background: #fef9f0;
    }

    #detallesViajeResumen {
        position: absolute;
        top: 0;
        margin-top: 340px;
        z-index: 0;
        width: 65%;
        margin-left: 13%;
        font-size: 14px;
    }

    .viaje_titulo1 br, .viaje_subtitlo br {

    }

    .viaje_titulo1 {
        padding-right: 15px;
    }

    .viaje_subtitlo {
        font-size: 19px;
        line-height: 23px;
        padding-right: 15px;
    }

    .detalle h3 {

        color: #004489;
        line-height: 34px;
        font-size: 21px;
        width: 100%;
        background: #fbe2b8;
        position: relative;
        left: 0;
        margin-left: -10px;
        width: calc(100% + 0px);
        padding-left: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #mapa_column2 {
        display: block;
        float: left;
        width: 80%;
        margin-top: 20px;
        padding-left: 10%;
        padding-right: 10%;
        margin-top: -30px;
    }

    #TB_window {
        position: fixed;
        background: #ffffff;
        z-index: 102;
        color: #000000;
        display: none;
        border: 4px solid #525252;
        text-align: left;
        top: 5% !important;
        left: 5% !important;
        overflow: scroll;
        margin-left: 0 !important;
        width: 85vw !important;
        display: block;
        height: auto !important;
    }

    #TB_window img#TB_Image {
        width: 90% !important;
        height: auto !important;
    }

    .form_mapa {
        display: none;
    }

    .form_fields, .envio, .captcha, .botones {
        display: inline-block;
        width: 100% !important;
        margin-left: 0;
        float: left;
        min-height: 150px;
        padding-left: 0px;
        min-height: 0px;
    }

    .campo {
        width: 100% !important;
        margin: 0 !important;
        margin-top: 10px !important;
    }

    .envio {
        margin-top: 10px;
    }

    .captcha .img {
        width: 100%;
        display: block;
        float: left;
    }

    .enviar {
        margin-top: 30px !important;
        /* float: right; */
        width: auto !important;
        padding: 50px !important;
        padding-top: 13px !important;
        padding-bottom: 10px !important;
        background: #004489;
        color: #e6f9f0;
        font-size: 20px;
        border-bottom: 3px solid #004489 !important;
        cursor: pointer;
        margin: 0 auto;
        float: none;
        display: block !important;
    }

    .detalle p {
        padding: 0;
        margin: 0;
        text-indent: 0px !important;
    }

    .viajado {
        font-size: 13px;
    }

    .form_fields .mes_form {
        display: block;
        width: 100%;
        margin-top: 4px;
    }

    .form_fields input[type="checkbox"] {
        width: 21px;
        height: 22px;
        margin-bottom: 4px;
    }

    .captcha .input {
        display: block;
        width: 100%;
    }

    .form_fields .envio .captcha .img {
        width: 100%;
    }

}

/*END STYLES VIAJE*/
@media screen
and (max-width: 1268px) {
    .actualizado {
        height: 203px !important;
    }

    .t1 {
        line-height: 40px !important;
    }
}

/*Responsive Styles*/
@media screen
and (max-width: 1211px) {
    .flecha {
        display: none !important;
    }

    .todos_viajes {
        width: 90% !important;
    }

    .todos_viajes_text {
        width: 100% !important;
    }
}

@media screen
and (max-width: 1000px) {
    .actualizado {
        height: auto !important;
        padding-top:30px!important;
    }

    body {
        border: 8px solid #004489;
        min-height: calc(100vh - 16px);
    }

    #contenedor {
        display: inline-block;
    }

    #header {
        margin-top: 0px;
    }

    #header .menu {
        width: 100%;
        margin-left: 0px;
        z-index: 999999;
        position: relative;
    }

    .logo {
        width: 70px !important;
        margin-left: 20px;
    }

    .menu-options {
        margin-top: -70px;

    }

    #menu {
        margin-top: 69px;
        padding-top: 20px !important;
    }

    /*Make dropdown links appear inline*/
    .menu-options ul {
        position: static;
        display: none;
        position: absolute;
        width: 87%;
        background: white;
        margin-top: 30px;

    }

    /*Create vertical spacing*/
    .menu-options li {
        padding-left: 40px;
        margin-bottom: 10px;
        width: calc(100% - 40px) !important;
    }

    /*Make all menu links full width*/
    .menu-options ul li, .menu-options ul li a {

        max-width: 350px;
        text-align: left;
    }

    /*Display 'show menu' link*/
    .show-menu {
        display: block;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-decoration: none;
        color: #004489;
        background: white;
        text-align: center;
        padding: 5px 0;
        width: 30px;
        position: absolute;
        margin-top: 0px;
        margin-left: 100px;
        margin-top: 35px;
    }

    .menu-options ul li a:hover + .hidden, .hidden:hover {
        /* display: none; */
    }

    .telephone {
        display: none !important;
    }

    .langs {
        padding: 0px !important;
        width: 90px !important;
        /* margin-top: -40px; */
        margin-left: calc(100vw - 140px);
        text-align: left;
        position: absolute;
    }

    .ul-lang {
        padding: 0px;
    }

    .ul-lang li {
        margin-left: 5px;
    }

    .ul-lang li a {
        font-size: 12px;
        text-decoration: none;
    }

}

#pie {
    margin: 0em 0em 1em;
    background: #fee7be82;
    width: 100%;
    display: block;
    float: left;
}

#pie #direcciones {

    font: normal normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: rgb(0, 51, 153);
    text-align: center;
    background: transparent url("/assets/imagenes/pie_bg.jpg") no-repeat scroll center top;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 0px solid #004489;
    width: 91%;
    padding-left: 2%;
    padding-right: 2%;
    margin-left: 2%;
    display: block;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    background: transparent;
}

#direcciones ul {
    list-style: outside none none;
    padding: 0em;
    margin: 0em;
}

.negrita {
    font-weight: bold;
}

.fbig {
    font-size: 15px !important;
}

.blue {
    color: #004489 !important;
}

.brown {
    color: rgb(151, 91, 7) !important;
}

.mapa_list li a {

}

#direcciones ul.conSeparaciones li {

    background: transparent url("/assets/imagenes/pie_bg_lista.gif") no-repeat scroll left top;
    padding: 0em 1em;
    display: inline;
    font-style: italic;

}

#direcciones li {

    padding-top: 0.5em;

}

#pie #paises, .menu_todos_viajes {

    font: normal normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    color: rgb(151, 91, 7);

}

#paises {

    display: block;
    float: left;
    width: 90%;
    background: white !important;

}

.contenidos_opciones {

    display: block;
    float: left;
    width: 95%;
    margin-left: 0%;
    /* background-image: url("/assets/imagenes/AccedeViajes02.png");
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
    */
    padding-left: 5%;
    display: block;
    float: left;
    width: 100%;
    margin-left: 0%;
    padding-left: 10%;
}

#paises {

}

#paises ul, .menu_todos_viajes ul {

    list-style: outside none none;
    padding: 0em;
    width: 12em;
    margin: 0em 0.5em 1em;
    list-style: outside none none;
}

#paises li.negrita, .menu_todos_viajes li.negrita {

    text-transform: uppercase;
    font-size: 12px;
    font-family: attique, Helvetica, Arial, sans-serif;

}

#paises li, menu_todos_viajes li {
    margin: 3px 0px;
}

.left {

    float: left;

}

a {

    color: rgb(151, 91, 7);
    text-decoration: none;
    color: rgb(0, 51, 153);
}

.error {
    margin-top: 3px;
    color: #b50c0c;
    font-size: 11px;
    position: relative;
    border-top: 1px solid red;
    padding-top: 2px;
}


/* STYLES MAPA */
.col1mapa {
    /*background: transparent;*/
    z-index: -10;
}

.imagen-mapa-1 {
    display: block;
    width: 100%;
    float: left;
    text-align: center;

}

.imagen-mapa-1 img {
    margin: 0 auto;
    width: 602px;
}

.imagen-mapa-2 {
    display: none;
    width: 100%;
    float: left;
    margin: 0 auto;
    text-align: center;
}

.imagen-mapa-2 img {
    width: 301px;
}

.informacionExtra {
    display: block;
    width: calc(100% - 15px);
    float: left;
    margin-top: 0px;
    margin: 0 auto;
    margin-left: 15px;
}

#listadoViajesPaises {
    background: #fef9f0;
    background: #fff;
    display: block;
    width: calc(100% - 30px);
    padding: 15px;
    float: left;
    margin-top: 10px;
    margin: 0 auto;

    text-align: center;
    /*
        -webkit-box-shadow: 0px -1px 12px 0px rgb(206, 141, 76);
    -moz-box-shadow: 0px -1px 12px 0px rgb(206, 141, 76);
    box-shadow: 0px -1px 12px 0px rgb(206, 141, 76);
    */
}

#listadoViajesPaises .listados {
    float: left;
    width: 30%;
    margin: 0 auto;
}

#listadoViajesPaises .listado {
    /* width: 32%; */
    margin: 1% 1% 0em 0em;
    /* display: inline-block; */
    /* float: left; */
    /* text-align: center; */
    margin-top: 20px;
    /* width: 18em; */
    margin-left: 1%;
    text-align: center;
}

#listadoViajesPaises .listado h3 {
    color: rgb(151, 91, 7);
    text-transform: uppercase;
    display: block;
    margin: 0em;
    text-transform: uppercase;
    font-size: 13px;

    margin-bottom: 10px;
}

#listadoViajesPaises .listado ul {
    list-style: none;
    padding: 0em;
    margin: 0em;
}

#listadoViajesPaises .listado ul li a {
    cursor: pointer;
    font-size: 12px;
}

#mapa .informacionExtra p.flecha2 {
    float: left;
    margin-top: 5px;
}

#mapa .informacionExtra p.texto {
    font-size: 13px;
    float: left;
    text-align: left;
    font-style: italic;
}

.col1mapa h1 {
    font-family: "attique";
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 10px;
    display: block;
    padding: 10px;
    text-align: left;
    width: calc(100% - 20px);

}

.img_viaje {
    margin-top: -120px;
}

@media screen
and (max-width: 1000px) {
    .img_viaje {
        margin-top: -80px;
    }

    .imagen-mapa-1 {
        display: none;
    }

    .imagen-mapa-2 {
        display: block;
    }

    #listadoViajesPaises .listados {
        float: left;
        width: 100%;
    }

    #listadoViajesPaises .listado {
        width: 100% !important;
        margin-bottom: 20px;
        display: block;
        float: left;
        text-align: center;
        margin-top: 20px;
    }

    .flecha2 {
        display: none;
    }

    .mapa_list {
        width: 45%;
        margin: 0 !important;
        margin-top: 10px !important;
    }

    .img-pie {
        margin-top: -20px !important;
    }
}

/* END STYLES MAPA */

/* STYLES QUE ES BANOA */

#listaAcordeon {
    display: block;
    float: left;
    width: 100%;
    margin-top: 115px;
    background: #fef9f0;
    background: #fff;
}

.titulo-que-es {
    border-bottom: 4px solid #fbe2b8;
    color: rgb(151, 91, 7);
    line-height: 34px;
    font-size: 21px;
    font-family: "attique";
    width: 100%;
    display: block;
    line-height: 34px;
    font-weight: 700;
    margin-top: 20px;
}

.colquees h1 {
    display: none;
}

#listaAcordeon div p {
    text-align: justify;

    line-height: 22px;
}

#solicitudMasInfo2 {
    background: #e2dfd4;
    border-top: 2px dashed #004489;
    border-bottom: 2px dashed #004489;
}

.contenidos2 {
    margin-top: 40px;
}

fieldset {
    margin-top: 20px;
    border: 2px solid #8d5b08;
    padding-bottom: 20px;
}

legend {
    font-size: 19px;
}

.colguia {

}

#solicitudMasInfo2 .campo {
    width: calc(50% - 15px);
    margin-right: 15px;
    display: inline-block;
    float: left;
    margin-top: 10px;
}

#solicitudMasInfo2 .campo2 {
    width: 100%;
    display: block;
    float: left;
    margin-top: 20px;
}

.campo input, .campo textarea, .campo select {
    border: none;
    border-bottom: 2px solid #8d5b08;
    padding: 4px;
    width: 100%;
    margin-top: 5px;
    max-width: 700px;
}

.espaciado .captcha, .botones {
    display: block;
    float: left;
    width: 50%;
    margin: 0px;
}

#solicitudMasInfo2 {
    padding: 15px !important;
}

.espaciado {
    border: none;
}

#solicitudMasInfo2 h3 {
    width: 70%;
    text-align: center;
    background: #004489;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fef9f0;
    font-size: 24px;
    font-weight: normal;
    margin-left: 15%;
    position: relative;
    z-index: 2;
    margin-top: -40px;
}

.captcha2 .input {
    margin-top: 15px;
    width: 50%;
    display: inline-block;
    float: left;
}

@media screen
and (max-width: 1000px) {
    .nomartop {
        margin-top: 0;
    }

    .colquees {
        padding-top: 0px;
    }

    #listaAcordeon {
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0px;
        margin-top: 0px;

    }

    .titulo-que-es {
        background: #fbe2b8;
        color: #004489;
        line-height: 34px;
        font-size: 21px;
        position: relative;
        left: 0;
        margin-left: -15px;
        width: calc(100% + 5px);
        padding-left: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .titulo_que_es {
        margin-top: 20px;
        padding: 5px;
        display: none;
    }

    .colquees h1 {
        display: none;
    }

    .img_que_es {
        display: block;
        float: left;

        margin-top: -40px;
    }

    .img_que_es img {
        width: 0%;
        display: none;
    }

    .mtop2 {
        margin-top: 0px !important;
    }
}

/* END STYLES QUE ES BANOA */

/*STYLES CONTACTO*/

.contacto {
    display: block;
    margin-top: 0px;
    border-top: 2px dashed #004489;
    border-bottom: 2px dashed #004489;
    background: #e2dfd4e6;
    padding: 50px;
    width: calc(100% - 100px);
    z-index: 0;
    position: relative;
    float: left;
}

.contacto h1 {
    width: 70%;
    text-align: center;
    background: #004489;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fef9f0;
    font-size: 24px;
    font-weight: normal;
    margin-left: 15%;
    position: relative;
    z-index: 2;
    margin-top: -70px;
}

#listadoOficinas ul li, #informacion {
    line-height: 22px;
}

#listadoOficinas li.bilbao {
    background: transparent url(/assets/imagenes/contacto_bilbao.png) no-repeat top center;
    float: left;
}

#listadoOficinas ul {
    list-style: none;
}

#listadoOficinas li {
    width: 280px;
    height: 375px;
    display: inline-block;
    float: left;
}

#listadoOficinas li.bilbao {
    background: transparent url(/assets/imagenes/contacto_bilbao.png) no-repeat top center;
    float: left;
}

#listadoOficinas li.barcelona {
    background: transparent url(/assets/imagenes/contacto_barcelona.png) no-repeat top center;
    float: right;
}

#listadoOficinas li.bilbao .posicion {
    position: relative;
    margin: 0;
    color: #003399;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin-left: 49px;
    margin-top: 16px;
}

#listadoOficinas li.barcelona .posicion {
    position: relative;
    margin: 0;
    color: #003399;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin-left: 49px;
    margin-top: -10px;
}

#listadoOficinas li p {
    margin: 0;
    color: #003399;
    font-weight: bold;
}

#listadoOficinas li p.titulo {
    margin-bottom: 15px;
    font-style: italic;
}

#listadoOficinas li a {
    color: #003399;
    text-decoration: underline;
}

#listadoOficinas li a:hover {
    color: #003399;
}

.enlace_maps a {
    display: block;
    width: 215px;
    height: 200px;
    margin: 62px 0 0;
    color: transparent !important;
}

@media screen
and (max-width: 1000px) {
    .contacto {

        margin-top: 60px;
        padding: 20px;
        width: calc(100% - 40px);

    }

    .contacto h1 {
        width: 90%;
        text-align: center;
        background: #004489;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #fef9f0;
        font-size: 20px;
        font-weight: normal;
        margin-left: 2%;
        position: relative;
        z-index: 2;
        margin-top: -40px;
    }

    #listadoOficinas ul {
        padding: 0;
    }

    #listadoOficinas li {
        margin-bottom: 30px;
    }
}

/*END STYLES CONTACTO*/

.line_h {
    line-height: 20px !important;
    font-size: 14px;
}

/* COLUMNAS DERECHA */

.salidas_meses_col_der {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background: #fee7be82;
}

.lo_nuestro_col_der {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    background: #fee7be82;
}

#papelSimulado {
    display: block;
    float: left;
    width: 100%;
    max-width: 308px;
    border-bottom: 1px solid rgb(0, 51, 153);
    margin-left: calc((100% - 308px) / 2);

}

#papelSimulado .contenidos {
    display: block;
    float: left;
    background: transparent url(/assets/imagenes/papel_simulado_centro.png) repeat-y top left;
    width: auto;
    margin: 0em;

}

#papelSimulado .cabecera {
    background: transparent url(/assets/imagenes/papel_simulado_cabecera.png) no-repeat top left;
    height: 78px;
}

.imagen__ {
    max-width: 305px;
    margin-top: -40px;
}

#papelSimulado .trekking p {
    margin: 0em;
    text-align: justify;
    font-size: 14px;
    padding: 10px;
    margin-top: -20px;
    line-height: 20px;
}

.contenidos h4 {
    font-size: 20px;
}

.textos_ .titulo {
    border-bottom: 4px solid #fbe2b8;
    color: rgb(151, 91, 7);
    line-height: 34px;
    font-size: 21px;
    font-family: "attique";
    width: 100%;
    display: block;
    line-height: 34px;
    font-weight: 700;
    margin-top: 20px;
}

.textos_ p {
    text-align: justify;
    line-height: 22px;
}

/* END COLUMNAS DERECHA */

/* styles general*/
@media screen
and (max-width: 1000px) {
    .column2 {
        margin-top: 30px !important;
    }

    #mapa_column2 {

        margin-top: 0px;
    }

    .menu-options > ul > li > ul {
        padding-left: 0;
        position: absolute;
        display: block;
        position: relative;
        margin-top: 0px;
        padding-top: 10px;
        width: calc(100% - 40px);
    }

    .menu-options > ul > li > ul > li > a {
        color: #8d5b08;
    }

    .ul-lang {
        margin-top: -30px;
    }

    .ul-lang li, .ul-lang li a {
        font-weight: bold;
        font-size: 12px;
        display: block;
        float: left;
        width: 100%;
        margin-top: 3px;
    }

    .ul-lang li a {
        font-weight: normal;
        display: block;
        margin-top: 0px;
    }

    .column2 .salidas-ul li, .column2 .promociones li {
        margin-left: 20px;

    }

    #menu {
        height: 100vh;
        position: relative;
    }

    .menu-options ul {

        width: 100%;
    }

    .show-menu {
        background: #fef9f0;
        padding: 9px 0;
        width: 40px;

    }

    .imagen img {
        width: 190px;
        width: 145px;
        margin-left: calc(50vw - 100px);
    }

    #detallesViajeResumen {
        position: absolute;
        top: 0;
        margin: 0px;
        margin-top: 227px;
        z-index: 0;
        width: calc(90% - 35px);
        margin-left: calc(5% - 5px);
        font-size: 14px;
    }

    #introduccionViaje {
        margin-top: 260px;
        padding-top: 10px;
    }

    .viaje_datos ul li {
        font-size: 13px;
        line-height: 17px;
    }

    #header {
        float: left;
        display: block;
        width: calc(100% - 20px);
        margin-top: 10px;
        background: #fee7be82;
        padding-top: 13px;
        padding-bottom: 11px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .logo {
        width: 80px !important;
        margin-left: 10px;
    }
}

#barraaceptacion {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 20px;
    width: calc(100% - 40px);
    text-align: center;
    min-height: 40px;
    padding: 20px;
    background-color: rgb(0, 68, 137);
    color: #fff;
    z-index: 99999;
}

.inner {
    width: 100%;


    font-family: verdana;
    font-size: 14px;
    top: 10%;
    line-height: 17px;
}

.inner a.ok {
    padding: 4px;
    color: white;
    text-decoration: none;
}

.inner a.info {
    padding-left: 5px;
    text-decoration: none;
    color: white;
}

.padding-left {
    padding-left: 100px;
}

.spumoni {
    font-family: supumoni, Helvetica, Arial, sans-serif !important;
}

.fVerde {
    background-image: url(/assets/imagenes/botonesMeses/boton_verde.png);
    width: 92px !important;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-repeat: no-repeat;
}

.fRojizo {
    background-image: url(/assets/imagenes/botonesMeses/boton_rojizo.png);
    width: 92px !important;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-repeat: no-repeat;
}

.fAzul {
    background-image: url(/assets/imagenes/botonesMeses/boton_azul.png);
    width: 92px !important;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-repeat: no-repeat;

}

.fNaranja {
    background-image: url(/assets/imagenes/botonesMeses/boton_naranja.png);
    width: 92px !important;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-repeat: no-repeat;
}

.fNaranja-big {
    background-image: url(/assets/imagenes/botonesMeses/Medio150x30/150x30_boton_mes_naranja.png);
    width: 150px !important;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-repeat: no-repeat;
}

.fLila {
    background-image: url(/assets/imagenes/botonesMeses/boton_llila.png);
    width: 92px !important;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-repeat: no-repeat;
}

.fAmarillo {
    background-image: url(/assets/imagenes/botonesMeses/boton_amarillo.png);
    width: 92px !important;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-repeat: no-repeat;
}

.fAmarillo-big {
    background-image: url(/assets/imagenes/botonesMeses/Medio150x30/150x30_boton_mes_amarillo.png);
    width: 150px !important;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-repeat: no-repeat;
}

.botMes {
    text-align: center;
    font-size: 22px;
    margin-top: 10px;
    background-color: transparent;
    border-radius: 20px;

}

.botMes a, botMes20 a {
    color: rgb(151, 91, 7) !important;
}

.botMes20 {
    font-size: 20px;
    margin-top: 10px;

    border-radius: 20px;
}

.spumoni a {
    font-family: supumoni, Helvetica, Arial, sans-serif !important;
    color: rgb(151, 91, 7) !important;
}


@media (min-width: 768px) and (max-width: 1137px) {

    .telef {
        float: left;
        display: inline-block;
        width: 37% !important;
        margin-top: -7px;
        margin-left: -65px !important;
    }

}