/* 
    Document   : styleTemplate
    Created on : 05-dic-2014, 14:00:17
    Author     : surbit
    Render     : Commerce
    Description:
        Purpose of the stylesheet follows.
*/

/*
    COLORES:
    MARRON OSCURO: #331B00
    NARANJA: #DB8515
    FONDO CLARITO: #F0EDE5
*/

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

root { 
    display: block;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/*
    10 tamFuenteExtraSmall
    12 tamFuenteSmall
    14 tamFuenteNormal
    16 tamFuenteLarge
    18 tamFuenteExtraLarge
*/



body
{    
    /* font-family:"Helvetica Neue", Helvetica,Arial,sans-serif; */
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-family:Helvetica;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color: #FFFFFF;
    /* NO TOCAR LA SIGUIENTE LINEA */
    color:#331B00;
    overflow-x: hidden;
}

.bodyBg
{    
}

*:focus { outline: none; }

#contenedorPantallaCargando
{
    position: absolute;
    left: 50%;
    margin-left: -450px;
    top: 0px;    
    width: 900px; 
    min-height: 768px;    
}
div
{
    /* Prevenir la selección de texto */
    -webkit-user-select: none; /* Chrome, Safari, y Opera 15 */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input
{
    border: thin solid #aaa;
    border-radius: 5px;
    padding: 3px;
}
input[type="radio"] 
{
    display:none;
    height: 32px;
}
input[type="radio"] + label 
{
    color: #aaa;
    /* font: 12px/26px Helvetica, Helvetica Neue, Arial; */
     /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
}
input[type="radio"]:checked + label 
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    color:#331B00;
    /* font: 14px/26px Helvetica, Helvetica Neue, Arial; */
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    font-weight: bold;    
}
input[type="radio"] + label span 
{
    display:inline-block;
    width:19px;
    height:19px;    
    margin:-1px 4px 0 0;
    vertical-align:middle;
    /* NO TOCAR LA SIGUIENTE LINEA */
    background:url(../resources/commerce/5013/res/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;    
}
input[type="radio"]:checked + label span 
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    background:url(../resources/commerce/5013/res/check_radio_sheet.png) -57px top no-repeat;
}
.txtGeneralLineaPedido
{    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    /* NO TOCAR LA SIGUIENTE LINEA */
    color:#331B00;
}
.txtNotasLineaPedido
{    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
    color: #444;
}
.txtLineaPedidoProductoAgregado
{   
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    font-weight: bold;
    color: #666;
}
.txtDtoPedido
{    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    font-weight: bold;
    color: #669900;    
}
.divLblDtoPedido
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    font-weight: bold;
    background-color: #669900;    
    color: white;
    padding: 3px;    
    border-radius: 3px;
    /* width: 150px; */
    display: inline-block;
    float: right;
}
.txtCostoEnvioPedido
{    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    font-weight: bold;    
}
.txtMontoTotalPedido
{    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
    font-weight: bold;    
}
.btnEditarLineaPedido
{
    width: 32px;
    height: 32px;
    border: none;
    cursor: pointer;
    margin-top: -4px;
}
textarea
{
    border: thin solid #aaa;
    border-radius: 5px;
    padding: 3px;
    width: 200px;
    height: 64px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
}
.textoSombra_Titulo
{
    color: #000;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
}
.textoSombra_Contenido
{
    color: whitesmoke;
    text-shadow: 2px 2px 3px black;
    font-weight: bold;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
}
.contenedorPantallaCargando
{
}
.contenedorFondoPantallaInicio
{    
}
.contenedorPantallaCarta
{    
}
/* NUEVO 2018 - CONTENEDOR DE OPCIONES NO OBLIGATORIAS COLAPSABLE */
.divGrupoOpcionesOpcionales_Titulo
{
    /* ... */
}
.divGrupoOpcionesOpcionales_Titulo_NombreGrupo
{
    display: inline-block;    
    width: 175px;    
}
.divGrupoOpcionesOpcionales_Titulo_AccionMostrarOcultar
{
    display: inline-block;
    font-weight: 600;
    color: #666;
}
.divGrupoOpcionesOpcionales_ContenedorOpciones
{
    padding-top: 7px;
}
/* -- FIN : OPCIONES NO OBLIGATORIAS COLAPSABLE-- */

.divContenedorImagenMercadoPago
{
    display: inline-block;    
    height: 28px;
    width: 120px;
    vertical-align: middle;
    /* NO TOCAR LA SIGUIENTE LINEA */
    background: no-repeat url(../resources/general/images/mp_logo.png);
    background-size: contain;
}

/* DESKTOP */
@media (min-width: 920px)
{
    /* CONTIENE EL HEADER (LOGO, INFO HORARIOS E IMAGEN DE FONDO)*/
    .contenedorBarraSuperiorInicio
    {    
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -450px;
        width: 900px;
        height: 150px;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background: no-repeat url(../resources/commerce/5013/res/bg_header.png);        
        background-color: #222;
    }
    /* CONTENEDOR DE LA BOTONERA PRINCIPAL (ZONA, CARTA, PEDIDO) */
    .contenedorBotoneraPantallaInicio
    {    
        position: absolute;
        width: 900px;
        left: 50%;
        top: 153px;
        margin-left: -450px;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background-color:#ef121b;
        text-align: center;
    }
    /* BOTONES DE LA BOTONERA PRINCIPAL (ZONA, CARTA, PEDIDO) */
    .botonMenuInicio
    {
        width: 300px;
        height: 36px;        
        /* NO TOCAR LA SIGUIENTE LINEA */
        font-size:14px;
        /* font-family: arial; */
        color: whitesmoke;
        text-align: center;    
        border: none;
        cursor: pointer;
        background-color: transparent;
        outline: none;
    }
    /* CONTIENE BOTNES DE CATEGORIAS Y BUSCADOR */
    .contenedorBarraSuperior
    {
        position: absolute;
        top: 0px;
        left: 0px;    
        width: 900px;
        height: 48px;
        background-color: transparent;
        margin-bottom: 10px;    
    }
    .lblCmbCategorias
    {
        /* NO TOCAR LA SIGUIENTE LINEA */
        font-size:16px;
        font-weight: bold;
        width: 100px;
        height: 36px;
    }
    .cmbCategorias
    {        
        width: 345px;
        height: 28px;
        background-color: transparent;
        border: solid thin;
        /* NO TOCAR LA SIGUIENTE LINEA */
        border-color:#91c022;        
        border-radius: 0px;
        font-weight: normal;    
        color: #222;    
        /* NO TOCAR LA SIGUIENTE LINEA */
        font-size:16px; 
    }
    .contenedorTxtBuscarProducto
    {
        display: inline-block;
        position: absolute;
        float: right;
        width: 200px;
        right: 0px;
    }
    /* [ FILTRO BUSCAR PRODUCTOS ] -> TXT BUSCAR  */
    #txtBuscarProducto
    {
        position: absolute;
        float: right;
        width: 200px;
        background-color: transparent;
        border-color: transparent;
        /* NO TOCAR LA SIGUIENTE LINEA */
        border-bottom-color:#91c022;
        border-radius: 0px;
        color: #222;
        outline: none;
    }
    /* CONTIENE BARRA DE CATEGORIAS, BUSCADOR Y CONTENEDORES DE PRODUCTOS */
    #contenedorPantallaCarta
    {
        position: absolute;
        width: 900px;
        left: 50%;
        margin-left: -450px;
        top: 195px;
    }
    .contenedorTituloCategoria
    {
        display: inline-block;
        width: 897px; 
        vertical-align: top;
        text-align: left;        
        margin-bottom: 5px;
        min-height: 40px;        
        border-radius: 5px;        
        padding: 10px;
        /* NO TOCAR LA SIGUIENTE LINEA */
        color:#ef121b;
        font-weight: bold;
        font-size: 18px;
        text-shadow: 1px 1px 2px white;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background: repeat url('../resources/commerce/template/res/bg-food-repeat_2.jpg');
    }
    .contenedorProducto
    {
        display: inline-block;
        width: 447px; 
        vertical-align: top;
        text-align: left;
        padding-top: 15px;
        margin-bottom: 2px;
        min-height: 106px;        
        border-radius: 5px;
        cursor: pointer;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background-color:#F0EDE5;
        margin-right: 3px;
    }
    .contenedorProductoNoEncontrado
    {
        width: 900px;
        text-align: center;
        font-weight: bold;
        margin-top: 60px;
        border-radius: 5px;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background-color:#F0EDE5;
        padding: 15px;
    }
    .contenedorBarraInferior
    {
        bottom: 0px;
        left: 50%;    
        margin-left: -450px;
        position: fixed;
        width: 900px;
        height: 48px;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background-color:#ef121b;
    }
    /* PANTALLA DEL MAPA / HORARIOS */
    #contenedorPantallaMapa
    {
        position: absolute;
        width: 900px;
        left: 50%;
        margin-left: -450px;
        top: 200px;
    }
    /* CONTENEDOR DEL MAPA DE GOOGLE */    
    #contenedorMapa
    {
        position: absolute;
        width: 900px;
        height: 250px;   
        display: inline-block;
        margin-top: 240px;
    }
    .contenedorTituloMapa
    {
        position: absolute;
        margin-top: 207px;
        /* width: 900px; */
    }
    /* [ PANTALLA MAPA Y HORARIOS ] -> CONTENEDOR SECCIÓN HORARIOS (TITULO Y HORARIOS) */
    .contenedorSeccionHorarios
    {
        position: absolute;
        margin-top: 5px;
        width: 900px;
    }
    .contenedorInfoZonasMapa
    {
        position: absolute;
        padding: 10px;
        width: 900px;
        margin-top: 475px;
        border-radius: 5px;
    }
    .contenedorItemInfoZonaMapa
    {
        display: inline-block;
        width: 215px;
        /* height: 20px; */
        border-radius: 5px;
        text-align: left;
    }
    /* CONTENEDOR DE LA PANTALLA PEDIDOS (TITULOS Y PANELES DE DETALLE DEL PEDIDO, TUS DSTOS Y CONFIRMACIÓN DEL PEDIDO) */
    #contenedorPantallaPedido
    {
        position: absolute;
        width: 900px;
        left: 50%;
        margin-left: -450px;
        top: 200px;
    }
    /* [ PANTALLA PEDIDO ] -> BOTON DE ELIMINAR EN PANEL EDICION LINEA DE PEDIDO */
    .btnOcultable
    {
        display: none;
    }
    /* [ PANTALLA PEDIDO] -> ICONITO ELIMINAR LINEA DE PEDIDO EN GRILLA DETALLE */
    .btnIconEliminarLineaPedido
    {
        width: 32px;
        text-align: right;
        display: inline-block;
    }
    /* NUEVO, PANTALLA MENÚ OPCIONES */
    #contenedorPantallaMenuOpciones
    {
        position: absolute;
        width: 900px;
        left: 50%;
        margin-left: -450px;
        top: 200px;
        height: 100%;
    }
}
/* TABLETS Y ALGUNOS CELULARES */
@media (max-width: 919px)
{
    /* CONTIENE EL HEADER (LOGO, INFO HORARIOS E IMAGEN DE FONDO)*/
    .contenedorBarraSuperiorInicio
    {    
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -50%;
        width: 100%;
        height: 150px;        
        /* NO TOCAR LA SIGUIENTE LINEA */
        background: no-repeat url(../resources/commerce/5013/res/bg_header.png);                
    }
    /* CONTENEDOR DE LA BOTONERA PRINCIPAL (ZONA, CARTA, PEDIDO) */
    .contenedorBotoneraPantallaInicio
    {    
        position: absolute;
        left: 50%;
        top: 153px;
        width: 100%;
        margin-left: -50%;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background-color:#ef121b;
        text-align: center;
    }
    /* BOTONES DE LA BOTONERA PRINCIPAL (ZONA, CARTA, PEDIDO) */
    .botonMenuInicio
    {
        width: 33.3%;
        height: 36px;        
        /* NO TOCAR LA SIGUIENTE LINEA */
        font-size:14px;
        /* font-family: arial; */
        color: whitesmoke;
        text-align: center;    
        border: none;
        cursor: pointer;
        background-color: transparent;
        outline: none;
    }
    /* CONTIENE BOTNES DE CATEGORIAS Y BUSCADOR */
    .contenedorBarraSuperior
    {
        position: absolute;
        top: 0px;
        left: 0px;    
        width: 100%;
        height: 48px;
        background-color: transparent;
        margin-bottom: 10px;    
    }
    .lblCmbCategorias
    {        
        /* NO TOCAR LA SIGUIENTE LINEA */
        font-size:16px;
        font-weight: bold;
        width: 100px;
        height: 36px;
    }
    .cmbCategorias
    {
        width: 180px;
        height: 28px;
        background-color: transparent;
        border: solid thin;
        /* NO TOCAR LA SIGUIENTE LINEA */
        border-color:#91c022;        
        border-radius: 0px;
        font-weight: normal;    
        color: #222;    
        /* NO TOCAR LA SIGUIENTE LINEA */
        font-size:16px; 
    }
    .contenedorTxtBuscarProducto
    {
        display: inline-block;
        position: absolute;
        float: right;
        width: 200px;
        right: 0px;
    }
    /* [ FILTRO BUSCAR PRODUCTOS ] -> TXT BUSCAR  */
    #txtBuscarProducto
    {
        position: absolute;
        float: right;
        width: 200px;
        background-color: transparent;
        border-color: transparent;
        /* NO TOCAR LA SIGUIENTE LINEA */
        border-bottom-color:#91c022;        
        border-radius: 0px;
        color: #222;
        outline: none;
    }
    /* CONTIENE BARRA DE CATEGORIAS, BUSCADOR Y CONTENEDORES DE PRODUCTOS */
    #contenedorPantallaCarta
    {
        position: absolute;
        width: 100%;
        left: 50%;
        margin-left: -50%;
        top: 195px;
    }
    .contenedorTituloCategoria
    {
        display: inline-block;
        width: 100%; 
        vertical-align: top;
        text-align: left;
        margin-bottom: 5px;
        min-height: 40px;        
        border-radius: 0px;        
        padding: 10px;
        /* NO TOCAR LA SIGUIENTE LINEA */
        color:#ef121b;
        font-weight: bold;
        font-size: 18px;
        text-shadow: 1px 1px 2px white;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background: repeat url('../resources/commerce/template/res/bg-food-repeat_2.jpg');
    }
    .contenedorProducto
    {
        display: inline-block;
        width: 48%; 
        vertical-align: top;
        text-align: left;
        padding-top: 15px;
        margin-bottom: 2px;
        min-height: 120px;        
        border-radius: 5px;
        cursor: pointer;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background-color:#F0EDE5;        
        margin-left: 1%;
    }
    .contenedorProductoNoEncontrado
    {
        width: 98%;
        text-align: center;
        font-weight: bold;
        margin-top: 60px;
        border-radius: 5px;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background-color:#F0EDE5;        
        padding: 15px;
        margin-left: 1%;
    }
    .contenedorBarraInferior
    {
        bottom: 0px;
        left: 50%;    
        margin-left: -50%;
        position: fixed;
        width: 100%;
        height: 48px;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background-color:#ef121b;
    }
    /* PANTALLA DEL MAPA / HORARIOS */
    #contenedorPantallaMapa
    {
        position: absolute;
        width: 98%;
        left: 50%;
        margin-left: -49%;
        top: 200px;
    }
    /* CONTENEDOR DEL MAPA DE GOOGLE */    
    #contenedorMapa
    {
        position: absolute;
        width: 100%;
        height: 250px;   
        display: inline-block;
        margin-top: 240px;
        left: 50%;
        margin-left: -50%;
    }
    .contenedorTituloMapa
    {
        position: absolute;
        margin-top: 207px;
    }
    /* [ PANTALLA MAPA Y HORARIOS ] -> CONTENEDOR SECCIÓN HORARIOS (TITULO Y HORARIOS) */
    .contenedorSeccionHorarios
    {
        position: absolute;
        margin-top: 5px;
        width: 100%;
    }
    .contenedorInfoZonasMapa
    {
        position: absolute;        
        padding: 10px;
        width: 100%;
        margin-top: 475px;
        border-radius: 5px;        
    }
    .contenedorItemInfoZonaMapa
    {
        display: inline-block;
        width: 215px;        
        border-radius: 5px;
        text-align: left;
    }    
    /* CONTENEDOR DE LA PANTALLA PEDIDOS (TITULOS Y PANELES DE DETALLE DEL PEDIDO, TUS DSTOS Y CONFIRMACIÓN DEL PEDIDO) */
    #contenedorPantallaPedido
    {
        position: absolute;
        width: 100%;
        left: 50%;
        margin-left: -50%;
        top: 200px;
    }
    /* [ PANTALLA PEDIDO ] -> BOTON DE ELIMINAR EN PANEL EDICION LINEA DE PEDIDO */
    .btnOcultable
    {
        display: none;
    }
    /* [ PANTALLA PEDIDO] -> ICONITO ELIMINAR LINEA DE PEDIDO EN GRILLA DETALLE */
    .btnIconEliminarLineaPedido
    {
        width: 24px;
        text-align: right;
        display: inline-block;
    }
    /* NUEVO, PANTALLA MENÚ OPCIONES */
    #contenedorPantallaMenuOpciones
    {
        position: absolute;
        width: 98%;
        left: 50%;
        margin-left: -49%;
        top: 200px;
        height: 100%;
    }
}
/* CELULARES PEQUEÑOS */
@media (max-width: 520px)
{


    /* CONTIENE EL HEADER (LOGO, INFO HORARIOS E IMAGEN DE FONDO)*/
    .contenedorBarraSuperiorInicio
    {    
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -50%;
        width: 100%;
        height: 150px;        
        /* NO TOCAR LA SIGUIENTE LINEA */
        background: no-repeat url(../resources/commerce/5013/res/bg_header.png);                
    }
    .contenedorTituloCategoria
    {
        display: inline-block;
        width: 100%; 
        vertical-align: top;
        text-align: left;
        margin-bottom: 5px;
        min-height: 40px;        
        border-radius: 0px;
        padding: 10px;
        /* NO TOCAR LA SIGUIENTE LINEA */
        color:#ef121b;
        font-weight: bold;
        font-size: 18px;
        text-shadow: 1px 1px 2px white;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background: repeat url('../resources/commerce/template/res/bg-food-repeat_2.jpg');
    }
    .contenedorProducto
    {
        position: relative;
        display: inline-block;
        width: 100%; 
        left: 50%;
        margin-left: -50%;
        vertical-align: top;
        text-align: left;
        padding-top: 15px;
        margin-bottom: 2px;
        min-height: 90px;        
        border-radius: 5px;
        cursor: pointer;
        /* NO TOCAR LA SIGUIENTE LINEA */
        background-color:#F0EDE5;        
        margin-right: 3px;
    }
    .lblCmbCategorias
    {
        display: none;
    }
    .cmbCategorias
    {
        width: 180px;
        height: 28px;
        background-color: transparent;
        border: solid thin;
        /* NO TOCAR LA SIGUIENTE LINEA */
        border-color:#91c022;        
        border-radius: 0px;
        font-weight: normal;    
        color: #222;    
        /* NO TOCAR LA SIGUIENTE LINEA */
        font-size:16px;
        margin-left: 10px;
    }    
    /* #cmbCategorias
    {
        margin-left: 10px;
    } */
    #spanIconoLupita
    {
       display: none;
    }
    .contenedorTxtBuscarProducto
    {
        display: inline-block;
        position: absolute;
        float: right;
        width: 150px;
        right: 0px;
    }
    /* [ FILTRO BUSCAR PRODUCTOS ] -> TXT BUSCAR  */
    #txtBuscarProducto
    {
        position: absolute;
        float: right;
        width: 150px;
        background-color: transparent;
        border-color: transparent;
        /* NO TOCAR LA SIGUIENTE LINEA */
        border-bottom-color:#91c022;        
        border-radius: 0px;
        color: #222;
        outline: none;
    }
    /* [ PANTALLA PEDIDO ] -> BOTON DE ELIMINAR EN PANEL EDICION LINEA DE PEDIDO */
    .btnOcultable
    {
        display: inline-block;
    }
    /* [ PANTALLA PEDIDO] -> ICONITO ELIMINAR LINEA DE PEDIDO EN GRILLA DETALLE */
    .btnIconEliminarLineaPedido
    {
        display: none;
    }    
    /* CONTENEDOR DEL MAPA DE GOOGLE */    
    #contenedorMapa
    {
        position: absolute;
        width: 100%;
        height: 250px;   
        display: inline-block;
        margin-top: 240px;
        left: 50%;
        margin-left: -50%;
    }
    .contenedorTituloMapa
    {
        position: absolute;
        margin-top: 207px;
    }
    .contenedorInfoZonasMapa
    {
        position: absolute;        
        padding: 10px;
        width: 100%;   
        margin-top: 475px;
        border-radius: 5px;
    }
    .contenedorItemInfoZonaMapa
    {
        display: inline-block;
        width: 200px;
        /* height: 20px; */
        border-radius: 5px;
        text-align: left;
    }    
}
/* FILTRO BUSCAR PRODUCTOS (LUPA + TXT BUSCAR)  */
.contenedorFiltroProducto
{
    position: absolute;
    float: right;
    display: inline-block;
    top: 5px;
    right: 0px;    
    color: whitesmoke;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    width: 232px;
}
/* [ CONTENEDOR PRODUCTO ] -> CONTENEDOR NOMBRE DEL PRODUCTO */
.contenedorNombreProducto
{
    display: inline-block;
    width: 75%;        
    color: #222;
    font-weight: bold;
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    padding-left: 15px;
}
/* [ CONTENEDOR PRODUCTO ] -> CONTENEDOR PRECIO DEL PRODUCTO */
.contenedorPrecioProducto
{
    display: inline-block;
    color: #222;
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    font-weight: bold;
    text-align: right;
    padding-right: 15px;
    float: right;
    width: 75px;
    /*height: 20px;*/
}
/* [ CONTENEDOR PRODUCTO ] -> CONTENEDOR DESCRIPCION DEL PRODUCTO */
.contenedorDescripcionProducto
{
    display: inline-block;
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
    font-weight: bold;
    width: 93%; 
    color: #666666;
    padding-left: 15px;
    padding-top: 10px;
}
/* [ PANTALLA MAPA Y HORARIOS ] -> CONTENEDOR SECCIÓN HORARIOS (TITULO Y HORARIOS) */
/* .contenedorSeccionHorarios
{
    position: absolute;
    margin-top: 280px;
} */
#cPP_contenedorDetallePedido
{
    text-align:center;
    /* padding-top:x; */
    margin-top:10px;
    /* float:center; */
}
.contenedorFondoGris
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* NO TOCAR LA SIGUIENTE LINEA */
    background: repeat url(../resources/commerce/5013/res/grayBack_15x15.png);
}

