/*400,600,300,700*/
.container {
    /* max-width: none; */
}

#page_tpv {
    /* margin-top: 30px; */
    position: relative;
    font-family: "KievitOt Regular", Sans-serif;
}

#consola {
    background-color: #f1f1f1;
    padding: 20px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    display: none;
    font-size: 10px;
    z-index: 999999;
}

#consola input {
    display: table;
    font-size: 10px;
}

#page_ok {
    display: none;
    padding-top: 4%;
    padding-bottom: 20%;
}

#page_ko {
    display: none;
    padding-top: 6%;
    padding-bottom: 20%;
}

.boton_1,
.boton_1:focus {
    text-decoration: none;
    padding: 8px 10px 7px;
    font-size: 11px;
    color: #fff;
    background-color: #930437;
    font-weight: 700;
    display: block;
    border: 1px solid #930437;
    transition: all 0.4s;
}

.boton_1:hover {
    text-decoration: none;
    background-color: #FFF;
    color: #930437;
}

#header {
    width: 100%;
}

#summary {
    background-color: #f2f2f2;
    padding: 18px 0px 6px 0px;
    display: table;
    width: 100%;
}

#summaryExtra {
    /* background-color: #f2f2f2; */
    padding: 0px 18px 6px 18px;
    display: table;
    width: 100%;
}

#summaryExtra .tit {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
}

#summaryExtra .foto {
    margin-top: 12px;
}

#summaryExtra .foto img {
    width: 100%;
}

#summaryExtra .productotit {
    font-family: "Chronicle Display Roman", Sans-serif;
    line-height: 1.2;
    font-size: 28px;
    font-weight: 400;
    margin-top: 10px;
    padding-bottom: 9px;
    border-bottom: 0px solid #c9c9c9;
}

#summaryExtra .info {
    font-size: 12px;
    margin-top: 10px;
}

.carro {
    padding-top: 10px;
}

.summary_item {
    border-top: 2px solid #fff;
    clear: both;
    width: 100%;
    padding: 13px 0;
    display: none;
}

.summary_item.summary_item_visible {
    display: table;
}

.summary_item_desc {
    font-size: 14px;
    font-weight: 700;
    float: left;
    padding-left: 18px;
}

.summary_item_info {
    font-size: 14px;
    font-weight: 700;
    float: right;
    padding-right: 18px;
}

.summary_total {
    padding: 14px 18px;
    background-color: #e2e2e2;
    display: none;
    width: 100%;
}

.summary_total span {
    display: block;
    clear: both;
    text-align: right;
}

.summary_total_desc {
    font-size: 14px;
    font-weight: 700;
    float: left;
    color: #930437;
}

.summary_total_info {
    font-size: 16px;
    font-weight: 700;
    float: right;
}

.summary_total_info span {
    font-size: 12px;
    font-weight: 400;
}

#summaryCols {
    min-height: 600px;
}


.carro_clear {
    clear: both;
}

#summary_help {
    font-size: 15px;
    color: #959595;
    margin-top: 10px;
    clear: both;
    background-color: #F4F4F4;
    padding: 16px 20px 12px 20px;
    font-family: "KievitOt Light", Sans-serif;
}

#summary_help span {
    color: #930437;
    font-weight: 700;
}

#summary_help p {
    margin: 0 !important;
}
#summary_help a {
    color: #930437;
    font-weight: 700;
}

.summary_help {
    font-size: 11px;
    color: #959595;
    margin-top: 10px;
    clear: both;
}

.summary_help span {
    color: #930437;
    font-weight: 700;
}

.summary_help a {
    color: #930437;
    font-weight: 700;
}



.summary_total_descuento {
	clear:both;
    padding: 14px 18px;
    background-color: #d4d4d4;
    display: none;
    width: 100%;
}
.summary_total_descuento_desc {    font-size: 14px;
    font-weight: 600;
    float: left;}
.summary_total_descuento_info {font-size: 16px;
    font-weight: 600;
    float: right;}

.summary_total_descuento_info span {font-size: 12px;
    font-weight: 400;}

/*
.idiomas {}
.idiomas a {margin-left:6px;}
.idiomas a:hover {opacity:.8;}
*/

#paso_1 {}

.line_tarifas {
    display: none;
}

/*#form_calendario {display:none;}*/
#form_horarios {
    display: none;
}

.sugerencia {
    display: none;
}

