/*FUENTE DÉ - FIDI - 2020*/
/*ESTILOS GENERALES*/

@font-face {
    font-family: ‘Anemone’;
    src: url('../fonts/anemone-regular-webfont.woff2') format(‘woff2’), url(../fonts/anemone-regular-webfont.woff2) format(‘woff’);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Anemone";
    src: url('../fonts/Anemone-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Anemone";
    src: url('../fonts/Anemone-Regular.eot') format(‘eot’);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Anemone";
    src: url('../fonts/Anemone-Regular.svg') format(‘svg’);
    font-weight: normal;
    font-style: normal;
}

body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #333;
    line-height: 1.5em;
    font-family: 'Poppins', sans-serif;
}

h1 {
    font-size: 1.5em;
    font-family: "Staatliches", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 2% !important;
}

.numero {
    border-radius: 50%;
    background-color: #E9A823;
    font-family: "Staatliches", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8em;
    width: 50px;
    height: 50px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px 2% 0px auto;
    float: left
}

h2 {
    font-size: 1.3em;
    font-family: "Staatliches", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h3 {
    font-size: 1.2em;
    font-family: "Staatliches", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h4, h5, h6 {
    font-size: 1.1em;
    font-family: "Staatliches", sans-serif;
    font-weight: 400;
    font-style: normal;
}

a {
    text-decoration: none !important;
    color: #6D3C3D !important; /*Cambiar color general enlace*/
    transition: all 0.2s ease-in-out 0s;
}

    a:hover {
        cursor: pointer;
        text-decoration: underline;
        color: #000;
    }

.separador {
    display: block;
    height: 1px;
    background-color: transparent;
    width: 100%;
    clear: both;
}
.anadir_cesta {
    width: 180px;
    background-color: #597920;
    color: #fff !important;
    font-size: 1.1em;
    line-height: 2em;
    margin-top: 1em;
    border: 1px solid #597920;
    border-radius: 16px;
    margin-bottom: 1em;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease-in-out 0s;
}
.contenido {
    margin: 0px auto;
    display: block;
    width: 90%;
    max-width: 1366px;
    /*padding: 4% 0;*/
    padding: 1% 0;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #597920 !important;
}

.nav-link {
    color:#6D3C3D !important
}
.alert {
    font-size: 0.8em;
    text-align: left;
    color: #405d6f;
}

.selecciona_tarjeta {
    margin: 0px 0px 10px 10px;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tabs-tab {
    border-radius: 10px;
}

.ui-tabs-nav {
    text-align: center;
}

    .ui-tabs-nav li {
        display: inline-block;
        float: none !important;
    }

.pestanas a {
    color: #fff !important;
}

.pestanas .ui-widget-header {
    background-color: #fff !important;
    border: 0px !important;
}

.pestanas .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #6D3C3D !important;
    background: #6D3C3D !important;
    font-weight: normal;
    color: #454545;
}

.combosPestanas .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #597920 !important;
    background: #597920 !important;
    font-weight: normal;
    color: #ffffff !important;
}

.combosTextos {
    padding: 2em;
    background-color: #f4f4f4;
    border: 2px #597920 solid;
    border-radius: 10px;
}

    .combosTextos h2 {
        color: #597920;
        font-size: 1.4em;
        text-align: center;
        font-weight: bold;
    }

    .combosTextos h3 {
        font-size: 1.3em;
        color: #6D3C3D;
        text-align: center;
        font-weight: bold;
        text-align: center;
    }

/*Estilos para botón volver*/
.atras a {
    display: block;
    width: 150px;
    height: 2em;
    line-height: 2em;
    color: #597920;
    text-align: center;
}

    .atras a:hover {
        text-decoration: none;
        color: #3D9735;
    }

/*Estilos para botón UP*/
.arriba {
    position: fixed;
    right: 1em;
    bottom: 3em;
    display: none;
}

    .arriba a {
        font-size: 3em;
        color: #405d6f;
        opacity: 0.7;
    }

        .arriba a:hover {
            opacity: 1;
        }

/*Estilos para formularios*/
input[type=text],
textarea,
input[type=password],
input[type=email],
input[type=datetime],
input[type=date],
input[type=number] {
    border: 1px solid #ccc;
    border-radius: 16px;
    line-height: 2em;
    margin-bottom: 1em;
    text-indent: 0.75em;
}

    input[type=text]:hover {
        color: #333;
    }

input[type=submit],
input[type=button] {
    /*width: 100%;*/
    border: 1px solid #597920;
    border-radius: 16px;
    line-height: 2.5em;
    margin-bottom: 1em;
    color: #597920;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    transition: all 0.2s ease-in-out 0s;
}

    input[type=submit]:hover,
    input[type=button]:hover {
        background-color: #597920;
        color: #fff;
        cursor: pointer;
    }

select {
    border: 1px solid #ccc;
    border-radius: 16px;
    line-height: 2.5em;
    margin-bottom: 1em;
    text-indent: 0.75em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-color: #fff;
    background-image: url(../img/elementos/abajo.png);
    background-position: right 3px center;
    background-repeat: no-repeat;
}

.select:focus {
    border: 0px;
}

.text-danger,
.text-danger2 {
    background-color: #f9f3c4;
    color: red;
    border-radius: 10px;
    font-size: 0.8em;
    display: block;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 0.75em;
}

.text-danger2 {
    margin-top: 0px;
    width: 300px;
}

.form-group {
    position: relative;
}

    .form-group #show_passwordA,
    .form-group #show_passwordBR,
    .form-group #show_passwordBRR,
    .form-group #show_passwordLogin,
    .form-group #show_passwordRP,
    .form-group #show_passwordRPR {
        position: absolute;
        /*top: 15px;*/
        top: 39px;
        right: 10px;
    }

    .form-group #show_passwordAnteriorModificar,
    .form-group #show_passwordModificar,
    .form-group #show_passwordRepetidaModificar {
        position: absolute;
        top: 39px;
        right: 15px;
    }

    .form-group #show_passwordB {
        top: 15px;
    }

    .form-group #show_passwordRegistroPass,
    .form-group #show_passwordC,
    .form-group #show_passwordR {
        position: absolute;
        /*right: 245px;*/
        right: 12px;
        top: 39px;
    }

/*PAGINACIÓN*/
.paginacion {
    display: table;
    margin: 1em auto;
    text-align: center;
}

    .paginacion span,
    .paginacion a {
        display: table-cell;
        padding: 0px 0.25em;
    }

    .paginacion span {
        font-weight: bold;
        color: #004441;
    }

    .paginacion a {
        color: #999;
        text-decoration: none;
    }

        .paginacion a:hover {
            background-color: #004441;
            color: #fff;
            text-decoration: none;
        }

/*PLANTILLA*/
.cuerpo {
   margin-top: calc(66px );
    background-color: #f4f4f4;
}

.cuerpoIndex {
    margin-top: 74px !important;
}

.cuerpo_agente {
    margin-top: 0px;
    padding-top: 130px;
}

.cabecera {
    margin: 0PX;
    display: block;
    clear: both;
    /* padding: 1em 0px;*/
    position: fixed;
    width: 100%;
    top: 0px;
    background-color: #5F8F3F;
    z-index: 100;
    border-bottom: 3px solid #628D31;
}

.cabecera_barra {
    background-image: url(../img/plantilla/barra_superior.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    display: block;
    height: 10px;
    margin-bottom: 1em;
}

.cabecera_espacio {
    width: 100%;
    max-width: 1366px;
    margin: 0px auto;
}

.logotipo {
    float: left;
    margin-left: 1em;
    width: 25%;
}

.menu {
    float: right;
    /*margin-right: 1em;
    margin-top: 1em;*/
}

    .menu a {
        color: #fff;
        padding: 0px 1em;
        text-transform: uppercase;
        font-weight: bold;
        background-color: #6D3C3D;
        padding: 0.75em;
        border-radius: 10px;
        margin-right: 1em;
    }

        .menu a:hover {
            color: #6D3C3D;
            text-decoration: none;
            background-color: #FFF;
        }

    .menu ul li {
        display: block;
        list-style: none;
        float: left;
        position: relative;
    }

    .menu table tr td a {
        color: #597920;
        background-color: #fff;
        margin-right: 0em;
        font-size: 1.5em;
        margin-left: 0em;
        padding: 0.5em 0.75em;
        text-align: right;
        font-weight: normal;
    }

        .menu table tr td a:hover {
            color: #6D3C3D;
            text-decoration: none;
            background-color: #FFF;
        }

.navbar {
    padding-top:0% !important
}

#usuarios2 {
    color: #6D3C3D;
}

    #usuarios2:hover {
        color: #597920;
    }

.contenido_submenu {
    display: none;
    position: absolute;
}

.menu ul li ul {
    background: #fff;
    padding: 0px;
}

    .menu ul li ul li {
        display: block;
        clear: both;
        float: none;
    }

        .menu ul li ul li a {
            display: block;
            padding: 0.5em;
            background-color: #fff;
            border-bottom: 1px #f4f4f4 solid;
            padding: 1em 2em;
            text-transform: none;
        }

            .menu ul li ul li a:hover {
                background-color: #3D9735;
                color: #fff;
                text-decoration: none;
            }

.usuario_identificado_menu {
    color: #f4f4f4;
}

.agentes_identificacion {
    position: absolute;
    display: none;
    background-color: #fff;
    padding: 1em;
    border-radius: 10px;
    width: 270px;
    right: 0px;
}

    .agentes_identificacion h4 {
        text-align: center;
    }

    .agentes_identificacion p {
        font-size: 0.8em;
        /*color: #999;*/
    }

    .agentes_identificacion a {
        text-transform: none;
        padding: 0px;
    }

        .agentes_identificacion a:hover {
            color: #405d6f;
        }

    .agentes_identificacion input {
        width: 100%;
        position: relative;
    }

.pasword {
    position: relative;
}

    .pasword span {
        position: absolute;
        /*top: 10px;*/
        top: 33px;
        right: 1em;
    }

.acceso_registro a,
.acceso_recuperar a {
    font-size: 1em !important;
    font-weight: bold !important;
    text-decoration: underline;
}

/*.tucuenta a span {
        background-color:#597920 !important; 
        color:#fff !important;
        padding:0.5rem;
        border-radius:10px;
        font-size:0.75em!important;
        display:block;
        text-transform:none !important;
    }*/

.tucuenta a span {
    position: absolute;
    top: 18px;
    right: 0px;
    width: 2500px;
    /*background-color: #6D3C3D;*/
    padding-right: 3.5rem;
    color: #fff !important;
    font-size: 0.75rem !important;
    text-transform: none !important;
}

.tucuenta span b {
    border: 1px silver solid;
    padding: 0.5rem;
    font-weight: bold;
    color: #597920;
    background-color: #fff;
    border-radius: 10px;
    margin-left: 1em;
}

    .tucuenta span b:hover {
        background-color: #597920;
        color: #fff;
        cursor: pointer;
    }

.contenido_pie {
    margin: 0px auto;
    display: block;
    width: 90%;
    max-width: 1366px;
    padding: 2% 0;
}

.pie_faldon {
    background-color: #000;
    padding: 1% 0px;
    color: #fff;
}

    .pie_faldon h2 {
        font-size: 3em;
        text-align: center;
        padding-bottom: 2rem;
    }

    .pie_faldon h3 {
        font-size: 3em;
        text-align: center;
        padding-bottom: 2rem;
    }

.pie_faldon_instalaciones table {
    width: 100%;
    margin: 0px auto;
    height: 150px;
}

    .pie_faldon_instalaciones table tr td {
        position: relative;
        width: 12.5%;
        vertical-align: top;
    }

        .pie_faldon_instalaciones table tr td img {
            width: 100%;
            height: auto;
            border-radius: 20px;
        }

        .pie_faldon_instalaciones table tr td div {
            padding: 0.5em 1em 0.5em 1em;
            border-radius: 10px;
        }

        .pie_faldon_instalaciones table tr td a {
            color: #fff !important;
            text-decoration: none;
        }

            .pie_faldon_instalaciones table tr td a div:hover {
                background-color: #597920;
            }