.contenedorFlotanteGeneral
{
    display: inline-block;
    position: fixed;
    background-color: #FFF;
    width: 340px;
    min-height: 90px;
    left: 50%;
    top: 30px;
    margin-left: -170px;
    color: black;
    padding: 21px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #333;
    visibility: hidden;
}

.contenedorFlotanteGeneral label
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
    font-weight: bold;
}

.contenedorFlotanteGeneral.detalleProducto
{
    /* width: 400px;    
    margin-left: -200px; */
}

.contenedorMensajeError
{
    font-weight: bold;
    color: darkred;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.contenedorTextoLogoComercio
{
    margin-top: 10px;
    margin-left: 58px;
    color: #ccc; /* whitesmoke; */
    text-shadow: 2px 2px 3px black;
    font-weight: bold;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:18px;
    display: none;
}

.contenedorLogoComercioBarraSuperior
{
    margin-left: 10px;
    margin-top: 10px;
    width: 128px;
    height: 128px;
    position: absolute;
    /* NO TOCAR LA SIGUIENTE LINEA */
    background: no-repeat url(../resources/commerce/5013/logos/logo128_trans.png);
    background-position-x: center;
    background-position-y: center;
}

/* [ NUEVO 06/10/2017 ] - BOTON Y PANEL DE OPCIONES */
.contenedorBotonMenuBarraSuperior
{
    display: inline-block;
    position: relative;
    float: right;
    margin-right: 18px;
    margin-top: 9px;
    width: 35px;
    height: 35px;
    background: no-repeat url("../resources/general/images/menu.png");
    background-size: contain;
}
.nuevoTituloSeccion
{
    height: 24px;
    color: black;
    font-size: 16px;    
    margin-bottom: 8px;
    margin-top: 5px;
}
.divCeldaGrillaDetallePedidos
{
    display: inline-block;
    /* background-color: #ccc; */
    padding: 5px;
}
.divCeldaAccion
{
    background-color: transparent;
}
/* -- FIN MENU OPCIONES -- */

.contenedorLogoCargando
{    
    width: 128px;
    height: 128px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    background: no-repeat url(../resources/commerce/5013/logos/logo128_trans.png);
    background-position-x: center;
    background-position-y: center;
}

#contenedorEmailUsuarioBarraSuperiorInicio
{    
    position: absolute;
    top: 80px;
    right: 2%;
    width: 125px;    
    color: black;        
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:10px;
    text-align: center;
    /* width: 250px; */
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.botonCerrarSesion
{   
    float:right;
    margin-right:18px;
    color: black;
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
    text-align: center;  
    text-decoration: underline;
    cursor: pointer; 
    margin-top:14px;
}

.botonCerrarSesion:hover
{    
    color:red;
}

.botonIniciarSesion
{    
    float:right;
    margin-right:35%;
    color: black;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
    text-align: center;  
    text-decoration: underline;
    cursor: pointer; 
    margin-top:18px;
}

.botonIniciarSesion:hover
{    
    color:#5FB404;
}

.contenedorHorarioHoy
{
    position: absolute;
    top: 65px;
    right: 2%;
    margin-right:0px;
    width: 120px;    
    height: 70px;
    background-color: #F2F2F2;
    text-align: center;    
    color: black;
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
    padding-top:5px;    
    font-weight: bold;   
    border-color: #FFF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0.9;
}

.contenedorDtoActivo
{
    position: absolute;
    top: 58px;
    right: 2%;
    margin-right:125px;
    width: 88px;    
    height: 85px;        
    background: url("../resources/general/images/splashDto_4.png");        
    text-align: center;        
    text-shadow: 0px 2px 3px #666;
    font-weight: bold;
    font-size: 20px;
    color: white;    
}

.contenedorHorarioHoyCerrado
{
    position: absolute;
    top: 51px;
    right: 2%;
    margin-right:0px;
    width: 250px;    
    background-color: red;
    text-align: center;    
    color: white;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
    font-weight: bold;    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.contenedorLineaHorario
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color:#91c022;
    padding-left: 10px;
    margin-left: -10px;
    width: 102%;
    color: white;
}

.contenedorPanelCargando
{
    display: inline-block;
    position: fixed;        
    width: 128px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -75px;
    color: black;
    text-align: center;        
}

.contenedorIconoCargando
{
    background-color: #e8e8e8;    
    display: inline-block;
    width: 108px;
    height: 26px; 
    margin-top: 10px;
    text-align: left;
    vertical-align: middle;    
    color: #222;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:12px;
    font-weight: bold;
    box-shadow: 3px 3px 3px #ccc;
}

.contenedorImgGifCargando
{
    display: inline-block;
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-image:url(../resources/commerce/5013/res/ajax-loader.gif);
    background-repeat: no-repeat;    
    float: right;
    width: 16px;
    height: 16px;
}

.contenedorTextoCargando
{
    color: black;
    font-style: italic;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    width: 120px;
}

.contenedorCategoria
{
}

/* .contenedorTituloCategoria
{
    font-size: 24px;
    font-weight: bold; 
    color: lightyellow;
    text-shadow: 2px 2px 3px #666666;
    vertical-align: bottom;
    text-align: left;
    padding-bottom: 5px;        
} */

.contenedorProductos
{
    /* margin-top: 5px; */
}

/* .contenedorEstadoSeguimientoPedido
{
    position: absolute;
    display: inline-block;
    width: 880px; 
    top: 260px;
    left: 50%;
    margin-left: -440px;
    padding: 10px;
    background-image: url('bg_producto_grad_6.png');
    border-radius: 5px;
    color: whitesmoke;
    text-align: center;
} */

/* .contenedorEstadoSeguimientoPedidoRechazado
{
    display: inline-block;
    width: 80%; 
    padding: 10px;    
    border-radius: 5px;
    color: whitesmoke;
    text-align: center;
    margin-top: 10px;    
    background-color: red;
    /* ICON
    background-image: url('iconNotOk.png');
    background-position: 10px 7px;
    background-repeat: no-repeat;
    /* VISIBILIDAD INICIAL
    display: none;
} */

.activo
{
    background-image: url('iconOk.png');
    /* background-position-x: 5px; */
    /* background-position-y: middle; */
    background-position: 10px 7px;
    background-repeat: no-repeat;
    background-color: #669900;
    
}

.botonMenuInicio:hover
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    color:#91c022;    
    outline: none;
}

.btnSeleccionado
{
    font-weight: bold;
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color:#91c022;        
    color: white;
}

.btnSeleccionado:hover
{    
    color: white;
}

.botonIntermedio
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color:#91c022;            
    width: 180px; 
    height: 36px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
    color: white;    
    text-align: center;    
    border: none; 
    border-radius: 5px;    
    cursor: pointer;
    margin-bottom: 3px;
    float:right;
    box-shadow: 1px 1px 1px #BFBEBC;
}
.botonLogin
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color:#91c022;
    width: 300px; 
    height: 36px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
    color: white;
    /* text-shadow: 1px 1px 1px #A1671B;  */
    text-align: center;    
    border: none; 
    border-radius: 5px;    
    cursor: pointer;
    margin-bottom: 3px;
    /* float:center; */
    box-shadow: 1px 1px 1px #BFBEBC;
}

.botonLogin:hover
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    opacity: .75;
}

.botonLogin_registro
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color:#ef121b;
    width: 300px; 
    height: 36px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
    color: white;
    /* text-shadow: 1px 1px 1px #A1671B; */
    text-align: center;    
    border: none; 
    border-radius: 5px;    
    cursor: pointer;
    margin-bottom: 3px;
    /* float:center; */
    box-shadow: 1px 1px 1px #BFBEBC;
}