#fin_paso_1 {
    display: none;
}

#fin_paso_1b {
    display: none;
}

#fin_paso_2 {
    display: none;
}

#fin_paso_2a {
    display: none;
}

#fin_paso_2b {
    display: block;
}

#sugerencia_3 {
    margin-top: 10px;
}

.paso {
    display: none;
}

.titulo_paso {
    font-size: 14px;
    font-weight: 700;
    background-color: #f2f2f2;
    padding: 20px;
    margin-bottom: 30px;
    font-family: "Chronicle Display Roman", Sans-serif;
}

.titulo_paso span {
    background-color: #2d2d2d;
    color: #fff;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 0px solid #000000;

}

.titulos {
    background-color: #fff;
    margin: 0 0 30px 0;
    display: table;
    width: 100%;
}

.titulo_paso_new.active {
    opacity: 1;
    border-bottom: 1px solid #930437;
    color: #930437;
}

.titulo_paso_new {
    font-size: 15px;
    font-weight: 400;
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #CFB07B;
    cursor: pointer;
    padding: 16px 12px 12px;
    float: left;
    opacity: .8;
    color: #CFB07B;
    width: 25%;
    font-family: "Chronicle Display Roman", Sans-serif;
    text-transform: uppercase;
}

.titulo_paso_new span {
    /* background-color: #ccc; */
    color: #CFB07B;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 400;
    border: 0px solid #000000;
    display: block;
    margin: 0 auto -4px;
    text-align: center;
}

.titulo_paso_new.active span {
    color: #930437;
}


.titulo_paso_link:not(.active) {
    cursor: pointer;
}

.titulo_paso_link.tpn_2.active {
    cursor: pointer;
}

#form_producto {
    display: table;
    width: 100%;
}

.inline_form {}

.inline_form .form-group {
    display: table;
    float: left;
    margin-right: 20px;
}

/*.inline_form .form-group:last-child {float:right; margin-right:0;}*/


#f_prod_precio {
    font-weight: 700;
}

#f_prod_cantidad {
    max-width: 70px;
}


.tarifaWr {
    clear: both;
    width: 100%;
    display: none;
}

.tarifaWr p {
    margin: 0;
    padding-top: 8px;
    width: 220px;
    font-weight: 600;
    text-align: right;
}

.tarifaWr .f_prod_precio_p {
    width: 70px;
}

.f_prod_cantidad_class {
    max-width: 70px;
}

#form_calendario {
    height: 100px;
    text-align: center;
    clear: both;
    display: table;
    width: 100%;
}

.boton_2,
.boton_2:focus {
    display: block;
    width: 100%;
    background-color: #f2f2f2;
    padding: 10px 20px;
    color: #2d2d2d;
    text-transform: uppercase;
    border: 1px solid #f2f2f2;
    transition: all 0.4s;
}

.boton_2 img {
    float: right;
    margin-top: -2px;
}

.boton_2:hover {
    border: 1px solid #2d2d2d;
    text-decoration: none;
    color: #2d2d2d;
}

#add_cata {
    margin: 30px 0;
}

.boton_3,
.boton_3:focus {
    font-family: "KievitOt Regular", Sans-serif;
    text-transform: uppercase;
    display: block;
    font-size: 19px;
    font-weight: 700;
    background-color: transparent;
    color: #930437;
    border-bottom: 1px solid #fff;
    display: block;
    width: 100%;
    text-align: right;
    padding: 12px 20px;
    transition: all 0.4s;
    letter-spacing: 1px;
}
.boton_3 span {
    transition: all 0.4s;
    font-size: 14px;
    margin-right: 8px;
}

.boton_3:hover {
    color: #930437;
    background-color: #FFF;
    text-decoration: none;
    /* border-bottom: 1px solid #930437; */
}
.boton_3:hover span {
    margin-right: 4px;
}

#aviso_horario h4 {
    margin-top: 20px;
    font-family: "Chronicle Display Roman", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

#fPagoTarjeta,
#fPagoTarjeta:focus {
    border-radius: 6px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    background-color: #930437;
    color: #fff;
    border: 1px solid #930437;
    display: block;
    width: 100%;
    text-align: center;
    padding: 16px 20px;
    transition: all 0.4s;
}

#fPagoTarjeta:hover {
    color: #930437;
    background-color: #FFF;
    text-decoration: none;
}