.pie_faldon h5 {
    text-align: center;
}

.pie_faldon h4 {
    text-align: center;
}

.pie_terraza img {
    height: 200px !important;
    width: auto !important;
}

.espacios_faldon_contenido {
    display: table;
    width: 100%;
}

.espacio_faldon {
    display: table-cell;
    padding: 0px 10px;
}

.patrocinadores {
    display: table;
    margin: 0px auto;
}

    .patrocinadores a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 1rem;
    }

        .patrocinadores a img {
            width: 80%;
        }

.espacioTrip,
.espacioRedes {
    width: 30%;
}

.espacio_trip_menu {
    margin-top: 2em;
}

    .espacio_trip_menu a {
        color: #fff;
        display: block;
        border-bottom: 1px #333 dotted;
        line-height: 2em;
    }

        .espacio_trip_menu a:hover {
            color: #000;
            text-decoration: none;
        }

.espacioQ {
    width: 40%;
}

.espacio_faldon h3 {
    color: #fff;
    font-size: 26px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
}

    .espacio_faldon h3 span {
        color: #fff;
        font-size: 26px;
    }

.textoQ,
.texto_trip,
.logo_trip,
.logoQ {
    font-size: 0.9em;
    color: #000;
    display: table-cell;
    vertical-align: top;
    line-height: 18px;
}

.logo_trip {
    padding-right: 1em;
}

.logoQ {
    padding-left: 1em;
}

.espacioRedes table tr td {
    text-align: center;
    width: 66px;
}

.espacioRedes a img {
    transition: all 0.2s ease-in-out 0s;
}

    .espacioRedes a img:hover {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

.espacioRedes span {
    text-align: center;
    font-size: 0.8em;
    color: #000;
}

.pie_negro {
    display: block;
    background-color: #222222;
    color: #fff;
    padding: 1em 0px;
    font-size: 1.1em;
}

.pie_negro_izquierda a {
    color: white!important
}
    
    .pie_negro_izquierda {
        width: 40%;
        float: left;
    }

.pie_negro_derecha {
    width: 60%;
    float: right;
    padding-left: 7%;
    color: white;
}

    .pie_negro_derecha a {
        color: white !important;
    }

.negro_izquierda {
    color: #fff;
    font-size: 0.9em;
    display: table-cell;
    width: 70%;
    vertical-align: top;
}

    .negro_izquierda a {
        color: #6D3C3D;
    }

        .negro_izquierda a:hover {
            color: #fff;
        }

/*.logo_pie {
    border-right:1px #fff solid;
    padding-right:15px;
    display:block;
    float:left;
}*/

.negro_derecha {
    display: table-cell;
    vertical-align: top;
}

    .negro_derecha table {
        float: right;
    }

        .negro_derecha table td {
            padding-left: 15px;
        }

.pagoSeguro {
    text-align: center;
    padding: 1rem 0px;
    border: 1px #597920 solid;
    border-right: 0px;
    border-left: 0px;
}

    .pagoSeguro img {
        max-height: 70px;
        width: auto;
    }

.pie_kit {
    text-align: center;
    padding: 1em 0px;
}

    .pie_kit img {
        height: 50px;
        width: auto;
    }

/*FIN DE PLANTILLA*/

/*INDEX*/

.index_imagen_portada {
    display: block;
    width: auto;
}

    .index_imagen_portada img {
        width: 100%;
        height: auto;
    }

.index_slogan {
    position: absolute;
    width: 50%;
    left: 25%;
    text-align: center;
    top: 10%;
}

    .index_slogan img {
        max-width: 700px;
    }

.slogan {
    float: left;
    line-height: 1.5em;
    padding: 1.25em 0px;
    width: 50%;
    text-align: center;
}

    .slogan h1 {
        font-size: 2rem;
    }

/*.index_posicion_busca {
        z-index: 10;
        position: absolute;
        top: 75%;
        width: 100%;
    }*/

.index_posicion_busca_agente {
    z-index: 10;
    position: relative;
    top: 0;
    margin-top: -120px;
    width: 100%;
}

.index_contenido {
    padding-top: 200px;
}

.index_pestanas {
    display: block;
    margin: 0px auto;
    /*border-radius: 10px;
    box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;*/
    width: 90%;
    max-width: 1366px;
    padding: 2%
}

.pestana {
    display: table-cell;
    text-align: center;
    width: 1%;
    background-color: #6D3C3D;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
    padding: 1em 0px;
    /*border-top-right-radius: 10px;
    border-top-left-radius: 10px;*/
}

/*    .pestana:hover {
        cursor: pointer;
    }*/

.pestana_contenidos {
    display: block;
    padding: 1em;
    background-color: #fff;
    /*border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;*/
}

.pestana_activa {
    background-color: #597920;
    color: #fff;
}

#pestana1 {
    border-top-left-radius: 10px;
}

#pestana2 {
    border-top-right-radius: 10px;
}

.index_pestana_linea_verde {
    display: block;
    width: 100%;
    background-color: #597920;
}

.hilo {
    display: table;
    margin: 0px auto;
    width: 60%;
    padding: 1em;
    font-size: 0.9em;
    text-align: right;
}

    .hilo div {
        display: table-cell;
        color: #fff;
    }

        .hilo div i {
            padding: 0px 0.5em;
        }

.hilo_activo {
    font-weight: bold;
}

.hilo div b {
    font-size: 1.5em;
}

.img1P1,
.img2P2,
.img2P3 {
    display: none;
}

#contenido2,
#contenido3 {
    display: none;
}

.pestana1_izquierda {
    display: table-cell;
    width: 66%;
}

    .pestana1_izquierda p,
    .pestana2_izquierda p,
    .pestana3_izquierda p {
        color: #00423F;
        font-weight: bold;
        text-indent: 1.5em;
    }

.pestana1_izquierda_calendario {
    float: left;
    margin-right: 1em;
}

    .pestana1_izquierda_calendario input {
        line-height: 3.5em;
        border-radius: 15px;
        width: 250px;
        background-image: url(../img/elementos/calendario.png);
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 12%;
    }

        .pestana1_izquierda_calendario input:hover {
            cursor: pointer;
        }

.pestana1_izquierda_boton input {
    background-color: #597920;
    color: #ffF;
    line-height: 3.5em;
    width: 200px;
    border-radius: 30px;
}

.pestana1_derecha {
    display: table-cell;
    width: 34%;
}

.bloque_pestana1_derecha {
    margin: 2em auto;
    padding: 0.25em 1em;
    border: 1px silver solid;
    border-radius: 10px;
    font-size: 0.8em;
    line-height: 1.2em;
    /*border-left: 3px #597920 solid;*/
    width: 96%;
}

/*.bloque_pestana1_derecha h3 {
        text-align:center;
    }*/

.documento {
    background: #f4f4f4;
    padding: 0.5rem;
    width: 90%;
    margin: 0px auto;
    text-align: center;
}

    .documento a {
        display: block;
        width: 250px;
        background-color: #597920;
        color: #fff !important;
        margin: 1rem auto;
        padding: 0.5rem 1rem;
        border-radius: 10px;
        text-align: center;
    }

        .documento a:hover {
            background-color: #6D3C3D;
            text-decoration: none;
        }

.bloque_pestana1_derecha h2 {
    /*text-align: center;*/
    text-transform: uppercase;
    color: #597920;
    font-size: 1.5rem;
    padding: 1rem;
}

.bloque_pestana1_derecha h3 {
    font-size: 1.25rem;
    padding: 1rem;
}

.bloque_pestana1_derecha ul {
    list-style: none;
}

    .bloque_pestana1_derecha ul li {
        margin-bottom: 0.5em;
    }

        .bloque_pestana1_derecha ul li::before {
            color: #91C24F;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f111";
            font-size: 0.5em;
            vertical-align: top;
        }

        .bloque_pestana1_derecha ul li:first-child,
        .bloque_pestana1_derecha_destacado,
        .bloque_pestana1_derecha a {
            color: #00423F;
            font-weight: bold;
        }

#indexCalendario {
    margin: 0px auto;
    /*width: 90%;*/
    width: 96%;
    max-width: 1366px;
    display: block;
    /*border: 1px silver solid;
    border-radius: 10px;
    border-top: 0px;
    padding: 0px 6% 2%;
    box-shadow: 0px 5px 5px 0 #333;
    -webkit-box-shadow: 0px 5px 5px 0 #333;
    -moz-box-shadow: 0px 5px 5px 0 #333;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;*/
    background-color: #fff;
    display: none;
    margin-top: -15px;
    z-index: 10;
}

    #indexCalendario h2 {
        text-align: center;
        margin-top: 0px;
        padding-top: 1em;
        color: #597920;
    }

.tarjetasCalendario {
    width: 98%;
    margin: 0px auto;
}

.index_calendario_temporada_alta,
.index_calendario_temporada_baja, .index_calendario_temporada_cerrado {
    display: table-cell;
    padding: 0.5em;
    width: 30%;
}

.temporada_alta_texto,
.temporada_baja_texto, .temporada_cerrado_texto {
    display: table-cell;
    width: calc(50% - 25px);
    padding-left: 10px;
    font-size: 0.8em;
    line-height: 1.4em;
}

.temporada_alta_color {
    border-radius: 10px;
    width: 15px;
    background-color: #5F8F3F;
    display: table-cell;
}

.temporada_baja_color {
    border-radius: 10px;
    width: 15px;
    background-color: #E9A823;
    display: table-cell;
}

.temporada_cerrado_color {
    border-radius: 10px;
    width: 15px;
    background-color: #E7BB61;
    display: table-cell;
}

.index_contenido h2 {
    text-align: center;
    color: #6D3C3D;
    font-size: 4em;
    font-weight: bold;
    margin-top: 0px;
}

.index_novedad {
    display: block;
    width: 28%;
    margin: 2%;
    float: left;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;
    text-align: center;
    padding-bottom: 1em;
    background-color: #fff;
}

    .index_novedad img {
        width: 100%;
        height: auto;
    }

    .index_novedad h3 {
        color: #91C24F;
        padding: 0px 0.5em;
    }