.botonLogin_registro:hover
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    opacity: .75;
}

.boton_FB
{    
    /* background-color: #3b5998; */
    background-color: white;
    width: 300px; 
    height: 36px;
    font-size: 14px;
    color: #3b5998;
    padding-top: 3px;
    padding-left: 14px;
    /* text-shadow: 1px 1px 1px #A1671B;  */
    text-align: left;
    border: thin solid #dddddd;
    border-radius: 5px;    
    cursor: pointer;
    margin-bottom: 3px;
    /* float:center; */
    /* box-shadow: 1px 1px 1px #BFBEBC; */
}

.boton_FB:hover
{
    opacity:0.9;
}

.boton_GP
{    
    background-color: #DF4A32;
    width: 300px; 
    height: 36px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
    color: white;
    /* text-shadow: 1px 1px 1px #A1671B;  */
    text-align: center;    
    border: none; 
    border-radius: 5px;    
    cursor: pointer;
    margin-bottom: 3px;
    /* float:center; */
    box-shadow: 1px 1px 1px #BFBEBC;
    padding-top: 7px;
}

.boton_GP:hover
{
    opacity:0.9;
}

.boton_registrarme
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color:#91c022;        
    width: 300px; 
    height: 36px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
    color: white;
    /* text-shadow: 1px 1px 1px #A1671B; */
    text-align: center;    
    border: none;
    border-radius: 5px;    
    cursor: pointer;
    margin-bottom: 3px;
    box-shadow: 1px 1px 1px #BFBEBC;
}

.boton_registrarme:hover
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    opacity: .75;
}

.boton_Entrar
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color:#91c022;        
    width: 300px; 
    height: 36px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
    color: white;
    /* text-shadow: 1px 1px 1px #A1671B; */
    text-align: center;    
    border: none; 
    border-radius: 5px;    
    cursor: pointer;
    top:0px;
    margin-bottom: 3px;
    box-shadow: 1px 1px 1px #BFBEBC;    
}

.boton_Entrar.detalleProducto
{
    /* width: 360px; */
}

.boton_IngresarTelefono
{    
    background-color: #DB8515;
    color: white;
    border: none; 
    border-radius: 5px;
    text-shadow: 1px 1px 1px #A1671B; 
    text-align: center;    
    box-shadow: 1px 1px 1px  #BFBEBC;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;
}

.boton_Entrar:hover
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    opacity: .75;
}

/* .botonMenuFondoGrisOscuro
{
    background-color: #DB8515;
    width: 250px;
    height: 48px;
    font-size: 16px;
    color: whitesmoke;
    text-align: center;    
    border: solid 1px #DB8515;
    border-radius: 5px;    
    cursor: pointer;
    margin-bottom: 5px;
} */

/* .botonComboCategoria
{
    width: 150px;
    height: 32px;
    font-size: 18px;
    color: lightyellow;
    text-shadow: 2px 2px 3px #333333;
    text-align: left;    
    border: solid 1px #666666;
    border-radius: 5px;    
    cursor: pointer;
} */

.botonTabCategoriaSeleccionada
{
    /* NO TOCAR LA SIGUIENTE LINEA */    
    background-image: url(../resources/commerce/5013/res/line-nav.png);
    background-repeat:no-repeat;
    background-position: bottom;
    background-color: transparent;
    width: 100px;
    height: 36px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
    font-weight: bold;
    color: #000;
    text-align: center;    
    border: none;    
}

.botonTabCategoriaNoSeleccionada:hover
{
    /* NO TOCAR LA SIGUIENTE LINEA */    
    background-image: url(../resources/commerce/5013/res/line-nav_ON.png);
    background-repeat:no-repeat;
    background-position: bottom;
}

.botonTabCategoriaSeleccionadaBuscando
{
    padding-left: 0px;
    padding-top: 5px;
    text-align: left;
    display: inline-block;
    width: 100px;
}

.contenedorCmbCategorias
{
    margin-top: 3px;
    display: inline-block;
}

.botonTabCategoriaNoSeleccionada
{
    width: 100px;
    height: 36px;    
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:16px;
    color: #000;
    text-align: center;    
    border: none;    
    cursor: pointer;
    background-color: transparent;
}

.botonLupita
{
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    /* cursor: pointer; */
    position: absolute;
    float: left;
    left: 0px;    
    color:#000000;    
    font-size: 24px;
}

.botonCloseLupita
{
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    position: absolute;
    right: 5px;
}

.botonBack
{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    color:#FFF;
    cursor: pointer;
    float:right;
    margin-right:8px;
    margin-top: 8px;
}

.boton_Editar
{
    font-size: 14px;
    cursor: pointer;  
}

.boton_Editar:hover
{
    /* NO TOCAR LA SIGUIENTE LINEA */    
    color: #91c022;
}

.botonToTop
{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding-right: 9px;
    padding-left:7px;
    margin-top: 7px;
    color:#FFF;    
    font-size: 26px;
}

.botonToTop:hover
{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding-right: 9px;
    padding-left:7px;
    margin-top: 7px;
    /* NO TOCAR LA SIGUIENTE LINEA */    
    color: #91c022;    
    font-size: 26px;
}

.botonToBottom
{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding-right:7px;
    margin-top: 9px;
    color:#FFF;    
    font-size: 26px;
}

.botonToBottom:hover
{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding-right:7px;
    margin-top: 9px;
    /* NO TOCAR LA SIGUIENTE LINEA */    
    color: #91c022;    
    font-size: 26px;
}

.botonCarrito
{
    position: relative;    
    display: inline-block;
    float: right;
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    /* padding-right: 7px; */
    margin-top: 10px;
    color:#FFF;
    font-size:22px;
}

.botonCarrito:hover
{    
    /* NO TOCAR LA SIGUIENTE LINEA */    
    color: #91c022;
}

.popOverCarrito
{    
    position: relative;
    display: inline-block;
    float: right;    
    width: 70px;
    text-align: center;
    color: black;
    font-weight: bold;
    margin-top: 5px;
    left: 45px;
    background-color: red;
}

.contenedorFooterInfoPedido
{
    position: absolute;
    display: inline-block;
    width: 120px;
    left: 50%;   
    margin-left: -60px;
    margin-top: 5px;        
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;    
    line-height: 15px;
    font-weight: bold;
    color: whitesmoke;
    text-align: center;        
    padding: 5px;    
}

.botonCerrarVentana
{
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #BFBEBC;
}

.botonCerrarVentana:hover
{
    color: #666;
}

.botonFlotanteDetalleProducto
{
    display: inline-block;
    width: 100%;
    height: 36px;
    color: white;
    text-align: center;    
    vertical-align: bottom;
    border: none;
    border-radius: 5px;
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;    
    cursor: pointer;
    background-color: #DB8515;
}

.botonVerdeRallado
{
    width: 120px;
    height: 36px;
    color: white;
    text-align: center;    
    vertical-align: bottom;
    border: none;
    border-radius: 5px;
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;    
    cursor: pointer;
    background-color: #DB8515;
}

.contenedorLineasPedido
{
    border-top: #C59742 solid thin;
    color: whitesmoke;
    text-shadow: 2px 2px 3px black;
    background-color: #222;
    border-bottom: #C59742 solid thin;    
}

.contenedorFondoVerdeRallado
{    
    color: #331B00;
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color:#F0EDE5;
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px;    
}

.contenedorProducto:hover
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    background-color:#ccc;
}

/* MIGRADAS DEL ARCHIVO TEMPLATES */
.spanIconoUsuario
{
    float:left;
    margin-left:19px;
    margin-top:17px;
}

.infoHorariosNombreDia
{
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px; 
}

.infoHorariosHorarioDia
{
    display: inline-block;
    /* NO TOCAR LA SIGUIENTE LINEA */
    font-size:14px; 
    left: 90px;
    position: absolute;
}

.contenedorSinStock
{
    color: white;    
    background-color:#91c022;
    position: absolute;
    display: inline-block;
    /* transform: rotate(-45deg); */
    font-size: 9px;
    margin-top: -15px;
    padding: 1px;
}

.spanBtnLinkRecuperarPassword
{
    text-decoration: underline;
    font-size:11px;
    color: blue;
    cursor: pointer;
}

/* [ 18/12/2022 ] */
#nuContenedorBotoneraCategorias
{
    display: none;
    margin-top: 24px;
    width: 100%;
}
#nuContenedorBuscadorCarta
{
    display: none;
    /* padding-top: 14px; */
    margin-top: 32px;
    width: 100%;
    text-align: center;
}
.contenedorFilaNuBuscador
{
    display: inline-block;
    height: 56px;
    vertical-align: middle;
}

/* NUEVO septiembre 2022 */

@media (max-device-width: 558px){

    /* BOTON VOLVER DIRECCION */
    .botonVolverDireccion
    {
        /*margin-bottom: 3px;*/
    }

    /* BOTON MI UBICACION */
    .botonMiUbicacion
    {
        /*margin-bottom: 3px;*/
    }

    /* BOTON LOCALIZAR POR GPS */
    .botonMiUbicacionGPS
    {
        /*margin-bottom: 3px;*/
    }

    /* CAMPO NOMBRE PRODUCTO */
    #cDP_lblNombre
    {
        width: 250px;
    }

    /* CAMPO DESCRIPCION PRODUCTO */
    #cDP_lblDescripcion
    {
        font-size: 12px;
        margin-bottom: 10px;
    }

    /* CAMPO RECUPERAR PASSWORD */
    #cC_contenedorRecuperarPasswordUsuario
    {
        width: 300px;
        margin-left: -150px;
    }

    /* CAMPO MAIL RECUPERAR PASSWORD */
    #txtEmailRecuperarPassword
    {
        width: 260px;
        height: 40px;
    }

    /* BOTON ENTRAR REGISTRO */
    .boton_Entrar
    {
        width: 260px;
    }

    /* CAMPO USUARIO LOGIN */
    #cC_contenedorLoginUsuario{
        width: 300px;
        margin-left: -150px;
    }

    /* CAMPO NOMBRE LOGIN */
    #txtUsuarioLogin
    {
        width: 260px;
        height: 40px;
    }

    /* CAMPO PASSWORD LOGIN */
    #txtPasswordLogin
    {
        width: 260px;
        height: 40px;
    }

    /* COMBO CATEGORIAS */
    .cmbCategorias
    {
        width: 140px;
    }

    /* CAMPO BUSCAR PRODUCTO */
    #txtBuscarProducto
    {
        width: 141px;
        font-size: 12px;
    }

    /* CONTENEDOR DATOS LOGIN */
    #cC_contenedorLoginRequerido{
        width: 300px;
        margin-left: -150px;
    }

    /* BOTON FACEBOOK LOGIN */
    .boton_FB
    {
        width: 260px;
    }

    /* BOTON GOOGLE LOGIN */
    .boton_GP
    {
        width: 260px;
    }

    /* BOTON LOGIN */
    .botonLogin
    {
        width: 260px;
    }

    /* BOTON REGISTRO */
    .botonLogin_registro
    {
        width: 260px;
    }

    /* CONTENEDOR FLOTANTE REGISTRO USUARIO */
    .contenedorFlotanteGeneral.contenedorFlotanteRegistroUsuario
    {
        width: 300px;
        margin-left: -150px;
    }

    /* BOTON REGISTRARSE */
    .boton_registrarme
    {
        width: 260px;
    }

    /* CAMPO MAIL REGISTRO */
    #txtEmailoRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* CAMPO NOMBRE REGISTRO */
    #txtNombreRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* CAMPO TELEFONO REGISTRO */
    #txtTelefonoRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* CAMPO PASSWORD REGISTRO */
    #txtPasswordRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* CAMPO CONFIRMAR REGISTRO */
    #txtConfPasswordRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* CONTENEDOR FLOTANTE TELEFONO */
    .contenedorFlotanteGeneral.contenedorFlotanteTelefono{
        width: 300px;
        margin-left: -150px;
    }

    /* CONTENEDOR TELEFONO */
    #cPP_cAMT_txtTelefonoRegistro{
        width: 260px;
        height: 40px;
    }

    /* BOTON ENTRAR */
    .boton_Entrar{
        width: 260px;
    }

    /* BOTON REGISTRO USUARIO */
    .botonLogin_registro{
        width: 260px;
    }

    /* CONTENEDOR FLOTANTE RUT */
    .contenedorFlotanteGeneral.contenedorFlotanteRut{
        width: 300px;
        margin-left: -149px;
    }

    /* CAMPO RUT */
    #cPP_cAMDF_txtRUT{
        width: 260px;
        height: 40px;
    }

    /* CAMPO RAZON SOCIAL */
    #cPP_cAMDF_txtRazonSocial{
        width: 260px;
        height: 40px;
    }

    /* CAMPO DIRECCION RUT */
    #cPP_cAMDF_txtDireccion{
        width: 260px;
        height: 40px;
    }

    /* CAMPO CUIDAD RUT */
    #cPP_cAMDF_txtCiudad{
        width: 260px;
        height: 40px;
    }

    /* CAMPO LOCALIDAD RUT */
    #cPP_cAMDF_txtLocalidad{
        width: 260px;
        height: 40px;
    }

    /* CONTENEDOR FLOTANTE DIRECCION */
    .contenedorFlotanteGeneral.contenedorFlotanteDireccion
    {
        width: 320px;
        margin-left: -161px;
        padding: 9px;
        /* Fixed para Safari*/
        position: absolute!important;
    }

    /*COMBO DEPARTAMENTO*/
    #cPP_cAMDF_txtCiudad_direccion
    {
        width: 148px;
        height: 40px;
    }

    /*COMBO LOCALIDAD*/
    #cPP_cAMDF_txtLocalidad_direccion
    {
        width: 179px;
        height: 40px;
    }

    /*CALLE*/
    #txtCalleAltaDireccion
    {
        width: 179px;
        height: 40px;
    }

    /*PRIMERA ESQUINA*/
    #txtEsquina1AltaDireccion
    {
        width: 179px;
        height: 40px;
    }

    /*SEGUNDA ESQUINA*/
    #txtEsquina2AltaDireccion
    {
        width: 179px;
        height: 40px;
    }

    /* CAMPO NOTAS DIRECCION */
    #txtNotasDireccion
    {
        width: 179px;
        height: 40px;
    }

    /* CONTENEDOR  MAPA UBICACION */
    .contenedorMapaUbicacion
    {
        width: 300px;
        height: 460px;
        margin-top: 10px;
    }

}