#paypal-button-container {
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.formfoot {
    margin-top: 20px;
    margin-bottom: 20px;
}

#loading {
    display: none;
    background: url(../img/loading.gif) center center no-repeat rgba(255, 255, 255, 0.6);
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9998;
}

/*
#loading {
    background: url(../img/loading.gif);
    height: 32px;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    padding: 20px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 32px;
    z-index: 9999;
}
*/


#calendario {}

#calendariow {
    /* background-color: #f2f2f2; */
    /* padding: 15px; */
    padding-top: 15px;
}

#tablaHorarios {
    font-size: 16px;
}

#tablaHorarios thead tr {
    background-color: #f2f2f2;
}

#tablaHorarios thead th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 20px;
    text-align: center;
    border:0;
    border-bottom: 1px solid #CFB07B;
    font-size: 12px;
}

#tablaHorarios thead th:first-child {
    text-align: left;
}

#tablaHorarios tbody tr {
    cursor: pointer;
    transition: all .4s;
    background-color: #f2f2f2;
}

#tablaHorarios tbody tr:hover {
    background-color: #930437;
}
#tablaHorarios tbody tr:hover td {
    color: #fff;
}

#tablaHorarios tbody tr.success,
#tablaHorarios tbody tr.success td {
    background-color: #930437;
    color: #fff;
}

#tablaHorarios tbody tr.success .icono {
    background: #930437 url(../img/close_h_2025.png) right center no-repeat;
}

#tablaHorarios tbody tr.danger {
    cursor: default;
    color: #828282;
    display: none;
}

#tablaHorarios tbody tr.danger:hover {
    background-color: #f9f9f9;
}

#tablaHorarios tbody tr.danger_time {
    cursor: default;
    color: #828282;
    background-color: #f2dede;
}

#tablaHorarios tbody tr.danger_time:hover {
    background-color: #f2dede;
}

#tablaHorarios tbody tr td {
    padding: 16px 20px;
    text-align: center;
    font-weight: 600;
    border:0;
}

#tablaHorarios tbody tr td:first-child {
    text-align: left;
    font-family: "Chronicle Display Roman", Sans-serif;
    font-weight: 400;
}

#tablaHorarios tbody tr td:first-child {

}


#gracias {
    text-align: center;
    max-width: 600px;
}

#gracias h1 {
    color: #930437;
}

#aviso_hor {}

#avisoHorarios {
    display: none;
    text-align: center;
    padding: 4px 5px;
}

#avisoHorarios_2 {
    display: none;
    text-align: center;
    padding: 4px 5px;
}

#catas_new {}

#catas_new h4 {
    line-height: 26px;
    margin-bottom: 40px;
}

.cn_item {
    clear: both;
    margin-bottom: 20px;
}

.cn_item input {
    width: 60px;
}

.cn_item .tit {
    font-size: 16px;
    margin-bottom: 5px;
}

.cn_item .txt {
    font-size: 12px;
}

.line_tarifas .form-group:last-child {
    margin-right: 0;
}


#mob_tpv_head {
    display: none;
    font-family: "KievitOt Regular", Sans-serif;
}

#mob_tpv_info {
    height: 254px;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #000;
}

#mob_tpv_i_foto {}

#mob_tpv_i_foto img {
    width: 100%;
}

#mob_tpv_i_w {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 20px;
}

#mob_tpv_i_w_tit {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

#mob_tpv_i_w_mas {}

#mob_tpv_cart_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    background-color: #f2f2f2;
}

.mtcg_item {
    text-align: center;
    padding: 30px 24px;
}

.mtcg_item_tit {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap
}

.mtcg_item_tit img {
    padding-right: 6px;
    height: 20px;
}

.mtcg_item_val {
    font-size: 20px;
    font-weight: 700;
}

#mtcg_4 {
    padding-top: 20px;
    padding-bottom: 0;
    background-color: #d2d2d2;
}

#mtcg_4 .mtcg_item_tit {
    font-size: 18px;
    font-weight: 700;
    color: #930437;
}

#mtcg_4 .mtcg_item_val {
    font-size: 26px;
}

#mtcg_4 .mtcg_item_extra {
    font-size: 12px;
    font-weight: 300;
    color: #3e3e3e;
}

#mob_tpv_paso {
    padding-top: 20px;
    padding-bottom: 20px;
}