.index_novedad_imagen {
    height: 208px;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.index_novedad a {
    display: block;
    width: 90%;
    background-color: #004441;
    border: 1px #004441 solid;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 3em;
    margin: 0px auto;
    border-radius: 30px;
}

    .index_novedad a:hover {
        background-color: #fff;
        color: #004441;
        text-decoration: none;
    }

.index_novedad p {
    height: 95px;
    padding: 0 20px;
    font-size: 14px;
}

.index_espacio {
    margin-top: 400px;
}

.index_tarjeta_amigo h2 {
    text-align: center;
    color: #91C24F;
    font-weight: bold;
    font-size: 2em;
}

.index_tarjeta_amigo_bloque_izquierda {
    display: table-cell;
    width: 20%;
    padding: 2%;
}

.index_tarjeta_amigo_bloque_derecha {
    display: table-cell;
    width: 36%;
    padding: 2%;
    vertical-align: top;
    color: #828282;
    line-height: 1.7em;
}

    .index_tarjeta_amigo_bloque_derecha h3 {
        color: #6D3C3D;
        font-weight: 300;
        font-size: 2em;
        margin-bottom: 0.5em;
        margin-top: 0px;
        font-weight: bold;
    }

    .index_tarjeta_amigo_bloque_derecha a {
        font-weight: bold;
        text-decoration: underline;
    }

.index_tarjeta_amigo_destacado {
    color: #597920;
    font-weight: bold;
}

.index_experiencia_imagen {
    float: right;
    margin-left: -50px;
}

    .index_experiencia_imagen img {
        width: 80%;
        height: auto;
    }

.index_experiencia {
    text-align: center;
    width: 80%;
    margin: 0px auto;
    padding-bottom: 3em;
    /*padding-top: 10em;*/
}

    .index_experiencia h2 {
        font-size: 2em;
    }

    .index_experiencia p {
        width: 70%;
        color: #828282;
        line-height: 1.7em;
        margin: 0px auto;
    }

    .index_experiencia h3 {
        text-align: center;
        margin: 0px auto;
        color: #597920;
        font-weight: bold;
        font-size: 1.5em;
        padding-bottom: 2em;
    }

.index_experiencia_barrita_azul {
    width: 200px;
    height: 2px;
    border-radius: 100px;
    background-color: #405d6f;
    margin: 1em auto;
}

/*FIN DE INDEX*/
/*USUARIOS*/
/*login*/
.usuarioLogin {
    margin: 0px auto;
    display: table;
    /*width: 300px;*/
    padding-bottom: 2em;
    padding-top: 1rem;
}

    .usuarioLogin h2 {
        text-align: center;
    }

    /*.usuarioLogin input,*/
    .usuarioLogin select {
        width: 300px;
    }

    .usuarioLogin a {
        font-weight: bold;
    }

.login_pasword a,
.login_nuevo a {
    text-align: center;
    background-color: #f4f4f4;
    margin-top: 0.5em;
    line-height: 2em;
    font-size: 0.9em;
    font-weight: normal;
    display: block;
}

.texto_confirmacion {
    text-align: center;
}

.loginFinal {
    width: 700px;
    float: left;
}

    .loginFinal h2 {
        text-align: center;
        display: block;
        clear: both;
        float: none !important;
        width: 100%;
    }

    .loginFinal p {
        text-align: center;
    }

/*Zona usuario*/
.zona_usuario_contenedor {
    display: block;
    background-color: #fff;
    border-radius: 10px;
    margin: 1em auto;
    width: 90%;
    padding: 2%;
}

.zona_usuarios_tabla {
    margin: 0px auto;
    display: table;
}

.zona_usuarios_item {
    display: table-cell;
    padding: 1em;
    border-radius: 10px;
    margin: 1em;
    width: 120px;
    height: 120px;
    margin: 0px 1em;
}

    .zona_usuarios_item div {
        background-color: #597920;
        color: #fff;
        text-align: center;
        border-radius: 10px;
        border: 2px #597920 solid;
        width: 120px;
        height: 120px;
        padding-top: 16px;
        transition: all 0.2s ease-in-out 0s;
        line-height: normal;
    }

    .zona_usuarios_item a {
        text-decoration: none !important;
    }

        .zona_usuarios_item a div:hover {
            color: #597920;
            background-color: #f4f4f4;
        }

    .zona_usuarios_item span {
        font-size: 0.9em;
    }

    .zona_usuarios_item i {
        display: block;
        clear: both;
        font-size: 2.5em;
        margin-bottom: 0.5em;
    }

.verContra {
    position: absolute;
    top: 1.5em;
    right: 1.5em
}

/*Compras*/
.usuario_compras_cadacompra {
    display: block;
    background-color: #fff;
    border-radius: 10px;
    margin: 2em auto;
    width: 90%;
    padding: 2%;
}

.usuario_compras_cadacompra_datos {
    display: block;
    background-color: #f4f4f4;
    padding: 1em;
}

.usuario_compra_dato {
    display: table-cell;
    padding: 0.5em;
}

.usuario_compra_datoAMIGO {
    display: table-cell;
    padding: 0.5em 0.7em;
}

    .usuario_compra_datoAMIGO a {
        background-color: #004441;
        color: #ffF;
        line-height: 3.5em;
        font-weight: bold;
        border-radius: 30px;
        padding: 2% 4%;
    }

/*.usuario_compra_datoAMIGO a:hover {}*/

.usuario_compra_linea {
    display: table;
    width: 90%;
    padding: 0.5em;
    border-bottom: 1px silver dashed;
    margin: 0px auto;
}

.usuario_linea_producto {
    display: table-cell;
    width: 80%;
}

.usuario_linea_producto_nombre {
    font-weight: bold;
    color: #597920;
}

.usuario_linea_producto_detalle {
    font-size: 0.9em;
    border-bottom: 1px silver dashed;
}

.usuario_linea_producto_reserva_detalle {
    font-size: 0.9em;
    border-bottom: 1px silver dashed;
}

.usuario_linea_importe {
    display: table-cell;
    width: 20%;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    color: #597920;
    font-size: 1.1em;
}

.producto_reserva {
    width: 85%;
    margin: 0px auto;
}

/*FIN DE USUARIOS*/
/*PROCESO DE VENTA*/
/*INDEX COMPRA*/
/*#contenidoVenta1,
#contenidoVenta2,
#contenidoVenta3 {
    display: none;
}*/

.pestana_venta {
    display: table-cell;
    text-align: center;
    width: 1%;
    background-color: #6D3C3D;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
    padding: 1em 0px;
    font-weight: bold;
    text-transform: uppercase;
}

    .pestana_venta:hover {
        cursor: pointer;
    }

#pestanaVenta1 {
    border-top-left-radius: 30px;
}

#pestanaVenta2 {
    border-top-right-radius: 30px;
}

.pestana_activa {
    background-color: #597920;
    color: #fff;
}

.contenido_venta_index {
    margin: 0px auto;
    max-width: 1366px;
    display: block;
    /*border: 1px silver solid;*/
    /*border-radius: 10px;*/
    border-top: 0px;
    padding: 0px 6% 2%;
    /*box-shadow: 0px 5px 10px #333;
    -webkit-box-shadow: 0px 0px 5px #d7d6d6;
    -moz-box-shadow: 0px 0px 5px #d7d6d6;*/
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #fff;
    padding: 1em;
}

/*#contenidoVenta1,
#contenidoVenta2,
#contenidoVenta3 {
    display: none;
}*/

.contenidoCabeceras {
    display: block;
    margin: 0px auto;
    width: 95%;
}

.contenido_venta_titulo {
    display: table-cell;
    width: 700%;
}

.contenido_venta_titulo_imagen,
.contenido_venta_titulo_texto {
    color: #597920;
    display: table-cell;
    padding-right: 1em;
    vertical-align: top;
}

.contenido_venta_titulo h2 {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    line-height: 1em;
}

.contenido_venta_titulo span {
    font-size: 0.9em;
}

.precio_superior {
    display: table-cell;
    vertical-align: top;
}

.contenido_venta_fecha,
.contenido_venta_hora {
    /*box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;*/
    border-radius: 30px;
    padding: 0.25em;
    width: 90%;
    margin: 2em auto;
    border: 1px solid #ccc;
}

    .contenido_venta_fecha form,
    .contenido_venta_hora form {
        display: block;
    }

    .contenido_venta_fecha input[type="text"],
    .contenido_venta_fecha input[type="text"] {
        border: 0px;
        display: block;
        float: left;
        color: #00423F;
        font-weight: bold;
        font-family: Montserrat;
        margin-bottom: 0px;
        text-indent: 0.75em;
        line-height: 1.5em;
        padding: 0.75em 0px;
        font-size: initial;
    }

.contenido_venta_fecha_dia,
.contenido_venta_hora_texto {
    display: block;
    float: left;
    color: #00423F;
    font-weight: bold;
    padding: 0.75em 0px 0.5em 1em;
}

.contenido_venta_fecha_boton,
.contenido_venta_hora_boton {
    display: block;
    float: right;
    color: #00423F;
    font-weight: bold;
    text-align: right;
}

.contenido_venta_fecha button,
.contenido_venta_hora button {
    border: 0px;
    color: #00423F;
    font-weight: bold;
    font-family: Montserrat;
    margin-bottom: 0px;
    line-height: 1.7em;
    background-color: #f4f4f4;
    border-radius: 30px;
    line-height: 3em;
    padding: 0px 3em;
    font-size: initial;
}

    .contenido_venta_fecha button:hover,
    .contenido_venta_hora button:hover {
        color: #fff;
        background-color: #91C24F;
        cursor: pointer;
    }

#horarios, #horarios2 {
    /*display: none;*/
    width: 86%;
    margin: 0px auto;
    /*text-align: center;*/
    padding-bottom: 2em;
}

.contenido_venta_hora_cadahora {
    background-color: #f4f4f4;
    color: #333;
    padding: 0.75%;
    border-radius: 10px;
    display: inline-table;
    margin: 0.3%;
    border: 1px #f4f4f4 solid;
    transition: all 0.2s ease-in-out 0s;
    font-family: Arial;
}

    .contenido_venta_hora_cadahora:hover {
        cursor: pointer;
        border: 1px #597920 solid;
    }

    .contenido_venta_hora_cadahora td {
        text-align: center;
    }

.contenido_venta_hora_cadahora_hora,
.contenido_venta_hora_cadahora_disponible {
    text-align: right;
}

    .contenido_venta_hora_cadahora_hora span,
    .contenido_venta_hora_cadahora_disponible span {
        display: block;
        width: 15px;
        float: left;
        text-align: left;
    }

.producto_reserva {
    background-color: #f4f4f4;
    color: #333;
    padding: 0.75%;
    border-radius: 10px;
    /*display: inline-table;*/
    margin: 0.75% auto;
    border: 1px #f4f4f4 solid;
    transition: all 0.2s ease-in-out 0s;
    font-family: Arial;
}

    .producto_reserva:hover {
        cursor: pointer;
        border: 1px #405d6f solid;
    }

.reserva_seleccionada {
    color: #fff;
    background-color: #004441;
    transition: all 0.2s ease-in-out 0s;
    border: 1px #405d6f solid;
}

/*.usuario_linea_producto_detalle {
    background-color: #f4f4f4;
    color: #333;
    padding: 0.75%;
    border-radius: 10px;
    display: inline-table;
    margin: 0.75% 1%;
    border: 1px #f4f4f4 solid;
    transition: all 0.2s ease-in-out 0s;
    font-family: Arial;
    width: 100%;
}*/

.usuario_linea_producto_reserva_detalle {
    background-color: #f4f4f4;
    color: #333;
    padding: 0.75%;
    border-radius: 10px;
    display: inline-table;
    margin: 0.75% 1%;
    border: 1px #f4f4f4 solid;
    transition: all 0.2s ease-in-out 0s;
    font-family: Arial;
    width: 100%;
}

    .usuario_linea_producto_reserva_detalle:hover {
        cursor: pointer;
        border: 1px #405d6f solid;
    }

.reserva_seleccionada {
    color: #fff;
    background-color: #004441;
    transition: all 0.2s ease-in-out 0s;
    border: 1px #405d6f solid;
}

.contenedor-tarjetas-amigo {
    width: 85%;
    margin: auto;
}