@media (max-device-width: 320px){

    /* BOTON VOLVER MAPA NUEVO */
    .botonVolverDireccion
    {
        /*margin-bottom: 3px;*/
    }

    /* BOTON MI UBICACION */
    .botonMiUbicacion
    {
        /*margin-bottom: 3px;*/
    }

    /* BOTON MI UBICACION GPS */
    .botonMiUbicacionGPS
    {
        /*margin-bottom: 3px;*/
    }

    /* CONTENEDOR FLOTANTE DETALLE PRODUCTO */
    .contenedorFlotanteGeneral.detalleProducto
    {
        width: 300px;
        margin-left: -150px;
    }

    /* CAMPO DESCRIPCION PRODUCTO */
    #cDP_lblDescripcion
    {
        font-size: 11px;
        margin-bottom: 9px;
    }

    /* CAMPO NOMBRE PRODUCTO */
    #cDP_lblNombre
    {
        width: 219px;
    }

    /* CAMPO PRECIO PRODUCTO */
    #cDP_lblPrecio
    {

    }

    /* CONTENEDOR RECUPERAR CONTRASEÑA */
    #cC_contenedorRecuperarPasswordUsuario
    {
        width: 300px;
        margin-left: -150px;
    }

    /* EMAIL RECUPERAR CONTRASEÑA */
    #txtEmailRecuperarPassword
    {
        width: 260px;
        height: 40px;
    }

    /* BOTON ENTRAR */
    .boton_Entrar
    {
        width: 260px;
    }

    /* BOTON RECUPERAR PASSWORD */
    #cC_contenedorRecuperarPasswordUsuario
    {
        width: 300px;
        margin-left: -150px;
    }

    /* EMAIL RECUPERAR PASSWORD */
   #txtEmailRecuperarPassword
   {
       width: 260px;
       height: 40px;
   }

   /* BOTON ENTRAR */
   .boton_Entrar
   {
       width: 260px;
   }

   /* CONTENEDOR LOGIN USUARIO */
    #cC_contenedorLoginUsuario{
        width: 300px;
        margin-left: -150px;
    }

    /* CONTENEDOR USUARIO LOGIN */
    #txtUsuarioLogin
    {
        width: 260px;
        height: 40px;
    }

    /* CONTENEDOR PASSWORD USUARIO LOGIN */
    #txtPasswordLogin
    {
        width: 260px;
        height: 40px;
    }

    /* CONTENEDOR FLOTANTE REGISTRO USUARIO */
    .contenedorFlotanteGeneral.contenedorFlotanteRegistroUsuario
    {
        width: 300px;
        margin-left: -150px;
    }

    /* BOTON REGISTRARME */
    .boton_registrarme
    {
        width: 260px;
    }

    /* EMAIL REGISTRO */
    #txtEmailoRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* NOMBRE REGISTRO USUARIO */
    #txtNombreRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* TELEFONO REGISTRO */
    #txtTelefonoRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* PASSWORD REGISTRO */
    #txtPasswordRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* CONFIRMAR PASSWORD REGISTRO */
    #txtConfPasswordRegistro
    {
        width: 260px;
        height: 40px;
    }

    /* CONTENEDOR FLOTANTE TELEFONO */
    .contenedorFlotanteGeneral.contenedorFlotanteTelefono{
        width: 300px;
        margin-left: -150px;
    }

    /* CAMPO TELEFONO */
    #cPP_cAMT_txtTelefonoRegistro{
        width: 260px;
        height: 40px;
    }

    /* BOTON ENTRAR */
    .boton_Entrar{
        width: 260px;
    }

    /* BOTON REGISTRO USUARIO */
    .botonLogin_registro{
        width: 260px;
    }

    /* CONTENEDOR FLOTANTE RUT */
    .contenedorFlotanteGeneral.contenedorFlotanteRut{
        width: 300px;
        margin-left: -149px;
        padding: 20px;
    }

    /* CAMPO RUT */
    #cPP_cAMDF_txtRUT{
        width: 260px;
        height: 40px;
    }

    /* CAMPO RAZON SOCIAL */
    #cPP_cAMDF_txtRazonSocial{
        width: 260px;
        height: 40px;
    }

    /* CAMPO DIRECCION RUT */
    #cPP_cAMDF_txtDireccion{
        width: 260px;
        height: 40px;
    }

    /* CAMPO CIUDAD RUT */
    #cPP_cAMDF_txtCiudad{
        width: 260px;
        height: 40px;
    }

    /* CAMPO LOCALIDAD RUT */
    #cPP_cAMDF_txtLocalidad{
        width: 260px;
        height: 40px;
    }

    /* CONTENEDOR FLOTANTE DIRECCION */
    .contenedorFlotanteGeneral.contenedorFlotanteDireccion
    {
        width: 300px;
        margin-left: -149px;
        padding: 20px;
        position: absolute;

    }

    /* CONTENEDOR FLOTANTE DIRECCION */
    .contenedorFlotanteDireccion
    {
        width: 300px;
        margin-left: -149px;
        padding: 20px;
        position: absolute;
    }

    /* CONTENEDOR MAPA UBICACION */
    .contenedorMapaUbicacion
    {
        width: 263px;
        height: 460px;
    }

    /*COMBO DEPARTAMENTO*/
    #cPP_cAMDF_txtCiudad_direccion
    {
        width: 117px;
        height: 40px;
    }

    /*COMBO LOCALIDAD*/
    #cPP_cAMDF_txtLocalidad_direccion
    {
        width: 189px;
        height: 40px;
    }

    /*CALLE*/
    #txtCalleAltaDireccion
    {
        width: 142px;
        height: 40px;
    }

    /*PRIMERA ESQUINA*/
    #txtEsquina1AltaDireccion
    {
        width: 160px;
        height: 40px;
    }

    /*SEGUNDA ESQUINA*/
    #txtEsquina2AltaDireccion
    {
        width: 160px;
        height: 40px;
    }

    /* NOTAS DIRECCION  */
    #txtNotasDireccion
    {
        width: 160px;
        height: 40px;
    }

    /* BOTON ENTRAR */
    .boton_Entrar
    {
        width: 264px;

    }

    /* BOTON REGISTRO */
    .botonLogin_registro
    {
        width: 264px;
    }


}