#mob_tpv_paso_tit {
    font-size: 24px;
    font-weight: 400;
    font-family: "Chronicle Display Roman", Sans-serif;
}

#mob_tpv_paso_back {
    margin-right: 20px;
    display: none;
}

#mob_tpv_paso_tit span {
    /* background-color: #930437; */
    /* border-radius: 50%; */
    color: #CFB07B;
    font-size: 22px;
    font-weight: 400;
    /* margin-right: 10px; */
    /* width: 30px; */
    display: inline-block;
    text-align: center;
}
#mob_tpv_paso_tit b {
    font-weight: 400;
}


#tablaTarifas, #tablaExtras {
    font-size: 16px;
}

#tablaTarifas thead tr, #tablaExtras thead tr {
    background-color: #fff;
}

#tablaTarifas thead th, #tablaExtras thead th {
    font-weight: 300;
    text-transform: uppercase;
    padding: 16px 20px;
    text-align: center;
}

#tablaTarifas thead th:first-child, #tablaExtras thead th:first-child {
    text-align: left;
}

#tablaTarifas tbody tr, #tablaExtras tbody tr {
    cursor: pointer;
    transition: all .4s;
    background-color: #fff;
}

#tablaTarifas tbody tr td, #tablaExtras tbody tr td {
    padding: 16px 20px;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
}

#tablaTarifas tbody tr td:first-child, #tablaExtras tbody tr td:first-child {
    text-align: left;
}
#tablaTarifas th, #tablaTarifas td, #tablaExtras th, #tablaExtras td {
    border: 0;
    background-color: #fff;
}

.tEt {
    font-family: "Chronicle Display Roman", Sans-serif;
    font-weight: 400;
}
h4.tl__tpv_promo_vinos {
    font-size: 1rem;
}

#tablaExtras tbody tr td {
    padding-left: 0;
}

/* #tablaExtras {
    font-size: 16px;
} */

/* #tablaExtras thead tr {
    background-color: #f2f2f2;
}

#tablaExtras thead th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 20px;
    text-align: center;
}

#tablaExtras thead th:first-child {
    text-align: left;
}

#tablaExtras tbody tr {
    cursor: pointer;
    transition: all .4s;
    background-color: #f2f2f2;
}

#tablaExtras tbody tr td {
    padding: 16px 20px;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

#tablaExtras tbody tr td:first-child {
    text-align: left;
} */

.tEfoot {
    font-size: 12px;
}

#tablaExtras tbody tr.tEfoot td {
    border-top: 0px solid #ddd;
    padding-top: 0;
}


.tTp {
    font-weight: 700;
    display: none;
}

/* input.tTinputCant[type=number]::-webkit-inner-spin-button, 
input.tTinputCant[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

} */

/* Chrome, Safari, Edge, Opera */
input.tTinputCant::-webkit-outer-spin-button,
input.tTinputCant::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.tTinputCant[type=number] {
    -moz-appearance: textfield;
}

/* Chrome, Safari, Edge, Opera */
input.tEinputCant::-webkit-outer-spin-button,
input.tEinputCant::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.tEinputCant[type=number] {
    -moz-appearance: textfield;
}

.divCantidad {
    display: flex;
    justify-content: center;
}

.tTinputCant, .tEinputCant {
    border: 0 !important;
    font-size: 20px;
    text-align: center;
    background-color: #F4F4F4;
    color: #000;
    border-radius: 0 !important;
    width: auto !important;
}

/* .tEinputCant {
    border: 0;
    font-size: 20px;
    background-color: #930437;
    text-align: center;
    color: #fff;
} */

.btnAddNO {
    display: none;
}

.btnAdd {
    background-color: #930437;
    color: #fff;
    border: 2px solid #930437;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    padding: 6px 0;
    font-weight: 700;
}

.btnAdd:hover {
    background-color: #fff;
    color: #930437;
}

button.btnAddalt {
    background-color: #F4F4F4;
    color: #000;
    border: 0px solid #930437;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 8px;
    border-radius: 0;
    font-weight: 300;
}

button.btnAddalt:focus {
    background-color: #F4F4F4;
    color: #000;
}
button.btnAddalt:hover {
    background-color: #e9e9e9;
    color: #930437;
}

button.btnAddalt:first-child {
    padding: 6px 9.75px;
}

#giftCardForm {
    position: absolute;
    background: #fff;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px;
    display: none;
}

#giftCardFormw {}