.hora_seleccionada {
    color: #fff;
    background-color: #597920;
    transition: all 0.2s ease-in-out 0s;
    border: 1px #597920 solid;
}

    .hora_seleccionada img {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

.hora_completa {
    color: #fff;
    background-color: red;
    transition: all 0.2s ease-in-out 0s;
    border: 1px red solid;
}

.sin_tickets {
    color: #FF5B00;
    font-size: 11px;
}

.contenido_venta_selector_medio {
    background-color: #F3F3F3;
    display: block;
    border-radius: 100px;
    padding: 0.25em;
    margin: 0px auto;
    width: 50%;
}

.diacompleto {
    display: inline-block;
    text-align: center;
    width: 47%;
    margin: 1% 1%;
    border-radius: 100px;
    font-size: 1em;
    font-weight: bold;
    line-height: 3em;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: top;
}

.mediodia {
    display: inline-block;
    text-align: center;
    width: 47%;
    margin: 1% 1%;
    border-radius: 100px;
    font-size: 1em;
    font-weight: bold;
    line-height: 3em;
    transition: all 0.2s ease-in-out 0s;
}

    .mediodia:hover,
    .diacompleto:hover {
        cursor: pointer;
        transition: all 0.2s ease-in-out 0s;
    }

.selector_medio_seleccionado {
    background-color: #91C24F;
    background-image: linear-gradient(to right, #009644, #76C242);
    color: white;
    transition: all 0.2s ease-in-out 0s;
}

.selector_medio_horario {
    font-size: 0.8em;
    width: 49%;
    margin: 0.5em auto;
    text-indent: 0.5em;
    background-image: url(../img/elementos/alert.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 20px;
}

/*Selector tarifas*/
.contenido_venta_selector_tarifas {
    background-color: #F3F3F3;
    display: block;
    /*border-radius: 100px;*/
    padding: 0.25em;
    margin: 0px auto;
    width: 70%;
    text-align: center;
    border-radius:10px;
}

.selector_tarifa {
    border: 1px silver solid;
    display: inline-block;
    text-align: center;
    width: 30%;
    margin: 1% 1%;
    border-radius: 100px;
    font-size: 1em;
    font-weight: bold;
    line-height: 3em;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: top;
    cursor: pointer;
}

.selector_tarifa_seleccionado {
    background-color: #597920;
    color: white;
    transition: all 0.2s ease-in-out 0s;
}

/*Producto*/
.contenido_productos {
    margin-bottom: 2em;
}

.promociones {
    color: #91C24F;
}

.titulo_productos,
#pnl-seleccion-productos h2 {
    text-indent: 5%;
    margin-bottom: 0px;
}

.producto_bloque {
    margin: 1em auto;
    width: 95%;
    display: block;
    border: 1px #ccc solid;
    border-radius: 10px;
    padding: 1%;
    /*box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;*/
    background-color: #fff;
    color: #666;
}

.producto_imagen {
    display: inline-block;
    float: left;
    width: 15%;
    height: 130px;
    overflow: hidden;
    margin-right: 1%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

    .producto_imagen img {
        width: 100%;
        height: auto;
    }

.producto_datos_requiere {
    font-size: 0.9em;
    color: #FF5B00;
}

.producto_datos_texto {
    display: inline-block;
    float: left;
    width: 60%;
    margin-right: 1%;
}

    .producto_datos_texto h3 {
        margin: 0px;
        font-size: 1.1em;
    }

.producto_datos_alert {
    background-image: url(../img/elementos/alert.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    transition: all 0.2s ease-in-out 0s;
    font-size: 0.9em;
}

    .producto_datos_alert:hover {
        background-color: #f4f4f4;
        cursor: pointer;
    }

.entrada_nocambios_alert {
    background-image: url(../img/elementos/alert.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    transition: all 0.2s ease-in-out 0s;
    font-size: 0.9em;
}

.producto_datos_valores {
    display: inline-block;
    float: right;
    width: 23%;
}

.precio_borde {
    border-left: 1px silver solid;
}

.producto_datos_precio {
    text-align: right;
    font-size: 1.2rem;
    padding-right: 1.8rem;
}

    .producto_datos_precio span {
        font-size: 0.9em;
    }

.precio_final {
    color: #597920;
}

.producto_cantidad {
    border: 1px silver solid;
    border-radius: 100px;
    padding: 0.25em;
    width: 86%;
    margin: 1em auto;
    display: table;
}

    .producto_cantidad input[type=text] {
        border: 0px;
        width: 100%;
        text-indent: 0px;
        text-align: center;
        margin-bottom: 0px;
        color: #6D3C3D;
        font-size: 1.1em;
        font-weight: bold;
        line-height: 2em;
    }

.producto_cantidad_boton,
.producto_cant_form {
    display: table-cell;
    vertical-align: top;
}

.btn-mas {
    float: right;
}

.producto_cantidad_boton {
    width: 25%;
}

.producto_cant_form {
    width: 50%;
}

.producto_cantidad_boton button {
    font-size: 1.4em;
    border-radius: 100px;
    width: 1.7em;
    height: 1.7em;
    border: 0px;
}

.producto-cupo {
    padding: 0.25em;
    margin: 1em auto;
    display: none;
    text-align: right;
    font-size: 0.9rem;
    padding-right: 2rem;
}

.producto_alert_contenido {
    background-color: #f4f4f4;
    font-size: 0.8em;
    margin-top: 1em;
    /*border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
    padding: 5px 1em;
    margin: 10px -1% -1% -1%;
    line-height: 1.3em;
    /*display: none;*/
}

.producto_alert_contenido_texto {
    display: table-cell;
    /*border-left: 2px #ff5b00 solid;*/
    padding-left: 0.5em;
}

.precio_taquilla {
    float: left;
    font-size: 0.8em !important;
    margin-left: 1.5em;
}

    .precio_taquilla span {
        font-weight: normal;
    }

#seguro-item {
    background-color: #f4f4f4;
    padding: 0.75rem;
    width: 30%;
    margin: 0px auto;
    border-radius: 20px;
    padding: 2rem;
}

    #seguro-item h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        text-align: center;
        margin-top: 0px;
    }

.imagen_seguro {
    position: relative;
    width: 90%;
    margin: 0px auto;
    background-image: url(/img/index/SEGURO_lacuniacha.jpg);
    background-position: center right;
    background-size: cover;
    min-height: 350px;
}

    .imagen_seguro img:nth-child(1) {
        width: 100%;
        height: auto;
        display: none;
    }

.seguroBanner {
    position: absolute;
    display: block;
    left: 10px;
    top: 10px;
}
/*Resumen inferior*/
#pnl-seleccion-productos {
    margin-top: 2rem;
    padding-top: 1rem;
    /*border-top: 1px dashed #597920;*/
}

.productos_resumen {
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 0.75em;
    width: 90%;
    margin: 2em auto;
    color: #666;
}

.productos_resumen_precio {
    text-align: right;
    width: 90%;
    margin: 0px auto;
}

.productos_resumen_precio_total {
    font-size: 0.9em;
    padding-right: 10px;
}

.productos_resumen_precio_numero {
    font-size: 2em;
    font-weight: bold;
    color: #597920;
    padding-right: 10px;
}

    .productos_resumen_precio_numero::after {
        font-weight: bold;
        content: "€";
    }

    .productos_resumen_precio_numero span {
        font-size: 0.6em;
    }

.productos_resumen .productos_resumen_precio_numero::after {
    font-size: 0.6em !important;
}

.productos_resumen_precio_boton input {
    width: 180px;
    background-color: #597920;
    color: #fff;
    font-size: 1.1em;
    line-height: 2em;
    margin-top: 1em;
}

.productos_inferior_resumen_linea {
    display: table;
    width: 100%;
    padding: 1rem 0px;
    border-bottom: 1px #fff solid;
}

.productos_inferior_resumen_nombre {
    width: 40%;
    display: table-cell;
}

.productos_inferior_resumen_fecha,
.productos_inferior_resumen_precio,
.productos_inferior_resumen_cantidad,
.productos_inferior_resumen_total {
    width: 20%;
    display: table-cell;
    text-align: right;
}

.productos_inferior_resumen_cantidad {
    background-image: url(../img/index/entradaOscura.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 10%;
    padding-right: 40px;
    font-weight: bold;
}

.productos_inferior_resumen_eliminar {
    padding-left: 0.25em;
}

    .productos_inferior_resumen_eliminar a {
        color: red;
    }

        .productos_inferior_resumen_eliminar a:hover {
            color: #405d6f;
        }

.productos_inferior_resumen_total {
    font-weight: bold;
}

/*confirmacion*/
.contenido_confirma {
    max-width: 1366px;
    display: block;
    border: 1px silver solid;
    border-radius: 10px;
    padding: 0px 6% 2%;
    box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;
    background-color: #fff;
    padding: 2em;
    margin-top: -10px;
}

    .contenido_confirma a {
        color: #6D3C3D;
    }

        .contenido_confirma a:hover {
            color: #597920;
        }

.acceso_registro a {
    color: #597920 !important;
}

    .acceso_registro a:hover {
        color: #6D3C3D !important;
    }

.hilo_confirma {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 0.5em;
}

.contenido_confirma h2 {
    float: left;
    margin-top: 0px;
}

.contenido_confirma_venta_cruzada {
    margin-bottom: 2em;
}

    .contenido_confirma_venta_cruzada h2 {
        background-color: #597920;
        color: #fff;
        float: none;
        margin: -1.6em -1.1em 2em -1.1em;
        padding: 0.5em;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        text-indent: 1em;
    }

.confirma_tiempo_carrito {
    color: #6D3C3D;
    font-weight: bold;
    font-size: 1.2em;
    float: right;
}

    .confirma_tiempo_carrito span {
        display: block;
        text-align: right;
        background-image: url(../img/elementos/relojito.png);
        background-position: right 60px center;
        background-repeat: no-repeat;
    }

.confirma_tiempo_carrito_texto {
    color: #6D3C3D;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    line-height: 14px;
}

/*.confirma_vaciar_carrito::before {
    content: "\f1f8";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}*/

.confirma_vaciar_carrito a {
    float: right;
    background-color: #fff;
    text-align: center;
    color: #6D3C3D;
    border-radius: 16px;
    font-size: 11px;
    padding: 0.5em 1em;
    border: 1px solid #6D3C3D;
    margin-bottom: 1em;
}

    .confirma_vaciar_carrito a:hover {
        text-decoration: none;
        background-color: #6D3C3D;
        color: #fff;
    }

.confirma_precio_final {
    text-align: right;
}

.confirma_barrita_azul {
    height: 1px;
    background-color: #cfcece;
    width: 90%;
    margin: 1em auto;
}

.confirma_codigo_promocional {
    float: right;
    display: table;
    margin-right: 5%;
}

.confirma_codigo_promocional_bolo_espacio {
    display: table-cell;
    text-align: right;
    padding-right: 1em;
}

.confirma_codigo_promocional_bolo {
    background-color: #597920;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 37px;
}

.confirma_codigo_promocional_form {
    display: table-cell;
}

    .confirma_codigo_promocional_form input[type=submit] {
        margin-left: -16px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        padding-left: 2.5em;
        padding-right: 2.5em;
        background-color: #597920;
        border-color: #597920;
        color: #fff;
        font-weight: normal;
        line-height: 40px;
    }

    .confirma_codigo_promocional_form input[type=text] {
        width: 300px;
        line-height: 40px;
    }

.confirm_codigo_promocional_contenido_descuento,
.confirm_codigo_promocional_contenido_total,
.confirm_codigo_promocional_contenido_cerrar {
    display: table-cell;
    padding: 0px 0.25em;
    font-weight: bold;
}

    .confirm_codigo_promocional_contenido_cerrar a {
        color: red;
    }

        .confirm_codigo_promocional_contenido_cerrar a:hover {
            color: #333;
            cursor: pointer;
        }

.confirm_codigo_promocional_contenido_total {
    font-size: 1.2em;
    color: #3D9735;
}

.confirma_precio_total {
    width: 90%;
    display: block;
    margin: 0px auto;
    text-align: right;
    clear: both;
    margin-bottom: 1em;
}

    .confirma_precio_total span {
        font-size: 0.8em;
        /*padding-right: 0.5em;*/
        line-height: 0.5em;
        color: #597920;
    }

.confirma_usuarios {
    border-top: 1px silver dashed;
    padding-top: 1em;
}

    .confirma_usuarios h2 {
        text-align: center;
        float: none;
        font-size: 2rem;
    }

.confirma_barra_discontinua {
    border-left: 1px silver dashed;
}

.recordarme {
    font-size: 0.8em;
    line-height: 1.5em;
}

.identificacionIzquierda {
    width: 46%;
    padding: 0px 3%;
    float: left;
}

.identificacionDerecha {
    float: right;
}

.confirma_registrado {
    background-color: #f4f4f4;
    display: block;
    padding: 0.5em 1em;
    width: calc(90% - 1em);
    margin: 0px auto;
    border-radius: 10px;
}

    .confirma_registrado a {
        float: right;
        background-color: #597920;
        color: #fff;
        padding: 0.5em 1em;
        font-size: 0.8em;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        margin: -0.5em -1em;
    }

.confirma_condiciones {
    font-size: 0.8em;
}

.confirma_bloque_inferior {
    margin-top: 1em;
}

    .confirma_bloque_inferior h2 {
        float: none;
        margin-top: 0px;
    }

.contenido_confirma_forma_pago span {
    color: #333;
    text-transform: uppercase;
    display: block;
    float: none;
    clear: both;
    font-size: 0.7em;
    font-weight: bold;
}

.contenido_confirma_forma_pago {
    display: table-cell;
    padding: 1em 4em 1em 2em;
    vertical-align: middle;
    position: relative;
}

    .contenido_confirma_forma_pago input[type="radio"] {
        position: absolute;
        top: calc(22px + 2em);
        left: 0px;
    }

.confirma_politicas {
    font-size: 0.9em;
}

.confirma_aviso {
    width: 90%;
    margin: 2em 1em;
    font-size: 0.9em;
    color: #333;
}

    .confirma_aviso span {
        color: #AD0000;
    }

.confirma_boton_pie input[type=submit] {
    background-color: #597920;
    color: #fff;
    padding: 0.25em 4em;
    font-weight: bold;
    border: 1px #597920 solid;
    margin: 1em 0px;
}

    .confirma_boton_pie input[type=submit]:hover {
        background-color: #fff;
        color: #597920;
    }

.confirma_pago_seguro {
    float: left;
    border-radius: 10px;
    background-color: #fff;
    padding: 0.5em;
    margin-top: 3.5%;
}

    .confirma_pago_seguro i {
        font-size: 3em;
        display: table-cell;
    }

    .confirma_pago_seguro span {
        text-transform: uppercase;
        font-size: 1em;
        font-weight: bold;
        display: table-cell;
        vertical-align: top;
        line-height: 1.5em;
        font-size: 1em;
        padding-left: 1em;
    }

.proteccionDatos {
    font-size: 0.8em;
}

/*vuelta de pago*/
.pago_correcto {
    margin: 2em auto;
}

    .pago_correcto h2 {
        text-align: center;
        float: none;
    }

.pago_correcto_productos {
    font-size: 0.8em;
}

    .pago_correcto_productos a {
        font-weight: bold;
        text-transform: uppercase;
    }

        .pago_correcto_productos a::before {
            font-family: "Font Awesome 5 Free";
            content: "\f381";
            padding-left: 0.5em;
        }

.pago_correcto_linea {
    padding: 0.5em;
}

    .pago_correcto_linea:nth-child(2n+1) {
        background-color: #f4f4f4;
    }

.pago_correcto_precio {
    width: 100%;
}

/*PÁGINAS LEGALES*/

.paginas_legales {
    font-size: 0.9em;
    /*text-align: justify;*/
}

    .paginas_legales h2 {
        padding-top: 2em;
    }

    .paginas_legales table {
        background-color: #f2eeee;
    }

        .paginas_legales table th {
            background-color: #405d6f;
            color: #fff;
            text-align: center;
            font-weight: bold;
        }

        .paginas_legales table tr:nth-child(odd) {
            background-color: #fff;
        }

        .paginas_legales table tr:nth-child(even) {
            background-color: #f4f4f4;
        }

    .paginas_legales table {
        font-size: 0.9em;
    }

        .paginas_legales table td {
            vertical-align: top;
            padding: 0.2em;
        }

.privacidad_alert {
    background-color: #fff;
    text-align: center;
    color: #405d6f;
    font-weight: bold;
}

.paginas_legales ul li {
    padding-bottom: 1.5em;
}

/*--Agentes---*/

.agente_identificado {
    background-color: #fff;
    display: block;
}

.agente_espacio {
    padding: 0px 1em;
}

.agente_nombre,
.agente_imagen {
    display: table-cell;
    vertical-align: middle;
    padding-right: 1em;
    font-size: 1.2em;
    font-weight: bold;
}

    .agente_imagen img {
        max-height: 50px;
        width: auto;
    }

.credito_subtitulo {
    text-align: center;
    margin-bottom: 2em;
}

.credito_tabla {
    width: auto;
    margin: 0px auto;
    text-align: center;
}

    .credito_tabla table {
        margin: 0px auto;
        border-collapse: collapse;
    }

        .credito_tabla table td {
            padding: 0.5em;
            border-collapse: collapse;
        }

        .credito_tabla table tr:first-child {
            font-size: 1.1em;
            background-color: #f4f4f4;
        }

        .credito_tabla table tr:nth-child(2) {
            font-weight: bold;
            font-size: 0.9em;
        }

    .credito_tabla input[type=submit] {
        width: 250px;
    }

.credito_no {
    color: red;
    font-size: 0.9em;
}

/*-- TARJETA AMIGO ----*/

.cabecera_amigo img {
    width: 100%;
    height: auto;
}

.amigo h1 {
    text-align: center;
    color: #91C24F;
}

.amigo h2 {
    text-align: center;
    color: #405d6f;
    font-family: "Anemone";
    font-weight: 300;
    font-size: 7em;
    margin-top: 0.5em;
}

.amigo p {
    text-align: center;
    line-height: 1.5em;
}

.amigo_parrafo_destacado {
    font-size: 1.2em;
    color: #405d6f;
    font-weight: bold;
}

.amigo_bloque {
    margin: 2em auto;
    width: 90%;
    display: block;
    border: 1px silver solid;
    border-radius: 10px;
    padding: 2%;
    box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    background-color: #fff;
    color: #666;
}

.amigo_iniciar,
.amigo_registrar {
    display: table-cell;
    width: 50%;
}

.amigo_iniciar_texto h3,
.amigo_registrar_texto h3 {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
}

.amigo_iniciar_texto,
.amigo_registrar_texto {
    border-bottom: 1px #000 dashed;
    padding: 1em 3em;
    height: 130px;
}

.amigo_bloque h2 {
    font-family: Montserrat;
    font-size: 1.3em;
    margin-top: 1em;
}

.amigo_registrar_form,
.amigo_iniciar_form {
    margin-top: 1.5em;
    vertical-align: top;
}

.amigo_iniciar_form {
    border-right: 1px #333 dashed;
}

.amigo_iniciar_faq {
    padding: 2em 1em;
    color: #333;
    font-size: 0.9em;
}

.amigo_iniciar_faq_destacado {
    color: #91C24F;
}

.amigo_iniciar_faq_nota {
    font-size: 0.8em;
    line-height: 1.2em;
    padding-top: 2em;
    display: block;
}

.regalaEntradas_imagen img {
    width: 100%;
    height: auto;
}

/*PASO 2. REGISTRO */
.amigo_registro_barra_superior {
    border-bottom: 1px #333 dashed;
    height: 1px;
    display: block;
    clear: both;
    margin: 1.5em auto;
}

.amigo_registro_tabla,
.amigo_registro_bloque_DNI {
    width: 70%;
    display: table;
    margin: 0px auto;
}

    .amigo_registro_tabla input,
    .amigo_registro_tabla textarea,
    .amigo_registro_tabla select {
        width: 100%;
    }

    .amigo_registro_bloque_DNI input {
        width: 100%;
        text-transform: uppercase;
    }

.amigo_registro_bloque_DNI_explicacion,
.amigo_registro_modalidad_aviso {
    font-size: 0.8em;
}

.amigo_registro_form_grupo1 select {
    float: left;
    width: 25%;
    margin-right: 5%;
}

.amigo_registro_form_grupo1 input {
    float: left;
    width: 70%
}

.amigo_registro_form_grupo2 input:first-child {
    float: left;
    width: 40%;
    margin-right: 5%;
}

.amigo_registro_form_grupo2 input:nth-child(3) {
    float: left;
    width: 55%;
    background-image: url(../img/elementos/calendario.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.amigo_registro_bloque_modalidad, .amigo_registro_bloque_modalidad_fijo {
    display: block;
    border-radius: 10px;
    padding: 1em;
    margin: 0px auto;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    width: 90%;
    margin-bottom: 1em;
    float: right;
    border: 1px #fff solid;
    transition: all 0.2s ease-in-out 0s;
}

    .amigo_registro_bloque_modalidad:hover,
    .amigo_resgistro_bloque_modalidad_activo {
        cursor: pointer;
        -webkit-box-shadow: 0px 0px 10px #91C24F;
        border: 1px #666 solid;
    }

    .amigo_registro_bloque_modalidad h3, .amigo_registro_bloque_modalidad_fijo h3 {
        margin-top: 0px;
        float: left;
        width: 70%;
        font-weight: bolder;
        color: #597920;
    }

.amigo_registro_bloque_modalidad_precio {
    float: left;
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
    width: 30%;
    font-weight: bolder;
    color: #597920;
}

.amigo_registro_bloque_modalidad_aviso {
    display: block;
    clear: both;
    background-image: url(../img/elementos/alert.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.amigo_registro_modalidad_aviso {
    width: 90%;
    margin: 1em auto;
}

#btnDeletefupImagen {
    background-color: #405d6f;
    color: #fff;
    border: 1px #405d6f solid;
    font-size: 1.1em;
    padding: 0px 2em;
    border-radius: 100px;
    font-weight: normal;
    width: 100%;
    line-height: 2em;
    transition: all 0.2s ease-in-out 0s;
}

    #btnDeletefupImagen:hover {
        background-color: #fff;
        color: #405d6f;
        cursor: pointer;
    }

#btnNewfupImagen {
    border: 1px solid #3D9735;
    border-radius: 16px;
    line-height: 2.5em;
    margin-bottom: 1em;
    color: #3D9735;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif !important;
}

    #btnNewfupImagen:hover {
        background-color: #3D9735;
        color: #fff;
        cursor: pointer;
    }

#filesfupImagen {
    display: block;
    clear: both;
    margin: 0.5em auto;
    text-align: center;
}

    #filesfupImagen img {
        display: block;
        clear: both;
        margin: 0px auto;
        height: auto;
    }

.amigo_registro_boton {
    display: block;
    width: 90%;
    margin: 2em auto;
    text-align: right;
}

    .amigo_registro_boton input {
        background-color: #597920;
        color: #fff;
        border: 1px #597920 solid;
        font-size: 1.1em;
        padding: 0px 2em;
        border-radius: 100px;
        font-weight: normal;
    }

        .amigo_registro_boton input:hover {
            background-color: #fff;
            color: #405d6f;
            cursor: pointer;
        }

/*Amigo compra resumen */

.amigo_compra h2 {
    font-family: Montserrat;
    text-transform: uppercase;
    color: #405d6f;
}

.amigo_compra_resumen {
    padding: 1em 0.5em;
    border: 1px #405d6f solid;
    border-radius: 10px;
    float: left;
    width: 40%;
    clear: both;
    margin: 2em 0px 2em 0px;
}

    .amigo_compra_resumen table img,
    .amigo_compra_bloque_tarjeta table tr td:first-child img {
        width: 20px;
        margin: 0px 0.5em;
        height: auto;
    }

    .amigo_compra_resumen table tr:first-child {
        color: #405d6f;
        font-weight: bold;
    }

    .amigo_compra_resumen table tr td:nth-child(2) {
        padding-right: 1em;
    }

.amigo_compra_bloque_tarjeta {
    display: block;
    clear: both;
    background-color: #f3f3f3;
    border-radius: 10px;
    margin: 2em auto;
    padding: 1em;
}

    .amigo_compra_bloque_tarjeta table {
        width: 100%;
    }

        .amigo_compra_bloque_tarjeta table a {
            color: #405d6f;
            font-weight: bold;
            text-decoration: underline;
            padding-left: 0.5em;
        }

            .amigo_compra_bloque_tarjeta table a:hover {
                color: #3D9735;
            }

        .amigo_compra_bloque_tarjeta table td:nth-child(1) {
            width: 3%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(2) {
            width: 15%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(3) {
            width: 10%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(4) {
            width: 10%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(5) {
            text-align: right;
            width: 55%;
        }

        .amigo_compra_bloque_tarjeta table td:nth-child(6) {
            text-align: center;
        }

    .amigo_compra_bloque_tarjeta tr:first-child {
        font-weight: bold;
        color: #405d6f;
    }

.amigo_compra_asociar {
    text-align: center;
    display: block;
    clear: both;
    margin: 3em 0px;
}

    .amigo_compra_asociar a {
        background-image: url(../img/Amigo/boton_nuevo.png);
        background-position: left 16px center;
        background-repeat: no-repeat;
        padding-left: 30px;
        color: #fff;
        background-color: #405d6f;
        border-radius: 100px;
        width: 200px;
        font-weight: bold;
        padding: 0.75em;
        padding: 0.75em 50px 0.75em 50px;
        border: 1px #405d6f solid;
    }

        .amigo_compra_asociar a:hover {
            background-image: url(../img/Amigo/boton_nuevo_over.png);
            background-color: #fff;
            color: #405d6f;
            text-decoration: none;
            cursor: pointer;
        }

.amigos_compra_asociar_alert {
    color: red;
    font-size: 0.8em;
}

.naranja {
    color: #ff5b00;
    font-weight: bold;
}

.amigo_compra_resumen_precio {
    text-align: right;
    display: block;
    margin: 3em auto;
}

.tarjeta_codigo {
    margin-right: 0px;
}

/*BANNER AVESTRUZ*/
.banner_avestruz {
    margin-top: 1.5em;
    background: #fff;
    border-radius: 10px;
    padding-top: 1em;
    margin-top: 1.5em;
    -webkit-box-shadow: 0px 0px 5px #333;
}

/*Etiqueta para elementos que no queremos que aparezcan en PC pero si en móvil*/
.noPc {
    display: none;
}

.pago_ok {
    width: 100%;
    text-align: center;
    margin: auto;
}

.pago_correcto_texto {
    text-align: center !important;
}

    .pago_correcto_texto span {
        color: #3D9735;
        font-size: 20px;
    }

.pago_erroneo_texto {
    text-align: center !important;
}

    .pago_erroneo_texto span {
        color: #c71717;
        font-size: 20px;
    }

.texto_sin_productos {
    color: #db1212;
    text-align: center;
    font-weight: 800;
    padding: 1%;
    width: 90%;
    margin: auto;
    border-radius: 40px;
    /* border: 1px solid #db121263; */
    background-color: #ffeb3b80;
}

.texto_antelacion {
    color: #db1212;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    padding: 1%;
    width: 90%;
    margin: auto;
    border-radius: 40px;
    /* border: 1px solid #db121263; */
    background-color: #ffeb3b80;
}

.imagen_pago img {
    width: 100%;
}

.solicita {
    background-color: #3D9735;
    width: 40%;
    background-image: url("../img/Amigo/tarjeta_blanco.png");
    background-repeat: no-repeat;
    background-position: 20px;
    float: left;
    margin: 1%;
    padding: 3%;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

    .solicita:hover {
        background-color: #333;
    }

    .solicita a {
        color: #fff;
        text-decoration: none !important;
    }

.regala {
    background-color: #3D9735;
    background-image: url("../img/Amigo/regalo_blanco.png");
    background-repeat: no-repeat;
    background-position: 20px;
    width: 40%;
    margin: 1%;
    float: right;
    padding: 3%;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

    .regala:hover {
        background-color: #333;
    }

    .regala a {
        color: #fff;
        text-decoration: none !important;
    }

.bloque_botones {
    display: inline-block;
    width: 90%;
    margin: auto;
    margin: 4%;
}

.bloque_texto_amigo {
    width: 90%;
    text-align: justify;
    margin: auto;
}

.left {
    float: left;
    width: 40%;
}

    .left img {
        width: 80%;
    }

.right {
    float: right;
    width: 60%;
}

.nota_amigo {
    font-size: 0.8em;
    text-align: center;
    width: 90%;
    margin: auto;
}

.pestana a {
    color: #fff !important;
}

.pestana_venta a {
    color: #fff !important;
}

/*TERRAZA*/

.terraza_superior {
    background-image: url(/img/Terraza/terraza_1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12rem 0px;
    position: relative;
}

.terraza_llamador {
    background-color: #6D3C3D;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 10%;
    left: 45%;
}

    .terraza_llamador i {
        color: #fff;
        font-size: 3em;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .terraza_llamador:hover {
        background-color: #597920;
        cursor: pointer;
    }

.terraza_cuerpo_izquierda {
    float: left;
    width: 40%;
    padding: 0px 5%;
}

.terraza_cuerpo_izquierda_imagen {
    text-align: center;
    margin-bottom: 1rem;
}

    .terraza_cuerpo_izquierda_imagen img {
        width: 80%;
    }

.terraza_cuerpo_derecha {
    float: right;
    width: 55%;
    background-image: url(/img/Terraza/fondo.svg);
    background-position: top center;
    background-repeat: no-repeat;
}

    .terraza_cuerpo_derecha table {
        width: 80%;
        margin: 3rem auto;
    }

        .terraza_cuerpo_derecha table tr td {
            text-align: center;
            vertical-align: middle
        }

            .terraza_cuerpo_derecha table tr td a i {
                font-size: 2em;
                padding: 1rem;
                color: #fff;
                background-color: #6D3C3D;
                border-radius: 100px;
            }

                .terraza_cuerpo_derecha table tr td a i:hover {
                    background-color: #597920;
                }

            .terraza_cuerpo_derecha table tr td a span {
                display: block;
                clear: both;
                font-weight: bold;
                margin-top: 1rem;
            }

.terraza_video {
    background-color: #6D3C3D;
    display: block;
}

    .terraza_video h2 {
        float: left;
        color: #fff;
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 3rem;
        width: 40%;
        padding: 0rem 3rem;
    }

.terraza_video_frame {
    float: right;
    width: 60%;
    position: relative;
}

    .terraza_video_frame iframe {
        position: absolute;
        right: 0px;
        top: -60px;
    }

.terraza_rrss {
    padding: 1rem 0px;
    /*text-align: justify;*/
}

.terraza_rrss_izquierda {
    float: left;
    width: 40%;
    padding: 1rem;
    /*text-align: justify;*/
}

.terraza_rrss_derecha {
    float: right;
    background-image: url(/img/Terraza/fondo.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    padding-top: 8rem;
    padding-bottom: 30rem;
}

    .terraza_rrss_derecha p {
        padding-bottom: 1rem;
    }

.terraza_rrss_izquierda img {
    width: 100%;
    height: auto;
    margin-top: 1rem;
}

.volver a {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
}

    .volver a:hover {
        color: #597920;
    }

.confirma_registrado a {
    color: #FFF !important;
}

/*ENCUESTA*/

.encuesta .text-primary {
    color: #597920 !important;
}


.encuesta .btn-outline-primary {
    color: #597920;
    border-color: #597920;
}

    .encuesta .btn-outline-primary:hover {
        color: #fff;
        background-color: #597920;
        border-color: #597920;
    }

.encuesta_bloque {
    border: 4px #597920 solid;
    padding: 1rem 1rem 2rem;
    margin: 2rem auto;
    display: block;
    clear: both;
    border-radius: 10px;
}

    .encuesta_bloque h2 {
        color: #6D3C3D;
        text-transform: uppercase;
        font-size: 1.5rem;
        letter-spacing: 2px;
    }

.encuesta_boton {
    text-align: right;
}

    .encuesta_boton input {
        padding-left: 1rem;
        padding-right: 1rem;
    }

.encuesta_bloque a {
    color: #597920 !important;
    border: 1px #597920 solid;
    border-radius: 10px;
    line-height: 2.5rem;
    width: 250px;
    margin: 1em auto;
    font-weight: bold;
}

    .encuesta_bloque a:hover {
        background-color: #597920;
        color: #fff !important;
    }


   /*selector de tipo de tarifas**/

.contenido_venta_selector_tarifas .selector_tarifa:nth-child(4),
.contenido_venta_selector_tarifas .selector_tarifa:nth-child(5) {
    width: 47%;
}

/*FORMULARIO DE GRUPOS*/
.formularioGrupos {
    display: block;
    margin: 2em auto;
    width: 66%;    
    padding: 3em;
    border: 1px silver solid;
    border-radius: 10px;
    box-shadow: 0px 0px 10px silver;
}

    .formularioGrupos .form-group {
        width: 50%;
        float: left;
        padding: 1em 0px;
    }

        .formularioGrupos .form-group input,
        .formularioGrupos .form-group select {
            width: 100%;
        }

            .formularioGrupos .form-group select {
                height:2em;
            }

            .formularioGrupos .form-group:nth-child(2n+1) {
                text-align: right;
                padding-right: 2em;
            }

        .formularioGrupos .form-group:nth-child(27) {
            padding:0px 2em;
            padding-top:0.5em;
        }

        .formularioGrupos .form-group:nth-child(35) {
            width: 100%;
            text-align: center;
        }

        .formularioGrupos .form-group:nth-child(35) input {
            width:60%;
            margin:0px auto;
         
        }

    .formularioGrupos .fecha input {
        width:100% !important;
        border-radius:18px !important;

    }

        .formularioGrupos .fecha .input-group-append{
            position:absolute;
            right:2px;
            top:2px;
        }

            .formularioGrupos .fecha .input-group-append .input-group-text {
                background-color:transparent;
                color:#597920;
                border:0px;
            }

            .sonrisas_caja {
                display:flex;
            }

            /*RESPONSIVO*/
            @media only screen and (max-width: 1024px) {
                .index_contenido {
                padding-top: 300px;
            }

    .index_tarjeta_amigo_bloque_derecha h3 {
        font-size: 6em;
    }

    .hilo {
        width: 65%;
    }

    .productos_inferior_resumen_cantidad {
        background-position: right top 10px;
    }

    #horarios, #horarios2 {
        width: 84%;
        text-align: initial;
    }
}

@media only screen and (max-width: 800px) {
    .noPc {
        display: block;
    }

    .noMovil {
        display: none !important;
    }

    .nopad {
        padding: 0px;
    }

    .RES800 {
        display: block;
    }

    .RES600 {
        display: none;
    }

    h2 {
        text-align: center;
        text-indent: 0px;
    }

    .index_titulo_novedades h2 {
        margin-top: 0px;
    }
    /*Plantilla*/

    .arriba {
        position: fixed;
        right: 0.5em;
        bottom: 1em;
    }

    .cabecera_barra {
        display: none;
    }

    .cabecera {
        background-color: #F3F3F3;
        position: absolute;
        z-index: 2;
        color: #3D9735;
        padding-bottom: 0px;
    }

    .sinfondo {
        background-color: transparent;
        color: #fff;
    }

    .cuerpo {
        margin-top: calc(45px + 1em);
        background-color: #F4F4F4;
    }

    #cuerpo {
        background-color: #f4f4f4;
    }

    .contenido {
        width: 100%;
    }

    .acceso_cuenta {
        position: absolute;
        top: 14px;
        right: 14px;
        color: #fff;
        z-index: 1000;
    }

        .acceso_cuenta a i {
            font-size: 1.5em;
            color: #597920;
            padding-top: 0.25em;
        }

    .acceso_cuenta2 {
        position: fixed;
        color: #3D9735;
    }

        .acceso_cuenta2 a i {
            /*color: #3D9735;*/
            transition: all 0.5s ease-in-out 0s;
        }

    /*.iconoPortada {
        color:#fff;
    }*/

    .iconoInterior {
        color: #00423F;
        display: none;
    }

    .user_verde {
        color: #00423F !important;
    }

    .cabecera {
        border-bottom: 2PX #597920 solid;
        background-color: #FFF;
    }

    .logotipo,
    .logotipoVerde {
        padding: 0px;
        margin: 12px;
    }

        .logotipo img,
        .logotipoVerde img {
            width: auto;
            max-height: 40px;
        }

    .logotipo {
        display: none;
    }

    .menu {
        display: none !important;
    }

    .menu_movil {
        left: -100%;
        position: absolute;
        float: none;
        width: 100%;
        clear: both;
        transition: all 0.5s ease-in-out 0s;
        background-color: #f4f4f4;
        padding: 1em;
        top: 0;
        z-index: 100;
    }

    .menu_abierto {
        left: 0px;
        position: fixed;
        height: 3000px;
        transition: all 0.5s ease-in-out 0s;
    }

    .menu_abierto2 {
        left: -100%;
        position: fixed;
        height: 3000px;
        transition: all 0.5s ease-in-out 0s;
    }

    .menu_movil a:hover {
        background-color: #91C24F;
        color: #fff;
        text-decoration: none;
    }

    .menu_movil h3 {
        color: #3D9735;
    }

    .menu_movil a {
        display: block;
        clear: both;
        line-height: 2em;
    }

        .menu_movil a:hover {
            color: #3D9735;
            text-indent: 2em;
            background-color: transparent;
        }

    .menu_movil span {
        color: #999;
    }

    .redesMOV {
        float: right;
        padding-right: 2rem;
    }

        .redesMOV table tr td {
            padding: 0.5rem;
        }

            .redesMOV table tr td img {
                height: 20px;
                width: auto;
            }

    .espacios_faldon_contenido,
    .espacio_faldon {
        display: block;
        padding: 0px;
    }

    .espacioTrip,
    .espacioQ {
        display: none;
    }

    .espacioRedes,
    .negro_derecha,
    .negro_izquierda {
        float: none;
        width: 100%;
        display: block;
    }

        .espacioRedes h3 {
            display: none;
        }

        .espacioRedes table {
            margin: 0px auto;
        }

            .espacioRedes table tr {
                display: table-cell;
            }

                .espacioRedes table tr td span {
                    display: none;
                }

                .espacioRedes table tr td img {
                    height: auto;
                    height: 45px;
                    padding: 0.25em;
                }

    .pie_kit img {
        width: 90%;
        height: auto;
    }

    .negro_izquierda {
        text-align: center;
        margin-bottom: 1.5em;
    }

    .negro_derecha table {
        float: none;
        width: 100%;
    }

        .negro_derecha table tr td {
            text-align: center;
        }

            .negro_derecha table tr td img {
                width: 90%;
                height: auto;
                max-width: 100px;
            }

        .negro_derecha table tr td {
            padding: 0px 5px;
        }

    .pagoSeguro img {
        width: 90%;
    }

    .slogan {
        display: none;
    }

    .pickmeup .pmu-instance {
        width: 100% !important;
        height: 200px !important;
    }

    .documento a {
        width: auto;
    }

    .pie_faldon h2 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .pie_faldon h3 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .pie_faldon_instalaciones table tr td {
        display: block;
        clear: both;
        width: 90%;
        margin: 0px auto;
    }

    .patrocinadores a {
        padding: 0px;
    }

    /* Index */

    .imagen_portada {
        position: relative
    }

    .index_slogan {
        position: absolute;
        width: 90%;
        left: 5%;
        text-align: center;
        top: 40%;
    }

    .imagen_portada img {
        width: 100%;
        height: auto;
    }

    .index_posicion_busca {
        top: initial;
        position: relative;
        z-index: initial;
    }

    .index_contenido {
        padding-top: 0px;
    }

    .index_pestanas {
        border-radius: 0px;
        box-shadow: 0px 0px 0px #333;
        -webkit-box-shadow: 0px 0px 0px #333;
        -moz-box-shadow: 0px 0px 0px #333;
        width: 100%;
        font-size: 0.7em;
        margin-top: -10px;
        z-index: 1;
        display: table;
    }

    .compra_pestanas {
        display: table;
        width: 100%;
        margin: 0px auto;
        background-color: #91C24F;
    }

    .pestana,
    .pestana_venta {
        display: block;
        width: 50%;
        float: left;
    }

    /*#pestana2,
    #pestanaVenta2 {
        width:34.2%;
    }*/

    .imagen_pestana img {
        height: 20px;
        width: auto;
    }

    .pestana_venta {
        font-size: 0.7em;
    }

    #pestana1,
    #pestana2 {
        border-radius: 0px;
    }

    .pestana1_derecha,
    .pestana1_izquierda {
        display: block;
        width: 100%;
    }

    .pestana1_izquierda_calendario,
    .pestana1_izquierda_boton {
        float: none;
        margin: 0px auto;
        text-align: center;
    }

        .pestana1_izquierda_calendario input,
        .pestana1_izquierda_boton input {
            max-width: 320px;
            width: 100%;
        }

    .hilo {
        width: 100%;
        font-size: 9px;
    }

        .hilo div {
            display: block;
            float: left;
        }

    .bloque_pestana1_derecha {
        font-size: 1em;
    }

    #indexCalendario {
        width: 100%;
    }

    .index_calendario_temporada_alta, .index_calendario_temporada_baja, .index_calendario_temporada_cerrado {
        display: block;
        padding: 0.5em;
        width: 100%;
    }

    .index_contenido h2 {
        font-size: 5em;
        line-height: 50px;
    }

    .index_experiencia {
        width: 96%;
        padding-top: 1em;
    }

        .index_experiencia p {
            width: 90%;
            text-align: justify;
        }

        .index_experiencia h3 {
            width: 100%;
        }

    .index_experiencia_imagen {
        margin: 1em auto;
        float: none;
    }

        .index_experiencia_imagen img {
            width: 70%;
            max-width: 350px;
        }

    .index_experiencia_barrita_azul {
        width: 100px;
    }

    .index_novedad {
        width: 80%;
        margin: 0px auto;
        float: none;
        margin: 1em auto;
    }

    .index_novedad_imagen {
        height: 200px;
    }

    .index_tarjeta_amigo_bloque_derecha,
    .index_tarjeta_amigo_bloque_izquierda {
        display: block;
        width: 100%;
        text-align: center;
    }

        .index_tarjeta_amigo_bloque_izquierda img {
            width: 90%;
            height: auto;
            max-width: 450px;
        }

    .index_tarjeta_amigo_cab_mov h2 {
        text-align: center;
        color: #405d6f;
        font-family: "Anemone";
        font-weight: 300;
        margin-bottom: 0.5em;
        font-size: 6em;
        margin-top: 0.25em;
    }

    .index_tarjeta_amigo_cab_mov h3 {
        text-align: center;
        color: #91C24F;
    }

    /*.index_tarjeta_amigo a {
        display: block;
        width: 90%;
        background-color: #004441;
        border: 1px #004441 solid;
        color: #fff;
        text-align: center;
        font-weight: bold;
        line-height: 3em;
        margin: 0px auto;
        border-radius: 30px;
        text-decoration: none;
        max-width: 400px;
    }*/

    .index_tarjeta_amigo {
        background-color: #597920;
    }

        .index_tarjeta_amigo h2 {
            padding-top: 1rem;
            color: #f4f4f4;
            line-height: 2rem;
            padding: 1rem 2rem;
        }

    .index_tarjeta_amigo_bloque_derecha {
        color: #fff;
    }

        .index_tarjeta_amigo_bloque_derecha p {
            padding: 0px 2rem;
        }

    .index_tarjeta_amigo_bloque_izquierda {
        background-color: #fff;
        width: 100%;
        border-top: 4px #6D3C3D solid;
        border-bottom: 4px #6D3C3D solid;
    }

    .index_tarjeta_amigo_bloque_derecha a {
        background-color: #6D3C3D;
        border: 2px #fff solid;
        border-radius: 10px;
        color: #fff !important;
        text-align: center;
        width: 90%;
        display: block;
        line-height: 3rem;
        text-decoration: none;
        margin: 1rem auto;
    }

    .index_tarjeta_amigo_destacado {
        color: #fff;
        font-size: 1.5rem;
    }

    /*Venta*/
    #pestanaVenta1,
    #pestanaVenta2 {
        border-radius: 0px;
    }

    .contenido_venta_selector_medio,
    .selector_medio_horario {
        width: auto;
        margin-top: 1em;
    }

    .selector_medio_horario {
        font-size: 0.7em;
    }

    .contenido_venta_titulo h2 {
        text-align: left;
        font-size: 14px;
    }

    .contenido_venta_titulo_subtexto {
        font-size: 0.8em;
        margin-top: -1.3em;
        color: #405d6f;
    }

    .contenido_venta,
    .prodducto_bloque {
        width: auto;
    }

    /*.contenido_venta_fecha,
    .contenido_venta_fecha_boton {
        float: none;
        text-align: left;
        box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px #ccc;
        -moz-box-shadow: 0px 0px 0px #ccc;
        border-radius: 0px;
        padding: 0.25em;
        width: 100%;
        margin: 0px auto;
    }*/

    .contenido_venta_fecha,
    .contenido_venta_hora {
        transition: all 0.2s ease-in-out 0s;
        display: block;
        /*border-radius: 100px;*/
        padding: 1em 0.5em;
        margin: 0px auto;
        width: auto;
        box-shadow: 0px 0px 0px #ccc;
        webkit-box-shadow: 0px 0px 0px #ccc;
        -moz-box-shadow: 0px 0px 0px #ccc;
        background: #f4f4f4;
        margin-top: 1em;
    }

    .contenido_venta_fecha_dia,
    .contenido_venta_hora_texto {
        display: block;
        float: left;
        color: #00423F;
        font-weight: bold;
        padding: 0.25em 1em;
        font-size: 0.9em;
    }

    .contenido_venta_fecha button,
    .contenido_venta_hora button {
        border: 0px;
        font-weight: bold;
        font-family: Montserrat;
        line-height: normal;
        padding: 0.5em;
        float: right;
        background-image: linear-gradient(to right, #009644, #76C242);
        color: white;
        font-size: 0.9em;
        padding: 1em;
        border-radius: 100px;
        margin: 0.25em;
    }

        .contenido_venta_fecha button:hover,
        .contenido_venta_hora button:hover {
            cursor: pointer;
        }

    #horarios, #horarios2 {
        width: auto;
    }

    .contenido_venta_hora_cadahora {
        margin: 3% 1%;
        width: 30%;
        padding: 0.5rem;
        font-size: 0.9rem;
    }

    .producto_bloque {
        width: 98%;
    }

        .producto_bloque h3 {
            font-size: 1em;
        }

    .producto_imagen {
        width: 30%;
        height: auto;
        margin-left: 1%;
    }

    .producto_datos_texto {
        width: 67%;
        margin-bottom: 1em;
    }

    .producto_datos_valores {
        float: none;
        width: auto;
        display: block;
        clear: both;
    }

    .precio_borde {
        border: 0px;
    }

    .producto_datos_precio {
        text-align: center;
    }

    .precio_final {
        float: right;
        padding-right: 1.7em;
    }

    .productos_inferior_resumen_nombre,
    .productos_inferior_resumen_linea {
        display: block;
        width: 100%;
        clear: both;
        position: relative;
    }

    .productos_inferior_resumen_nombre {
        font-weight: bold;
        padding-right: 16px;
    }

    .productos_inferior_resumen_fecha,
    .productos_inferior_resumen_precio,
    .productos_inferior_resumen_cantidad,
    .productos_inferior_resumen_total {
        border-bottom: 1px #fff dashed;
        padding: 0.5em 0px;
        width: 3%;
    }

    .productos_inferior_resumen_cantidad {
        background-size: 25%;
        padding-right: 30px;
    }

    .productos_inferior_resumen_eliminar {
        position: absolute;
        top: 16px;
        right: 0px;
    }

    .productos_inferior_resumen_fecha {
        text-align: left;
    }

    .productos_resumen_precio_boton input {
        width: 100%;
    }

    /*Confirmacion*/

    .hilo_confirma {
        border-radius: 0px;
    }

    .contenido_confirma {
        padding: 1em;
    }

        .contenido_confirma h2 {
            padding-top: 2rem;
            border-top: 1px silver solid;
            margin-top: 1rem;
        }

    .confirma_tiempo_carrito {
        color: #6D3C3D;
        font-weight: bold;
        font-size: 1.2em;
        float: right;
        width: 60%;
    }

    .confirma_tiempo_carrito_texto {
        font-size: 10px;
    }

    .productos_resumen {
        width: auto;
    }

    .confirma_codigo_promocional {
        /*float: none;*/
        display: table;
        /*margin: 1em 0px;*/
    }

    .confirma_codigo_promocional_form input[type=text] {
        width: 230px;
    }

    .contenido_confirma_venta_cruzada {
        margin-top: 1em;
    }

        .contenido_confirma_venta_cruzada h2 {
            text-indent: 0px;
            margin: -0.8em -0.8em 1em -0.8em !important;
        }

        .contenido_confirma_venta_cruzada p {
            text-align: center;
        }

    /*VUELTA*/

    .pago_correcto h2 {
        width: auto;
        float: none;
    }

    .pago_correcto_productos a {
        display: block;
    }

    /*USUARIOS*/

    .usuarios_texto_movil {
        width: 90%;
        margin: 0px auto;
        text-align: justify;
    }

    .zona_usuario_contenedor {
        width: auto;
        border-radius: 0px;
    }

    .zona_usuarios_item div {
        width: 80px;
        height: 80px;
        transition: all 0.2s ease-in-out 0s;
        font-size: 0.9em;
        line-height: 1em;
    }

    .zona_usuarios_item i {
        font-size: 1em;
    }

    .usuario_compra_dato,
    .usuario_compra_linea {
        display: block;
        width: auto;
    }

    .usuario_compra_dato {
        padding: 0px;
    }

    .usuario_linea_producto {
        width: auto;
        display: block;
    }

    /*PÁGINAS LEGALES*/
    .paginas_legales {
        padding: 5%;
    }

        .paginas_legales table th {
            display: none;
        }

        .paginas_legales table tr:first-child {
            display: none;
        }

        .paginas_legales table tr {
            display: block;
            width: 90%;
            margin: 1em auto;
            border: 1px silver solid;
        }

            .paginas_legales table tr td {
                display: block;
                padding: 0.5em;
                background-color: #fff;
            }

                .paginas_legales table tr td:nth-child(2)::before {
                    display: block;
                    font-weight: bold;
                    content: "Nombre";
                    text-align: center;
                }

                .paginas_legales table tr td:nth-child(3)::before {
                    display: block;
                    font-weight: bold;
                    content: "Propósito";
                    text-align: center;
                }

                .paginas_legales table tr td:nth-child(4)::before {
                    display: block;
                    font-weight: bold;
                    content: "Más información";
                    text-align: center;
                }


                .paginas_legales table tr td:first-child {
                    background-color: #405d6f;
                    color: #fff;
                    text-align: center;
                }

        .paginas_legales ul {
            padding-left: 20px;
        }

            .paginas_legales table a,
            .paginas_legales ul li a {
                text-align: center;
                line-height: 2em;
                display: block;
            }

    /*---AGENTES ----*/
    .agente_espacio {
        padding: 0.5em;
    }

    .agente_nombre, .agente_imagen {
        font-size: 1em;
        color: #405d6f;
    }

        .agente_imagen img {
            max-height: 30px;
            width: auto;
        }

    .cuerpo_agente {
        padding-top: 50px;
    }

    .slick-slide {
        margin: 0px 14px;
    }

    /* TARJETA AMIGO*/

    .amigo {
        width: 96%;
        margin: 0px auto;
    }

    .amigo_bloque {
        width: 100%;
    }

    .amigo_iniciar,
    .amigo_registrar {
        display: block;
        width: 100%;
    }

    .amigo_iniciar_form,
    .amigo_iniciar_texto,
    .amigo_registrar_texto {
        border: 0px;
    }

    .amigo_iniciar_faq {
        border-bottom: 1px silver dashed;
    }

    amigo_iniciar_texto, .amigo_registrar_texto {
        padding: 1em 1em;
        height: auto;
    }

    .amigo_bloque h2 {
        margin-top: 0px;
    }

    .texto_sin_productos {
        margin-top: 10px;
    }

    .left img {
        width: 100%;
    }

    .solicita {
        background-color: #3D9735;
        width: 45%;
        background-image: none;
        background-repeat: no-repeat;
    }

    .regala {
        background-image: none;
        background-position: 20px;
        width: 45%;
    }

    .imagen_seguro {
        background-image: none;
    }

    #seguro-item {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .RES600 {
        display: block;
    }

    .RES800 {
        display: none;
    }

    /*.usuario_linea_producto_detalle{
        width:100%;
    }*/

    /*.usuario_linea_producto_reserva_detalle {
        width: 100%;
    }*/

    .slick-list {
        padding-bottom: 0.5em;
    }

    .confirma_codigo_promocional_bolo_espacio {
        padding-right: 0.5em;
    }

    .confirma_codigo_promocional_form input[type=submit] {
        padding: 0px 20px;
    }

    .confirma_codigo_promocional_form input[type=text] {
        width: 190px;
    }

    .confirma_pago_seguro {
        margin-top: 0px;
        font-size: 0.9em;
    }

    #horarios, #horarios2 {
        width: 100%;
    }

    /*.contenido_venta_hora_cadahora {
        margin: 2% 5%;
    }*/

    /*USUARIOS*/

    /*usuarios*/

    .zona_usuarios_item div {
        width: 80px;
        height: 80px;
        transition: all 0.2s ease-in-out 0s;
        font-size: 0.9em;
        line-height: 1em;
        margin: 0px auto;
    }

    .zona_usuarios_item {
        display: block;
        padding: 0px;
        width: 50%;
        float: left;
        margin: 1em 0px;
        height: 90px;
    }

    .zona_usuarios_tabla {
        text-align: center;
    }

    .zona_usuarios_tabla_agente {
        width: 100%;
    }

    .zona_usuarios_item_agente {
        width: 33%;
    }

    .pago_correcto_texto span {
        color: #3D9735;
        font-size: 16px;
    }

    .left {
        width: 100%;
        margin: auto;
        text-align: center;
        padding-top: 2em;
    }

        .left img {
            width: 70%;
        }

    .right {
        width: 100%;
    }

    .bloque_botones {
        display: block;
        width: 90%;
        margin: 1em auto;
    }

    .solicita, .regala {
        display: block;
        width: 100%;
        margin: 1em auto;
        line-height: 3em;
    }

    .contenido_venta_selector_tarifas {
        width: 100%;
        border-radius: 30px;
    }

    .selector_tarifa {
        width: 90%;
    }

    .producto_imagen {
        text-align: center;
    }

    .producto_imagen,
    .producto_datos_texto {
        float: none;
        display: block;
        width: 96%;
        margin: 0px auto;
    }

        .producto_imagen img {
            width: 80%;
            height: auto;
        }

    #seguro-item {
        width: 100%;
    }

    .seguroBanner {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
    }

    .imagen_seguro {
        background-image: none;
    }

        .imagen_seguro img:nth-child(1) {
            display: none;
        }

    .confirma_barra_discontinua {
        border: 0px;
    }

    .loginFinal {
        width: 96%;
        margin: 0px auto;
        float: none;
    }

    .usuarioLogin input, .usuarioLogin select {
        width: 92%;
    }

    .form-group #show_passwordA {
        position: absolute;
        top: 10px;
        right: 12%;
    }

    .login_pasword a, .login_nuevo a {
        line-height: 3em;
        width: 90%;
    }

    .confirma_precio_total {
        margin-bottom: 0px;
        position: fixed;
        bottom: 0px;
        background: #fff;
        z-index: 1000;
        width: 100%;
        padding: 1rem;
        left: 0;
    }

    .terraza_superior {
        padding: 8rem 0px;
    }

    .terraza_llamador {
        width: 40%;
        left: 30%;
    }

    .terraza_cuerpo_izquierda,
    .terraza_cuerpo_derecha {
        width: 96%;
        float: none;
        margin: 0px auto;
    }

    .terraza_cuerpo_izquierda_imagen {
        float: left;
        width: 33%;
    }

    .terraza_cuerpo_derecha img {
        width: 96%;
        margin: 0px auto;
    }

    .terraza_video_frame {
        width: 100%;
        float: none;
    }

        .terraza_video_frame iframe {
            position: relative;
            width: 100%;
            top: 0px;
        }

    .terraza_video h2 {
        width: 100%;
        padding: 1rem 0px;
        float: none;
    }

    .terraza_rrss_izquierda,
    .terraza_rrss_derecha {
        width: 100%;
        padding: 1rem;
        float: none;
    }

    .loginFinal p {
        width: 90%;
    }

    .identificacionIzquierda,
    .identificacionDerecha {
        float: none;
        width: 96%;
        margin: 0px auto;
        padding: 0px;
    }

    .botoneraConf span {
        font-size: 0.8em;
        background-color: #f4f4f4;
        display: block;
        width: 90%;
        margin: 0px auto;
        padding: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .botoneraConf p {
        text-align: justify;
        font-size: 0.9em;
        width: 90%;
        margin: 1rem auto;
    }

    .form-group {
        position: relative;
    }

        .form-group #show_passwordC, .form-group #show_passwordR, .form-group #show_passwordRegistroPass, .form-group #show_passwordA, .form-group #show_passwordB {
            position: absolute;
            top: 40px;
            right: 12%;
        }

    .enlaceIdentificado,
    .enlaceIdentificado2 {
        font-weight: bold;
    }

    .confirma_registrado {
        font-size: 0.8REM;
    }

    .pie_negro_izquierda,
    .pie_negro_derecha {
        width: 90%;
        padding: 5%;
    }

    .form-group #show_passwordLogin {
        right: 30px !important;
    }

    .usuarioLogin {
        width: 300px;
    }

    .contenido_venta_selector_tarifas .selector_tarifa:nth-child(4),
    .contenido_venta_selector_tarifas .selector_tarifa:nth-child(5) {
        width: 100%;
    }

    .form-group #show_passwordRP,
    .form-group #show_passwordRPR {
        right: 30px !important;
    }


    .formularioGrupos {
        width: 96%;
        padding: 1em;
    }

        .formularioGrupos .form-group {
            width: 100%;
            float: none;
            padding: 1em 0px 0px 0px;
        }

            .formularioGrupos .form-group:nth-child(2n+1) {
                text-align: left;
                padding-right: 0px;
            }

            .formularioGrupos .form-group:nth-child(31) input {
                width: 100%;
                margin: 0px auto;
            }

    .sonrisas_caja {
        display:block !important;
        margin: 0px auto !important;
        margin-top:-0.5rem;
    }

    .sonrisas {
        display: block;
        width: 100% !important;
        margin: 1.5em auto;
        float:none !important;
    }

    .sonrisas span{
        display:block;
        float:none;
        width:100%;
        text-align:center;
        
    }

    .encuesta_bloque .sonrisas_caja:nth-child(3) {
        margin-top: -26PX !important;
    }
}