@media (min-device-width: 559px) {

    /* BOTON VOLVER DIRECCION */
    .botonVolverDireccion {
        /*margin-bottom: 15px;*/
    }

    /* BOTON MI UBICACION */
    .botonMiUbicacion {
        /*margin-bottom: 15px;*/
    }

    /* BOTON MI UBICACION GPS */
    .botonMiUbicacionGPS {
        /*margin-bottom: 15px;*/
    }

    /* CAMPO NOMBRE PRODUCTO */
    #cDP_lblNombre {
        width: 250px;
    }

    /* CAMPO DESCRIPCION PRODUCTO */
    #cDP_lblDescripcion {
        font-size: 12px;
        margin-bottom: 10px;
    }

    /* CONTENEDOR RECUPERAR PASSWORD USUARIO */
    #cC_contenedorRecuperarPasswordUsuario {
        width: 340px;
        margin-left: -150px;
    }

    /* EMAIL RECUPERAR PASSWORD */
    #txtEmailRecuperarPassword {
        width: 300px;
        height: 40px;
    }

    /* BOTON ENTRAR */
    .boton_Entrar {
        width: 300px;
    }

    /* CONTENEDOR LOGIN USUARIO */
    #cC_contenedorLoginUsuario {
        width: 340px;
        margin-left: -150px;
    }

    /* USUARIO LOGIN */
    #txtUsuarioLogin {
        width: 300px;
        height: 40px;
    }

    /* PASSWORD LOGIN */
    #txtPasswordLogin {
        width: 300px;
        height: 40px;
    }

    /* CONTENEDOR FLOTANTE REGISTRO USUARIO */
    .contenedorFlotanteGeneral.contenedorFlotanteRegistroUsuario {
        width: 340px;
        margin-left: -150px;
    }

    /* BOTON REGISTRARME */
    .boton_registrarme {
        width: 300px;
    }

    /* EMAIL REGISTRO */
    #txtEmailoRegistro {
        width: 300px;
        height: 40px;
    }

    /* NOMBRE REGISTRO USUARIO */
    #txtNombreRegistro {
        width: 300px;
        height: 40px;
    }

    /* TELEFONO REGISTRO USUARIO */
    #txtTelefonoRegistro {
        width: 300px;
        height: 40px;
    }

    /* PASSWORD REGISTRO */
    #txtPasswordRegistro {
        width: 300px;
        height: 40px;
    }

    /* CONFIRMACION PASSWORD USUARIO */
    #txtConfPasswordRegistro {
        width: 300px;
        height: 40px;
    }

    /* CONTENEDOR FLOTANTE TELEFONO */
    .contenedorFlotanteGeneral.contenedorFlotanteTelefono {
        width: 340px;
        margin-left: -175px;
    }

    /* TELEFONO REGISTRO */
    #cPP_cAMT_txtTelefonoRegistro{
        width: 300px;
        height: 40px;
    }

    /* BOTON ENTRAR*/
    .boton_Entrar{
        width: 300px;
    }

    /* BOTON LOGIN REGISTRO */
    .botonLogin_registro{
        width: 300px;
    }

    /* CONTENEDOR FLOTANTE RUT */
    .contenedorFlotanteGeneral.contenedorFlotanteRut{
        width: 340px;
        margin-left: -149px;
    }

    /* CAMPO RUT */
    #cPP_cAMDF_txtRUT{
        width: 300px;
        height: 40px;
    }

    /* CAMPO RAZON SOCIAL */
    #cPP_cAMDF_txtRazonSocial{
        width: 300px;
        height: 40px;
    }

    /* CAMPO DIRECCION RUT */
    #cPP_cAMDF_txtDireccion{
        width: 300px;
        height: 40px;
    }

    /* CAMPO CIUDAD RUT */
    #cPP_cAMDF_txtCiudad{
        width: 300px;
        height: 40px;
    }

    /* CAMPO LOCALIDAD RUT */
    #cPP_cAMDF_txtLocalidad{
        width: 300px;
        height: 40px;
    }

    /* CONTENEDOR FLOTANTE DIRECCION */
    .contenedorFlotanteGeneral.contenedorFlotanteDireccion
    {
        width: 510px;
        margin-left: -257px;
        padding: 20px;
    }

    /* CONTENEDOR MAPA */
    .contenedorMapaUbicacion
    {
        width: 460px;
        height: 460px;
    }

    /*COMBO DEPARTAMENTO*/
    #cPP_cAMDF_txtCiudad_direccion
    {
        width: 300px;
        height: 40px;
    }

    /*COMBO LOCALIDAD*/
    #cPP_cAMDF_txtLocalidad_direccion
    {
        width: 300px;
        height: 40px;
    }

    /*CALLE*/
    #txtCalleAltaDireccion
    {
        width: 300px;
        height: 40px;
    }

    /*PRIMERA ESQUINA*/
    #txtEsquina1AltaDireccion
    {
        width: 300px;
        height: 40px;
    }

    /*SEGUNDA ESQUINA*/
    #txtEsquina2AltaDireccion
    {
        width: 300px;
        height: 40px;
    }

    /* NOTAS DIRECCION */
    #txtNotasDireccion
    {
        width: 300px;
        height: 40px;
    }

}

    /* Estilos del mapa */

    /* ocultar la cierre del marcador*/
    .gm-style-iw > button {
        display: none !important;
    }

    /* para iOS */
    /*.gm-style-iw.gm-style-iw-c*/
    /*{*/
    /*    padding: 10px !important;*/
    /*}*/

    /* ocultar zoom android  y web */
    .gm-control-active.gm-fullscreen-control
    {
        display: none;
    }

    /* ocultar el footer del mapa */
    a[href^=http://maps.google.com/maps]{display:none !important}
    a[href^=https://maps.google.com/maps]{display:none !important}

    .gmnoprint a, .gmnoprint span, .gm-style-cc {
        display:none;
    }
    .gmnoprint div {
        background:none !important;
    }

    .gm-style-cc { display:none; }

    /* Contenedores nuevo seccion direccion geolocalizacion */

    /* ILUSTRACION VOLVER DIRECCION */
    .imagenVolverDireccion
    {
        background-image: url('../resources/general/images/volverDireccion.png');
        background-size: contain;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-color: transparent;
        border-color: transparent !important;
        border: 0;
        color:transparent;
        margin-bottom: -7px;
        padding-bottom: 20px;
    }

    /* ILUSTRACION POSICION DIRECCION */
    .imagenPosicionDireccion{
        background-image: url('../resources/general/images/posicionDireccion.png');
        background-size: contain;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-color: transparent;
        border-color: transparent !important;
        border: 0;
        color:transparent;
        margin-bottom: -7px;
        padding-bottom: 20px;
    }

    /* ILUSTRACION POSICION GPS */
    .imagenPosicionUbicacion{
        background-image: url('../resources/general/images/posicionUbicacion.png');
        background-size: contain;
        width: 23px;
        height: 23px;
        background-repeat: no-repeat;
        background-color: transparent;
        border-color: transparent !important;
        border: 0;
        color: transparent;
        margin-bottom: -7px;
        padding-bottom: 20px;
    }

    /* Botones confirmacion pedido -> ajustar ubicacion */
    .modal-footer.botoneraZonaEntregaPopUp
    {
        padding: 15px 15px 15px;
    }


    /* ilustraciones */

    /*** SECCION INFO ***/

    /* icono Comercio */
    .iconoTituloLocal
    {
        text-decoration:none;
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Comercio Direccion */
    .iconoTituloDireccion
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 5px;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Comercio Telefono */
    .iconoTituloTelefono
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 5px;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Horarios */
    .iconoTituloReloj
    {
        text-decoration:none;
        width: 24px;
        height: 24px;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        /* padding: 2px; */
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Zona de entrega */
    .iconoTituloZonaEntrega
    {
        text-decoration:none;
        width: 33px;
        height: 33px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 2px;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /*** SECCION PEDIDO ***/

    /* icono Detalle del pedido */
    .iconoTituloDetallePedido
    {
        text-decoration:none;
        width: 28px;
        height: 28px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 2px;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Cupon descuento */
    .iconoTituloDescuentoPedido
    {
        text-decoration:none;
        width: 28px;
        height: 28px;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Tus Datos */
  .iconoTituloTusDatos
    {
        text-decoration:none;
        width: 28px;
        height: 28px;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Nombre */
    .iconoTituloNombre
    {
        text-decoration:none;
        width: 16px;
        height: 16px;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Email */
    .iconoTituloEmail
    {
        text-decoration:none;
        width: 16px;
        height: 16px;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Telefono */
    .iconoTituloTelefono2
    {
        text-decoration:none;
        width: 16px;
        height: 16px;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Factura con rut */
    .iconoFactura
    {
        text-decoration:none;
        width: 18px;
        height: 18px;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        /* ocultar icono */
        /* display: none; */
    }

    /* icono Entrega del pedido -> RETIRO EN EL LOCAL logo comercio*/
    .iconoTituloEntregaPedido
    {
         text-decoration:none;
         width: 28px;
         height: 28px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
     }

    /* icono retira en el local */
     .iconoRetiraLocal
      {
          text-decoration:none;
          width: 18px;
          height: 18px;
          background-size: contain;
          background-repeat: no-repeat;
          pointer-events: none;
          /* ocultar icono */
          /* display: none; */
     }

    /** icono medios de pago **/
    .iconoTituloMediosDePago
    {
         text-decoration:none;
         width: 28px;
         height: 28px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }

    /* icono efectivo */
    .iconoEfectivo
    {
         text-decoration:none;
         width: 20px;
         height: 20px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }

    /* icono enviar pos */
    .iconoPos
    {
         text-decoration:none;
         width: 23px;
         height: 23px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }

    /* icono transferencia */
    .iconoTransferencia
    {
         text-decoration:none;
         width: 24px;
         height: 24px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }

    /* icono enviar QR Mercado Pago */
    .iconoCodigoQr
    {
         text-decoration:none;
         width: 28px;
         height: 28px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }

    /* icono Pago online */
    .iconoPagoOnline
     {
         text-decoration:none;
         width: 22px;
         height: 22px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }

    /* icono Aclaraciones del pedido */
    .iconoTituloAclaraciones
    {
         text-decoration:none;
         width: 26px;
         height: 26px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }

    /* icono Confirmar pedido */
     .iconoTituloConfirmar
    {
         text-decoration:none;
         width: 26px;
         height: 26px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }

    /* icono Tus pedidos */
    .iconoTituloTusPedidos
    {
         text-decoration:none;
         width: 26px;
         height: 26px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }

    /* icono Politicas */
    .iconoPoliticas
    {
         text-decoration:none;
         width: 18px;
         height: 18px;
         background-size: contain;
         background-repeat: no-repeat;
         pointer-events: none;
         /* ocultar icono */
         /* display: none; */
    }


    /* Precio tachado con producto con imagen */
    .seccionPreciosDescuentoConImagen
    {
         padding: 0px 0px 0px 0px;
         float: right;
         text-align: right;
    }

    /* Precio tachado producto sin imagen */
    .seccionPreciosDescuento
    {
        padding: 0px 0px 0px 0px;
        float: right;
        text-align: right;
     }

    .imagenConfirmacionAutogestion
    {
        background-image: url('../resources/general/images/ilustraciones/confirmacionPedidoAutogestion.png');
        background-size: contain;
        width: 300px;
        height: 300px;
        background-repeat: no-repeat;
        pointer-events: none;
    }

    .contenedorFlotanteGeneral.contenedorFlotanteDireccion
    {
        position:absolute;
    }

  /*  ***********   NUEVO 20-06-2023  *********** - ACTUALIZACIÓN DE CONTENEDORES NUEVOS */

    /* CONTENEDOR PRECIO PRODUCTO */
    .contenedorPrecioProducto
    {
        /*width: 55px!important;*/
    }

    /* SI ES VERSION DEMO */
    .contenedorVersionDemo
    {
        color: red;
        background-color: transparent;
        border-radius: 10px;
        padding: 6px;
        border-style: solid;
        border-width: 1px;
        text-align: center;
        position: absolute;
        margin-left: 45%;
        margin-top: 10px;
    }

    /* CONTENEDOR DE REGISTRO PASSWORD */
    #txtPasswordRegistro
    {
        width: 210px;
    }

    /* CONTENEDOR DE REGISTRO PASSWORD CONFIRMACION */
    #txtConfPasswordRegistro
    {
        width: 210px;
    }

    /* CONTENEDOR DE LOGIN NUEVO GOOGLE */
    #googleBotonNuevo
    {
        width: 260px!important;
    }

    /* CONTENEDOR DE PRECIO DESCUENTO DENTRO DEL PRODUCTO */
    #cDP_lblPrecioDescuento
    {
        margin-top: -1px!important;
    }

    /* CONTENEDOR DE ZONAS PARA EL MODAL CON EL MARCADOR PARA LA ENTREGA DEL PEDIDO */
    .contenedorInfoZonasMapaPedido
    {
        position: relative;
        padding: 2px;
        width: 100%;
        /* margin-top: 475px; */
        border-radius: 5px;
        border-top: none!important;
    }

    /* CONTENEDOR FOOTER PARA EL MODAL CON EL MARCADOR PARA LA ENTREGA DEL PEDIDO */
    .footerMapaPedidoGps
    {
        margin-top: 37px;
        padding: 19px 20px 20px;
        text-align: right;

    }

    /* MAPA DEL MODAL CON EL MARCADOR PARA LA ENTREGA DEL PEDIDO */
    .contenedorMapaPedidoTusPedidos
    {
        position: relative;
        height: 100%;
        width: 305px;
        /*padding: 0px;*/
        border-width: 0px;
        /*margin: 0px;*/
        left: 0px;
        /*top: 0px;*/
        touch-action: pan-x pan-y;
        margin-left: -9px;
        border-radius: 15px;
    }

    /* TAMAÑO MODALES CON EL MARCADOR PARA LA ENTREGA DEL PEDIDO */
    .modalTusPedidosDialog
    {
        width: 330px;
    }

    .modalMapaTusPedidos
    {
        width: 350px;
        height: 400px;
    }

    /* BOTON PARA ACCEDER AL MODAL CON EL MARCADOR PARA LA ENTREGA DEL PEDIDO */
    .btnUbicacionDireccionGps
    {
        /*height: 40px;*/
        /*width: 40px;*/
        /*background-size: contain;*/
        /*background-image: url(../resources/general/images/ilustraciones/gps.gif);*/
        /*color: transparent;*/
        /*border-radius: 10px;*/
        /*border-color: dimgrey;*/
        /*margin-bottom: 13px;*/
        /*margin-bottom: 16px;*/
        /*top: 4px;*/
        /*position: relative;*/
    }

    #optDireccion input[type="radio"]:checked + label
    {
        width: 90%;
        font-size: 12px;
    }

    .detalleEstado
    {
        border-color: black;
        border-style: solid;
        /*background-color: transparent;*/
        /*color: black;*/
        background-color: black;
        color: white;
        /*width: 327px!important;*/
        /*width: 310px!important;*/
        border-radius: 25px;
        border-width: 1px;
        padding: 12px!important;
        text-align: center;
        margin-top: 4px;
        margin-left: 5px;
    }

  /*  AJUSTE DE CONTENEDORES */
    @media (max-width: 875px)
    {
        #seccionPreciosDescuentoConImagen
        {
            width: 55px!important;
        }

        .contenedorPrecioProducto
        {
            width: 55px!important;
            padding-right: 5px;
        }

        .contenedorNombreProducto
        {
            /*width: 130px!important;*/
            padding-left: 5px;
        }

        .contenedorDescripcionProducto
        {
            padding-left: 5px;
        }

        .contenedorPrecioDescuentoProductoConImagen
        {
            width: 55px!important;
            padding-right: 0px;
        }

    }

    /* REGLA PARA QUE NO SE ROMPA EL CONTENEDOR DE PRODUCTOS*/
    @media (max-width: 658px)
    {
        .contenedorProducto
        {
            width: 100%;
        }

        #cDP_contenedorGruposOpcionCheck
        {
            width: 80%;
        }

    }

    @media  (max-width: 422px)
    {
        #optDireccion input[type="radio"]:checked + label
        {
            font-size: 12px;
            width: 85%;
        }
    }

    @media (max-width: 601px)
    {

        /* SI ES VERSION DEMO */
        .contenedorVersionDemo
        {
            margin-left: 40%;
            margin-top: 10px;
        }

        .contenedorPrecioProducto
        {
            width: 55px!important;
            padding-right: 5px;
        }

        .contenedorNombreProducto
        {
            /*width: 110px!important;*/
            padding-left: 5px;
        }

        .detalleEstado
        {
            /*width: 290px!important;*/
        }
    }

    @media (max-width: 400px)
    {
        .detalleEstado
        {
            /*width: 270px!important;*/
        }
    }

    @media (max-width: 281px)
    {
        .contenedorPrecioProducto
        {
            width: 55px!important;
            padding-right: 5px;
        }

        .contenedorNombreProducto
        {
            /*width: 100px!important;*/
            padding-left: 5px;
        }
    }

    .contenedorHorarioEntrega
    {
        margin: 0;
        padding: 0;
        top: -61px!important;
        position: relative!important;
        margin-left: 110px!important;
    }

    /* SECCION VALORACION DEL PEDIDO */
    .star {
        /*display: inline-block;*/
        /*font-size: 0; */
        font-size: 0;
        margin-left: 74px;
        top: 16px;
        position: relative;
    }

    .star label {
        display: inline-block;
        width: 20px; /* ancho de la estrella */
        height: 20px; /* altura de la estrella */
        margin: 2px;
        padding: 0;
        cursor: pointer;
        background-image: url('../resources/general/images/ilustraciones/star.png'); /* imagen de la estrella */
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .star input[type="radio"] {
        display: none; /* oculta los botones de radio */
    }

    .star input[type="radio"]:checked + label {
        /*background-color: yellow; !* cambia el color de la estrella seleccionada *!*/
        background-image: url('../resources/general/images/ilustraciones/productoDestacado.png'); /* imagen de la estrella */
    }

    .star label.selected
    {
        background-image: url('../resources/general/images/ilustraciones/productoDestacado.png'); /* imagen de la estrella */
    }

    .seleccionRating
    {
        margin-top: 20px;
        top: 12px;
        position: relative;
        margin-left: 10%;
    }

    .datosFechaValoracion
    {
        margin-left: 2px;
        padding: -1px;
        margin-top: 2px;
        font-size: 10px;
    }

    #optDireccion
    {
        font-size: 12px;
    }

    #txtPasswordLogin
    {
        width: 210px;
    }

    #togglePasswordLogin
    {
        height: 31px;
        width: 31px;
        background-color: transparent;
        border-radius: 5px;
        border-width: 1px;
    }

    /* MOSTRAR OCULTAR CONTRASEÑA */
    #togglePassword
    {
        height: 31px;
        width: 31px;
        background-color: transparent;
        border-radius: 5px;
        border-width: 1px;
    }

    #togglePasswordRegistro
    {
        height: 31px;
        width: 31px;
        background-color: transparent;
        border-radius: 5px;
        border-width: 1px;
    }

    #cPP_cCU_txtComentarioUsuario
    {
        min-width: 260px!important;
        min-height: 100px!important;
        overflow: hidden!important;
        overflow-y: hidden!important;
        margin-top: 2px;
    }

    .datosFechaActualizacionValoracion
    {
        background-color: #2ecc71 !important;
        border-radius: 10px;
    }

    .modalComentarioUsuario
    {
        width: 320px!important;
    }

    .contenedorComentarioUsuario
    {
        top: -8px;
        margin-bottom: 6px;
        margin-left: -134px;
        position: relative;

    }

    .dejarComentarioUsuario
    {
        width: 120px!important;
        height: 29px!important;
    }

    .direccionEntrega
    {
        font-size: 12px;
        /*position: absolute;*/
        position: relative;
        /*margin-left: -2px;*/
        margin-left: 0px;
        bottom: -3px;
        /*width: 282px!important;*/
        width: 224px!important;
        /*margin-top: 1px;*/
        padding: 7px;
        text-align: left!important;
        margin-bottom: 2px;
    }

     .contenedorHorarioRechazo
    {
        margin: 0;
        padding: 0;
        top: -46px!important;
        position: relative!important;
        margin-left: 112px!important;
    }


    .iconoTituloTotal
    {
        text-decoration:none;
        width: 37px;
        height: 37px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: -5px!important;
    }

    .iconoTituloCompra
    {
        text-decoration:none;
        width: 37px;
        height: 37px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: -5px!important;
    }

    .iconoTituloEntregaFecha
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: -5px!important;

    }

    .iconoTituloEntregaDireccion
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        /*margin-top: -5px!important;*/
        margin-top: -7px!important;

    }

    .iconoTituloEstadoTransaccion
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: -51px!important;
        margin-left: -8px;
    }

    .imagenEstadoTransaccion
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: -2px!important;
        margin-left: -5px;
    }

    .estadoTransaccion
    {
        /*max-width: 120px!important;*/
        /*width: 90%!important;*/
        margin-left: -5px;
        margin-top: -10px;
    }

    .resumenEstadoTransaccion
    {
        /*margin-left: 30px;*/
        padding: 12px;
        border-radius: 25px;
        text-align: center;
        max-width: 281px!important;
        /*min-width: 241px!important;*/
        border-width: 2px;
        font-weight: normal;
        width: 90%;
        margin: 0 auto; /* Centrar horizontalmente */
    }


    /* GIF DE ESTADO PEDIDO*/
    .loader {
        height: 5px;
        /*width: 10%;*/
        width: 88px;;
        background-color: #ddd;
        position: relative;
        overflow: hidden;

        margin-top: 5px;
        margin-left: 11px;
        /*margin-bottom: 20px;*/
        /*margin-bottom: 12px;*/
    }

    .loader:before {
        content: "";
        position: absolute;
        /*background-color: #007bff;*/
        background-color: #33cccc;
        width: 50%;
        height: 100%;
        animation: loader 1.5s linear infinite;
    }

    @keyframes loader {
        0% {
            left: -50%;
        }
        100% {
            left: 100%;
        }
    }

    .contenedorHoraEstimada
    {
        /*top: -40px;*/
        /*top: -59px;*/

        top: -57px;
        position: relative;
        margin-left: 20px;
    }


    .gifEstadoPedidoImagen
    {
        height: 85px;
        width: 85px;
        background-size: contain;
        /*margin-left: 44px;*/
        margin-left: 11px;
        margin-top: 13px;
        border-radius: 25px;
        margin-bottom: 2px;
    }

    .btnPagarPedidoPendiente
    {
        position: relative;
        /*padding: 5px;*/
        margin-top: 4px;
        margin-left: 25%;
        width: 120px;
        align-items: center;
        text-align: center;
    }

    .iconoTituloObservaciones
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: -5px!important;
        margin-left: -8px!important;
    }

    .iconoTituloObservacionesPedido
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: -5px!important;
        margin-left: 1px!important;
    }

    .observacionesMedioPago
    {
        width: 160px!important;
        overflow: hidden;
        margin-left: 7px!important;
    }


    .observacionesPedido
    {
        margin-top: -5px;
        margin-left: 32px;
        padding: 7px;
        /*max-width: 280px!important;*/
        /*overflow: hidden;*/
    }

    .iconoTituloMedioPago
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: -5px!important;
    }

    .iconoTituloDescuentos
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: 0px!important;
    }

    .iconoTituloCostoEnvio
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: 0px!important;

    }



    .iconoTituloDetalleDelEstadoRechazado
    {
        text-decoration:none;
        width: 35px;
        height: 35px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        /*margin-top: 24px!important;*/
        /*margin-left: -310px!important;*/
    }

    .fechaPedido
    {
        font-size: 14px!important;
        font-weight: bold;
        width: 180px!important;
    }

    .contenedorHoraConfirmado
    {
        /*position: relative;*/
        /*top: -23px;*/
        /*left: 153px;*/
        /*margin-top: -76px;*/
        /*margin-top: 0px;*/
        top: -14px;
        left: -2px;
        /* margin-top: -76px; */
        margin-top: 64px!important;
        position: absolute;
        width: 180px;
    }

    .gifEnvioMail
    {
        height: 55px;
        width: 55px;
        background-size: contain;
        /*posicion*/
        margin-top: -7px;
        pointer-events: none;
    }

    .gifTiempo
    {
        height: 48px;
        width: 48px;
        background-size: contain;
        /*posicion*/
        margin-top: -23px;
        pointer-events: none;
    }

    .gifGlas
    {
        height: 48px;
        width: 48px;
        background-size: contain;
        /*posicion*/
        margin-top: -12px;
        pointer-events: none;
    }

    .gifWarning
    {
        height: 40px;
        width: 40px;
        background-size: contain;
        background-position: center;
        text-align: center;
        /*posicion*/
        margin-top: -12px;
        pointer-events: none;
    }

    .gifCodigo
    {
        height: 40px;
        width: 40px;
        background-size: contain;
        pointer-events: none;
    }

    #contenedorGifCodigo
    {
        text-align: center;
        margin-right: 39px;
    }

    #contenedorGifErrorCodigo
    {
        text-align: center;
        margin-right: 22px;
        /*DISPOSITIVOS MOVILES*/
        margin-left: 40%;
        /*WEB*/
        /*margin-left: 44%;*/
    }

    #contenedorEstadoComercioMinutos
    {
        color: black;
        background-color: transparent!important;
        border-color: red!important;
        border-left: transparent!important;
        border-right: transparent!important;
        /*margin-top: 52px!important;*/
    }

    #contenedorGifError
    {
        text-align: center;
        margin-right: 22px;
        /*DISPOSITIVOS MOVILES*/
        margin-left: 40%;
        /*WEB*/
        /*margin-left: 44%;*/
    }

    #contenedorGifGlas
    {
        text-align: center;
        margin-right: 22px;
    }

    #contenedorGifTiempo
    {
        text-align: center;
        margin-right: 22px;
    }

    #contenedorGifEnvioMail
    {
        text-align: center;
        margin-right: 22px;
    }



    .datosRepartidor
    {
        border-color: black;
        border-style: solid;

        background-color: transparent;
        color: black;

        /* SI ESTA EL BOTON DE GEOLOCALIZAR EL REPARTIDOR*/
        /*width: 327px!important;*/
        /*padding: 12px!important;*/

        padding: 12px;
        min-width: 165px!important;
        border-radius: 25px;
        border-width: 2px;
        text-align: center;
        margin-top: 4px;
        margin-left: 5px;
        font-size: 12px;
    }

    .detalleRepartidor
    {
        /*margin-left: -141px;*/

    }

    .contenedorComercioEstadoMinutos
    {
        /*display: inline-block;*/
        color: white;
        /*background-color: red;*/
        width: 100%!important;
        height: 12px;
        /*border-radius: 25px!important;*/
        border-radius: 0px!important;
        /*margin-top: 46px;*/
        font-size: 12px;
        text-align: center;
        top: 85px;
        position: absolute;
    }

    .geolocalizar
    {
        float: right;
        margin-right: 30px;
        margin-top: -32px
    }

    .seguimientoRepartidor
    {
        width: 50px;
        height: 50px;
        background-size: contain;
        border-radius: 25px;
        float: right;
        margin-right: 43px;
        margin-top: -86px;
    }

    .razonesRechazo
    {
        top: 6px;
        position: relative;
    }

    .iconoDatosRepartidor
    {
        width: 50px;
        height: 50px;
        background-size: contain;
        padding: 2px;
    }

    .tiempoDemora
    {
        /*display: flex;*/
        flex-direction: column;
        max-width: 130px;
        min-width: 100px;
        color: grey;
        background-color: transparent;
        border-color: grey;
        border-width: 1px;
        border-radius: 20px;
        border-style: solid;
        text-align: center;
        align-items: center;
        margin-left: 5px;
        justify-content: center;
    }

    .estadoPedido
    {
        /*width: 120px;*/
        /*background-color: #990000;*/
        /*background-color: #34ce57;*/
        color: white;
        text-align: center;
        /*margin-left: 5px;*/
        max-width: 200px;
        padding: 9px;
    }

    .botonVer
    {
        margin-left: 5px;
        background: white!important;
        border-style: solid!important;
        border-width: 1px!important;
        color: black!important;
    }

    .botonRepetir
    {
        background: white!important;
        border-style: solid!important;
        border-width: 1px!important;
        color: black!important;
    }

    .contenedorNombreProductoAjusteMargin
    {
        margin-left: 8px!important;
    }

    .contenedorDescripcionAjusteMargin
    {
        margin-left: 8px;
    }

    #contenedorMapa
    {
        border-radius: 25px;
    }

    .nuevoTituloSeccion
    {
        text-transform: uppercase;
    }

    .contenedorPrecioProductoAjusteMargin
    {
        margin-right: 8px!important;
    }

    .iconoTituloLocal
    {
        text-decoration:none;
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 7px;
        pointer-events: none;
        margin-top: -5px!important;
    }

    .nuevoTituloSeccion
    {
        text-transform: uppercase;
    }

    #contenedorImagenBtnCategoria_-1
    {
        /*background-image: url('../resources/general/images/imgBotonBuscarCarta.png') !important;*/
        background-image: url('../resources/general/images/ilustraciones/lupaSF.gif') !important;
    }

    #imgBuscarCarta
    {
        /*background-image: url("../resources/general/images/imgBuscar.png");*/
        background-image: url("../resources/general/images/ilustraciones/menu.gif");
        background-repeat: no-repeat;
        background-position: center;
        background-size:contain;
        color: transparent!important;
        height: 54px;
        width: 54px;
        position: absolute;
        /*top: 53px;*/
        top: 29px;
        margin-left: -39px;
    }

    #imgBuscarCartaCerrar
    {
        /*background-image: url("../resources/general/images/imgBtnCerrar.png");*/
        background-image: url("../resources/general/images/ilustraciones/close.gif");
        background-repeat: no-repeat;
        background-position: center;
        background-size:contain;
        color: transparent!important;
        height: 46px;
        width: 46px;
        /*top: 53px; */
        top: 35px;
        position: absolute;
    }

    #contenedorMapa
    {
        border-radius: 25px;
    }

    .infoHorariosHorarioDia
    {
        left: 110px!important;
    }

    #txtTituloAclaracionesPedido {
        margin-left: 7px!important;
    }

    #cPMO_contenedorDatosResumen
    {
        font-size: 12px!important;
    }

    .iconoTituloAclaraciones {
        margin-left: 10px;
    }

    /* [ 18/12/2022 ] */
    #nuContenedorBotoneraCategorias
    {
        display: none;
        margin-top: 24px;
        width: 100%;
    }
    #nuContenedorBuscadorCarta
    {
        display: none;
        margin-top: 32px;
        width: 100%;
        text-align: center;
    }
    .contenedorFilaNuBuscador
    {
        display: inline-block;
        height: 56px;
        vertical-align: middle;
    }

    /* En Navegador Next Hub Max */
    @media only screen and (max-width: 1281px) and (max-height: 801px)
    {
        .iconoTituloAclaraciones
        {
            margin-left: 10px;
        }

        #txtTituloAclaracionesPedido
        {
            margin-left: 7px!important;
        }

        .infoHorariosHorarioDia
        {
            left: 110px!important;
        }

        #cPMO_contenedorDatosResumen
        {
            font-size: 12px!important;
        }
    }

    /* En Navegador iPad Pro */
    @media only screen and (max-width: 1025px) and (max-height: 1367px)
    {
        /*.contenedorPanelCargando*/
        /*{*/
        /*    margin-left: -153px!important;*/
        /*    top: 516px!important;*/
        /*}*/

        .popOverCarrito
        {
            /*left: -370px;*/
        }

        .iconoTituloAclaraciones
        {
            margin-left: 10px;
        }

        #txtTituloAclaracionesPedido
        {
            margin-left: 7px!important;
        }

    }

    /* En Navegador Nest Hub */
    @media only screen and (max-width: 1025px) and (max-height: 601px)
    {

        /*.contenedorPanelCargando*/
        /*{*/
        /*    margin-left: -160px!important;*/
        /*    top: 216px!important;*/
        /*}*/

        .infoHorariosHorarioDia
        {
            left: 110px!important;
        }

        #cPMO_contenedorDatosResumen
        {
            font-size: 12px!important;
        }

    }

    /* En Navegador Surface Pro 7 */
    @media only screen and (max-width: 913px) and (max-height: 1369px)
    {
        /*.contenedorPanelCargando*/
        /*{*/
        /*    margin-left: -153px!important;*/
        /*    top: 502px!important;*/
        /*}*/

        .iconoTituloAclaraciones
        {
            margin-left: 10px;
        }

        #txtTituloAclaracionesPedido
        {
            margin-left: 7px!important;
        }
    }

    /* En Navegador iPad Air */
    @media only screen and (max-width: 821px) and (max-height: 1181px)
    {

        /*.contenedorPanelCargando*/
        /*{*/
        /*    margin-left: -155px!important;*/
        /*    top: 446px!important;*/
        /*}*/

        .iconoTituloAclaraciones
        {
            margin-left: 10px;
        }

        #txtTituloAclaracionesPedido
        {
            margin-left: 7px!important;
        }

        .infoHorariosHorarioDia
        {
            margin-left: 15px!important;
        }

        #codigoEliminacionUsuario
        {
            width: 211px!important;
        }
    }

/* En Navegador iPad Mini */
@media only screen and (max-width: 801px) and (max-height: 1281px)
{
    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -154px!important;*/
    /*    top: 391px!important;*/
    /*}*/

}

/* En Navegador iPad Mini */
@media only screen and (max-width: 769px) and (max-height: 1025px)
{

}

/* En Navegador Galaxy Tab S4 */
@media only screen and (max-width: 713px) and (max-height: 1139px)
{
    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -149px!important;*/
    /*    top: 444px!important;*/
    /*}*/

}


/* En Navegador Microsoft Lumnia 550*/
@media only screen and (max-width: 641px) and (max-height: 361px)
{

    .ajusteRedesSociales
    {
        margin-left: 10px!important;
        font-size: 12px!important;
    }

    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -149px!important;*/
    /*    top: 157px!important;*/
    /*}*/

    .popOverCarrito
    {
        left: -200px!important;
    }

    .textoSombra_Titulo
    {
        font-size: 12px!important;
    }

    .textoSombra_TituloDireccionDetalle
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        font-size: 12px!important;
        margin-left: 9px!important;
    }

    .infoHorariosNombreDia
    {
        font-size: 12px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 12px!important;
    }

    .contenedorInfoZonasMapa
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 12px!important;
    }

    .txtGeneralLineaPedido
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px!important;
    }

}