.gcfTit {
    font-size: 28px;
    color: #000;
    margin-bottom: 40px;
}

#gcfInput {
    border: 1px solid #930437;
    padding: 12px 22px;
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px;
    max-width: 600px;
    width: 100%;
}

#gcfError {
    color: #930437;
    text-align: center;
    font-size: 14px;
    margin-bottom: 40px;
    display: none;
}

#gcfSubmit {
    max-width: 600px;
    margin: 0 auto;
}

#giftCardFormw .summary_help {
    max-width: 600px;
    margin: 10px auto;
}

#tpv_pago_seguro {
    font-size: 12px;
    margin-top: 24px;
}

#tpv_pago_seguro .tpv_pago_seguro_a,
#tpv_pago_seguro .tpv_pago_seguro_b {
    display: flex;
    align-items: center;
}

#tpv_pago_seguro .tpv_pago_seguro_a img {
    height: 90px;
}

#tpv_pago_seguro .tpv_pago_seguro_b img {
    height: 52px;
    margin-right: 20px;
    padding-left: 16px;
}

#tpv_pago_seguro div p {
    margin-top: 0px;
}

#tpv_pago_seguro div p:last-child {
    margin: 0px;
}

@media (max-width: 991px) {
    #page_tpv {
        margin-top: 0px;
    }

    .tTp {
        display: block;
    }

    .tTpCol {
        display: none;
    }

    #mob_tpv_head {
        display: block;
    }

    #summaryCols {
        display: none;
    }
}

@media (max-width: 560px) {
    #mob_tpv_info {
        height: 204px;
    }

    #mob_tpv_i_w_tit {
        font-size: 32px;
    }

    .tarifaWr p {
        width: 56px;
        font-size: 11px;
    }

    .mtcg_item {
        padding: 24px 14px;
    }

    .mtcg_item_tit {
        font-size: 16px;
    }

    .mtcg_item_val {
        font-size: 18px;
    }

    #tablaTarifas thead th {
        font-size: 14px;
    }

}

@media (max-width: 480px) {
    #mob_tpv_i_w_tit {
        font-size: 28px;
    }

    .mtcg_item {
        padding: 24px 8px;
    }

}

@media (max-width: 420px) {
    .tarifaWr .f_prod_precio_p {
        font-size: 13px;
        padding: 7px 4px;
        width: 54px;
    }

    .tarifaWr .f_prod_cantidad_class {
        font-size: 13px;
        padding: 7px 4px;
        width: 54px;
    }

    .line_tarifas label {
        font-size: 10px;
    }

    .line_tarifas .form-group {
        margin-right: 10px;
    }

    .line_tarifas .form-group:last-child {
        margin-right: 0;
    }

    #mob_tpv_cart_grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
    }

    .mtcg_item_tit img {
        padding-right: 0px;
        height: 18px;
        display: block;
        margin: 0 auto;
    }

    .mtcg_item_tit {
        font-size: 14px;
    }

    .mtcg_item_val {
        font-size: 15px;
    }

    #mtcg_4 {
        padding-top: 6px;
    }

    #tablaHorarios {
        font-size: 14px;
    }

    #mob_tpv_paso_tit {
        font-size: 18px;
    }

    #mob_tpv_paso_tit span {
        font-size: 18px;
        width: 25px;
    }

}

@media (max-width: 380px) {
    .mtcg_item_tit {
        font-size: 14px;
    }

    .mtcg_item_val {
        font-size: 12px;
    }

    #tablaHorarios {
        font-size: 14px;
    }
}

#header_mob_interno {
    display: none !important;
}

#alertAforo {
    display: none;
}

#form_datos label span {
    color: #CFB07B;
}
#form_datos label b {
    font-weight: 400;
}
#form_datos .form-group {
    margin-bottom:12px;
}

#socioDescuentoForm .input-group {
    display: flex;
}
#socioDescuentoForm .input-group input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0;
}
#socioValidar {
    background: #aa0461;
    color: #fff;
    border-color: #aa0461;
    cursor: pointer;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    
}
#socioValidar:hover {
    color:#CFB07B;
}

#f_u_socio_link {
    font-size: 13px;
}

#f_u_socio_link a {
    color: #5c0a3d;
    text-decoration: underline;
    font-weight: bold;
}


#form_datos .iti {
    display: block;
}

.tl__tpv_res_summary {
    display:none;
}