@media only screen and (max-width: 380px) {
    .contenido_venta_fecha_dia,
    .contenido_venta_hora_texto {
        font-size: 0.75em;
    }

    /*.contenido_venta_hora_cadahora {
        margin: 2% 3%;
    }*/

    .confirma_tiempo_carrito {
        width: 50%;
    }

    .confirma_boton_pie input[type=submit] {
        width: 100%;
    }

    .confirma_codigo_promocional {
        margin-right: 0px;
    }

    .confirma_codigo_promocional_bolo_espacio {
        padding-right: 0.25em;
    }

    .confirma_codigo_promocional_form input[type=text] {
        width: 170px;
    }

    .confirma_codigo_promocional_form input[type=submit] {
        padding: 0px 16px;
    }

    .pie_oficial {
        font-size: 0.9em;
    }

    .texto_sin_productos {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.5;
    }
}

@media only screen and (max-width: 330px) {
    .espacioRedes table tr td img {
        height: 40px;
    }

    /*.contenido_venta_fecha,
    .contenido_venta_hora {
        transition: all 0.2s ease-in-out 0s;
        display: block;
        border-radius: 10px;
        padding: 0.25em;
        margin: 1em auto;
        width: auto;
        line-height: 3em;
        background-color: #f4f4f4;
        text-align: center;
    }*/

    .contenido_venta_fecha_dia,
    .contenido_venta_hora_texto {
        float: none;
    }

    .contenido_venta_fecha_boton,
    .contenido_venta_hora_boton {
        float: none;
        text-align: center;
    }

    .contenido_venta_fecha button,
    .contenido_venta_hora button {
        float: none;
    }

    .contenido_venta_titulo_subtexto {
        margin-top: auto;
    }

    .confirma_registrado a {
        padding: 0.5em;
    }

    /*.contenido_venta_hora_cadahora {
        margin: 3% 1%;
    }*/
}