/* En Navegador Nexus 7 */
@media only screen and (max-width: 601px) and (max-height: 960px)
{
    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -159px!important;*/
    /*    top: 366px!important;*/
    /*}*/
}

/* En Navegador Surface Duo */
@media only screen and (max-width: 541px) and (max-height: 721px)
{

    .ajusteRedesSociales
    {
        margin-left: 10px!important;
        font-size: 12px!important;
    }

    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -159px!important;*/
    /*    top: 249px!important;*/
    /*}*/

    .iconoTituloAclaraciones
    {
        margin-left: 10px;
    }

    #txtTituloAclaracionesPedido
    {
        margin-left: 7px!important;
    }

    .contenedorProducto
    {
        width: 100%;
    }

    .textoSombra_Titulo
    {
        font-size: 14px;
    }

    .textoSombra_TituloDireccionDetalle
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        font-size: 12px!important;
        margin-left: 9px!important;
    }

    .infoHorariosNombreDia
    {
        font-size: 12px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 12px!important;
    }

    .contenedorInfoZonasMapa
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 12px!important;
    }

    .txtGeneralLineaPedido
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosEntrega
    {
        font-size: 12px!important;
    }

    #cPMO_contenedorDatosResumen
    {
        font-size: 12px!important;
    }

    .spanBtnLinkRecuperarPassword
    {
        margin-left: -5px;
    }

    .popOverCarrito
    {
        left: -190px!important;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    .boton_Entrar
    {
        width: 260px;
    }

    #contenedorDetalleLineaPedido
    {
        width: 303px;
        margin-left: -151px;
    }
}

/* En Navegador Nokia N9 */
@media only screen and (max-width: 481px) and (max-height: 855px)
{
    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    .boton_Entrar
    {
        width: 260px;
    }

    .spanBtnLinkRecuperarPassword
    {
        margin-left: -5px!important;
    }

    #contenedorDetalleLineaPedido
    {
        width: 303px;
        margin-left: -151px;
    }
}

/* En Navegador Iphone XR */
@media only screen and (max-width: 415px) and (max-height: 897px)
{
    .contenedorLogoComercioBarraSuperior
    {
        margin-left: 3px;
    }

    #txtNuBuscadorCarta
    {
        width: 200px!important;
    }

    #contenedorPantallaCarta
    {
        top: 175px;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    .boton_Entrar
    {
        width: 260px;
    }

    #contenedorDetalleLineaPedido
    {
        width: 303px;
        margin-left: -151px;
    }
}

/* En Navegador Iphone 6/7/8 Plus */
@media only screen and (max-width: 415px) and (max-height: 737px)
{

    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -159px!important;*/
    /*    top: 241px!important;*/
    /*}*/

    .ajusteRedesSociales
    {
        margin-left: 10px!important;
        font-size: 12px!important;
    }

    .popOverCarrito
    {
        left: -150px;
    }

    .textoSombra_Titulo
    {
        font-size: 14px!important;
    }

    .textoSombra_TituloDireccionDetalle
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        font-size: 12px!important;
        margin-left: 9px!important;
    }

    .infoHorariosNombreDia
    {
        font-size: 12px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 12px!important;
        margin-left: -18px!important;
    }

    .contenedorInfoZonasMapa
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 12px!important;
    }

    .txtGeneralLineaPedido
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosEntrega
    {
        font-size: 12px!important;
    }
}

/* En Navegador Iphone XR */
@media only screen and (max-width: 415px) and (max-height: 897px)
{
    .spanBtnLinkRecuperarPassword
    {
        margin-left: -5px;
    }
}


/* En Navegador Samsung Galaxy S20 Ultra */
@media only screen and (max-width: 413px) and (max-height: 916px)
{
    .iconoTituloAclaraciones
    {
        margin-left: 10px;
    }

    #txtTituloAclaracionesPedido
    {
        margin-left: 7px!important;
    }

    #txtNuBuscadorCarta
    {
        width: 175px!important;
    }

    .textoSombra_TituloDireccionDetalle
    {
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        margin-left: 9px!important;
    }

    #codigoEliminacionUsuario
    {
        width: 199px!important;
    }

    .infoHorariosHorarioDia
    {
        margin-left: 27px;
    }

    .boton_Entrar
    {
        width: 260px;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    .spanBtnLinkRecuperarPassword
    {
        margin-left: -5px!important;
    }

    #contenedorDetalleLineaPedido
    {
        width: 303px;
        margin-left: -151px;
    }
}

/* En Navegador Samsung Galaxy A51/71 */
@media only screen and (max-width: 413px) and (max-height: 915px)
{
    .spanBtnLinkRecuperarPassword
    {
        margin-left: -5px!important;
    }

}

/* En Navegador Nexus 5X */
@media only screen and (max-width: 413px) and (max-height: 733px)
{

    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -159px!important;*/
    /*    top: 232px!important;*/
    /*}*/

    .boton_Entrar
    {
        width: 260px;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    #contenedorDetalleLineaPedido
    {
        width: 303px;
        margin-left: -151px;
    }
}

/* En Navegador Pixel 5 */
@media only screen and (max-width: 394px) and (max-height: 852px)
{
    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -163px!important;*/
    /*    top: 311px!important;*/
    /*}*/

    .iconoTituloAclaraciones
    {
        margin-left: 10px;
    }

    #txtTituloAclaracionesPedido
    {
        margin-left: 7px!important;
    }

    .textoSombra_TituloDireccionDetalle
    {
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        margin-left: 9px!important;
    }

    .infoHorariosHorarioDia
    {
        margin-left: 25px;
    }

    #cPMO_contenedorDatosResumen
    {
        font-size: 12px!important;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    .boton_Entrar
    {
        width: 260px;
    }

}

/* En navegador Pixel 7 */
@media only screen and (max-width: 413px) and (max-height: 916px)
{
    .ajusteRedesSociales
    {
        margin-left: 10px!important;
        font-size: 12px!important;
    }
}



/* En Navegador Pixel 3 XL */
@media only screen and (max-width: 394px) and (max-height: 787px)
{
    .ajusteRedesSociales
    {
        margin-left: 10px!important;
        font-size: 12px!important;
    }

    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -164px!important;*/
    /*    top: 283px!important;*/
    /*}*/

    .textoSombra_Titulo
    {
        font-size: 14px!important;
    }

    .textoSombra_TituloDireccionDetalle
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        font-size: 12px!important;
        margin-left: 9px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 12px!important;
    }

    .infoHorariosNombreDia
    {
        font-size: 12px!important;
    }

    .contenedorInfoZonasMapa
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 12px!important;
    }

    .txtGeneralLineaPedido
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosEntrega
    {
        font-size: 12px!important;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    .boton_Entrar
    {
        width: 260px;
    }
}

/* En Navegador Iphone 12 Pro */
@media only screen and (max-width: 391px) and (max-height: 845px)
{
    .ajusteRedesSociales
    {
        margin-left: 10px!important;
        font-size: 12px!important;
    }

    .iconoTituloAclaraciones
    {
        margin-left: 10px;
    }

    #txtTituloAclaracionesPedido
    {
        margin-left: 7px!important;
    }

    #cPP_cAMDF_txtLocalidad_direccion
    {
        height: 38px!important;
    }

    #cPP_cAMDF_txtCiudad_direccion
    {
        height: 38px!important;
    }

    .infoHorariosHorarioDia
    {
        margin-left: 26px;
    }

    .textoSombra_TituloDireccionDetalle
    {
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        margin-left: 9px!important;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    .boton_Entrar
    {
        width: 260px;
    }

}

/* En Navegador LG Optimus L70 */
@media only screen and (max-width: 385px) and (max-height: 641px)
{
    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -154px!important;*/
    /*    top: 205px!important;*/
    /*}*/

    .boton_Entrar
    {
        width: 260px;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    #contenedorDetalleLineaPedido
    {
        width: 303px;
        margin-left: -151px;
    }
}

/* En Navegador IPhone X */
@media only screen and (max-width: 376px) and (max-height: 813px)
{
    .textoSombra_Titulo
    {
        font-size: 14px!important;
    }

    .textoSombra_TituloDireccionDetalle
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        font-size: 12px!important;
        margin-left: 9px!important;
    }

    .infoHorariosNombreDia
    {
        font-size: 12px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 12px!important;
    }

    .contenedorInfoZonasMapa
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosEntrega
    {
        font-size: 12px!important;
    }

    .popOverCarrito
    {
        left: -140px!important;
    }

}


/* En Navegador iPhone SE */
@media only screen and (max-width: 376px) and (max-height: 668px)
{
    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -167px!important;*/
    /*    top: 193px!important;*/
    /*}*/

    #txtNuBuscadorCarta
    {
        width: 200px!important;
    }

    #contenedorPantallaCarta
    {
        top: 175px;
    }

    .iconoTituloAclaraciones
    {
        margin-left: 10px;
    }

    #txtTituloAclaracionesPedido
    {
        margin-left: 7px!important;
    }

    .textoSombra_Titulo
    {
        font-size: 14px;
    }

    .textoSombra_TituloDireccionDetalle
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        font-size: 12px!important;
        margin-left: 9px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 12px!important;
    }

    .infoHorariosNombreDia
    {
        font-size: 12px!important;
    }

    .contenedorInfoZonasMapa
    {
        font-size: 12px!important;
    }

    .spanBtnLinkRecuperarPassword
    {
        margin-left: -5px;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 12px;
    }

    .txtGeneralLineaPedido
    {
        font-size: 12px;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosEntrega
    {
        font-size: 12px!important;
    }

    #cPMO_contenedorDatosResumen
    {
        font-size: 12px!important;
    }

    .nuevoTituloSeccion
    {
        font-size: 14px!important;
    }
}

/* En Navegador Samsung Galaxy S8+ */
@media only screen and (max-width: 361px) and (max-height: 741px)
{
    .ajusteRedesSociales
    {
        margin-left: 10px!important;
        font-size: 12px!important;
    }

    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -154px!important;*/
    /*    top: 272px!important;*/
    /*}*/

    .textoSombra_Titulo
    {
        font-size: 14px!important;
    }

    .textoSombra_TituloDireccionDetalle
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        font-size: 12px!important;
        margin-left: 9px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 12px!important;
    }

    .infoHorariosNombreDia
    {
        font-size: 12px!important;
    }

    .contenedorInfoZonasMapa
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 12px!important;
    }

    .txtGeneralLineaPedido
    {
        font-size: 12px!important;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px!important;
    }

    .popOverCarrito
    {
        left: -100px!important;
    }

    #cPP_cAMDF_txtCiudad_direccion
    {
        margin-left: 4px!important;
    }

    #cPP_cAMDF_txtLocalidad_direccion
    {
        margin-left: 4px!important;
    }

    #cPP_contenedorDatosEntrega
    {
        font-size: 12px!important;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px;
    }

    .boton_Entrar
    {
        width: 260px;
    }

    #contenedorDetalleLineaPedido
    {
        width: 303px;
        margin-left: -151px;
    }
}

/* En Navegador Galaxy SIII */
@media only screen and (max-width: 360px) and (max-height: 640px)
{

    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -158px!important;*/
    /*    top: 212px!important;*/
    /*}*/

    #txtNuBuscadorCarta
    {
        width: 200px!important;
    }

    #contenedorPantallaCarta
    {
        top: 180px;
    }

    .iconoTituloAclaraciones
    {
        margin-left: 10px;
    }

    #txtTituloAclaracionesPedido
    {
        margin-left: 7px!important;
    }

    .textoSombra_Titulo
    {
        font-size: 14px;
    }

    .textoSombra_TituloDireccionDetalle
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        font-size: 12px!important;
        margin-left: 9px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 12px;
    }

    .infoHorariosNombreDia
    {
        font-size: 12px;
    }

    .contenedorItemInfoZonaMapa
    {
        font-size: 12px;
    }

    .boton_Entrar.detalleProducto
    {
        width: 295px!important;
    }

    .spanBtnLinkRecuperarPassword
    {
        margin-left: -5px;
    }

    .popOverCarrito
    {
        left: -100px!important;
    }

    .divCeldaGrillaDetallePedidos
    {
        font-size: 12px;
    }

    #cPMO_contenedorDatosResumen
    {
        font-size: 12px;
    }

    #codigoEliminacionUsuario
    {
        width: 203px!important;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px;
    }

    #cPP_contenedorDatosEntrega
    {
        font-size: 12px;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 12px!important;
    }

    .txtGeneralLineaPedido
    {
        font-size: 12px;
    }

    .boton_Entrar
    {
        width: 260px;
    }

    #contenedorDetalleLineaPedido
    {
        width: 303px;
        margin-left: -151px;
    }

}

/* En Navegador Pixel 4 */
@media only screen and (max-width: 354px) and (max-height: 746px)
{
    .gifEstadoTransaccion
    {
        height: 25px!important;
        width: 25px!important;
    }
}


/* En Navegador Galaxy S9+ */
@media only screen and (max-width: 320px) and (max-height: 659px)
{
    /*.btnPagarPedidoPendiente*/
    /*{*/
    /*    margin-left: 90px!important;*/
    /*}*/

    /*.estadoTransaccion*/
    /*{*/
    /*    width: 224px!important;*/
    /*}*/

    #detalleEstadoRechazado
    {
        width: 251px!important;
    }

    .resumenEstadoTransaccion
    {
        /*margin-left: 15px;*/
        /*padding: 5px;*/
        /*border-radius: 25px;*/
        /*text-align: center;*/
        /*width: 271px!important;*/
    }

    .detalleEstado
    {
        /*width: 279px!important;*/
    }

    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -158px!important;*/
    /*    top: 221px!important;*/
    /*}*/

    #imgBuscarCarta
    {
        top: 28px;
        margin-left: -39px;
    }

    #imgBuscarCartaCerrar
    {
        top: 28px;
    }

    #txtCalleAltaDireccion
    {
        width: 232px;
    }

    #txtNuBuscadorCarta
    {
        width: 165px!important;
    }

    #nuContenedorBuscadorCarta
    {
        margin-top: 25px;
    }

    #contenedorPantallaCarta
    {
        top: 175px;
    }

    .iconoTituloAclaraciones
    {
        margin-left: 10px;
    }

    #txtTituloAclaracionesPedido
    {
        margin-left: 7px!important;
    }

    .textoSombra_Titulo
    {
        font-size: 14px;
    }

    .textoSombra_TituloDireccionDetalle
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        font-size: 12px!important;
        margin-left: 3px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        font-size: 12px!important;
        margin-left: 9px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 12px!important;
        left: 96px;
    }

    .infoHorariosNombreDia
    {
        font-size: 12px!important;
    }

    .popOverCarrito
    {
        left: -100px;
    }

    .txtGeneralLineaPedido
    {
        font-size: 12px;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 12px;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px;
    }

    #cPP_contenedorDatosEntrega
    {
        font-size: 12px;
    }

    input[type="radio"]:checked + label
    {
        font-size: 12px;
    }

    #spanDescripcionEfectivo
    {
        font-size: 10px;
    }

    #txtDescripcionAclaracionesPedido
    {
        font-size: 12px;
    }

    #cPP_contenedorConfirmacionPedido
    {
        font-size: 12px;
    }

    #codigoEliminacionUsuario
    {
        width: 193px!important;
    }

    #contenedorInfoZonasMapa
    {
        font-size: 12px!important;
    }

    .spanBtnLinkRecuperarPassword
    {
        margin-left: -5px;
    }

    .contenedorFlotanteGeneral
    {
        width: 307px;
        margin-left: -154px;
    }

    #cPMO_contenedorDatosResumen
    {
        font-size: 12px;
    }

    .divCeldaGrillaDetallePedidos
    {
        font-size: 11px;
    }

    .nuevoTituloSeccion
    {
        font-size: 14px;
    }

    .boton_Entrar
    {
        width: 260px;
    }

    .boton_Entrar.detalleProducto
    {
        width: 260px;
    }

}

/* En Navegador Galaxy S9+ */
@media only screen and (max-width: 321px) and (max-height: 534px)
{
    .boton_Entrar.detalleProducto
    {
        width: 257px!important;
    }

}

/* En Navegador IPhone 5/SE */
@media only screen and (max-width: 321px) and (max-height: 569px)
{
    /*.contenedorPanelCargando*/
    /*{*/
    /*    margin-left: -158px!important;*/
    /*    top: 179px!important;*/
    /*}*/

    .boton_Entrar.detalleProducto
    {
        width: 257px!important;
    }

}

/* En Navegador Nokia Lumnia 520 */
@media only screen and (max-width: 321px) and (max-height: 534px)
{

    /*.estadoTransaccion*/
    /*{*/
    /*    width: 230px!important;*/
    /*}*/

    .gifEstadoTransaccion
    {
        height: 25px!important;
        width: 25px!important;
    }


}


/* En Navegador Galaxy Fold */
@media only screen and (max-width: 281px) and (max-height: 654px)
{
    .contenedorLogoComercioBarraSuperior
    {
        width: 130px;
        height: 130px;
    }

    .contenedorDtoActivo
    {
        margin-right: 105px;
    }

    #txtNuBuscadorCarta {
        width: 135px!important;
    }

    .contenedorFlotanteGeneral.contenedorFlotanteDireccion {
        width: 273px;
        margin-left: -137px;
        padding: 20px;
        position: absolute;
    }

    #spanSeparadorCampoAltaDireccion
    {
        display: none;
    }

    .boton_Entrar
    {
        width: 227px;
    }

    .boton_Entrar.detalleProducto
    {
        width: 230px;
    }

    .contenedorMapaUbicacion
    {
        width: 231px;
        height: 460px;
    }

    .contenedorFlotanteGeneral.contenedorFlotanteTelefono
    {
        width: 265px;
        margin-left: -132px;
    }

    #cPP_cAMT_txtTelefonoRegistro
    {
        width: 227px;
        height: 40px;
    }

    .botonLogin_registro
    {
        width: 228px;
    }

    #cC_contenedorLoginRequerido
    {
        width: 272px;
        margin-left: -136px;
    }

    .boton_GP
    {
        width: 228px;
    }

    .botonLogin
    {
        width: 228px;
    }

    #cC_contenedorLoginUsuario
    {
        width: 267px;
        margin-left: -134px;
    }

    #txtUsuarioLogin
    {
        width: 225px;
        height: 40px;
    }

    #txtPasswordLogin
    {
        width: 225px;
        height: 40px;
    }

    .spanBtnLinkRecuperarPassword
    {
        margin-left: -45px!important;
    }

    .contenedorFlotanteGeneral.detalleProducto
    {
        width: 273px;
        margin-left: -137px;
    }

    #cDP_lblPrecio
    {
        position: absolute;
        margin-left: -28px;
    }

    .divCeldaGrillaDetallePedidos
    {
        width: 84px!important;
    }

    .textoSombra_Titulo
    {
        font-size: 14px;
    }

    .textoSombra_TituloDireccionDetalle
    {
        margin-left: -2px!important;
        font-size: 11px!important;
    }

    .textoSombra_TituloTelefonoNumero
    {
        margin-left: -2px!important;
        font-size: 11px!important;
    }

    .textoSombra_TituloCorreoDireccion
    {
        margin-left: 4px!important;
        font-size: 11px!important;
    }

    .infoHorariosHorarioDia
    {
        font-size: 11px;
        left: 65px;
    }

    .infoHorariosNombreDia
    {
        font-size: 11px;
    }

    .contenedorItemInfoZonaMapa
    {
        font-size: 11px;
    }

    #cPP_contenedorDetallePedido
    {
        font-size: 11px!important;
    }

    .txtGeneralLineaPedido
    {
        font-size: 12px;
    }

    .contenedorFlotanteGeneral
    {
        width: 274px;
        margin-left: -137px;
    }

    #cPP_contenedorDatosCliente
    {
        font-size: 12px;
    }

    #cPP_contenedorDatosEntrega
    {
        font-size: 12px;
    }

    input[type="radio"]:checked + label
    {
        font-size: 12px;
    }

    #divOpcionPagoAlRecibir
    {
        font-size: 11px;
    }

    #txtDescripcionAclaracionesPedido
    {
        font-size: 10px;
    }

    #cPP_contenedorConfirmacionPedido
    {
        font-size: 11px;
    }

    #cPMO_contenedorDatosResumen
    {
        font-size: 11px;
    }

    .divCeldaGrillaDetallePedidos
    {
        font-size: 11px;
        width: 66px!important;
    }

    .popOverCarrito
    {
        font-size: 11px;
        left: -60px;
    }

    .contenedorNombreProducto
    {
        font-size: 12px;
        padding-left: 5px;
    }

    .contenedorDescripcionProducto
    {
        padding-left: 5px;
        padding-top: 2px;
    }

    #contenedorDetalleLineaPedido
    {
        width: 273px;
        margin-left: -137px;
    }

}

.contenedorNombreProductoAjusteMarginPrecioTachado
{
    margin-left: 8px!important;
}

.contenedorDescripcionAjusteMarginPrecioTachado
{
    margin-left: 8px!important;
}

.contenedorContenidoGuarnicion
{
    border-color: #1c7430!important;
    color: #1c7430!important;
}

.displayMinutosCierreLocal
{
    background-color: white;
    margin-top: 37px!important;
    border-radius: 10px;
    padding: 5px;
}

/************************************ NUEVO MEJORA DEL DETALLE DE PEDIDO ************************************/

.container {
    max-width: 800px;
    padding: 20px;
    margin: 0 auto;
}

h1 {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

h2 {
    margin-bottom: 20px;
    color: #33CC99;
    font-size: 24px;
}

h2 .glyphicon {
    font-size: 28px;
    margin-right: 10px;
    color: #33CC99;
}

/* Estilos para la sección de información del usuario */
.user-info {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.info-item {
    flex: 1;
    max-width: 250px;
    margin-bottom: -5px;
}

.info-label {
    font-weight: bold;
    color: #289d76;
}

.info-value {
    color: #555;
    /*margin-left: 30%!important;*/
    /*margin-right: 25%!important;*/
}

.icon {
    margin-right: 8px;
    font-size: 18px;
}

/* Ajustes para dispositivos pequeños */
@media (max-width: 790px) {
    .user-info {
        flex-direction: column;
        align-items: center;
    }

    .info-item {
        max-width: 100%;
        margin-bottom: 4px;
    }

    .info-item:last-child {
        margin-bottom: 0;
    }

    .info-value {
        color: #555;
        margin-left: 35%;
        margin-right: 25%;
    }
}

/* Estilos para la sección de los últimos pedidos */
.last-orders {
    margin-top: 50px;
}

.order-card {
    border: none;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 23px;
    transition: all 0.3s ease-in-out;
}

.order-card:hover {
    transform: translateY(-5px);
}

.order-card h3 {
    margin: 0;
    padding: 10px 20px;
    background-color: #33CC99;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.order-details {
    padding: 20px;
    border-radius: 0 0 10px 10px;
}

.order-details p {
    margin: 10px 0;
}

.order-details span.icon {
    margin-right: 10px;
    color: #33CC99;
    font-size: 16px;
}

/* Estilos para el botón "Ver Detalles" */
.btn-details {
    background-color: #33CC99;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 8px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

.btn-details:hover {
    background-color: #289d76;
}

h2.order-title {
    margin-bottom: 20px;
    color: black!important;
    font-size: 24px;
}

h2.order-title .glyphicon {
    font-size: 28px;
    margin-right: 10px;
    color: black;
}

.order-title {
    text-align: center;
    margin-bottom: 30px;
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    margin-top: -30px;
}

.order-title h2 {
    margin: 0;
    color: black;
    font-weight: 600;
}

.order-title .glyphicon {
    font-size: 28px;
    margin-right: 10px;
    color: black;
}

/* Alineación para dispositivos pequeños */
@media (max-width: 768px) {

    .info-item {
        text-align: center;
    }

    .contenedorDescripcionProducto {
        width: 80%;
        font-size: 11px;
    }

    .contenedorNombreProducto {
        width: 70%;
        font-size: 12px;
    }
}

/* Estilos para los acordeones */
.panel-heading {
    cursor: pointer;
    background-color: #289d76!important;
}

.panel-title .glyphicon {
    font-size: 14px;
}

/* Estilos personalizados para los encabezados de los pedidos */
.my-panel-title {
    background-color: #289d76;
    color: #fff;
    padding: 10px;
    margin: 0;
}

.my-panel-body {
    padding: 17px;
}

/* Ajuste de ancho para los pedidos */
.panel-default .panel-heading {
    margin-top: -12px;
    width: 100%;
}
/* Alineación para dispositivos pequeños */
@media (max-width: 768px) {
    .cantidadPedidoAjuste {
        margin-left: -14px;
    }
}

/* Estilos para dispositivos pequeños */
@media (max-width: 576px) {
    .container {
        padding: 10px;
    }

    .user-info {
        padding: 15px;
    }

    .last-orders {
        margin-top: 30px;
    }

    .order-card {
        margin-bottom: 18px;
        margin-top: -12px;
    }

    .order-card h3 {
        padding: 8px 15px;
    }

    .order-details {
        padding: 15px;
    }

    .btn-details {
        padding: 6px 12px;
    }
}



/* Estilos para el nuevo div con el mensaje */
.message-container {
    margin-top: 10px;
    text-align: center;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    color: #333;
}

.message-container p {
    margin: 10px 0;
}

.iconDetallePedido
{
    display: inline!important;
    align-items: center!important;
}

.textDetallePedido
{
    top: -2px;
    position: relative;
}

.detalleEstado
{
    /*width: 280px;*/
}

.detalle-pedido {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
}

.detalle-cantidad {
    /*width: 32px;*/
    padding-right: 8px;
    text-align: center;
    font-size: 12px;
    color: #3498db; /* Color azul */
    /*margin-right: 10px;*/
    font-weight: bold;
}

.detalle-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.detalle-nombre {
    font-weight: bold;
    font-size: 10px;
    color: #333; /* Color de texto principal */
    /*width: 335px!important;*/
    padding-right: 15px;

}

.detalle-monto {
    font-size: 11px;
    color: #27ae60; /* Color verde */
    min-width: 38px;
}

.detalle-observaciones {
    margin-top: 5px;
    font-style: italic;
    font-size: 10px;
    color: #888; /* Color de texto secundario */
    padding-bottom: 10px;
    margin-left: 5px;
    /*left: 42px;*/
    position: relative;
}

.textObservaciones {
    display: inline;
}

.botonesAccion
{
    padding: 5px;
    display: inline-block;
}

@media (max-width: 400px)
{

    h1, .h1 {
        font-size: 30px;
    }

    .botonesAccion {
        padding: 2px 2px;
    }

    .botonCancelar
    {
        padding: 4px;
    }

    .botonRepetir
    {
        padding: 4px;
    }

    .botonVer
    {
        padding: 4px;
    }


}

@media (max-width: 354px)
{

    .contenedorHorarioEntrega
    {
        margin: 0;
        padding: 0;
        top: -61px!important;
        position: relative!important;
        margin-left: 87px!important;
    }

    h1, .h1 {
        font-size: 26px;
    }

    .gifEstadoPedidoImagen
    {
        margin-top: 30px!important;
        height: 70px!important;
        width: 70px!important;

    }

    .loader
    {
        height: 4px;
        width: 71px;
    }

    .horaEstimada
    {
        font-size: 17px!important;
    }

    .textDetallePedido
    {
        font-size: 11px!important;
    }

    .textObservaciones
    {
        font-size: 11px!important;
    }

    .contenedorHorarioRechazo
    {
        margin: 0;
        padding: 0;
        top: -38px!important;
        position: relative!important;
        margin-left: 91px!important;
    }

    .razonesRechazo {
        top: 10px;
        position: relative!important;
        font-size: 10px!important;
    }

    .estadoTransaccion
    {
        font-size: 11px!important;
    }

    .iconoTituloMedioPago
    {
        width: 25px;
        height: 25px;

    }

    .detalle-nombre {
        font-weight: bold;
        font-size: 9px;
        color: #333; /* Color de texto principal */
        /*width: 335px!important;*/
        padding-right: 15px;
        max-width: 150px;
    }

    .detalle-monto {
        font-size: 9px;
        color: #27ae60;
    }
}

@media (max-width: 320px)
{


    .resumenEstadoTransaccion {
        font-size: 10px!important;
    }

    .estadoPedido
    {
        font-size: 10px!important;
    }

    .detalleEstado
    {
        font-size: 10px!important;
    }

    h1, .h1 {
        font-size: 24px;
    }

    .horaEstimada
    {
        font-size: 14px!important;
    }

    .horaConfirmacion
    {
        font-size: 11px!important;
    }

    .contenedorHoraEstimada
    {
        margin-left: 10px!important;
    }

    .textDetallePedido
    {
        font-size: 10px!important;
    }

    .textObservaciones
    {
        font-size: 10px!important;
    }

    .estadoTransaccion
    {
        font-size: 10px!important;
    }

    .iconoTituloDetalleDelEstadoRechazado {
        text-decoration: none;
        width: 30px;
        height: 30px;
    }

    .botonesAccion {
        padding: 1px 1px;
    }

    .fechaHorarioEntrega
    {
        font-size: 10px!important;
    }
}

@media (max-width: 295px)
{


    h1, .h1 {
        font-size: 22px;
    }

    h2, .h2 {
        font-size: 18px!important;
    }

    .gifEstadoPedidoImagen
    {
        margin-top: 30px!important;
        height: 60px!important;
        width: 60px!important;

    }

    .loader
    {
        height: 4px;
        width: 61px;
    }

    .fechaHorarioRechazo
    {
        font-size: 10px;
    }
}

@media (max-width: 290px)
{
    .horaEstimada
    {
        font-size: 14px!important;
    }

    .horaConfirmacion
    {
        font-size: 10px!important;
    }

    .contenedorHoraEstimada
    {
        margin-left: 9px!important;
    }

    .textDetallePedido
    {
        font-size: 9px!important;
    }

    .textObservaciones
    {
        font-size: 9px!important;
    }

    .estadoTransaccion
    {
        font-size: 10px!important;
    }
}

.nuevoTituloSeccion
{
    display: none!important;
}


@media (max-width: 320px) {

    .contenedorNombreProducto {
        width: 60%;
    }

}

@media(max-width: 450px)
{
    #txtNuBuscadorCarta
    {
        width: 164px!important;
        font-size: 14px!important;
    }

    #imgBuscarCarta
    {
        /*margin-left: -21px;*/
    }

    #imgBuscarCartaCerrar
    {

    }
}

@media(max-width: 350px)
{
    #txtNuBuscadorCarta
    {
        width: 136px!important;
        font-size: 14px!important;
    }

}

.imagenFacebookLogin
{
    height: 22px!important;
}

@media (max-width: 570px)
{
    .displayMinutosCierreLocal
    {
        background-color: white;
        margin-top: 46px !important;
        border-radius: 10px;
        padding: 4px;
        font-size: 10px;
        float: right;
        margin-right: 25%;
    }
}


/**********************  Actualizacion modal contenedor direccion **************************/


.modalContenedorAltaDireccion
{
    /*overflow-y: hidden;*/
}


.btnOcultable {
    display: inline-block;
}

.modalDialogContenedorAltaDireccion
{
    width: 400px;
    margin: 30px auto;
}

.modalContentContenedorAltaDireccion
{
    padding: 4px;
}

.modalHeaderContenedorAltaDireccion{}

.modalBodyContenedorAltaDireccion
{
    text-align: center;
    padding: 20px;
}

.modalFooterContenedorAltaDireccion
{
    text-align: center;
}

#txtNroPuertaAltaDireccion
{
    width: 102px!important;
}

#txtAptoAltaDireccion
{
    width: 43px!important;
}

.contenedorMapaUbicacion
{
    width: 310px;
    border-radius: 10px;
    margin-top: 10px;
}

#volverDireccion
{
    border-color: black;
    border-radius: 5px;
    padding: 4px;
    border-width: 0.5px;
    border-style: solid;
}

#ubicacionUsuarioDireccion
{
    border-color: black;
    border-radius: 5px;
    padding: 4px;
    border-width: 0.5px;
    border-style: solid;
}

.boton_Ubicacion
{
    background-color: transparent;
    border-color: transparent;
    border-width: 0px;
}

#botoneraMapa
{
    padding: 4px;
    border-color: black;
    border-style: solid;
    border-width: 0.5px;
    border-radius: 5px;
    display: inline-block;
}

/* BOTON MI UBICACION GPS */
.botonMiUbicacionGPS
{
   background-color: transparent;
   border-style: none;
}

#ubicacionUsuarioPosicion
{
    border-color: black;
    border-radius: 5px;
    padding: 4px;
    border-width: 0.5px;
    border-style: solid;
}

@media (max-width: 460px)
{

    .modalDialogContenedorAltaDireccion
    {
        width: 90%;
        margin: 30px auto;
    }

    #cPP_cAMDF_txtCiudad_direccion
    {
        width: 95%;
    }

    #cPP_cAMDF_txtLocalidad_direccion
    {
        width: 95%;
    }

    #txtCalleAltaDireccion
    {
        width: 95%;
    }

    #txtNroPuertaAltaDireccion
    {
        width: 95%;
    }

    #txtAptoAltaDireccion{}

    #txtEsquina1AltaDireccion
    {
        width: 95%;
    }

    #txtEsquina2AltaDireccion
    {
        width: 95%;
    }

    #txtNotasDireccion
    {
        width: 95%;
    }

    .boton_Entrar
    {
        width: 80%;
    }

    .botonLogin_registro
    {
        width: 80%;
    }

    .contenedorMapaUbicacion {
        width: 90%;
        border-radius: 10px;
        margin-top: 10px;
    }


    .btnAceptarAltaDireccion
    {
        font-size: 11px!important;
    }

    .btnAjustarAltaDireccion
    {
        font-size: 11px!important;
    }

    .btnCancelarAltaDireccion
    {
        font-size: 11px!important;
    }


    .botonesAccionesAltaDireccion
    {
        font-size: 11px!important;
    }

    #contenidoContenedorModalConfirm
    {
        font-size: 10px!important;
    }


}

@media (max-width: 360px)
{
    .botonesAccionesAltaDireccion
    {
        font-size: 10px!important;
        margin-left: -2px;
    }

    .btnAceptarAltaDireccion
    {
        margin-left: -2px;
        margin-bottom: 2px!important;
    }

    .btnAjustarAltaDireccion
    {
        margin-left: -2px;
        margin-bottom: 2px!important;
    }

    .btnCancelarAltaDireccion
    {
        margin-left: -2px;
        margin-bottom: 2px!important;
    }



}

.etiquetaDescuentoCategoria
{
    color: white;
    position: relative;
    align-items: center;
    justify-content: center;
    background-color: crimson;
    border-radius: 5px;
    padding: 2px;
    /*font-weight: bold;*/
}

.contenedorEtiquetaDescuentoProducto
{
    display: flex;
    /*background-color: white;*/
    background-color: crimson;
    border-color: crimson;
    border-width: thin;
    padding: 4px;
    border-radius: 15px;
    /*font-size: 10px;*/
    /* margin: 2px; */
    position: relative;
    text-align: center!important;
    justify-content: center;
    /* width: 140px; */
    /*color: crimson;*/
    color: white;
    border-style: solid;
    top: -2px;
    font-size: 9px;
}