*{margin:0;}

body {
 bottom: 0; 
 background: #f0f3f5;
}

.hoverArticulo:hover {
    background-color: #e2e6ea !important; /* celeste claro */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
}

.hoverArticuloProduct:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
}

.modalThree {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(40%, -50%) !important;
    height: auto !important;
    width: auto !important;
    outline: 0 !important;
    margin: 0 !important;
}

@media (max-width: 1450px) {
  .modalThree {
    transform: translate(10%, -50%) !important;
  }
}


@media (max-width: 1350px) {
  .modalThree {
    transform: translate(10%, -50%) !important;
  }
}

/* Para pantallas entre 1200px y 992px */
@media (max-width: 1200px) {
  .modalThree {
    transform: translate(5%, -50%) !important;
  }
}

/* Para pantallas entre 992px y 768px (como 1051px) */
@media (max-width: 1051px) {
  .modalThree {
    transform: translate(0%, -50%) !important;
  }
}

/* Ajustar en pantallas medianas */
@media (max-width: 992px) {
  .modalThree {
    transform: translate(0%, -50%) !important;
  }
}

/* Ajustar en pantallas pequeñas */
@media (max-width: 768px) {
  .modalThree {
    transform: translate(0%, -50%) !important;
  }
}

header{        
    display:inline-block;
}

#contenedor{
    margin:0 auto;    
}

root { 
    display: block;
}

bgvid {
    display: none \9;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
    background: url(../../video/intro.jpg) no-repeat;
    background-size: cover;
    border: 1px solid #eee;
}

/*ESTILOS GENERALES*/

.div_pasos{
    border-radius:15px; 
    -moz-border-radius:15px; /* Firefox */ 
    -webkit-border-radius:15px; /* Safari y Chrome */ 
}

.scrollbar
{
    overflow-y: scroll;
}

/*TAMAÑOS DE LETRA*/
p{color: rgba(0, 0, 0, 0.9);font-family: 'Droid Serif',sans-serif;font-size: 14px;font-weight: normal;}
A:link {text-decoration: none;font-weight:bold;font-size:24;font: Arial, Helvetica, sans-serif; }
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {font-weight:bold; color:#666;}

#divERROR{  
  width: 90%;  
  text-align:center;
  padding:20px; 
  color:red;  
}

.tamanoImagenCheck{width:20px;height:20px;}

/*FIN ESTILOS GENERALES*/

/* MENU AYUDA */
#menuAyuda {   
    list-style-type:none;  
    margin:0;  
    padding:0;      
}  
#menuAyuda li {  
    float:left;     
}  

#menuAyuda {   
    list-style-type:none;  
    margin:0;  
    padding:0;  
    height:15px;  
    
}  
#menuAyuda li {  
    float:left;  
    width:100%; 
    height:15px;  
    /*line-height:15px;*/
    text-align:center; 
}  
#menuAyuda li a {  
    display:block;    
    color:#FF4900;  
    text-decoration:none;  
}  
#menuAyuda li a:hover {  
    background-color:#eee;  
    text-decoration:none; 
    text-align:center;      
} 


/* FIN MENU AYUDA */


/* PROGRESS BAR */
.container {margin: 0 auto; overflow: hidden;position:static;}
ul#loadbar {
	list-style:none;	
	margin:0 auto;	
        margin-right:3%; 
        float:right;     
        background-color:#f75c7a;        
        border-color:#EEEEEE;border-width:1px;border-style:groove;
}

ul#loadbar li {
	float:left;
	position:relative;
	width:11px;
	height:26px;
	margin-left:1px;
	border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333; 
	background:#90a2cd;
}

ul#loadbar li:first-child { margin-left:0; }

.ins .bar {
	background-color:#f75c7a;  
	background-image: -moz-linear-gradient(45deg, #f75c7a 25%, #f75c7a); 
	background-image: -webkit-linear-gradient(45deg, #f75c7a 25%, #f75c7a);
	width:11px;
	height:26px;
	opacity:0;
	-webkit-animation:fill .5s linear forwards;
	-moz-animation:fill .5s linear forwards;
}

#layerFill1 { -moz-animation-delay:1s; -webkit-animation-delay:1s; }
#layerFill2 { -moz-animation-delay:2s; -webkit-animation-delay:2s; }
#layerFill3 { -moz-animation-delay:3s; -webkit-animation-delay:3s; }
#layerFill4 { -moz-animation-delay:4s; -webkit-animation-delay:4s; }
#layerFill5 { -moz-animation-delay:5s; -webkit-animation-delay:5s; }
#layerFill6 { -moz-animation-delay:6s; -webkit-animation-delay:6s; }
#layerFill7 { -moz-animation-delay:7s; -webkit-animation-delay:7s; }
#layerFill8 { -moz-animation-delay:8s; -webkit-animation-delay:8s; }
#layerFill9 { -moz-animation-delay:14.5s; -webkit-animation-delay:14.5s; }
#layerFill10 { -moz-animation-delay:25s; -webkit-animation-delay:25s; }

@-moz-keyframes fill {
	0%{ opacity:0; }
	100%{ opacity:1; }	
}

@-webkit-keyframes fill {
	0%{ opacity:0; }
	100%{ opacity:1; }	
}



#divHR{
  border: 0;
  width: 90%;
  border-width:1px;    
  border-style:solid;
  text-align:right;  
}

#tituloPagina{
   font:bold 28px/43px Arial, Helvetica, sans-serif;color:black;padding-left:15px;
}

#subTituloPagina{
   font:bold 20px/43px Arial, Helvetica, sans-serif;color:black;padding-left:15px;
}

#div_contenedorPrincipal{width:100%;}

#franjaSuperior{  
    background:url("../../systemImages/linea1.png");background-repeat:repeat;   
    width:100%;
    height:4px; 
    float:left;     
}


#div_pie_Home{     
    
}


#div_centroGeneral{
    width: 100%;        
}

/*PANELES ESTABLECIMIENTOS*/

#PanelIzquierdo
{    
 
}

#PanelCentro
{    
 
}

#PanelDerecho
{    
 
}


/*FIN PANELES ESTABLECIMIENTOS*/


/*paso1*/




/*fin paso1*/



/*paso2*/



#div_BubblePopup{
width:250px;background-color:#FFFFFF;
}

#tipoComidaBubblePopup{
width:97%;float:left;text-align:left;padding:3px;border-color:#EEEEEE;border-width:1px;border-style:groove;
}

#direccionBubblePopup{
width:97%;float:left;text-align:left;padding:3px;border-color:#EEEEEE;border-width:1px;border-style:groove;
}

#nombreSedeBubblePopup{
width:97%;float:left;text-align:left;padding:3px;border-color:#EEEEEE;border-width:1px;border-style:groove;
}

#HorarioBubblePopup{
width:97%;float:left;text-align:left;padding:3px;border-color:#EEEEEE;border-width:1px;border-style:groove;
}

#pedidominBubblePopup{
width:97%;float:left;text-align:left;padding:3px;border-color:#EEEEEE;border-width:1px;border-style:groove;
}

#metodosdepagoBubblePopup{
width:97%;float:left;text-align:left;padding:3px;border-color:#EEEEEE;border-width:1px;border-style:groove;
}



#cabeceraListadoEstablecimientos{    
    background: #FFFFFF;
    padding: 5px;
    margin: 5px;
    border-color: #eee;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
    width: 22%;
    background-color: #eee;
    float: left;
    padding: 1em;
    border-radius: 5px;
}

#cabeceraListadoEstablecimientos:hover{    
   transition: all .3s ease;
   box-shadow: 0 16px 16px -10px rgba(135,152,164,.09), 0 8px 88px -10px rgba(135,152,164,.07), 0 4px 4px -10px rgba(135,152,164,.04), 0 2px 2px -10px rgba(135,152,164,.02), 0 1px 2px -10px rgba(135,152,164,.01);
}

#lineaPag{
    width:100%;    
    height:1px;
    float:left;
    background-color:#FD6005;     
}



.logoEstablecimientoPag2{
    width:94%;float:left;text-align:left;padding:5px;border-width:1px;border-style:solid;border-color:#EEEEEE;background-color:#EEEEEE;
}

#divbotonEstablecimientoPag2{
    width:100%;
    float:left;
    text-align:right;    
    /*background-color:#009600;*/
}


/* fin paso2*/

/*paso3*/


#detallePedidoFranjaSeparaArticulo{
    width:100%;    
    height:1px;
    float:left;
    background-color:#FD6005;     
}



#contenedorPpalListadoArticulos{
width:100%;
}

#tituloListadoArticulos{
width:100%;float:next;height:40px;vertical-align:middle;padding:5px; 
}

#div_botonAddPedidoListaArticulos{
    float:right;width:10%;
}


#dialog-modal{
 
}

#dialog-direccion{
 
}

.dialog-modal .ui-dialog-titlebar { 
/*display:none; */
font-size:small;
text-align:left; 
height:40px; 
}

#popud_infoListaArticulos{width:300px;}
#imagenPopudListaArticulos{width:96%;margin-left:2%;margin-top:10px;margin-bottom:10px;}
#descripcionPopudListaArticulos{width:96%;margin-left:2%;margin-top:10px;margin-bottom:10px;}

.photoImage{width:80%;height:80%;}
.photoImagePopudArticulos{width:80%;height:25%;margin-top:2px;}
.photoImagePopudPromoArticulos{width:100%;text-align:center;}


/*fin paso3*/

/*paso4*/



/*fin paso4*/



.div_DetalleArticulo{
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    background:#eee;
    width:100%;
    height:150px; 
}

.div_DatosUsuario{
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    background:#eee;
    width:100%;
    font-family:Tahoma,Verdana,sans-serif;
    font-size:14px;
}

.div_DatosProceso{
    text-align:center;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:14px;
    width:80%;
    height:50px; 
}



.div_ConfirmacionPIN{
    text-align:center;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    background:#eee;
    font-family:Tahoma,Verdana,sans-serif;
    font-size:14px;
}

.td_Objetivo{
    text-align:left;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:16px;
}
.td_Slogan{
    text-align:left;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:14px;
}

.td_Lugar{
    text-align:left;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:14px;
}

.td_EjemploLugar{
    text-align:left;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:10px;
}

.td_Titulos{
    background: #eeeeee;
    text-align:center;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:14px;
    width: 100%;
}

.td_TituloRestaurante{
    background: #FD6005;
    text-align:center;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:14px;
    width: 92%;
    height: 30%;
    alignment-adjust: central;
}

.td_Suscripcion{
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:12px;
}

.td_SubTitulos{
    text-align:left;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:14px;
}

.td_Valores{
    text-align:right;
    alignment-adjust: middle;
    font-family:Tahoma,Verdana,sans-serif;
    font-size:12px;
}

.td_Articulos{
    text-align:left;
    alignment-adjust: middle;
    font-family:Tahoma,Verdana,sans-serif;
    font-size:12px;
}
.inputTextReadOnly{
    text-align:right;
    alignment-adjust: middle;
    font-family:Tahoma,Verdana,sans-serif;
    font-size:12px; 
    font-weight: bold;
    background-color:#eee;
}

#contenido{
    text-align:center;
    background-color:#0066CC; 
}

.tituloContenido{
    background: limegreen;
    text-align:left;
    font-family:Tahoma,Verdana,sans-serif;
    font-size:12px;
}

.td_TitulosBlog{
    text-align:left;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:18px;
}

.td_FechaArticuloBlog{
    text-align:left;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:12px;
    font-weight: bold;
}

.td_SubTitulosBlog{
    text-align:left;
    alignment-adjust: middle;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */ 
    font-family:Tahoma,Verdana,sans-serif;
    font-size:12px;
}

/* --------------- BOTONES --------------- */

.botonLink{    
    border: none; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0),
            0 0 16px rgba(0,0,0,0); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0),
            0 0 16px rgba(0,0,0,0); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0),
            0 0 16px rgba(0,0,0,0); 
    padding: 2px;
    background-color:rgba(0,0,0,0);    
    margin: 0 0 1px 0;
}

.botonLink:hover { /* el efecto hover */
    opacity: 0.8;
    text-decoration: underline;
}

.botonLinkGeneral{    
    border: none; 
    -webkit-box-shadow: 
      inset 0 0 rgba(0,0,0,0),
            0 0 rgba(0,0,0,0); 
    -moz-box-shadow: 
      inset 0 0 rgba(0,0,0,0),
            0 0 rgba(0,0,0,0); 
    box-shadow: 
      inset 0 0 rgba(0,0,0,0),
            0 0 rgba(0,0,0,0);     
    background-color:rgba(0,0,0,0);    
    font:bold 2px Arial, Helvetica, sans-serif;    
    text-decoration: underline;
}

.botonLinkGeneral:hover {
    opacity: 0.8;    
}

.button, .button:visited { /* botones genéricos */
    background: #222 repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #FFFFFF;
    text-decoration: none;

    border-radius:2px; 
    -moz-border-radius:6px; /* Firefox */ 
    -webkit-border-radius:6px; /* Safari y Chrome */ 

    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor:pointer;
    -webkit-appearance: none;/*stylo iphone mac*/
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

.button:hover { /* el efecto hover */
    background-color: #111;
    color: #FFF;
}

.button:active{ /* el efecto click */
    top: 1px;
}

/* botones pequeños */
.small.button, .small.button:visited {
    font-size: 8px ;
    font-family: 'gotham_bookregular',sans-serif;
}

/* botones medianos */
.button, .button:visited,.medium.button, .medium.button:visited {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    font-family: 'gotham_bookregular',sans-serif;
    color: #FFFFFF;    
}

/* botones grandes */
.large.button, .large.button:visited {
    font-size:14px;
    padding: 8px 14px 9px;
    font-family: 'gotham_bookregular',sans-serif;
}

/* botones extra grandes */
.super.button, .super.button:visited {
    font-size: 34px;
    padding: 8px 14px 9px;
}

.add.button, .add.button:visited {
    display: block;
    float: right;
    background: #2185F4;
    width: 30px;
    height: 30px;    
    text-align: center;
    color:#FFFFFF;
    font-size:30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: 'gotham_bookregular',sans-serif;
    padding:2px; 
}



.green.button, .green.button:visited { background-color: #669933;}
.green.button:hover{ background-color: #000000; }

.orange.button, .orange.button:visited { background-color: #FF4900; }
.orange.button:hover{ background-color: #000000; }

.red.button, .red.button:visited { background-color:red;}
.red.button:hover{ background-color: #000000; }

.restaurante .logo-establecimiento { float: left; margin-right: 10px; height: 80px; }
.restaurante .info-establecimiento { float: left; margin-right: 10px; width:250px; height: 80px; }
.restaurante .info-establecimiento h3{ margin: 0 0 5px; text-align: left; }
.restaurante .info-establecimiento p{ margin: 0; text-align: left;}
.restaurante .btn-establecimiento { float: right; margin-right: 5px; width: 200px; height: 80px;}
.restaurante ul { margin: 0; padding: 0; list-style: none }



.fb_register right fb{
    background-color:#0066CC; 
}




.textoSpamGeneral{color: rgba(0, 0, 0, 0.9);font-family: 'Droid Serif',sans-serif;font-size: 14px;font-weight: normal;}
.spanGeneral{font:14px Arial, Helvetica, sans-serif;}
.valoresSpan{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
/*
.textoMini{font:8px Arial, Helvetica, sans-serif;}
.textoSmalMini{font:11px Arial, Helvetica, sans-serif;}
.textoSmall{font:13px Arial, Helvetica, sans-serif;}
.textoMedium{font:15px Arial, Helvetica, sans-serif;}
.textoMediumPlus{font:18px Arial, Helvetica, sans-serif;}
.textoLarge{font:20px Arial, Helvetica, sans-serif;}
.textoExtraLarge{font:24px Arial, Helvetica, sans-serif;}
.textoExtraLargeBig{font:28px, Helvetica, sans-serif;}
*/
.textoChiqui{font-size:7px;}
.textoMini{font-size:8px;}
.textoMiniBig{font-size:9px;}
.textoSmalMini{font-size:11px;}
.textoSmall{font-size:13px;}
.textoMedium{font-size:15px;}
.textoMediumPlus{font-size:18px;}
.textoLarge{font-size:20px;}
.textoExtraLarge{font-size:24px;}
.textoExtraLargeBig{font-size:28px;}
.textoGrandeEspecial{font-size:34px;}

.textoTipoLetra1{font-family: "Regular", "Corpid", "Verdana", sans-serif;}
.textoTipoLetra2{font-family: "Regular", "Corpid", "Verdana", sans-serif;}
.textoTipoLetra3{font-family: "Regular", "Corpid", "Verdana", sans-serif;}
.textoTipoLetra4{font-family: "Regular", "Corpid", "Verdana", sans-serif;}

.displayNone{display:none;}
.grillaStandard{width:100%;}
.grillaEditDatos{width:100%;float:left;}
.metodosdepagoBP{width:99%;}
.grillaPedido{width:85%;}
.filaged{width:100%;float:left;padding:0px;}
.col1ged{width:35%;float:left;padding:1px;}
.col2ged{width:25%;float:left;padding:1px;}
.col3ged{width:20%;float:left;padding:1px;}
.col4ged{width:13%;float:right;padding:1px;}
.col5ged{width:1%;float:left;}
.col6ged{width:60%;float:left;}
.colArtLis1{width:58%;float:left;}
.colArtLis2{width:12%;float:left;}
.colArtLis3{width:80%;float:left;}
.colArtLis4{width:42%;float:left;}
.colArtLis5{width:5%;float:left;}
.colArtLis6{width:5%;}
.colArtLis7{width:45%;float:left;}
.colArtLis8{width:30%;float:left;}
.colArtLis9{width:20%;}
.colArtLis10{width:60%;}
.colArtLis11{width:80%;}
.colArtLis12{width:10%;}
.colArtLis13{width:30%;}
.colArtLis14{width:15%;}
.colArtLis15{width:45%;}
.colArtLis16{width:55%;}
.colArtLis17{width:70%;}
.colArtLis18{width:10%;}
.colArtLis19{width:38%;}
.colArtLis20{width:85%;}
.colArtLis21{width:40%;}
.colArtLis22{width:2%;}
.colArtLis23{width:65%;}
.colArtLis24{width:49%;}
.colArtLis25{width:25%;}
.colArtLis26{width:7%;}
.colArtLis27{width:100%;}
.colArtLis28{width:95%;}
.colArtLis29{width:50%;}
.colArtLis30{width:75%;}
.colArtLis31{width:96%;}
.colArtLis32{width:73%;}
.colArtLis33{width:71%;}
.colArtLis34{width:22%;}
.colArtLis35{width:89%;}
.colArtLis36{width:94%;}
.colArtLis37{width:25%;}
.colArtLis38{width:33%;}

.colInfoPupud{width:150px;}
.filaged2{width:100%;}
.filaged3{width:100%;float:left;}
.filaged4{width:100%;float:left;}
.filagedauto{width:auto;}
.filavacia{width:100%;float:left;height:10px;}
.alto0{height:15px;}
.alto1{height:30px;}
.alto2{height:20px;}
.alto3{height:5px;}
.alto4{height:10px;}
.alto5{height:50px;}
.alto6{height:100px;}
.alto7{height:1px;}
.required{color:#C11818;font-size: 13px;font-weight: 400;}
.izquierda{float:left;}
.derecha{float:right;}
.relativo{position:relative;}
.absoluta{position:absolute;}
.next{float:next;}
.padding_1{padding:1px;}
.padding_2{padding:2px;}
.padding_3{padding:3px;}
.padding_4{padding:4px;}
.padding_5{padding:5px;}
.padding_10{padding:10px;}
.padding_15{padding:15px;}
.alinea_izquierda{text-align:left;}
.alinea_centro{text-align:center;}
.alinea_derecha{text-align:right;}
.separator-dash{border-bottom:1px dashed #666;margin-bottom:10px;padding-bottom:10px;}
.separator-dash.pbn{margin-bottom:0px;}
.separator-dash.noneline{border-style:none;}
.separator-dash-continueline{border-bottom:1px dotted #666;margin-bottom:10px;padding-bottom:10px;}
.textoAlineaIzq{text-align:left;}
.textoAlineaDer{text-align:right;}
.textoAlineaCentro{text-align:center;}
.textoJustificado{text-align:justify;text-justify:inter-word;}
.alin_vertical_arriba{vertical-align:top;}
.alin_vertical_centro{vertical-align:central ;}
.textovertical{white-space:pre;}
.fondoTextoNormal{font-weight:normal;}
.fondoTextoResaltado{font-weight:bold;}
.txtUpperCase{text-transform:uppercase;}
.interlineado0{line-height: 1.5;}
.interlineado1{line-height: 2.0;}
.magenIzquierda1{margin-right:100px;}
.magenIzquierda2{margin-right:50px;}
.magenIzquierda3{margin-right:15px;}
.magenIzquierda4{margin-right:20px;}
.magenIzquierda5{margin-right:5px;}
.magenDerecha1{margin-left:100px;}
.magenDerecha2{margin-left:10px;}
.magenDerecha3{margin-left:15px;}
.magenDerecha4{margin-left:5px;}
.magenDerecha5{margin-left:20px;}
.margenAlto0{margin-top:10px;}
.magenAlto1{margin-top:20px;}
.margenAlto2{margin-top:5px;}
.margenAlto3{margin-top:40px;}
.margenAlto4{margin-bottom:1px;}
.margenInferior0{margin-bottom:1px;}
.margenInferior1{margin-bottom:5px;}
.margenInferior2{margin-bottom:10px;}
.bordecompletonulo{border-style:dotted;border-color:#666;margin-bottom:1px;padding-bottom:1px;border-width:1px;}
.borderedondo{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.borderedondo2{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.borderedondoSuperior{border-radius: 10px 10px 0 0;}
.borderedondoInferior{border-radius: 0 0 10px 10px;}
.borderedondoInferior2{border-radius: 0 0 5px 5px;}
.bordeGrosor1{border-style:groove;border-color:#666;margin-bottom:1px;padding-bottom:1px;border-width:1px;}
.bordeStylo1{border-style:groove;border-color:#666;border-width:1px;padding:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.bordeDerecho1{border-color:#666;border-width:1px;border-right-style:groove;}
.bordeInferior1{border-color:#666;border-width:1px;border-bottom-style:groove;}
.circulo1{border-radius: 100%;width:5px;height:5px;}
.tamanoComponente1{width:100%;}
.tamanoComponente2{width:70%;}
.tamanoComponente3{width:50%;}
.infoImage{width:70%;height:70%;padding:2px;}
.bordeColor1{}
.bordeColor2{border-color:black;border-style:solid;}

.bordeChefmenu{border-color:#f75c7a;border-style:dashed;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-width:thin;}

.opacidad_0{opacity:0.9;filter:alpha(opacity=90); /* For IE8 and earlier */}
.opacidad_1{opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.opacidad_2{opacity:0.4;filter:alpha(opacity=40);-moz-opacity: 0.4;background-color:#FFF;   /* For IE8 and earlier */}
.contenidoSinOpacidad{width:100%;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.colorFondo_0{background-color:#FFFFFF;}
.colorFondo_1{background-color:#F5F5F5;}
.colorFondo_2{background-color:#ccc;}
.colorFondo_3{background-color:#fff7f2;}
.colorFondo_4{background-color:#000000;}
.colorFondo_5{background-color:#f75c7a;background-repeat:repeat;}
/*.colorFondo_6{background:url("../../systemImages/background_4.png");background-repeat:repeat;}*/
.colorFondo_7{background:url("../../systemImages/background_4.png");background-repeat:repeat;}
.colorFondo_8{background:url("../../systemImages/background_5.png");background-repeat:repeat;}
.colorFondo_9{background:url("../../systemImages/fondo1.png");background-repeat:repeat;}
.colorFondo_10{background-color:#669933;background-repeat:no-repeat;}
.colorFondo_11{background-color:#C11818;background-repeat:no-repeat;}/*rojo*/
.colorFondo_12{background-color:#695952;background-repeat:no-repeat;}/*cafe*/
.colorFondo_13{background-color:#F75C7A;background-repeat:no-repeat;}/*azul irys*/
.colorFondo_14{background-color:#f6a800;background-repeat:no-repeat;}/*amarillo pasos*/g
.colorFondo_15{background:url("../../systemImages/imgFondoCompleto1.jpg");background-repeat:repeat;}
.colorFondo_16{background:url("../../systemImages/imgFondoCompleto2.jpg");background-repeat:repeat;}
.colorFondo_17{background:url("../../systemImages/imgFondoCompleto3.jpg");background-repeat:repeat;}
.colorFondo_18{background-color:#8a88ff;}/*Azul irys*/
.colorFondo_Transparente{background: #000000ad;}

.textura_1{background:url("../../systemImages/imgHome1.jpg");background-repeat:no-repeat;background-size:100% 100%;}
.textura_2{background:url("../../systemImages/imgHome2.jpg");background-repeat:no-repeat;background-size:100% 100%;}
.textura_3{background:url("../../systemImages/imgHome3.jpg");background-repeat:no-repeat;background-size:100% 100%;}
.textura_4{background:url("../../systemImages/bannerP1.jpg");background-repeat:no-repeat;background-size:100% 100%;}

.imagenFondo_1{background:url("../../systemImages/fondo_form.png");background-repeat:no-repeat;background-size:100% 95%;}/*Fondo Formulario Gris chef*/
.imagenFondo_2{background:url("../../systemImages/fondo_agua.png");background-repeat:no-repeat;background-size:100% 100%;}/*Fondo Popuds Chef gris claro*/
.imagenFondo_3{background:url("../../systemImages/fondoPedido.png");background-repeat:no-repeat;background-size:100% 100%;}/*Fondo Pedido*/
.imagenFondo_4{background:url("../../systemImages/background_6.png");background-repeat:no-repeat;background-size:100% 100%;}/*Fondo contenedor naranja*/



.colorTexto1{color:#000000;}/*negro*/
.colorTexto2{color:red;}/*rojo*/
.colorTexto3{color:#444444;}/*blanco*/
.colorTexto4{color:#eee;}/*gris claro*/
.colorTexto5{color:#585858;}/*gris oscuro*/
.colorTexto6{color:#f75c7a;}/*Chefmenu principal*/
.colorTexto7{color:#8a88ff;}/*naranja vivo*/
.colorTexto8{color:#f26522;}/*naranja sobrio*/

.paperBackground,.paperBagTexture{background-color:#FFFFFF;}
.decoracionHome1{background:url("../../systemImages/decohome1.png") no-repeat center top;width:100%;height:130px;}
.noRepetirFondo{background-repeat:no-repeat;}
.repetirFondo{background-repeat:repeat;}
.inblock{display:inline-block;}
.verticalLine1{width:0.1px;border-left:thin solid #cccccc;}
.verticalLine2{width:0.1px;background:url("../../systemImages/verticalLine1.png") no-repeat center top;}

#dinamicPedidoContainer{
    position: fixed;    
    border-radius: 50%;
}

.welcome {
    background-position: center center;
    background-size: cover;
    height: auto;
    left: 0px;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0px;
    width: auto;
}


/*SPRITE*/
.sprite-logo{background-image:url(sprite/chefmenu-sprite.png);background-position: 0 -276px; width: 263px; height: 112px;} 
.sprite-logo-sombra-mini{background-image:url(sprite/chefmenu-sprite.png);background-position: 0 0; width: 150px; height: 64px;} 
.sprite-logo-sombra{background-image:url(sprite/chefmenu-sprite.png);background-position: 0 -114px; width: 263px; height: 112px;}
.sprite-logobn-mini{background-image:url(sprite/chefmenu-sprite.png);background-position: 0 -438px; width: 150px; height: 64px; } 
.sprite-logobn{background-image:url(sprite/chefmenu-sprite.png);background-position: 0 -552px; width: 263px; height: 112px;} 
.sprite-social-fb{background-image:url(sprite/redsocial-sprite.png);background-position: 0 0; width: 30px; height: 32px; } 
.sprite-social-gp{background-image:url(sprite/redsocial-sprite.png);background-position: 0 -82px; width: 30px; height: 32px; } 
.sprite-social-tw{background-image:url(sprite/redsocial-sprite.png);background-position: 0 -164px; width: 30px; height: 32px; } 
.sprite-social-yt{background-image:url(sprite/redsocial-sprite.png);background-position: 0 -246px; width: 30px; height: 32px; } 
.sprite-bancolombia{background-image:url(sprite/metodopago-sprite.png);background-position: 0 0; width: 50px; height: 17px; } 
.sprite-bitcoin{background-image:url(sprite/metodopago-sprite.png);background-position: 0 -67px; width: 50px; height: 17px; } 
.sprite-efectivo{background-image:url(sprite/metodopago-sprite.png);background-position: 0 -134px; width: 50px; height: 17px; } 
.sprite-efecty{background-image:url(sprite/metodopago-sprite.png);background-position: 0 -201px; width: 50px; height: 17px; } 
.sprite-falabella{background-image:url(sprite/metodopago-sprite.png);background-position: 0 -268px; width: 50px; height: 17px; } 
.sprite-mastercard{background-image:url(sprite/metodopago-sprite.png);background-position: 0 -335px; width: 50px; height: 17px; } 
.sprite-payPal{background-image:url(sprite/metodopago-sprite.png);background-position: 0 -402px; width: 50px; height: 17px; } 
.sprite-sodexo{background-image:url(sprite/metodopago-sprite.png);background-position: 0 -469px; width: 50px; height: 17px; } 
.sprite-visa{background-image:url(sprite/metodopago-sprite.png);background-position: 0 -536px; width: 50px; height: 17px;} 
.social-share .youtube {background-position: 4px -60px;}
.social-share .twitter {background-position: 6px -32px;}
.social-share .facebook {margin-top: 8px;background-position: 6px 0px;}

/*LOGO BLANCO ALL RESOLUTIONS T1 mayor tamano T6 menor tamano*/
.sprite-logo-chefmenu-blancoT1{background-image:url(sprite/logoBlanco.png); background-position: 0 0; width: 320px; height: 148px; } 
.sprite-logo-chefmenu-blancoT2{background-image:url(sprite/logoBlanco.png); background-position: 0 -198px; width: 250px; height: 116px; } 
.sprite-logo-chefmenu-blancoT3{background-image:url(sprite/logoBlanco.png); background-position: 0 -364px; width: 220px; height: 102px; } 
.sprite-logo-chefmenu-blancoT4{background-image:url(sprite/logoBlanco.png); background-position: 0 -516px; width: 180px; height: 83px; } 
.sprite-logo-chefmenu-blancoT5{background-image:url(sprite/logoBlanco.png); background-position: 0 -649px; width: 150px; height: 69px; } 
.sprite-logo-chefmenu-blancoT6{background-image:url(sprite/logoBlanco.png); background-position: 0 -768px; width: 120px; height: 55px; } 




/*RESOLUCION > 1200px*/
.sprite-1200px-avatar{ background-position: 0 0; width: 60px; height: 60px; } 
.sprite-1200px-banner1{background-image:url(sprite/1200px.png);background-position: 0 -110px; width: 549px; height: 163px; } 
.sprite-1200px-btn_agregar_pedido{ background-position: 0 -323px; width: 13px; height: 12px; } 
.sprite-1200px-btn_quitar_pedido{ background-position: 0 -385px; width: 12px; height: 12px; } 
.sprite-1200px-callPhone{background-image:url(sprite/1200px.png); background-position: 0 -447px; width: 33px; height: 33px; } 
.sprite-1200px-cerrar_popup{ background-position: 0 -530px; width: 18px; height: 17px; } 
.sprite-1200px-chat{ background-position: 0 -597px; width: 36px; height: 29px; } 
.sprite-1200px-contactanos{ background-position: 0 -676px; width: 36px; height: 29px; } 
.sprite-1200px-fondo_agua{ background-position: 0 -755px; width: 747px; height: 215px; } 
.sprite-1200px-fondo_form{ background-position: 0 -1020px; width: 724px; height: 184px; } 
.sprite-1200px-infoBlanco{ background-position: 0 -1254px; width: 33px; height: 33px; } 
.sprite-1200px-infoNegro{ background-position: 0 -1337px; width: 33px; height: 33px; } 
.sprite-1200px-licoreriaBlanco{ background-position: 0 -1420px; width: 33px; height: 33px; } 
.sprite-1200px-licoreriaNegro{ background-position: 0 -1503px; width: 33px; height: 33px; } 
.sprite-1200px-login_face{ background-position: 0 -1586px; width: 228px; height: 20px; } 
.sprite-1200px-logo{background-image:url(sprite/1200px.png);background-position: 0 -1656px; width: 230px; height: 108px; } 
.sprite-1200px-logoGNB{background-image:url(sprite/1200px.png);background-position: 0 -1814px; width: 180px; height: 85px; } 
.sprite-1200px-menuBlanco{ background-position: 0 -1949px; width: 33px; height: 33px; } 
.sprite-1200px-menuNegro{ background-position: -797px 0; width: 33px; height: 33px; } 
.sprite-1200px-opinionBlanco{ background-position: -797px -83px; width: 33px; height: 33px; } 
.sprite-1200px-opinionNegro{ background-position: -797px -166px; width: 33px; height: 33px; } 
.sprite-1200px-pasos{background-image:url(sprite/1200px.png);background-position: -797px -249px; width: 1015px; height: 97px; } 
.sprite-1200px-pasteleriaBlanco{ background-position: -797px -396px; width: 33px; height: 33px; } 
.sprite-1200px-pasteleriaNegro{ background-position: -797px -479px; width: 33px; height: 33px; } 
.sprite-1200px-preview{ background-position: -797px -562px; width: 50px; height: 46px; } 
.sprite-1200px-restaurantBlanco{ background-position: -797px -658px; width: 33px; height: 33px; } 
.sprite-1200px-restaurantNegro{ background-position: -797px -741px; width: 33px; height: 33px; } 
.sprite-1200px-step1BN{background-image:url(sprite/1200px.png);background-position: -797px -824px; width: 158px; height: 61px; } 
.sprite-1200px-step1Color{background-image:url(sprite/1200px.png); background-position: -797px -935px; width: 158px; height: 61px; } 
.sprite-1200px-step2BN{background-image:url(sprite/1200px.png);background-position: -797px -1046px; width: 158px; height: 61px; } 
.sprite-1200px-step2Color{background-image:url(sprite/1200px.png);background-position: -797px -1157px; width: 158px; height: 61px; } 
.sprite-1200px-step3BN{background-image:url(sprite/1200px.png);background-position: -797px -1268px; width: 157px; height: 61px; } 
.sprite-1200px-step3Color{background-image:url(sprite/1200px.png); background-position: -797px -1379px; width: 157px; height: 61px; } 
.sprite-1200px-step4BN{background-image:url(sprite/1200px.png);background-position: -797px -1490px; width: 158px; height: 61px; } 
.sprite-1200px-step4Color{background-image:url(sprite/1200px.png);background-position: -797px -1601px; width: 158px; height: 61px; } 
.sprite-1200px-tupedido_imagen{ background-position: -797px -1712px; width: 263px; height: 68px; } 
.sprite-1200px-video{ background-position: -797px -1830px; width: 36px; height: 29px; } 

.sprite-1200pxbannerP1{background-image:url(sprite/1200-2-px.png);background-position: 0 0; width: 572px; height: 164px; } 
.sprite-1200pxchat{background-image:url(sprite/1200-2-px.png);background-position: 0 -214px; width: 36px; height: 29px; } 
.sprite-1200pxcontactanos{background-image:url(sprite/1200-2-px.png); background-position: 0 -293px; width: 36px; height: 29px; } 
.sprite-1200pxfaq{background-image:url(sprite/1200-2-px.png); background-position: 0 -372px; width: 30px; height: 30px; } 
.sprite-1200pxlogo-chefmenu-blanco{background-image:url(sprite/1200-2-px.png); background-position: 0 -452px; width: 320px; height: 148px; } 
.sprite-1200pxsocial-fb{background-image:url(sprite/1200-2-px.png); background-position: 0 -650px; width: 25px; height: 25px; } 
.sprite-1200pxsocial-gp{background-image:url(sprite/1200-2-px.png); background-position: 0 -725px; width: 25px; height: 25px; } 
.sprite-1200pxsocial-tw{background-image:url(sprite/1200-2-px.png); background-position: 0 -800px; width: 25px; height: 25px; } 
.sprite-1200pxsocial-yt{background-image:url(sprite/1200-2-px.png); background-position: 0 -875px; width: 50px; height: 21px; } 
.sprite-1200pxstep1{background-image:url(sprite/1200-2-px.png); background-position: 0 -946px; width: 300px; height: 174px; } 
.sprite-1200pxstep2{background-image:url(sprite/1200-2-px.png); background-position: 0 -1170px; width: 300px; height: 174px; } 
.sprite-1200pxstep3{background-image:url(sprite/1200-2-px.png); background-position: 0 -1394px; width: 300px; height: 174px; } 
.sprite-1200pxtelefono{background-image:url(sprite/1200-2-px.png); background-position: 0 -1618px; width: 40px; height: 40px; } 
.sprite-1200pxvideo{background-image:url(sprite/1200-2-px.png); background-position: 0 -1708px; width: 36px; height: 29px; } 
.sprite-ayuda-phone-1200pxfaq{background-image:url(sprite/ayuda-phone-1200px.png); background-position: 0 0; width: 110px; height: 100px; } 
.sprite-ayuda-phone-1200pxtelefono-Chefmenu{background-image:url(sprite/ayuda-phone-1200px.png); background-position: 0 -150px; width: 60px; height: 52px; } 


/*RESOLUCION < 1200px > 980px */
.sprite-980px-avatar{background-image:url(sprite/980px.png);background-position: 0 0; width: 50px; height: 50px; } 
.sprite-980px-banner1{background-image:url(sprite/980px.png);background-position: 0 -100px; width: 452px; height: 134px; } 
.sprite-980px-callPhone{background-image:url(sprite/980px.png);background-position: 0 -284px; width: 28px; height: 28px; } 
.sprite-980px-fondo_agua{background-image:url(sprite/980px.png);background-position: 0 -362px; width: 630px; height: 181px; } 
.sprite-980px-fondo_form{background-image:url(sprite/980px.png);background-position: 0 -593px; width: 610px; height: 155px; } 
.sprite-980px-login_face{background-image:url(sprite/980px.png);background-position: 0 -798px; width: 190px; height: 17px; } 
.sprite-980px-logo{background-image:url(sprite/980px.png);background-position: 0 -865px; width: 196px; height: 92px; } 
.sprite-980px-logoGNB{background-image:url(sprite/980px.png);background-position: 0 -1007px; width: 153px; height: 72px; } 
.sprite-980px-pasos{background-image:url(sprite/980px.png);background-position: 0 -1129px; width: 750px; height: 72px; } 
.sprite-980px-preview{background-image:url(sprite/980px.png);background-position: 0 -1251px; width: 42px; height: 39px; } 
.sprite-980px-tupedido_imagen{background-image:url(sprite/980px.png);background-position: 0 -1340px; width: 225px; height: 58px; } 


/*RESOLUCION < 980px > 768px*/

.sprite-768px-logo-chefmenu-blanco{background-image:url(sprite/768px.png);background-position: 0 0; width: 250px; height: 116px; } 
.sprite-768px-telefono{background-image:url(sprite/768px.png);background-position: 0 -166px; width: 30px; height: 30px; } 

/*RESOLUCION < 360px*/

.sprite-360px-avatar{background-image:url(sprite/360px.png);background-position: 0 0; width: 35px; height: 35px; } 
.sprite-360px-banner1{background-image:url(sprite/360px.png);background-position: 0 -85px; width: 210px; height: 62px; } 
.sprite-360px-callPhone{background-image:url(sprite/360px.png);background-position: 0 -197px; width: 20px; height: 20px; } 
.sprite-360px-fondo_agua{background-image:url(sprite/360px.png);background-position: 0 -267px; width: 443px; height: 127px; } 
.sprite-360px-fondo_form{background-image:url(sprite/360px.png);background-position: 0 -444px; width: 428px; height: 109px; } 
.sprite-360px-login_face{background-image:url(sprite/360px.png); background-position: 0 -603px; width: 135px; height: 12px; } 
.sprite-360px-logo{background-image:url(sprite/360px.png); background-position: 0 -665px; width: 100px; height: 47px; } 
.sprite-360px-logoGNB{background-image:url(sprite/360px.png); background-position: 0 -762px; width: 110px; height: 52px; } 
.sprite-360px-pasos{background-image:url(sprite/360px.png); background-position: 0 -864px; width: 520px; height: 50px; } 
.sprite-360px-preview{background-image:url(sprite/360px.png); background-position: 0 -964px; width: 29px; height: 27px; } 
.sprite-360px-tupedido_imagen{background-image:url(sprite/360px.png); background-position: 0 -1041px; width: 158px; height: 41px; } 

input{
        width: 100%;
        height: 2.8em;
        padding: .3em .2em;        
        font-family: "Regular", "Corpid", "Verdana", sans-serif;    
        line-height: 1.6;
        color: #333;
        font-weight:400;
        vertical-align: baseline;
        background-color: #fff;
        border: 1px solid #f75c7a;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition: border 200ms ease-in-out;
        -moz-transition: border 200ms ease-in-out;
        transition: border 200ms ease-in-out;        
    }

select {    
    background-color: #fff;
    color: #343b46;
    border: 1px solid #f75c7a;
    border-radius: 10px;
    box-sizing: border-box;
    font-weight:400;
    font-family: "Regular", "Corpid", "Verdana", sans-serif;
    /*font-size: 1em;*/
    margin-bottom: 0.75em;
    padding: 0.7em 0.75em;
    transition: border-color;
    width: 100%;
    /* reset */
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.minimal {    
    background: url(../../systemImages/arrow.png) no-repeat right white;
    /*position:relative;*/
    background-size:
    35px 35px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;    
}

select.minimal:focus {
    background: url(../../systemImages/arrowdown.png) no-repeat right white;
    position:relative;
    background-size:
      35px 35px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
    border-color: #FF4900;
    outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

input.minimal:focus {    
    background-repeat: no-repeat;
    border-color: #FF4900;
    outline: 0;
}

/*responsive*/

/*ORDENADORES PANTALLA GRANDE*/
@media screen and (max-width:10000px){
    input[type=checkbox] {
        width:14px;
        height:16px;        
        display: block;
        clear: left;
        float: left;
    }
    input[type=radio] {
        width:15px;
        height:17px;       
        clear: left;
        float: left;
    }
    select {
        font-size:13px;
        height: 2.7em;
    } 
    a {        
        font-size:13px;
    } 
    input{        
        height: 2.8em;        
        font-size:13px;        
    } 
    
    .botonOk {
	-moz-box-shadow: 0px 0px 0px 2px #8a88ff;
	-webkit-box-shadow: 0px 0px 0px 2px #8a88ff;
	box-shadow: 0px 0px 0px 2px #8a88ff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a88ff), color-stop(1, #8a88ff));
	background:-moz-linear-gradient(top, #8a88ff 5%, #8a88ff 100%);
	background:-webkit-linear-gradient(top, #8a88ff 5%, #8a88ff 100%);
	background:-o-linear-gradient(top, #8a88ff 5%, #8a88ff 100%);
	background:-ms-linear-gradient(top, #8a88ff 5%, #8a88ff 100%);
	background:linear-gradient(to bottom, #8a88ff 5%, #8a88ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a88ff', endColorstr='#8a88ff',GradientType=0);
	background-color:#8a88ff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #8a88ff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
    }
    .botonOk:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5e5dad), color-stop(1, #5e5dad));
            background:-moz-linear-gradient(top, #5e5dad 5%, #5e5dad 100%);
            background:-webkit-linear-gradient(top, #5e5dad 5%, #5e5dad 100%);
            background:-o-linear-gradient(top, #5e5dad 5%, #5e5dad 100%);
            background:-ms-linear-gradient(top, #5e5dad 5%, #5e5dad 100%);
            background:linear-gradient(to bottom, #5e5dad 5%, #5e5dad 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5dad', endColorstr='#5e5dad',GradientType=0);
            background-color:#5e5dad;
    }
    .botonOk:active {
            position:relative;
            top:1px;
    }
    
    .botonWarning{
	-moz-box-shadow: 0px 0px 0px 2px #e05d20;
	-webkit-box-shadow: 0px 0px 0px 2px #e05d20;
	box-shadow: 0px 0px 0px 2px #e05d20;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2a60e), color-stop(1, #ff4800));
	background:-moz-linear-gradient(top, #f2a60e 5%, #ff4800 100%);
	background:-webkit-linear-gradient(top, #f2a60e 5%, #ff4800 100%);
	background:-o-linear-gradient(top, #f2a60e 5%, #ff4800 100%);
	background:-ms-linear-gradient(top, #f2a60e 5%, #ff4800 100%);
	background:linear-gradient(to bottom, #f2a60e 5%, #ff4800 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a60e', endColorstr='#ff4800',GradientType=0);
	background-color:#f2a60e;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #f24709;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
    }
    .botonWarning:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff4800), color-stop(1, #f2a60e));
            background:-moz-linear-gradient(top, #ff4800 5%, #f2a60e 100%);
            background:-webkit-linear-gradient(top, #ff4800 5%, #f2a60e 100%);
            background:-o-linear-gradient(top, #ff4800 5%, #f2a60e 100%);
            background:-ms-linear-gradient(top, #ff4800 5%, #f2a60e 100%);
            background:linear-gradient(to bottom, #ff4800 5%, #f2a60e 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4800', endColorstr='#f2a60e',GradientType=0);
            background-color:#ff4800;
    }
    .botonWarning:active {
            position:relative;
            top:1px;
    }    
    
    .botonError{
	-moz-box-shadow: 0px 0px 0px 2px #e60909;
	-webkit-box-shadow: 0px 0px 0px 2px #e60909;
	box-shadow: 0px 0px 0px 2px #e60909;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f00e2c), color-stop(1, #ff0000));
	background:-moz-linear-gradient(top, #f00e2c 5%, #ff0000 100%);
	background:-webkit-linear-gradient(top, #f00e2c 5%, #ff0000 100%);
	background:-o-linear-gradient(top, #f00e2c 5%, #ff0000 100%);
	background:-ms-linear-gradient(top, #f00e2c 5%, #ff0000 100%);
	background:linear-gradient(to bottom, #f00e2c 5%, #ff0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00e2c', endColorstr='#ff0000',GradientType=0);
	background-color:#f00e2c;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #d41515;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #f50031;
    }
    .botonError:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #f00e2c));
            background:-moz-linear-gradient(top, #ff0000 5%, #f00e2c 100%);
            background:-webkit-linear-gradient(top, #ff0000 5%, #f00e2c 100%);
            background:-o-linear-gradient(top, #ff0000 5%, #f00e2c 100%);
            background:-ms-linear-gradient(top, #ff0000 5%, #f00e2c 100%);
            background:linear-gradient(to bottom, #ff0000 5%, #f00e2c 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#f00e2c',GradientType=0);
            background-color:#ff0000;
    }
    .botonError:active {
            position:relative;
            top:1px;
    }
    
    .botonFacebook{
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #1c77e6));
	background:-moz-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #1c77e6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#1c77e6',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #5279f0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
    }
    .botonFacebook:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1c77e6), color-stop(1, #7892c2));
            background:-moz-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-webkit-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-o-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-ms-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:linear-gradient(to bottom, #1c77e6 5%, #7892c2 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c77e6', endColorstr='#7892c2',GradientType=0);
            background-color:#1c77e6;
    }
    .botonFacebook:active {
            position:relative;
            top:1px;
    }
    
    .botonSecundario{
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #1c77e6));
	background:-moz-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #1c77e6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#1c77e6',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #5279f0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
    }
    .botonSecundario:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1c77e6), color-stop(1, #7892c2));
            background:-moz-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-webkit-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-o-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-ms-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:linear-gradient(to bottom, #1c77e6 5%, #7892c2 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c77e6', endColorstr='#7892c2',GradientType=0);
            background-color:#1c77e6;
    }
    .botonSecundario:active {
            position:relative;
            top:1px;
    }
    
    .botonChefmenu{
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f75c7a), color-stop(1, #90a2cd));
	background:-moz-linear-gradient(top, #f75c7a 5%, #90a2cd 100%);
	background:-webkit-linear-gradient(top, #f75c7a 5%, #90a2cd 100%);
	background:-o-linear-gradient(top, #f75c7a 5%, #90a2cd 100%);
	background:-ms-linear-gradient(top, #f75c7a 5%, #90a2cd 100%);
	background:linear-gradient(to bottom, #f75c7a 5%, #90a2cd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f75c7a', endColorstr='#90a2cd',GradientType=0);
	background-color:#f75c7a;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #f75c7a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
    }
    .botonChefmenu:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #90a2cd), color-stop(1, #f75c7a));
            background:-moz-linear-gradient(top, #90a2cd 5%, #f75c7a 100%);
            background:-webkit-linear-gradient(top, #90a2cd 5%, #f75c7a 100%);
            background:-o-linear-gradient(top, #90a2cd 5%, #f75c7a 100%);
            background:-ms-linear-gradient(top, #90a2cd 5%, #f75c7a 100%);
            background:linear-gradient(to bottom, #90a2cd 5%, #f75c7a 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#90a2cd', endColorstr='#f75c7a',GradientType=0);
            background-color:#90a2cd;
    }
    .botonChefmenu:active {
            position:relative;
            top:1px;
    }


    
    h1{font-size:large;}
    h2{font-size:larger;}
    h3{font-size:medium;}
    h4{font-size: small;}
    h5{font-size:smaller;}
    .botonLink{font-size:18px;}
    .textoMedium{font-size:13px;}
    #divError{font-size:14px;margin-top:10px;margin-bottom:10px;}    
    
     /*popuds pantalla grande*/
    #cajaPopudDetallesArtP3{width:1000px;}
    #loginContainerAllPages{width:400px;}
    #registroUserAllPages{width:400px;}
    #tellamamosAllPages{width:400px;}
    #contenedorDireccionChangeAllpages{width:800px;}
    
    /*Bitacora del pedido*/
    #imgIconEstadoBitacoraPopud{width:40px;height:40px;}
    /**/
    
    #cabeceraPC{height:160px;}
    #logoCabeza{margin-top:10px;}
    #centroCabeza{margin-left:7%;}
    #div_centroHome{}
    #cajaCentralHome{
    
    /*min-height: 40.625em;
    position: relative;    
    height:95vh;*/
    z-index: 1001;
    overflow: hidden;
    background: url(../../video/chefmenu.png) no-repeat;
    background-size: cover;
    }
    #cajaInfoGeneral{float:left;width:60%;margin-left:20%;}
    #cajaIconoSocial{margin-left:20px;}
    #margenIzqInternaCabeza{width:37%;}    
    #contenedorLogoPie{margin-top:10px;margin-bottom:10px;}
    #textoTitulo1{font-size:16px;}
    #textoTitulo2{font-size:13px;}    
    #textoComun1{font-size:13px;}
    #textoTitulosPie{}
    #textoLinksPie{}
    #textoAcercaChefmenuPie{width:90%;font-size:14px;margin-left:60px;}   
       
    
    /*PAG1*/
    
    /*pag1-cabeza*/
    #navegacionGeneral{height:60px;}
    #cajaLogo{position:absolute;margin-left:2%;width:12%; padding: 1em;}
    #cajaLogo h1{color: #444444; font-family:Tahoma,Verdana,sans-serif;}
    #imgLogoMarcaCabezote{width:80%;margin-left:0%;margin-top:8px;margin-bottom:5px;}
    #cajaImagenDecoracionIzquierda{}
    #imgDecoIzq{}
    #cajaImagenDecoracionDerecha{}
    #imgDecoDer{}    
    #cajaLogueado{width:30%;float:right;margin-right:2%;margin-top:0px;padding: 1em;}
    #spamEmailSocio{width:30%;float:none;position:absolute;font-size:16px;margin-left:67%;margin-top:0px;}
    #div_links_Entrar_Registrar{width:100%;float:left;}        
    
    /*pag1-direccion*/
    #direccionP1{width:70%;margin-left:15%;margin-top:50px;}
    #cajaDireccionP1{width:70%;margin-left:15%;margin-top:0px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
    #contenedorComponentesP1{margin-left:0%;}
    #contenidoDireccionP1{width:80%;margin-left:10%;margin-top:20px;margin-bottom:20px;}    
    /*#contenedorIdentificacionP1{width:100%;margin-top:10px; }*/
    #contenedorCiudadZonaP1{width:100%;margin-top:20px;}
    #contenedorComponentesCiudadP1{width:40%;}
    #textosZonaP1{width:auto;}
    #zonaCiudadP1{width:40%;}
    #divOrigenP1{width:100%;margin-top:20px;}
    #cajaComponentesDireccionP1{width:100%;margin-top:20px;margin-bottom:70px;}    
    /*#contenedorbtnBuscarIdentificacionP1{margin-top:4px;}*/
    #textosZonaP1{margin-top:15px;}
    #textosOrigenP1{margin-top:15px;}
    #contenedorCancelarPedidoP1{margin-top:20px;margin-bottom:10px;}    
    #contenedorBtnBuscarP1{width:85%;margin-top:20px;margin-bottom:10px;text-align:center;}
    #contenedorComponentesP1TipoVia{width:30%;}
    #bBuscarEstablecimientos{}    
    #textoNumerarP1{margin-top:15px;}
    #textoPideP1{width:58%;margin-left:20%;padding:1%;margin-bottom:20px;}
    #textoMensajesErrorP1{width:30%;height:auto;position:absolute;margin-left:35%;margin-top:550px;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    /*#detalleDirP1{width:90%;margin-left:0%;margin-top:20px;}*/    
    #detalleDir{width:90%;}
    
    /*pag1-pasos*/
    #pasosContenedor{width:60%;margin-left:20%;margin-top:0px;}
    #lblTituloPasosP1{margin-top:50px;margin-bottom:10px;}    
    #ContenedorCajaPasosP1{position:absolute;bottom:0px;margin-bottom:0px;}
    #cajaPasosP1{width:80%;margin-left:10%;margin-top:10px;margin-bottom:20px;}
    #cajaPaso1P1{width:25%;height:100px;margin-left:0%;margin-top:0px;}
    #cajaPaso2P1{width:25%;height:100px;margin-left:0%;margin-top:0px;}
    #cajaPaso3P1{width:25%;height:100px;margin-left:0%;margin-top:0px;}
    #cajaPaso4P1{width:25%;height:100px;margin-left:0%;margin-top:0px;}
    #contenedorImgStep1P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso1P1{width:20%;}
    #contenedorImgStep2P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso2P1{width:20%;}
    #contenedorImgStep3P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso3P1{width:20%;}
    #contenedorImgStep4P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso4P1{width:20%;}
    #loginForm{width:14%;margin-top:120px;margin-left:37%;}
    #cajaLoginHome{padding:100px;}
    
    /*pag1-cabeza2 todas las pantallas menos home*/
    #cajaLogo2{width:3%;margin-left:7%;}
    #imgLogoMarcaCabezote2{width:80%;margin-left:5%;margin-top:0px;margin-bottom:5px;}
    #nombreMarca2{width:15%;margin-left:1%;margin-top:10px;}
    #cajaNombreSocioSuperior2{width:25%;margin-left:10%;float:left;margin-top:20px;}
    
    /*direcciones por usuario*/
    #buscador{min-height:850px;}    
    #cajaListaDirecciones{float:left;width:100%;margin-top:10px;margin-bottom:10px;}        
    #div_pie_Home{}
    
    
    /*PAG2*/
    #margenIzqPasos{width:35%;}
    #pasos{margin-top:10px;width:30%;margin-left:35%;display:none;}
    #step1{width:155px;height:60px;}
    #step2{width:155px;height:60px;}
    #step3{width:155px;height:60px;}
    #cabeceraListadoEstablecimientos{width:30%;margin-top:20px;margin-left:1%;background-color:white;border-color:#f75c7a;border-radius:20px;border-style: dotted;}     
    #div_centroP2{width:100%;}       
    #contenedorPestanasP2{width:96%;margin-left:2%;margin-top:10px;margin-bottom:50px;}
    #msgCantEstCercanosP2{float:left;width:40%;text-align:left;}
    #tituloEstablecimientoPag2{text-align:left;}   
    #lblOrdenarItemsP2{margin-top:15px;}    
    #divCERRADO{position:absolute;margin-top:0px;margin-left:0%;font-size:13px;}    
    #btnAbrirEst{font-size:18px;width:100px;}
    #ui-id-1{font-size:16px;}
    #ui-id-3{font-size:16px;font-weight: 500;}
    #lineaSeparadoraP2{width:1%;float:left;height:50px;margin-top:5px;margin-left:5px;margin-right:5px;}   
    #contenedorLLamamosP2{width:100%;float:right;background-color:#fff; }
    #rantingEstablecimientoPag2{position:absolute;margin-top:25px;margin-left:10%;}
    #contenedorImgPreviewEstP2{position:absolute;margin-top:100px;margin-left:0%;}    
    #divbotonEstablecimientoPag2{float:right;width:100%;}
    #divPedidoPreparacionPag2{float:left;width:15%;margin-top:5px;}
    #cajaImgPreparacionPag2{float:left;}
    #cajaCantArtPreparacionPag2{float:left;font-size:15px;font-weight:bold;margin-top:5px;margin-left:5px;}
    #divDistanciaClientePag2{float:left;width:30%;margin-top:5px;}
    #cajaImgDistanciaClientePag2{float:left;}
    #cajaCantDistanciaClientePag2{float:left;font-size:15px;font-weight:bold;margin-top:5px;margin-left:5px;}    
    #tipoComidaBubblePopup{}
    #cajaNombreCatBubblePopupP2{float:left;margin-left:2px;}
    
    #lblTipoComidaP2{margin-top:20px;margin-bottom:10px;}
    #cajaListaTipoComidaP2{width:96%;margin-left:2%;}
    #elementoListaTipoComidaP2{height:30px;margin-bottom:5px;}
    #lblcantEstFiltroP2{margin-top:0px;}
    #pedidoMinimoEstP2{position:absolute;margin-top:50px;margin-left:10%;}
    #costoEnvioEstP2{position:absolute;margin-top:70px;margin-left:10%;}
    
    #contenedorBtnConfirmacionP2{width:50%;}
    
    /*PAG3*/
    #CentroArticulosEstablecimiento{width:96%;margin-left:3%;}
    #PanelCentro{width:70%;margin-top:100px;}
    #PanelDerecho{width: 28%;margin-left: 1%;height: max-content;position: fixed;right: 1em;}    
    #caja_flotante{width:100%;float:left;position:relative;border-style:solid;border-color:#ccc;margin-bottom:1px;padding-bottom:1px;border-width:1px;}        
    #contenedorCajaPedidoP3{width:100%;}
    #contenedorMarcoDatosCajaPedidoP3{width:100%;float:left;}    
    #seccionUnoCabezaEstP3{width:15%;padding:2px;}
    #seccionDosCabezaEstP3{width:82%;padding:2px;}
    #colUnoCabezaEstP3{width:60%;}
    #colDosCabezaEstP3{width:38%;}
    #colTresCabezaEstP3{display:none;}        
    #textoTitulo3{font-size:18px;}    
    #div_conten_art{height:80px;padding:2px;border-style:groove;border-color:#eee;border-width:1px;padding:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    #cajaImagenFoto{margin-top:0px;margin-left:5px;width:30px;margin-top:5px;}
    #imgCamaraP3{}    
    #contenedortextonombreInterno{width:80%;float:left;font-size:14px;margin-top:5px;margin-left:5px;font-weight:bold;}
    #contenedorSignoInterno{font-size:12px;margin-top:5px;margin-left:5px;font-weight:bold;display:none;}
    #contenedortextoprecioInterno{width:10%;float:left;font-size:14px;margin-top:5px;margin-left:1%;font-weight:bold;}
    #contenedorbtnAddInterno{width:5%;float:right;}
    #cajaDescripcionArt{font-size:11px;margin-top:0px;margin-left:5px;margin-right:5px;}
    
    #seccionListaArticulos{float:left;/*2 Columnas*/ width:49%;padding:3px;}
    .textoSpamGeneral{color: rgba(0, 0, 0, 0.9);font-family: 'Droid Serif',sans-serif;font-size: 14px;font-weight: normal;}
    .valoresSpan{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    .valoresArtPedido{float:right;text-align:left;font: bold 14px Arial, Helvetica, sans-serif;}    
    #panelManagerMovil{display:none;}
    #textoAcercaChefmenuPie{font-size:14px;}
    /*#divComandosVolver{float:left;width:100%;height:40px;}*/
    #returnListadoP3{width:100%;float:left;margin-top:0px;margin-bottom:15px;margin-left:0%;}
    #direccionEntregaReturn{width:80%;float:left;margin-top:5px;margin-left:1%;}
    #nombreEstP3P4{font-size:24px;margin-left:10px;}
    #divEstado{font-size:16px;margin-top:2px;}    
    #cajaHelpP3P4{width:100%;background-color:#fff;}
    #detallePedidoDatosArticulo{width:100%;float:left;}
    #detallePedido{width:100%;max-height: 190px;overflow-y: scroll;}
    #detArtPart1{font-size:15px;}
    #btnMinusP3{width:16px;height:16px;margin-left:2%;margin-top:2px;padding:0px;}
    #btnAddP3{width:16px;height:16px;margin-left:2%;margin-top:2px;padding:0px;}
    #cajaSimboloMenosdetArtPart2{margin-left:2%;width:5%;float:left;text-align:center;}
    #cajaCantidaddetArtPart2{width:10%;float:left;text-align:center;margin-left:5px;}
    #cajaSimboloMasdetArtPart2{width:5%;float:left;text-align:center;}
    #detallePedidoNombreArticulo{width:65%;float:left;text-align:left;margin-left:5%;}
    #cajaValorPart2{width:70%;float:left;text-align:left;margin-left:2px;}    
    #detArtPart2{font-size:15px;}    
    #detArtImgInfo{width:16px;height:16px;margin-left:10px;padding:0px;}
    #detallePedidoConfiguracionInfoArticulo{display:none;}
    #lblSubTotalP3P4{font-size:16px;}
    #divSubTotalPedido{font-size:16px;}    
    #lblTotalP3P4{font-size:18px;}
    #divTotalPedido{font-size:18px;}
    #lblObservacionesP3P4{font-size:16px;}
    #observaciones{width:100%;font-size:16px;}
    #lbltipoEntrega{font-size:16px;}    
    #msgIvaArtP3P4{width:97%;float:left;}
    #popud_infoArticuloPedido{font-size:12px;}    
    #tituloHistoriaP3{margin-left:30px;font-size:18px;}
    #textoHistoriaP3{margin-left:30px;font-size:16px;}    
    #mensajePedido{font-size:15px;}
    #cajaComboOpcionalesPopudP3{width:100%;float:left;}    
    #cajaComponentesArtListaTamano{float:left;width:30%;margin-left:3%;margin-top:8px;height:30px;}
    #selectComponenteArtP3{width:10%;}
    #nombreComponenteArtP3{width:70%;font-size:13px;}
    #signoComponenteArtP3{width:2%;font-size:13px;}
    #valorComponenteArtP3{width:15%;font-size:13px;}
    #imgArtPopudP3{width:100%;}
    #contenedorBannerTipoArt{width:100%;float:left;margin-top:10px;margin-bottom:20px;}
    #imgBannerTipoArt{width:100%;}
    #div_conten_art_promo{height:200px;margin-top:20px;border-style:groove;border-color:#eee;border-width:1px;padding:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    #cajaImgPromoP3{width:87%;float:left;margin-left:1%;margin-top:10px;}    
    #cajaImagenFotoOferta{width:100%;}
    #imgOferta{width:90%;}
    #cajaBtnAddPromoP3{width:10%;float:right;margin-right:1%;margin-top:75px;}
    
    #lblNombreArtPopudP3{font-size:25px;margin-top:20px;}
    #cajaImagenArtPopudP3{width:30%;float:left;margin-right:1%;margin-top:10px;}
    #cajaCombosConfiguracionesArtPopudP3{width:68%;float:right;margin-top:10px;}
    #descArtPopudP3{width:55%;float:left;margin-left:2%;margin-top:10px;}
    #cajaTamanoArtPopudP3{width:45%;float:left;margin-left:2%;margin-top:10px;}
    #cajaTerminoArtPopudP3{width:45%;float:left;margin-left:2%;margin-top:10px;}    
    #cajaComplementosArtPopudP3{width:45%;float:left;margin-left:2%;margin-top:10px;}
    #cajaOpcionalesArtPopudP3{width:45%;float:left;margin-left:2%;margin-top:10px;}
    #lblNombreOpcionalPopudP3{float:left;font-size:13px;}
    #cajaComponentesConfiguracionesArtPopudP3{width:99%;float:left;margin-left:1%;margin-top:5px;margin-bottom:10px;}
    #lblObservacionesxArticuloPopudP3{width:100%;float:left;font-size:13px;margin-top:10px;margin-bottom:10px;}
    #cajaObservacionesPopudP3{width:35%;margin-left:0%;}    
    #cajaComponentesCantidadyValorPopudP3{width:30%;margin-left:5%;margin-top:40px;}    
    #lblCantidadArtPopudP3{font-size:13px;}
    #cantidadArticulo{margin-left:10px;}
    #contenedorBtnsSumarRestarPopudP3{width:40%;margin-left:10px;float:left;}
    #cajaBtnSumaP3{margin-left:20px;}
    #cajaBtnRestaP3{}    
    #btnPedidoSumarPopud{padding:0px;}
    #btnPedidoRestaPopud{padding:0px;}
    #cajaValArtP3{width:20%;margin-left:10%;margin-top:40px;}
    #divValArt{font-size:30px;}
    #lblNombreOpcionArtPopudP3{width:98%;margin-bottom:4px;margin-left:1px;font-size:13px;}    
    #comboTamanoPorcion{width:100%;}    
    #comboComplementos{width:100%;}
    #comboTermino{width:100%;}
    #comboOpcionales_0{width:100%;}
    #comboOpcionales_1{width:100%;}
    #comboOpcionales_2{width:100%;}
    #comboOpcionales_3{width:100%;}
    #comboOpcionales_4{width:100%;}
    #comboOpcionales_5{width:100%;}
    #comboOpcionales_6{width:100%;}
    #comboOpcionales_7{width:100%;}
    #comboOpcionales_8{width:100%;}
    #comboOpcionales_9{width:100%;}
    #comboOpcionales_10{width:100%;}
    
    #cajaBolsaVaciaP3{width:80%;float:left;margin-left:10%;text-align:center;}
    #cajaImgBolsaVaciaP3{width:40%;float:left;margin-left:30%;margin-top:20px;text-align:center;}
    #imgBolsaVaciaP3{width:100%;}
    #lblBolsaVaciaP3{width:100%;float:left;margin-top:20px;}    
    #cajaInserArticuloP3{display:none;}
    
    /*PAG4*/
    #cuandoPaso4{float:left;width:100%;}
    #cuandoP4{}
    /*#diaP4{width:20%;float:left;margin-top:10px;}*/    
    #contenedorComboDiaP4{width:100%;}
    /*#horaP4{width:20%;float:left;margin-left:1%;margin-top:10px;}*/    
    #contenedorComboHoraP4{width:100%;}
    /*#nombreP4{width:24%;float:left;margin-top:10px;}*/
    /*#apellidoP4{width:24%;float:left;margin-left:1%;margin-top:10px;}*/
    /*telefonoP4{width:24%;float:left;margin-left:0%;margin-top:10px;}*/
    /*emailP4{width:24%;float:left;margin-left:1%;margin-top:10px;}*/
    /*#direccionP4{width:30%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#detalledireccionP4{width:69%;float:left;margin-left:1%;margin-top:10px;}*/
    #ciudadP4{width:90%;float:left;padding:10px;}
    #registrarmeP4{width:90%;float:left;padding:10px;}
    /*#formaPagoP4{width:90%;float:left;padding:10px;font-size:13px;}*/
    /*#vueltasP4{width:90%;float:left;padding:10px;}+/        
    #campoNombreP4{width:100%;margin-left:0%;}    
    #campoApellidoP4{width:100%;margin-left:0%;}    
    #campoTelefonoP4{width:100%;margin-left:0%;}    
    #campoEmailP4{width:100%;margin-left:0%;}    
    #campoDireccionP4{width:100%;margin-left:0%;}    
    #campoDetalleDireccionP4{width:100%;margin-left:0%;}
    #textoCiudadP4{width:15%;}
    #campoCiudadP4{width:70%;}
    #textoRegistrarmeP4{width:25%;}
    #campoRegistrarmeP4{width:20%;}
    #textoVueltasP4{width:15%;}
    #campoVueltasP4{width:10%;}
    #textoFormaPagoP4{width:20%;}
    #campoFormaPagoP4{width:70%;}
    #campoFormaPagoEfectivo{width:70%;margin-top:10px;}
    #campoFormaPagoDatafono{width:70%;margin-top:10px;}
    #campoFormaPagoSodexo{width:70%;margin-top:10px;}
    #campoFormaPagoBigPass{width:70%;margin-top:10px;}
    #campoFormaPagoTicketCanasta{width:70%;margin-top:10px;}
    #campoFormaPagoOnlineTercero{width:70%;margin-top:10px;}
    #campoFormaPagoOnline{width:70%;margin-top:10px;}
    
    #pagoOnlineP4{width:100%;float:left;margin-top:10px;margin-bottom:20px;}
    
    #opcionesPagoOnline{width:30%;margin-left:35%;margin-top:10px;margin-bottom:10px;}
    #pagoTarjetaCreditoP4{width:45%;margin-left:0%;}    
    #pagoTarjetaCreditoP4{width:45%;margin-left:10%;}
    #imgTarjetaCreditoP4{width:70px;height:70px;}
    #imgPseP4{width:70px;height:70px;}
    
    #campoNumeroTarjetaP4{width:15%;float:left;margin-left:0%;margin-top:10px;}
    #campoTitularTarjetaP4{width:20%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    #campoVencimientoTarjetaP4{width:7%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    #campoCvvTarjetaP4{width:5%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    #campoDocumentoTarjetaP4{width:15%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    #campoLblCuotasTarjetaP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    #campoComboCuotasTarjetaP4{width:5%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    
    #campoLblBancoP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:0%;}
    #campoComboBancosP4{width:30%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    
    #cajaInformacionTitularCuentaPSE{width:100%;float:left;margin-left:0%;margin-top:10px;}
    #lblTituloInformacionTitularCuentaPSE{width:100%;float:left;}
    #cajaTipoPersonaPagoPSE{width:20%;float:left;margin-left:0%;margin-top:10px;}    
    #lblTipoPersonaPagoPSE{width:auto;margin-left:0%;}
    #cajaComboTipoPersonaPagoPSE{width:50%;margin-left:1%;}
    #cajaDatosDocumentoPagoPSE{width:40%;float:left;margin-left:0%;margin-top:10px;}    
    #lblTipoDocumentoPSE{width:auto;}
    #cajaComboTipoDocumentoPSE{width:40%;margin-left:1%;}
    #campoNumeroDocumentoPSE{width:20%;float:left;margin-left:1%;}
    
    #cajaDatosPagadorPagoPSE{width:100%;float:left;margin-left:0%;margin-top:20px;}
    #campoNombrePSE{width:15%;float:left;margin-left:0%;}
    #campoApellidosPSE{width:15%;float:left;margin-left:1%;}
    #campoEmailPSE{width:15%;float:left;margin-left:1%;}
    
    /*PAG5*/
    #cajaMsgPedidoOkP5{width:80%;margin-left:10%;}
    #cajaLLamamosP5{width:25%;}
    #imgChefMotoP5{width:20%;}    
    #msgPedidoOkP5{width:100%;}
    #textoPedidoOkP5{width:100%;margin-top:20px;}
    #cajaImgChefMotoP5{width:40%;margin-left:30%;margin-top:30px;margin-bottom:20px;}
    #textoPedioRealizadoP5{width:100%;font-size:18px;margin-top:10px;margin-bottom:10px;}
    #cajaElementosPagoP5{width:40%;margin-left:30%;}
    #textoEmailP5{width:50%;margin-left:25%;margin-top:10px;margin-bottom:10px;}
    #textoGraciasCompraP5{width:100%;font-size:18px;margin-top:10px;margin-bottom:10px;}
    #imgHomeP5{width:45px;height:45px;}
    #cajaBtnHomeP5{margin-top:10px;margin-bottom:10px;}
    
    #cajaConfirmacionOrdenP5{width:20%;margin-left:40%;margin-top:20px;}
    #textoCodigoConfirmacionPE{width:100%;font-size:15px;margin-top:10px;margin-bottom:10px;}
    #textoMensajeConfirmacionPE{width:100%;margin-top:10px;font-size:13px;}
    #cajaInputCodigoConfirmacionPE{width:100%;margin-top:10px;font-size:13px;}
    #cajaBtnContinuarPE{width:100%;margin-top:10px;}
    
    /*PAGINAS EXTRAS*/
    #cajaCentroAllPages{min-height:500px;}    
    #tituloOpcion{width:100%;height:40px;margin-left:10px;margin-top:20px;font-size:20px;}
    #subTituloOpcion{width:100%;height:40px;margin-left:10px;margin-top:20px;font-size:18px;}
    #listaItemsAllPages{font-size:15px;}
    #itemAllPages{min-height:50px;}
    #formularioContacto{width:60%;margin-left:10px;}
    
    /*Login all pages*/    
    #cajaElementosAllPage{width:30%;margin-left:35%;margin-top:150px;}
    #cajaContenedorLogin{width:100%;margin-left:0%;margin-top:0px;}
    #member_email{width:90%;}
    #member_pwd{width:90%;}
    #member_emailReg{width:90%;}
    #member_pwdReg{width:90%;}
    #invitacionEmail_1{width:90%;}
    #invitacionEmail_2{width:90%;}
    #invitacionEmail_3{width:90%;}
    #invitacionEmail_4{width:90%;}
    #invitacionEmail_5{width:90%;}
    #checkEmail_1{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_2{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_3{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_4{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_5{width:60%;margin-left:0%;margin-top:10px;}
    #member_pwd_1{width:90%;}
    #member_pwd_2{width:90%;}    
    #btnLoginSocio{width:90%;}
    #btnRegistrousuario{width:90%;margin-top:20px;}
    #btnCambiopwd{width:90%;margin-top:20px;}    
    #btnInvitar{width:90%;margin-top:20px;}
    #btnNuevoPwd{width:90%;margin-top:20px;}
    #fb_button_register{width:77%;height:30px;margin-top:20px;}
    #cajaCheckLogin{width:4%;}
    #cajaLblCheckLogin{width:94%;margin-left:2%;}
    #divErrorRegistro{position:absolute;float:right;right:20%;width:15%;height:100px;top:190px;}
    #spamErrorLogin{width:90%;float:left;margin-left:5%;margin-top:10px;margin-bottom:10px;}
    #spamErrorLoginRegistro{width:90%;float:left;margin-left:5%;margin-top:15px;margin-bottom:10px;}
    #animacionEsperarRegistro{width:40%;position:absolute;top:35%;left:30%;margin-top: -9em;}
    #msgEsperaRegistro{margin-top:10px;}
    #divSociosRecomendados{width:100%;float:left;text-align:center;}
    #divEmailSociosRecomendados{float:left;width:90%;}
    #divImgCheckSociosRecomendados{float:right;width:8%;}
    #elementoEstadoBitacora{width:70%;margin-left:15%;margin-top:5px;background-color:#eee;}
    #cajaImagenIconoBitacora{width:15%;}
    #nombreEstadoBitacora{width:50%;margin-top:15px;}
    #fechaHoraEstadoBitacora{width:30%;margin-top:15px;}
    #lblVer{width:10%;float:left;font-size:12px;}
    #campoVer{width:88%;float:right;font-size:12px;}    
    #campoCantidadVer{width:5%;float:left;font-size:12px;margin-left:1%;margin-top:5px;}
    #campoNombreVer{width:69%;float:left;font-size:12px;margin-left:1%;margin-top:5px;}
    #campoOpcionaNombreVer{width:50%;float:left;font-size:11px;margin-left:12%;margin-top:5px;}
    #campoValorVer{width:10%;float:left;font-size:12px;margin-left:2%;margin-top:5px;}
}

/*ORDENADORES PANTALLA PORTATIL*/
@media screen and (max-width:1600px){
    input[type=checkbox] {
        width:16px;
        height:16px;        
        display: block;
        clear: left;
        float: left;
    }
    input[type=radio] {
        width:15px;
        height:18px;       
        clear: left;
        float: left;
    }    
    select {
        font-size:12px;
        height: 3.3em;
    }
    a {        
        font-size:14px;
    }     
    input{        
        height: 2.5em;        
        font-size:12px;
    }
    
    .botonOk {
	-moz-box-shadow: 0px 0px 0px 2px #8a88ff;
	-webkit-box-shadow: 0px 0px 0px 2px #8a88ff;
	box-shadow: 0px 0px 0px 2px #8a88ff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a88ff), color-stop(1, #8a88ff));
	background:-moz-linear-gradient(top, #8a88ff 5%, #8a88ff 100%);
	background:-webkit-linear-gradient(top, #8a88ff 5%, #8a88ff 100%);
	background:-o-linear-gradient(top, #8a88ff 5%, #8a88ff 100%);
	background:-ms-linear-gradient(top, #8a88ff 5%, #8a88ff 100%);
	background:linear-gradient(to bottom, #8a88ff 5%, #8a88ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a88ff', endColorstr='#8a88ff',GradientType=0);
	background-color:#8a88ff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #8a88ff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
    }
    .botonOk:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5e5dad), color-stop(1, #5e5dad));
            background:-moz-linear-gradient(top, #5e5dad 5%, #5e5dad 100%);
            background:-webkit-linear-gradient(top, #5e5dad 5%, #5e5dad 100%);
            background:-o-linear-gradient(top, #5e5dad 5%, #5e5dad 100%);
            background:-ms-linear-gradient(top, #5e5dad 5%, #5e5dad 100%);
            background:linear-gradient(to bottom, #5e5dad 5%, #5e5dad 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5dad', endColorstr='#5e5dad',GradientType=0);
            background-color:#5e5dad;
    }
    .botonOk:active {
            position:relative;
            top:1px;
    }

    .botonWarning{
	-moz-box-shadow: 0px 0px 0px 2px #e05d20;
	-webkit-box-shadow: 0px 0px 0px 2px #e05d20;
	box-shadow: 0px 0px 0px 2px #e05d20;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2a60e), color-stop(1, #ff4800));
	background:-moz-linear-gradient(top, #f2a60e 5%, #ff4800 100%);
	background:-webkit-linear-gradient(top, #f2a60e 5%, #ff4800 100%);
	background:-o-linear-gradient(top, #f2a60e 5%, #ff4800 100%);
	background:-ms-linear-gradient(top, #f2a60e 5%, #ff4800 100%);
	background:linear-gradient(to bottom, #f2a60e 5%, #ff4800 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a60e', endColorstr='#ff4800',GradientType=0);
	background-color:#f2a60e;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #f24709;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
    }
    .botonWarning:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff4800), color-stop(1, #f2a60e));
            background:-moz-linear-gradient(top, #ff4800 5%, #f2a60e 100%);
            background:-webkit-linear-gradient(top, #ff4800 5%, #f2a60e 100%);
            background:-o-linear-gradient(top, #ff4800 5%, #f2a60e 100%);
            background:-ms-linear-gradient(top, #ff4800 5%, #f2a60e 100%);
            background:linear-gradient(to bottom, #ff4800 5%, #f2a60e 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4800', endColorstr='#f2a60e',GradientType=0);
            background-color:#ff4800;
    }
    .botonWarning:active {
            position:relative;
            top:1px;
    }    
    
    .botonError{
	-moz-box-shadow: 0px 0px 0px 2px #e60909;
	-webkit-box-shadow: 0px 0px 0px 2px #e60909;
	box-shadow: 0px 0px 0px 2px #e60909;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f00e2c), color-stop(1, #ff0000));
	background:-moz-linear-gradient(top, #f00e2c 5%, #ff0000 100%);
	background:-webkit-linear-gradient(top, #f00e2c 5%, #ff0000 100%);
	background:-o-linear-gradient(top, #f00e2c 5%, #ff0000 100%);
	background:-ms-linear-gradient(top, #f00e2c 5%, #ff0000 100%);
	background:linear-gradient(to bottom, #f00e2c 5%, #ff0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00e2c', endColorstr='#ff0000',GradientType=0);
	background-color:#f00e2c;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #d41515;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #f50031;
    }
    .botonError:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #f00e2c));
            background:-moz-linear-gradient(top, #ff0000 5%, #f00e2c 100%);
            background:-webkit-linear-gradient(top, #ff0000 5%, #f00e2c 100%);
            background:-o-linear-gradient(top, #ff0000 5%, #f00e2c 100%);
            background:-ms-linear-gradient(top, #ff0000 5%, #f00e2c 100%);
            background:linear-gradient(to bottom, #ff0000 5%, #f00e2c 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#f00e2c',GradientType=0);
            background-color:#ff0000;
    }
    .botonError:active {
            position:relative;
            top:1px;
    }
    
    .botonSecundario{
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #1c77e6));
	background:-moz-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #1c77e6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#1c77e6',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #5279f0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
    }
    .botonSecundario:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1c77e6), color-stop(1, #7892c2));
            background:-moz-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-webkit-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-o-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-ms-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:linear-gradient(to bottom, #1c77e6 5%, #7892c2 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c77e6', endColorstr='#7892c2',GradientType=0);
            background-color:#1c77e6;
    }
    .botonSecundario:active {
            position:relative;
            top:1px;
    }
    
    .botonFacebook{
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #1c77e6));
	background:-moz-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #1c77e6 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #1c77e6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#1c77e6',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #5279f0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
    }
    .botonFacebook:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1c77e6), color-stop(1, #7892c2));
            background:-moz-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-webkit-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-o-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:-ms-linear-gradient(top, #1c77e6 5%, #7892c2 100%);
            background:linear-gradient(to bottom, #1c77e6 5%, #7892c2 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c77e6', endColorstr='#7892c2',GradientType=0);
            background-color:#1c77e6;
    }
    .botonFacebook:active {
            position:relative;
            top:1px;
    }
    
    .textoMedium{font-size:12px;}
    h1{font-size:23px;}
    h2{font-size:16px;}
    h3{font-size:13px;}
    h4{font-size:12px;}
    .botonLink{font-size:16px;}
    
    /*popuds portatil*/
    #cajaPopudDetallesArtP3{width:1000px;}
    #loginContainerAllPages{width:400px;}
    #registroUserAllPages{width:400px;}
    #tellamamosAllPages{width:400px;}
    #contenedorDireccionChangeAllpages{width:750px;}
    
    #cabeceraPC{height:110px;}
    #logoCabeza{background-image:url(sprite/logoBlanco.png); background-position: 0 -649px; width: 150px; height: 69px;}    
    #logoPie{background-image:url(sprite/980px.png);background-position: 0 -1007px; width: 153px; height: 72px;}    
    #centroCabeza{margin-left:7%;}      
    #tituloCabezaGeneral{font-size:16px;}
    #div_centroHome{min-height:400px;}
    #cajaCentroAllPages{min-height:500px;}    
    #cajaCentralHome{}        
    #cajaIconoSocial{margin-left:20px;}
    #margenIzqInternaCabeza{width:37%;}    
    #contenedorLogoPie{width:30%;margin-left:60px;}
    #textoTitulo1{font-size:13px;}
    #textoTitulo2{font-size:13px;}    
    #textoComun1{font-size:12px;}
    #textoTitulosPie{}
    #textoLinksPie{}
    #textoAcercaChefmenuPie{width:90%;font-size:13px;margin-left:60px;}    
    
    /*PAG1*/
    
    /*pag1-cabeza*/
    #navegacionGeneral{height:60px;}
    #cajaLogo{position:absolute;margin-left:12%;width:18%;}
    #imgLogoMarcaCabezote{width:60%;margin-left:0%;margin-top:5px;margin-bottom:5px;}
    #nombreMarca{width:10%;margin-left:20%;margin-top:12px;}    
    #cajaImagenDecoracionIzquierda{position:absolute;margin-left:1%;width:20%;}
    #imgDecoIzq{width:100%;margin-top:210px;}
    #cajaImagenDecoracionDerecha{position:absolute;margin-left:65%;width:20%;}
    #imgDecoDer{width:100%;margin-top:70px;}    
    #cajaLogueado{width:30%;float:right;margin-right:2%;margin-top:5px;}    
    #spamEmailSocio{width:30%;float:none;position:absolute;font-size:16px;margin-left:60%;margin-top:0px;}
    #div_links_Entrar_Registrar{width:100%;float:left;}        
    
    
    /*pag1-direccion*/
    #buscador{min-height:600px;}    
    #direccionP1{width:80%;margin-left:10%;margin-top:20px;}
    #cajaDireccionP1{width:70%;margin-left:15%;margin-top:0px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
    #contenedorComponentesP1{margin-left:0%;}
    #contenidoDireccionP1{width:90%;margin-left:5%;margin-top:20px;margin-bottom:20px;}    
    /*#contenedorIdentificacionP1{width:100%;margin-top:10px; }*/
    #contenedorCiudadZonaP1{width:100%;margin-top:20px;}
    #contenedorComponentesCiudadP1{width:40%;}
    #textosZonaP1{width:auto;}
    #zonaCiudadP1{width:40%;}
    #divOrigenP1{width:100%;margin-top:20px;}
    #cajaComponentesDireccionP1{width:100%;margin-top:20px;}
    /*#contenedorbtnBuscarIdentificacionP1{margin-top:4px;}*/
    #textosZonaP1{margin-top:15px;}
    #textosOrigenP1{margin-top:15px;}
    #contenedorCancelarPedidoP1{margin-top:20px;margin-bottom:10px;}    
    #contenedorBtnBuscarP1{width:80%;margin-top:20px;margin-bottom:10px;text-align:center;}
    #bBuscarEstablecimientos{}
    #textoNumerarP1{margin-top:15px;}    
    #textoPideP1{width:58%;margin-left:20%;padding:1%;margin-bottom:20px;}
    #textoMensajesErrorP1{width:40%;height:auto;position:absolute;margin-left:35%;margin-top:550px;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    /*#detalleDirP1{width:90%;margin-left:0%;margin-top:20px;}*/    
    #detalleDir{width:90%;}
    
    /*pag1-pasos*/
    #pasosContenedor{width:60%;margin-left:20%;margin-top:0px;}
    #lblTituloPasosP1{margin-top:50px;margin-bottom:10px;}    
    #ContenedorCajaPasosP1{position:absolute;bottom:0px;margin-bottom:0px;}
    #cajaPasosP1{width:90%;margin-left:5%;margin-top:5px;margin-bottom:5px;}
    #cajaPaso1P1{width:25%;height:70px;margin-left:0%;margin-top:0px;}
    #cajaPaso2P1{width:25%;height:70px;margin-left:0%;margin-top:0px;}
    #cajaPaso3P1{width:25%;height:70px;margin-left:0%;margin-top:0px;}
    #cajaPaso4P1{width:25%;height:70px;margin-left:0%;margin-top:0px;}
    #contenedorImgStep1P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso1P1{width:20%;}
    #contenedorImgStep2P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso2P1{width:20%;}
    #contenedorImgStep3P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso3P1{width:20%;}
    #contenedorImgStep4P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso4P1{width:20%;}
    
    /*pag1-cabeza2 todas las pantallas menos home*/
    #cajaLogo2{width:4%;margin-left:7%;}
    #imgLogoMarcaCabezote2{width:95%;margin-left:5%;margin-top:3px;margin-bottom:5px;}
    #nombreMarca2{width:15%;margin-left:1%;margin-top:10px;}
    #cajaNombreSocioSuperior2{width:25%;margin-left:10%;float:left;margin-top:20px;}
    
    /*PAG2*/
    #margenIzqPasos{width:30%;}
    #pasos{margin-top:10px;width:35%;margin-left:35%;display:none;}
    #step1{width:120px;height:45px;}
    #step2{width:120px;height:45px;}
    #step3{width:120px;height:45px;}
    #div_centroP2{width:100%;}
    #contenedorPestanasP2{width:96%;margin-left:2%;margin-top:10px;margin-bottom:50px;}
    #cabeceraListadoEstablecimientos{width:28%;margin-left:1%;} 
    #lblDirEntrega{}
    #direccionEntrega{font-size:13px;}  
    #lblOrdenarItemsP2{padding:2px;font-size:13px;}    
    #divCERRADO{position:absolute;margin-top:0px;margin-left:0%;font-size:13px;}    
    #btnAbrirEst{font-size:13px;}
    #numeroContacto{font-size:20px;margin-left:5px; }    
    #tituloEstablecimientoPag2{font-size:13px;width:100%;float:left;}
    #imgEstP2{width:100px;height:100px;}
    #rantingEstablecimientoPag2{position:absolute;margin-top:10px;margin-left:15%;}
    #contenedorImgPreviewEstP2{position:absolute;margin-top:90px;margin-left:0%;}    
    #imgRatingEstP2{width:70px;height:15px;}    
    #divbotonEstablecimientoPag2{float:right;width:70%;}
    #btnAbrirEst{font-size:14px;}
    #divPedidoPreparacionPag2{float:left;width:15%;margin-top:5px;}
    #cajaImgPreparacionPag2{float:left;}
    #cajaCantArtPreparacionPag2{float:left;font-size:12px;font-weight:bold;margin-top:5px;margin-left:2px;}
    #divDistanciaClientePag2{float:left;width:30%;margin-top:5px;}
    #cajaImgDistanciaClientePag2{float:left;}
    #cajaCantDistanciaClientePag2{float:left;font-size:12px;font-weight:bold;margin-top:5px;margin-left:2px;}
    #contenedorLLamamosP2{width:100%;float:right;background-color:#fff; }
    #pedidoMinimoEstP2{position:absolute;margin-top:35px;margin-left:10%;}
    #costoEnvioEstP2{position:absolute;margin-top:60px;margin-left:10%;}
    
    /*PAG3*/
    #CentroArticulosEstablecimiento{width:96%;margin-left:2%;}
    #PanelCentro{width:70%;}
    #PanelDerecho{width:28%;float:left;margin-left:1%;height:max-content;position:fixed;}    
    #caja_flotante{width:100%;float:left;position:relative;border-style:solid;border-color:#ccc;margin-bottom:1px;padding-bottom:1px;border-width:1px;}    
    #cajaVolverListadoEstP3{width:100%;}
    #contenedorCajaPedidoP3{width:95%;}    
    #contenedorMarcoDatosCajaPedidoP3{width:100%;float:left;}    
    #seccionUnoCabezaEstP3{width:15%;padding:2px;}
    #seccionDosCabezaEstP3{width:82%;padding:2px;}
    #imgLogoEstP3{width:121px;height:95px;margin-bottom:5px;}
    #imgRankEstP3{width:70px;height:15px;margin-top:10px;}    
    #colUnoCabezaEstP3{width:60%;}
    #colDosCabezaEstP3{width:38%;}
    #colTresCabezaEstP3{display:none;}        
    #textoTitulo3{font-size:18px;}
    #divEstado{font-size:14px;}   
    #contenedorTipoArt{font-size:15px;}
    #div_conten_art{height:90px;padding:2px;border-style:groove;border-color:#eee;border-width:1px;padding:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    #cajaImagenFoto{margin-top:0px;margin-left:5px;width:30px;margin-top:5px;}
    #imgCamaraP3{}    
    #contenedortextonombreInterno{width:70%;float:left;font-size:12px;margin-top:5px;margin-left:5px;font-weight:bold;}
    #contenedorSignoInterno{font-size:12px;margin-top:5px;margin-left:5px;font-weight:bold;display:none;}
    #contenedortextoprecioInterno{width:10%;float:left;font-size:12px;margin-top:5px;margin-left:1%;font-weight:bold;}
    #contenedorbtnAddInterno{width:5%;float:right;}
    #cajaDescripcionArt{font-size:11px;margin-top:0px;margin-left:5px;margin-right:5px;}
    #seccionListaArticulos{float:left;/*2 Columnas*/ width:49%;padding:3px;}
    .textoSpamGeneral{color: rgba(0, 0, 0, 0.9);font-family: 'Droid Serif',sans-serif;font-size: 14px;font-weight: normal;}
    .valoresSpan{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    .valoresArtPedido{float:right;text-align:left;font: bold 14px Arial, Helvetica, sans-serif;}
    
    #panelManagerMovil{display:none;}    
    #returnListadoP3{margin-left:10px;}
    #direccionEntregaReturn{}
    #nombreEstP3P4{font-size:18px;margin-left:10px;}
    #divEstado{font-size:16px;}    
    #cajaHelpP3P4{width:100%;}
    
    #imgTuPedido{width:200px;height:50px;}    
    #detallePedidoDatosArticulo{width:100%;float:left;}
    #detallePedido{width:100%;}
    #detArtPart1{width:100%;font-size:13px;}
    #btnMinusP3{width:15px;height:15px;margin-left:2%;margin-top:2px;padding:0px;}
    #btnAddP3{width:15px;height:15px;margin-left:2%;margin-top:2px;padding:0px;}
    #cajaSimboloMenosdetArtPart2{margin-left:2%;width:5%;float:left;text-align:center;}
    #cajaCantidaddetArtPart2{width:10%;float:left;text-align:center;margin-left:5px;}
    #cajaSimboloMasdetArtPart2{width:5%;float:left;text-align:center;}
    #detallePedidoNombreArticulo{width:100%;float:left;text-align:left;margin-left:0%;}
    #cajaValorPart2{width:30%;float:left;text-align:left;margin-left:50%;}    
    #detArtPart2{width:100%;font-size:13px;}
    #detArtImgInfo{width:15px;height:15px;margin-left:10px;padding:0px;}
    #detallePedidoConfiguracionInfoArticulo{display:none;}
    #lblSubTotalP3P4{font-size:13px;}
    #divSubTotalPedido{font-size:13px;}    
    #lblTotalP3P4{font-size:15px;}
    #divTotalPedido{font-size:15px;}
    #lblObservacionesP3P4{font-size:13px;}
    #observaciones{width:100%;font-size:13px;}
    #lbltipoEntrega{font-size:13px;}    
    #msgIvaArtP3P4{width:97%;float:left;}
    #popud_infoArticuloPedido{font-size:12px;}    
    #tituloHistoriaP3{margin-left:30px;font-size:15px;}
    #textoHistoriaP3{margin-left:30px;font-size:13px;}    
    #mensajePedido{font-size:15px;}
    #nombreComponenteArtP3{font-size:12px;}
    #signoComponenteArtP3{font-size:12px;}
    #valorComponenteArtP3{font-size:12px;}    
    #cajaComboOpcionalesPopudP3{width:100%;float:left;}    
    #divErrorCantidad{font-size:13px;}    
    #cajaComponentesArtListaTamano{width:23%;margin-left:2%;margin-top:5px;}
    #contenedorBannerTipoArt{width:100%;float:left;margin-top:10px;margin-bottom:20px;}
    #imgBannerTipoArt{width:100%;}    
    #div_conten_art_promo{margin-top:20px;border-style:groove;border-color:#eee;border-width:1px;padding:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    #cajaImgPromoP3{width:87%;float:left;margin-left:1%;margin-top:10px;}    
    #cajaImagenFotoOferta{width:100%;float:left;}
    #imgOferta{width:100%;}
    #cajaBtnAddPromoP3{width:10%;float:right;margin-right:1%;margin-top:50px;}
    
    #lblNombreArtPopudP3{font-size:22px;margin-top:20px;}
    #cajaImagenArtPopudP3{width:25%;float:left;margin-right:0%;margin-top:5px;}
    #cajaCombosConfiguracionesArtPopudP3{width:68%;margin-left:1%;float:left;margin-top:5px;}
    #descArtPopudP3{width:60%;float:left;margin-left:2%;margin-top:5px;}
    #cajaTamanoArtPopudP3{width:31%;float:left;margin-left:1%;margin-top:5px;}
    #cajaTerminoArtPopudP3{width:31%;float:left;margin-left:1%;margin-top:5px;}    
    #cajaComplementosArtPopudP3{width:31%;float:left;margin-left:1%;margin-top:5px;}
    #cajaOpcionalesArtPopudP3{width:31%;float:left;margin-left:1%;margin-top:5px;}
    #lblNombreOpcionalPopudP3{float:left;font-size:13px;}
    #cajaComponentesConfiguracionesArtPopudP3{width:99%;float:left;margin-left:1%;margin-top:5px;margin-bottom:5px;}
    #lblObservacionesxArticuloPopudP3{width:100%;float:left;font-size:13px;margin-top:10px;margin-bottom:5px;}
    #cajaObservacionesPopudP3{width:35%;margin-left:0%;}    
    #cajaComponentesCantidadyValorPopudP3{width:30%;margin-left:5%;margin-top:40px;}    
    #lblCantidadArtPopudP3{font-size:13px;}
    #cantidadArticulo{margin-left:10px;}
    #contenedorBtnsSumarRestarPopudP3{width:40%;margin-left:10px;float:left;}
    #cajaBtnSumaP3{margin-left:10px;}
    #cajaBtnRestaP3{}    
    #btnPedidoSumarPopud{padding:0px;}
    #btnPedidoRestaPopud{padding:0px;}
    #cajaValArtP3{width:20%;margin-left:10%;margin-top:40px;}
    #divValArt{font-size:30px;}
    #lblNombreOpcionArtPopudP3{width:98%;margin-bottom:4px;margin-left:1px;font-size:13px;}    
    #comboTamanoPorcion{width:100%;}    
    #comboComplementos{width:100%;}
    #comboTermino{width:100%;}
    #comboOpcionales_0{width:100%;}
    #comboOpcionales_1{width:100%;}
    #comboOpcionales_2{width:100%;}
    #comboOpcionales_3{width:100%;}
    #comboOpcionales_4{width:100%;}
    #comboOpcionales_5{width:100%;}
    #comboOpcionales_6{width:100%;}
    #comboOpcionales_7{width:100%;}
    #comboOpcionales_8{width:100%;}
    #comboOpcionales_9{width:100%;}
    #comboOpcionales_10{width:100%;}    
    
    #cajaBolsaVaciaP3{width:50%;float:left;margin-left:25%;text-align:center;}
    #cajaImgBolsaVaciaP3{width:40%;float:left;margin-left:30%;margin-top:10px;text-align:center;}
    #imgBolsaVaciaP3{width:100%;}
    #lblBolsaVaciaP3{width:100%;float:left;margin-top:20px;}
    
    /*PAG4*/
    #cuandoP4{}
    /*#diaP4{width:25%;float:left;margin-top:10px;}*/    
    #contenedorComboDiaP4{width:100%;}
    /*#horaP4{width:25%;float:left;margin-left:1%;margin-top:10px;}*/    
    #contenedorComboHoraP4{width:100%;}
    /*#nombreP4{width:24%;float:left;margin-top:10px;}*/
    /*#apellidoP4{width:24%;float:left;margin-left:1%;margin-top:10px;}*/
    /*#telefonoP4{width:24%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#emailP4{width:24%;float:left;margin-left:1%;margin-top:10px;}*/
    /*#direccionP4{width:30%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#detalledireccionP4{width:69%;float:left;margin-left:1%;margin-top:10px;}*/
    #ciudadP4{width:90%;float:left;padding:10px;}
    #registrarmeP4{width:90%;float:left;padding:10px;}
    /*#formaPagoP4{width:90%;float:left;padding:10px;}*/
    /*#vueltasP4{width:90%;float:left;padding:10px;}*/        
    #campoNombreP4{width:100%;font-size:13px;}    
    #campoApellidoP4{width:100%;font-size:13px;}    
    #campoTelefonoP4{width:100%;font-size:13px;}    
    #campoEmailP4{width:100%;font-size:13px;}    
    #campoDireccionP4{width:100%;font-size:13px;}    
    #campoDetalleDireccionP4{width:100%;font-size:13px;}
    #textoCiudadP4{width:20%;font-size:13px;}
    #campoCiudadP4{width:70%;font-size:13px;}
    #textoRegistrarmeP4{width:20%;font-size:13px;}
    #campoRegistrarmeP4{width:20%;font-size:13px;}
    #textoVueltasP4{width:15%;font-size:13px;}
    /*#campoVueltasP4{width:15%;font-size:13px;}*/    
    #textoFormaPagoP4{width:20%;font-size:13px;}
    #campoFormaPagoP4{width:70%;font-size:13px;}    
    #campoFormaPagoEfectivo{width:70%;margin-top:10px;}
    #campoFormaPagoDatafono{width:70%;margin-top:10px;}
    #campoFormaPagoOnline{width:70%;margin-top:10px;}
    
    #pagoOnlineP4{width:100%;margin-top:10px;margin-bottom:20px;}
    
    /*#opcionesPagoOnline{width:30%;margin-left:35%;margin-top:10px;margin-bottom:10px;}*/
    /*#pagoTarjetaCreditoP4{width:45%;margin-left:0%;}*/    
    /*#pagoTarjetaCreditoP4{width:45%;margin-left:10%;}*/
    /*#imgTarjetaCreditoP4{width:70px;height:70px;}*/
    /*#imgPseP4{width:70px;height:70px;}*/
    
    /*#campoNumeroTarjetaP4{width:15%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#campoTitularTarjetaP4{width:20%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}*/
    /*#campoVencimientoTarjetaP4{width:7%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}*/
    /*#campoCvvTarjetaP4{width:5%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}*/
    /*#campoDocumentoTarjetaP4{width:15%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}*/
    #campoLblCuotasTarjetaP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    /*#campoComboCuotasTarjetaP4{width:10%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}*/
    
    #campoLblBancoP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:0%;}
    #campoComboBancosP4{width:30%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    
    #cajaInformacionTitularCuentaPSE{width:100%;float:left;margin-left:0%;margin-top:10px;}
    #lblTituloInformacionTitularCuentaPSE{width:100%;float:left;}
    #cajaTipoPersonaPagoPSE{width:30%;float:left;margin-left:0%;margin-top:10px;}    
    #lblTipoPersonaPagoPSE{width:auto;margin-left:0%;}
    #cajaComboTipoPersonaPagoPSE{width:60%;margin-left:1%;}
    #cajaDatosDocumentoPagoPSE{width:50%;float:left;margin-left:0%;margin-top:10px;}    
    #lblTipoDocumentoPSE{width:auto;}
    #cajaComboTipoDocumentoPSE{width:40%;margin-left:1%;}
    #campoNumeroDocumentoPSE{width:25%;float:left;margin-left:1%;}
    
    #cajaDatosPagadorPagoPSE{width:100%;float:left;margin-left:0%;margin-top:20px;}
    #campoNombrePSE{width:15%;float:left;margin-left:0%;}
    #campoApellidosPSE{width:15%;float:left;margin-left:2%;}
    #campoEmailPSE{width:20%;float:left;margin-left:2%;}
    
    
    /*PAG5*/    
    #cajaMsgPedidoOkP5{width:80%;margin-left:10%;}
    #cajaLLamamosP5{width:25%;}
    #imgChefMotoP5{width:40%;}    
    #msgPedidoOkP5{width:100%;}
    #textoPedidoOkP5{width:100%;margin-top:20px;}
    #cajaElementosPagoP5{width:50%;margin-left:25%;}
    #cajaImgChefMotoP5{width:40%;margin-left:30%;margin-top:30px;margin-bottom:20px;}
    #textoPedioRealizadoP5{width:100%;font-size:15px;margin-top:10px;margin-bottom:10px;}
    #textoEmailP5{width:60%;font-size:13px;margin-left:20%;margin-top:10px;margin-top:10px;margin-bottom:10px;}
    #textoGraciasCompraP5{width:100%;font-size:18px;margin-top:10px;margin-bottom:10px;}
    #imgHomeP5{width:45px;height:45px;}
    #cajaBtnHomeP5{margin-top:10px;margin-bottom:10px;}
    
    #cajaConfirmacionOrdenP5{width:80%;margin-left:10%;margin-top:20px;}
    #textoCodigoConfirmacionPE{width:100%;font-size:15px;margin-top:10px;margin-bottom:10px;}
    #textoMensajeConfirmacionPE{width:100%;margin-top:10px;font-size:13px;}
    #cajaInputCodigoConfirmacionPE{width:100%;margin-top:10px;font-size:13px;}
    #cajaBtnContinuarPE{width:100%;margin-top:10px;}
    
    /*Login all pages*/        
    #cajaElementosAllPage{width:30%;margin-left:35%;margin-top:50px;}
    #cajaContenedorLogin{width:100%;margin-left:0%;margin-top:0px;}
    #member_email{width:90%;}
    #member_pwd{width:90%;}
    #member_emailReg{width:90%;}
    #member_pwdReg{width:90%;}
    #invitacionEmail_1{width:90%;}
    #invitacionEmail_2{width:90%;}
    #invitacionEmail_3{width:90%;}
    #invitacionEmail_4{width:90%;}
    #invitacionEmail_5{width:90%;}
    #checkEmail_1{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_2{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_3{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_4{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_5{width:60%;margin-left:0%;margin-top:10px;}
    #member_pwd_1{width:90%;}
    #member_pwd_2{width:90%;}    
    #btnLoginSocio{width:94%;}
    #btnRegistrousuario{width:94%;}
    #btnCambiopwd{width:94%;}    
    #btnInvitar{width:94%;}
    #btnNuevoPwd{width:94%;}
    #fb_button_register{width:79%;margin-top:10px;}
    #cajaCheckLogin{width:4%;}
    #cajaLblCheckLogin{width:94%;margin-left:2%;}
    #divErrorRegistro{position:absolute;float:right;right:5%;width:25%;height:80px;top:145px;}
    #spamErrorLogin{width:90%;float:left;margin-left:5%;margin-top:10px;margin-bottom:10px;}
    #spamErrorLoginRegistro{width:90%;float:left;margin-left:5%;margin-top:15px;margin-bottom:10px;}
    #animacionEsperarRegistro{width:40%;position:absolute;top:50%;left:30%;margin-top: -9em;}
    #msgEsperaRegistro{margin-top:10px;}
    #divSociosRecomendados{width:100%;float:left;text-align:center;}
    #divEmailSociosRecomendados{float:left;width:90%;}
    #divImgCheckSociosRecomendados{float:right;width:8%;}
    #elementoEstadoBitacora{width:70%;margin-left:15%;margin-top:5px;background-color:#eee;}
    #cajaImagenIconoBitacora{width:15%;}
    #nombreEstadoBitacora{width:50%;margin-top:15px;}
    #fechaHoraEstadoBitacora{width:30%;margin-top:15px;}
    
}

/*TABLET GRANDE*/
@media screen and (max-width:982px){
    input[type=checkbox] {
        width:22px;
        height:22px;        
        display: block;
        clear: left;
        float: left;
    }
    input[type=radio] {
        width:15px;
        height:22px;       
        clear: left;
        float: left;
    }
    select {        
        font-size:18px;
    } 
    a {        
        font-size:18px;
    } 
    input{        
        font-size:18px;        
    }    
    
    /*popuds tablet grande*/    
    #cajaPopudDetallesArtP3{width:100%;}
    #loginContainerAllPages{width:600px;}
    #registroUserAllPages{width:600px;}
    #tellamamosAllPages{width:600px;}
    #contenedorDireccionChangeAllpages{width:700px;}
    #contenedorEstCerradoConfirmP2{width:700px;}
    
    
    #ui-id-2{font-size:22px;}
    
    #cabeceraPC{}    
    #logoCabeza{background-image:url(sprite/logoBlanco.png); background-position: 0 -516px; width: 180px; height: 83px;}
    #div_centroHome{min-height:400px;}        
    #cajaCentralHome{}    
    #cajaDireccionP1{width:100%;}
    #lineaSeparadoraP1{display:none;}    
    #cajaLLamamosP1{width:25%;display:none;}    
    #textosP1{font-size:22px;}
    #cajaInfoGeneral{float:left;width:80%;margin-left:10%;}
    #cajaIconoSocial{margin-left:2px;}
    #margenIzqInternaCabeza{display:none;}
    #tituloCabezaGeneral{}
    #centroCabeza{margin-left:40%;}    
    #div_centroP2{min-height:810px;}        
    #textoTitulo1{font-size:22px;}
    #textoTitulo2{font-size:20px;}    
    #textoComun1{font-size:16px;}
    #cajaElementosPie{}
    #contenedorLogoPie{width:30%;margin-left:20px;}
    #listaAcercaDePie1{}
    #listaAcercaDePie2{}
    #textoTitulosPie{}
    #textoLinksPie{}
    #textoAcercaChefmenuPie{width:93%;font-size:14px;margin-left:25px;}
    #dinamicAyudaContainer{}
    #textoAyudaDinamicContainer{width:100%;height:30px;}    
    #imgAyudaDinamic{width:20px;height:20px;}
    #spamErrorLogin{}
    #divError{font-size:18px;}    
    #btnLoginSocio{font-size:22px;}
    #btnRegistrousuario{font-size:22px;}
    #btnSendPedido{}
    #btnPedidoSumarPopud{width:30px;height:30px;}
    #btnPedidoRestaPopud{width:30px;height:30px;}    
    
    /*PAG1*/
    /*PAG1*/
    
    /*pag1-cabeza*/    
    #navegacionGeneral{height:60px;}
    #cajaLogo{position:absolute;margin-left:5%;width:40%;}
    #imgLogoMarcaCabezote{width:90%;margin-left:5%;margin-top:20px;margin-bottom:5px;}
    #nombreMarca{width:10%;margin-left:20%;margin-top:12px;display:none;}    
    #cajaImagenDecoracionIzquierda{display:none;}
    #imgDecoIzq{display:none;}
    #cajaImagenDecoracionDerecha{}
    #imgDecoDer{width:100%;margin-top:70px;}    
    #cajaLogueado{width:50%;float:right;margin-right:2%;margin-top:0px;}
    #spamEmailSocio{width:30%;float:none;position:absolute;font-size:16px;margin-left:60%;margin-top:0px;}    
    #div_links_Entrar_Registrar{width:100%;float:left;}    
    
    /*pag1-direccion*/    
    #direccionP1{width:98%;margin-left:1%;margin-top:20px;}
    #cajaDireccionP1{width:100%;margin-left:0%;margin-top:0px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
    #contenidoDireccionP1{width:94%;margin-left:3%;margin-top:20px;margin-bottom:20px;}    
    /*#contenedorIdentificacionP1{width:100%;margin-top:10px; }*/
    #contenedorCiudadZonaP1{width:100%;margin-top:10px;}
    #cajaComponentesDireccionP1{width:100%;margin-top:10px;}
    /*#contenedorbtnBuscarIdentificacionP1{margin-top:4px;}*/
    #bBuscarTelefono{width:30px;}
    #bBuscarIdentificacion{width:30px;}
    #textosZonaP1{margin-top:15px;}
    #textosOrigenP1{margin-top:15px;}
    #contenedorCancelarPedidoP1{margin-top:20px;margin-bottom:10px;}
    #contenedorBtnBuscarP1{width:100%;margin-top:20px;margin-bottom:10px;text-align:center;}
    /*#detalleDirP1{width:80%;margin-left:0px;}*/
    #textoPideP1{width:80%;margin-left:10%;padding:1%;margin-bottom:20px;display:none;}
    /*#detalleDirP1{width:90%;margin-left:0%;}*/    
    #detalleDir{width:95%;margin-left:0%;}
    #textoMensajesErrorP1{width:70%;height:auto;position:absolute;margin-left:15%;margin-top:600px;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    /*pag1-pasos*/
    #pasosContenedor{width:98%;margin-left:1%;margin-top:5px;}
    #lblTituloPasosP1{margin-top:20px;margin-bottom:10px;}    
    #ContenedorCajaPasosP1{position:absolute;bottom:0px;margin-bottom:0px;}
    #cajaPasosP1{width:80%;margin-left:10%;margin-top:10px;margin-bottom:20px;}
    #cajaPaso1P1{width:25%;height:100px;margin-left:0%;margin-top:0px;}
    #cajaPaso2P1{width:25%;height:100px;margin-left:0%;margin-top:0px;}
    #cajaPaso3P1{width:25%;height:100px;margin-left:0%;margin-top:0px;}
    #cajaPaso4P1{width:25%;height:100px;margin-left:0%;margin-top:0px;}
    #contenedorImgStep1P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso1P1{width:20%;}
    #contenedorImgStep2P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso2P1{width:20%;}
    #contenedorImgStep3P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso3P1{width:20%;}
    #contenedorImgStep4P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso4P1{width:20%;}
    
    /*pag1-cabeza2 todas las pantallas menos home*/
    #cajaLogo2{position:absolute;margin-left:38%;width:24%;}
    #imgLogoMarcaCabezote2{width:95%;margin-left:5%;margin-top:10px;margin-bottom:5px;}
    #nombreMarca2{display:none;}
    #cajaNombreSocioSuperior2{width:25%;margin-left:10%;float:left;margin-top:20px;}    
    
    /*PAG2*/        
    #margenIzqPasos{width:13%;}
    #pasos{margin-top:5px;width:80%;margin-left:10%;margin-top:20px;margin-bottom:30px;}    
    #step1{width:190px;height:75px;}
    #step2{width:190px;height:75px;}
    #step3{width:190px;height:75px;}          
    #contenedorPestanasP2{width:100%;min-height:150px;}
    #contenedorSelectorP2{width:40%;display:none;}     
    #contenedorContenidoP2{width:100%;background-color:#FFFFFF;}        
    #cabeceraListadoEstablecimientos{width:45%;border-color:#eee; }    
    #lblDirEntrega{}
    #direccionEntrega{}  
    #msgCantEstCercanosP2{float:left;width:40%;text-align:left;font-size:20px;}
    #contenedorOrdenarP2{width:50%;text-align:left;float:right;}
    #lblOrdenarItemsP2{padding:0px;font-size:20px;}
    #contenedorItemsOrderP2{font-size:20px;}    
    #ordenEstablecimiento{font-size:20px;padding:0px;}    
    #ordenarTipoPantallasPequeñasP2{display:initial;}
    #tituloEstablecimientoPag2{width:60%;font-size:20px;text-align:left;}
    #rantingEstablecimientoPag2{position:absolute;margin-top:10px;margin-left:70%;}
    #contenedorImgPreviewEstP2{position:absolute;}
    #imgRatingEstP2{width:100px;height:18px;}
    #contenedorImgEstP2{width:60%;}
    #imgEstP2{width:80%;height:90px;}    
    #imgPreviewP2{width:100%;}
    #divCERRADO{position:absolute;margin-top:0px;margin-left:0%;font-size:13px;}    
    #divbotonEstablecimientoPag2{width:100%;text-align:center;}        
    #btnAbrirEst{font-size:22px;}        
    #divCantEstFiltro{font-size:20px;}
    #lblCategoriaArtP2{width:90%;font-size:20px;height:30px;margin-left:2px;} 
    
    
    /*PAG3*/    
    #PanelCentro{width:100%;}
    #PanelDerecho{width: 50%;}
    #caja_flotante{}    
    #contenedorCajaPedidoP3{width:95%;position:static;margin-top:0px;}        
    #dinamicPedidoContainer{float:right;display:initial;right:20px;width:150px;height:150px;top:200px;right:20px;}
    #seccionUnoCabezaEstP3{float:left;width:25%;padding:2px;}
    #seccionDosCabezaEstP3{float:right;width:71%;padding:2px;}
    #colUnoCabezaEstP3{width:60%;}
    #colDosCabezaEstP3{width:35%;}
    #colTresCabezaEstP3{display:none;}    
    #textoTitulo3{font-size:20px;}
    #divEstado{font-size:20px;height:25px;}
    #cajaImagenFoto{width:9%;}
    #imgCamaraP3{}
    #div_conten_art{height:90px;padding:2px;border-style:groove;border-color:#eee;border-width:1px;padding:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    #cajaImagenFoto{margin-top:0px;margin-left:5px;width:30px;margin-top:5px;}
    #imgCamaraP3{}    
    #contenedortextonombreInterno{width:70%;float:left;font-size:12px;margin-top:5px;margin-left:5px;font-weight:bold;background-color:purple;}
    #contenedorSignoInterno{font-size:12px;margin-top:5px;margin-left:5px;font-weight:bold;display:none;}
    #contenedortextoprecioInterno{width:10%;float:left;font-size:12px;margin-top:5px;margin-left:1%;font-weight:bold;background-color:green;}
    #contenedorbtnAddInterno{width:5%;float:right;background-color:yellow;}
    #cajaDescripcionArt{font-size:11px;margin-top:0px;margin-left:5px;margin-right:5px;}
    #seccionListaArticulos{float:left;/*1 Columnas*/ width:95%;padding:2px;}
    .textoSpamGeneral{color: rgba(0, 0, 0, 0.9);font-family: 'Droid Serif',sans-serif;font-size: 14px;font-weight: normal;}
    .valoresSpan{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    .valoresArtPedido{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    #imgLogoEstP3{width:170px;height:140px;}
    #imgRankEstP3{width:150px;height:30px;margin-top:10px;}
    
    
    #msgIvaArtP3P4{width:97%;float:left;}
    #sugerenciaEstablecimientos{display:none;}
    #listaEstablecimientoTipo{display:none;}
    #listaEstablecimientosCercanos{display:none;}        
    #returnListadoP3{float:left;}
    #direccionEntregaReturn{width:30%;float:left;margin-left:5px;}
    #nombreEstP3P4{font-size:30px;margin-top:10px;}
    #cajaHelpP3P4{width:80%;display:none;}    
    #dinamicCajaValorOrden{font-size:22px;}
    #panelManagerMovil{display:initial;}
    #iconosBorrarPedidoP3{width:30%;margin-left:120px;}
    #iconosContinuarPedidoP3{width:30%;}
    #separadorIconosPedidoMovilP3{width:5%;}    
    
    #detallePedidoDatosArticulo{width:100%;float:left;}
    #detArtPart1{font-size:20px;}
    #btnMinusP3{width:22px;height:22px;margin-left:2%;margin-top:4px;}
    #btnAddP3{width:22px;height:22px;margin-left:2%;margin-top:4px;}
    #cajaSimboloMenosdetArtPart2{margin-left:2%;width:5%;float:left;text-align:center;}
    #cajaCantidaddetArtPart2{width:10%;float:left;text-align:center;margin-left:5px;}
    #cajaSimboloMasdetArtPart2{width:5%;float:left;text-align:center;}
    #detallePedidoNombreArticulo{width:65%;float:left;text-align:left;margin-left:5%;}
    #cajaValorPart2{width:70%;float:left;text-align:left;margin-left:2px;}    
    #detArtPart2{font-size:20px;}    
    #detArtImgInfo{width:22px;height:22px;margin-left:20px;}
    #lblSubTotalP3P4{font-size:20px;}
    #divSubTotalPedido{font-size:20px;}    
    #lblTotalP3P4{font-size:22px;}
    #divTotalPedido{font-size:22px;}
    #lblObservacionesP3P4{font-size:20px;}
    #observaciones{font-size:20px;}
    #lbltipoEntrega{font-size:20px;}
    #btnMinusP3{font-size:27px;}
    #btnAddP3{font-size:27px;}    
    #tituloHistoriaP3{margin-left:30px;}
    #textoHistoriaP3{margin-left:30px;}
    #popud_infoArticuloPedido{font-size:17px;}
    #mensajePedido{font-size:20px;}
    #nombreComponenteArtP3{font-size:16px;}
    #signoComponenteArtP3{font-size:16px;}
    #valorComponenteArtP3{font-size:16px;}
    #descArtPopudP3{width:100%;}
    #contenedorTipoArt{font-size:22px;}
    
    #imgTuPedido{width:300px;height:70px;}    
    
    /*PAG4*/
    #cuandoP4{}
    /*#diaP4{width:35%;float:left;margin-top:10px;}*/    
    #contenedorComboDiaP4{width:100%;}
    /*#horaP4{width:35%;float:left;margin-left:5%;margin-top:10px;}*/    
    #contenedorComboHoraP4{width:100%;}
    /*#nombreP4{width:35%;float:left;margin-top:10px;}*/
    /*#apellidoP4{width:35%;float:left;margin-left:5%;margin-top:10px;}*/
    /*#telefonoP4{width:35%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#emailP4{width:35%;float:left;margin-left:5%;margin-top:10px;}*/
    /*#direccionP4{width:50%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#detalledireccionP4{width:90%;float:left;margin-left:0%;margin-top:10px;}*/
    #ciudadP4{width:100%;float:left;padding:5px;}
    #registrarmeP4{width:100%;float:left;padding:5px;}
    /*#formaPagoP4{width:100%;float:left;padding:5px;}*/
    /*#vueltasP4{width:100%;float:left;padding:5px;}*/  
    #comboDia{}
    #comboHoraEntrega{}    
    #campoNombreP4{width:100%;font-size:20px;}    
    #campoApellidoP4{width:100%;font-size:20px;}    
    #campoTelefonoP4{width:100%;font-size:20px;}    
    #campoEmailP4{width:100%;font-size:20px;}    
    #campoDireccionP4{width:100%;font-size:20px;}    
    #campoDetalleDireccionP4{width:100%;font-size:20px;}
    #textoCiudadP4{width:25%;font-size:20px;}
    #campoCiudadP4{width:70%;font-size:20px;}
    #textoRegistrarmeP4{width:35%;font-size:20px;}
    #campoRegistrarmeP4{width:20%;font-size:20px;}
    #textoVueltasP4{width:15%;font-size:20px;}
    /*#campoVueltasP4{width:70%;font-size:20px;}*/
    #textoFormaPagoP4{width:25%;font-size:20px;}
    #campoFormaPagoP4{width:95%;font-size:20px;}
    #lblEfectivoP4{width:70%;font-size:20px;}
    #lblEnvioDatafonoP4{width:70%;font-size:20px;}    
    #comboDia{}    
    #comboHoraEntrega{}    
    
    #campoTarjetaP4{width:30%;margin-left:0%;margin-top:10px;}
    #vencimientoTarjeta{width:30%;}
    #cvvTarjeta{width:20%;}
    
    
    #campoFormaPagoEfectivo{width:70%;margin-top:10px;}
    #campoFormaPagoDatafono{width:70%;margin-top:10px;}
    #campoFormaPagoOnline{width:70%;margin-top:10px;}
    
    #pagoOnlineP4{width:100%;margin-top:10px;margin-bottom:20px;}
    
    /*#opcionesPagoOnline{width:30%;margin-left:35%;margin-top:10px;margin-bottom:10px;}*/
    /*#pagoTarjetaCreditoP4{width:45%;margin-left:0%;}*/    
    /*#pagoTarjetaCreditoP4{width:45%;margin-left:10%;}*/
    /*#imgTarjetaCreditoP4{width:70px;height:70px;}*/
    /*#imgPseP4{width:70px;height:70px;}*/
    
    /*#campoNumeroTarjetaP4{width:25%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#campoTitularTarjetaP4{width:40%;float:left;margin-top:10px;margin-left:2%;}*/
    /*#campoVencimientoTarjetaP4{width:30%;float:left;margin-top:10px;margin-left:2%;}*/
    /*#campoCvvTarjetaP4{width:10%;float:left;margin-top:10px;margin-left:0%;}*/
    /*#cvvTarjeta{width:100%;}*/
    /*#campoDocumentoTarjetaP4{width:15%;float:left;margin-top:10px;margin-left:2%;}*/
    #campoLblCuotasTarjetaP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:2%;}
    /*#campoComboCuotasTarjetaP4{width:12%;float:left;margin-left:0%;margin-top:10px;margin-left:2%;}*/
    
    #campoLblBancoP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:0%;}
    #campoComboBancosP4{width:30%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    
    #cajaInformacionTitularCuentaPSE{width:100%;float:left;margin-left:0%;margin-top:10px;}
    #lblTituloInformacionTitularCuentaPSE{width:100%;float:left;}
    #cajaTipoPersonaPagoPSE{width:30%;float:left;margin-left:0%;margin-top:10px;}    
    #lblTipoPersonaPagoPSE{width:auto;margin-left:0%;}
    #cajaComboTipoPersonaPagoPSE{width:60%;margin-left:1%;}
    #cajaDatosDocumentoPagoPSE{width:50%;float:left;margin-left:0%;margin-top:10px;}    
    #lblTipoDocumentoPSE{width:auto;}
    #cajaComboTipoDocumentoPSE{width:40%;margin-left:1%;}
    #campoNumeroDocumentoPSE{width:25%;float:left;margin-left:1%;}
    
    #cajaDatosPagadorPagoPSE{width:100%;float:left;margin-left:0%;margin-top:20px;}
    #campoNombrePSE{width:15%;float:left;margin-left:0%;}
    #campoApellidosPSE{width:15%;float:left;margin-left:2%;}
    #campoEmailPSE{width:20%;float:left;margin-left:2%;}
    
    /*PAG5*/
        
    #cajaMsgPedidoOkP5{width:90%;margin-left:5%;}    
    #cajaImgChefMotoP5{width:30%;margin-left:35%;}
    #imgChefMotoP5{width:50%;}    
    #msgPedidoOkP5{width:70%;margin-left:15%;}
    #textoPedidoOkP5{width:98%;}
    #cajaElementosPagoP5{width:50%;margin-left:25%;}
    #textoPedioRealizadoP5{font-size:22px;}
    #textoEmailP5{width:100%;margin-left:0%;font-size:18px;}
    #textoGraciasCompraP5{font-size:20px;}
    #imgHomeP5{width:60px;height:60px;}
    
    /*Login all pages*/    
    #cajaElementosAllPage{width:70%;margin-left:15%;margin-top:50px;}
    #cajaContenedorLogin{width:100%;margin-left:0%;margin-top:0px;}
    #member_email{width:90%;}
    #member_pwd{width:90%;}
    #member_emailReg{width:90%;}
    #member_pwdReg{width:90%;}
    #invitacionEmail_1{width:90%;}
    #invitacionEmail_2{width:90%;}
    #invitacionEmail_3{width:90%;}
    #invitacionEmail_4{width:90%;}
    #invitacionEmail_5{width:90%;}
    #checkEmail_1{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_2{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_3{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_4{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_5{width:60%;margin-left:0%;margin-top:10px;}
    #member_pwd_1{width:90%;}
    #member_pwd_2{width:90%;}    
    #btnLoginSocio{width:94%;}
    #btnRegistrousuario{width:94%;}
    #btnCambiopwd{width:94%;}    
    #btnInvitar{width:94%;}
    #btnNuevoPwd{width:94%;}
    #fb_button_register{width:84%;margin-top:10px;}
    #cajaCheckLogin{width:4%;}
    #cajaLblCheckLogin{width:94%;margin-left:2%;}
    #divErrorRegistro{position:absolute;float:right;right:20%;width:15%;height:100px;top:190px;}
    #spamErrorLogin{width:90%;float:left;margin-left:5%;margin-top:10px;margin-bottom:10px;}
    #spamErrorLoginRegistro{width:90%;float:left;margin-left:5%;margin-top:15px;margin-bottom:10px;}
    #animacionEsperarRegistro{width:40%;position:absolute;top:35%;left:30%;margin-top: -9em;}
    #msgEsperaRegistro{margin-top:10px;}
    #divSociosRecomendados{width:100%;float:left;text-align:center;}
    #divEmailSociosRecomendados{float:left;width:90%;}
    #divImgCheckSociosRecomendados{float:right;width:8%;}
    #elementoEstadoBitacora{width:70%;margin-left:15%;margin-top:5px;background-color:#eee;}
    #cajaImagenIconoBitacora{width:15%;}
    #nombreEstadoBitacora{width:50%;margin-top:15px;}
    #fechaHoraEstadoBitacora{width:30%;margin-top:15px;}
}

/*TABLET PEQUEÑA*/
@media screen and (max-width:768px){
    input[type=checkbox] {
        width:20px;
        height:20px;            
        display: block;
        clear: left;
        float: left;
    }
    input[type=radio] {
        width:20px;
        height:20px;       
        clear: left;
        float: left;
    }
    select {        
        font-size:18px;
    } 
    a {        
        font-size:18px;
    } 
    input{        
        font-size:18px;        
    }
    
    .botonOk {
	font-size:19px;
	padding:20px 50px;	
    }
    .botonWarning{	
	font-size:19px;
	padding:20px 30px;	
    }    
    .botonError{	
	font-size:19px;
	padding:20px 50px;	
    }
    .botonSecundario{	
	font-size:19px;
	padding:20px 50px;	
    }
    .botonFacebook{	
	font-size:19px;
	padding:20px 50px;	
    }
    h1{font-size:30px;}
    h2{font-size:25px;}
    h3{font-size:19px;}
    h4{font-size:18px;}
    h5{font-size:17px;}
        
    /*popuds tablet pequeña*/    
    #cajaInserArticuloP3{width:100%;margin-left:1%;float:left;}
    #cajaPopudDetallesArtP3{width:98%;margin-left:1%;float:left;}    
    #loginContainerAllPages{width:600px;}
    #registroUserAllPages{width:600px;}
    #tellamamosAllPages{width:600px;}
    #contenedorDireccionChangeAllpages{width:700px;}
    #contenedorEstCerradoConfirmP2{width:700px;}
    
    
    #ui-id-2{font-size:22px;}
    
    
    #cabeceraPC{}    
    #logoCabeza{}
    #div_centroHome{min-height:730px;}        
    #cajaCentralHome{}
    #buscador{height:500px;}    
    #cajaDireccionP1{width:100%;}
    #lineaSeparadoraP1{display:none;}    
    #cajaLLamamosP1{width:25%;display:none;}    
    #textosP1{font-size:18px;}
    #cajaInfoGeneral{float:left;width:90%;margin-left:5%;}
    #cajaIconoSocial{margin-left:20px;}
    #cajaInfoGeneral{float:left;width:98%;margin-left:1%;}
    #margenIzqInternaCabeza{display:none;}
    #tituloCabezaGeneral{}
    #centroCabeza{margin-left:34%;}    
    #div_centroP2{min-height:810px;}        
    #textoTitulo1{font-size:18px;}
    #textoTitulo2{font-size:18px;}    
    #textoComun1{font-size:15px;}
    #cajaElementosPie{}
    #contenedorLogoPie{width:30%;margin-left:5%;display:none;}
    #listaAcercaDePie1{width:45%;margin-left:5%;}
    #listaAcercaDePie2{width:45%;margin-left:5%;}
    #textoTitulosPie{}
    #textoLinksPie{}
    #textoAcercaChefmenuPie{font-size:15px;display:none;}
    #dinamicAyudaContainer{left:0px;top:0px;width:150px;height:70px;}
    #textoAyudaDinamicContainer{width:100%;height:30px;}    
    #imgAyudaDinamic{width:20px;height:20px;}    
    
    
    /*PAG1*/
    
    /*pag1-cabeza*/    
    #navegacionGeneral{height:60px;}
    #cajaLogo{position:absolute;margin-left:0%;width:50%;}
    #imgLogoMarcaCabezote{width:90%;margin-left:5%;margin-top:20px;margin-bottom:5px;}
    #nombreMarca{width:10%;margin-left:20%;margin-top:12px;display:none;}    
    #cajaImagenDecoracionIzquierda{display:none;}
    #imgDecoIzq{display:none;}
    #cajaImagenDecoracionDerecha{}
    #imgDecoDer{width:100%;margin-top:70px;}    
    #cajaLogueado{width:30%;float:right;margin-right:2%;margin-top:0px;}
    #spamEmailSocio{width:30%;float:none;position:absolute;font-size:16px;margin-left:60%;margin-top:0px;}    
    #div_links_Entrar_Registrar{width:100%;float:left;}    
    
    /*pag1-direccion*/    
    #direccionP1{width:98%;margin-left:1%;margin-top:20px;}
    #cajaDireccionP1{width:100%;margin-left:0%;margin-top:0px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
    #contenidoDireccionP1{width:94%;margin-left:3%;margin-top:20px;margin-bottom:20px;}    
    /*#contenedorIdentificacionP1{width:100%;margin-top:10px; }*/
    #contenedorCiudadZonaP1{width:100%;margin-top:10px;}
    #cajaComponentesDireccionP1{width:100%;margin-top:10px;}
    /*#contenedorbtnBuscarIdentificacionP1{margin-top:4px;}*/
    #bBuscarTelefono{width:30px;}
    #bBuscarIdentificacion{width:30px;}
    #textosZonaP1{margin-top:15px;}
    #textosOrigenP1{margin-top:15px;}
    #contenedorCancelarPedidoP1{margin-top:20px;margin-bottom:10px;}
    #contenedorBtnBuscarP1{width:100%;margin-top:20px;margin-bottom:10px;text-align:center;}
    #textoNumerarP1{width:5%;float:left;margin-top:5px;margin-left:4%;font-size:40px;}
    /*#detalleDirP1{width:80%;margin-left:0px;}*/
    #textoPideP1{width:80%;margin-left:10%;padding:1%;margin-bottom:20px;display:none;}
    /*#detalleDirP1{width:90%;margin-left:0%;}*/    
    #detalleDir{width:95%;margin-left:0%;}
    #textoMensajesErrorP1{width:70%;height:auto;position:absolute;margin-left:15%;margin-top:500px;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    /*pag1-pasos*/
    #pasosContenedor{width:98%;margin-left:1%;margin-top:5px;}
    #lblTituloPasosP1{margin-top:20px;margin-bottom:10px;}    
    #ContenedorCajaPasosP1{float:left;position:relative;bottom:auto;margin-bottom:auto;}
    #cajaPasosP1{width:100%;margin-left:0%;margin-top:10px;margin-bottom:20px;}
    #cajaPaso1P1{width:30%;margin-left:35%;height:150px;margin-top:20px;background:url("../../systemImages/transparent.png");}
    #cajaPaso2P1{width:30%;margin-left:35%;height:150px;margin-top:20px;}
    #cajaPaso3P1{width:30%;margin-left:35%;height:150px;margin-top:20px;background:url("../../systemImages/transparent.png");}
    #cajaPaso4P1{width:30%;margin-left:35%;height:150px;margin-top:20px;}
    #contenedorImgStep1P1{margin-top:10px;}
    #imgPaso1P1{width:20%;margin-top:10px;margin-bottom:10px;}
    #contenedorImgStep2P1{margin-top:10px;}
    #imgPaso2P1{width:20%;margin-top:10px;margin-bottom:10px;}
    #contenedorImgStep3P1{margin-top:10px;}
    #imgPaso3P1{width:20%;margin-top:10px;margin-bottom:10px;}
    #contenedorImgStep4P1{margin-top:10px;}
    #imgPaso4P1{width:20%;margin-top:10px;margin-bottom:10px;}
    #div_pie_Home{}
    
    /*pag1-cabeza2 todas las pantallas menos home*/
    #cajaLogo2{position:absolute;margin-left:38%;width:24%;}
    #imgLogoMarcaCabezote2{width:95%;margin-left:5%;margin-top:10px;margin-bottom:5px;}
    #nombreMarca2{display:none;}
    #cajaNombreSocioSuperior2{width:25%;margin-left:10%;float:left;margin-top:20px;}    
    
    /*PAG2*/        
    #margenIzqPasos{width:15%;}    
    #pasos{width:80%;margin-left:10%;margin-top:20px;margin-bottom:30px;}    
    #step1{width:180px;height:70px;}
    #step2{width:180px;height:70px;}
    #step3{width:180px;height:70px;}            
    #contenedorPestanasP2{width:100%;min-height:150px;}
    #contenedorSelectorP2{width:40%;display:none;}     
    #contenedorContenidoP2{width:100%;background-color:#FFFFFF;}        
    #cabeceraListadoEstablecimientos{width:96%;background-color:#FFFFFF;margin-top:1px;}
    #lblDirEntrega{}
    #direccionEntrega{}  
    #msgCantEstCercanosP2{float:left;width:55%;text-align:left;font-size:18px;}
    #contenedorOrdenarP2{width:40%;text-align:left;float:right;}
    #lblOrdenarItemsP2{padding:0px;font-size:18px;}
    #contenedorItemsOrderP2{font-size:18px;}    
    #ordenEstablecimiento{font-size:18px;padding:0px;}    
    #ordenarTipoPantallasPequeñasP2{display:initial;}
    #tituloEstablecimientoPag2{position:absolute;float:none;margin-left:21%;margin-top:10px;font-size:18px;text-align:left;}
    #rantingEstablecimientoPag2{position:absolute;float:none;margin-left:21%;margin-top:25px;}    
    #imgRatingEstP2{width:100px;height:18px;}
    #contenedorImgEstP2{width:25%;}
    #imgEstP2{width:80%;}
    #contenedorImgPreviewEstP2{width:14%;text-align:left;display:none;}
    #imgPreviewP2{width:100%;}
    #divCERRADO{position:absolute;margin-top:0px;margin-left:0%;font-size:13px;}    
    #divbotonEstablecimientoPag2{width:60%;position:absolute;float:none;margin-left:20%;margin-top:45px;}        
    #btnAbrirEst{font-size:18px;width:100px;position:absolute;float:none;margin-left:20%;margin-top:0px;}        
    #divCantEstFiltro{font-size:18px;}
    #lblCategoriaArtP2{width:90%;font-size:18px;height:30px;margin-left:10px;}
    
    #lblTipoComidaP2{margin-top:20px;margin-bottom:10px;}
    #cajaListaTipoComidaP2{width:98%;float:left;margin-left:1%;}
    #elementoListaTipoComidaP2{width:49%;margin-left:1%;margin-bottom:2px;}
    #lblcantEstFiltroP2{margin-top:0px;}
    #listaEstablecimientos{width:100%;}
    #pedidoMinimoEstP2{position:absolute;float:none;margin-left:21%;margin-top:50px;}
    #costoEnvioEstP2{position:absolute;float:none;margin-left:21%;margin-top:70px;}
    
    /*PAG3*/    
    #PanelCentro{width:100%;}
    #PanelDerecho{width:98%;float:left;margin-left:1%;height:max-content;position:initial;}
    #dinamicPedidoContainer{float:right;display:initial;right:20px;width:90px;height:90px;top:150px;right:20px;-webkit-border-radius:50px;-khtml-border-radius:50px;-moz-border-radius:50px;}
    #dinamicCajaImgOrden{float:left;width:100%;margin-top:10px;text-align:center;}
    #dinamicCajaValorOrden{float:left;width:100%;margin-top:10px;text-align:center;}
    #seccionUnoCabezaEstP3{width:20%;padding:2px;background-color:#695952;}
    #seccionDosCabezaEstP3{width:75%;padding:2px;}
    #colUnoCabezaEstP3{width:60%;}
    #colDosCabezaEstP3{width:35%;}
    #colTresCabezaEstP3{display:none;}    
    #textoTitulo3{font-size:14px;}
    #divEstado{font-size:12px;}
    #cajaImagenFoto{width:10%;}
    #imgCamaraP3{}
    #div_conten_art{height:35px;padding:5px; }/*alto caja articulo*/
    #contenedortextonombreInterno{font-size:16px;margin-top:5px;margin-left:10px;width:82%;}
    #contenedorSignoInterno{font-size:16px;margin-top:5px;margin-left:3px;font-weight:bold;}
    #contenedortextoprecioInterno{font-size:16px;margin-top:5px;margin-left:3px;font-weight:bold;}    
    #contenedorbtnAddInterno{}
    #seccionListaArticulos{float:left;/*1 Columnas*/ width:95%;padding:2px;}
    .textoSpamGeneral{color: rgba(0, 0, 0, 0.9);font-family: 'Droid Serif',sans-serif;font-size: 14px;font-weight: normal;}
    .valoresSpan{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    .valoresArtPedido{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    #imgLogoEstP3{width:90px;height:90px;}
    #imgRankEstP3{width:90px;height:15px;}    
    #caja_flotante{}
    #msgIvaArtP3P4{width:97%;float:left;}
    #sugerenciaEstablecimientos{display:none;}
    #listaEstablecimientoTipo{display:none;}
    #listaEstablecimientosCercanos{display:none;}    
    #contenedorCajaPedidoP3{width:95%;}        
    #returnListadoP3{width:100%;float:left;font-size:19px;margin-left:0px;}
    #direccionEntregaReturn{width:100%;float:left;font-size:19px;margin-top:5px;margin-left:0px;}
    #datosEstablecimiento{margin-top:40px;}
    #nombreEstP3P4{font-size:18px;}
    #cajaHelpP3P4{width:80%;display:none;}    
    #dinamicCajaValorOrden{font-size:18px;}
    #panelManagerMovil{display:initial;}
    #iconosBorrarPedidoP3{width:30%;margin-left:120px;}
    #iconosContinuarPedidoP3{width:30%;}
    #separadorIconosPedidoMovilP3{width:5%;}    
    #detArtPart1{width:100%;font-size:18px;}    
    #detArtPart2{width:30%;margin-left:70%;margin-top:5px;font-size:18px;}    
    #detallePedidoDatosArticulo{font-size:18px;}
    #detallePedido{height:auto;overflow-y:hidden;}    
    #detArtImgInfo{display:none;}
    #detallePedidoConfiguracionInfoArticulo{display:initial;width:94%;margin-left:3%;margin-top:5px;margin-bottom:5px;font-size:18px;}
    #lblSubTotalP3P4{font-size:18px;}
    #divSubTotalPedido{font-size:18px;}    
    #lblTotalP3P4{font-size:20px;}
    #divTotalPedido{font-size:20px;}
    #lblObservacionesP3P4{font-size:18px;}
    #observaciones{width:100%;margin-left:1%;height:100px;font-size:18px;}
    #lbltipoEntrega{font-size:18px;}
    #btnMinusP3{font-size:25px;}
    #btnAddP3{font-size:25px;}    
    #tituloHistoriaP3{margin-left:30px;}
    #textoHistoriaP3{margin-left:30px;}
    #popud_infoArticuloPedido{font-size:15px;}
    #mensajePedido{font-size:18px;}
    #nombreComponenteArtP3{font-size:18px;}
    #signoComponenteArtP3{font-size:18px;}
    #valorComponenteArtP3{font-size:18px;}
    
    #div_conten_art_promo{height:200px;margin-top:20px;}
    #lblNombreArtPopudP3{margin-top:20px;}
    #cajaImagenArtPopudP3{width:80%;float:left;margin-left:10%;margin-top:10px;}
    #cajaCombosConfiguracionesArtPopudP3{width:90%;float:left;margin-left:0%;margin-right:0%;margin-top:10px;}
    #descArtPopudP3{width:99%;float:left;margin-left:1%;margin-top:10px;}
    #cajaTamanoArtPopudP3{width:48%;float:left;margin-left:1%;margin-right:0%;margin-top:10px;}
    #cajaTerminoArtPopudP3{width:48%;float:left;margin-left:1%;margin-right:0%;margin-top:10px;}
    #cajaComplementosArtPopudP3{width:48%;float:left;margin-left:1%;margin-right:0%;margin-top:10px;}
    #cajaOpcionalesArtPopudP3{width:48%;float:left;margin-left:1%;margin-right:0%;margin-top:10px;}
    #lblNombreOpcionalPopudP3{float:left;font-size:13px;}
    #cajaComponentesConfiguracionesArtPopudP3{width:90%;float:left;margin-left:0%;margin-right:0%;margin-top:5px;margin-bottom:10px;}
    #cajaComponentesArtListaTamano{width:97%;margin-left:2%;margin-top:5px;}
    #lblObservacionesxArticuloPopudP3{width:100%;float:left;font-size:13px;margin-top:10px;margin-bottom:10px;}
    #cajaObservacionesPopudP3{width:35%;margin-left:0%;}
    #cajaComponentesCantidadyValorPopudP3{width:60%;margin-left:0%;margin-top:20px;}
    #lblCantidadArtPopudP3{}
    #cantidadArticulo{margin-left:10px;}
    #cajaBtnSumaP3{margin-left:10%;}
    #cajaBtnRestaP3{margin-left:10%;}    
    #cajaValArtP3{width:30%;margin-left:10%;margin-top:20px;}
    #divValArt{font-size:30px;}
    #lblNombreOpcionArtPopudP3{width:98%;margin-bottom:4px;margin-left:1px;}
    #cajaComboOpcionalesPopudP3{width:100%;float:left;}
    #comboTamanoPorcion{width:100%;}    
    #comboComplementos{width:100%;}
    #comboTermino{width:100%;}
    #comboOpcionales_0{width:100%;}
    #comboOpcionales_1{width:100%;}
    #comboOpcionales_2{width:100%;}
    #comboOpcionales_3{width:100%;}
    #comboOpcionales_4{width:100%;}
    #comboOpcionales_5{width:100%;}
    #comboOpcionales_6{width:100%;}
    #comboOpcionales_7{width:100%;}
    #comboOpcionales_8{width:100%;}
    #comboOpcionales_9{width:100%;}
    #comboOpcionales_10{width:100%;}    
    #cajaObservacionesPopudP3{width:95%;}
    #contenedorErrorPopudArtP3{height:auto;margin-top:10px;margin-bottom:10px;}
    #divErrorCantidad{font-size:18px;}    
    #cajaBolsaVaciaP3{width:80%;float:left;margin-left:10%;text-align:center;}
    #cajaImgBolsaVaciaP3{width:40%;float:left;margin-left:30%;margin-top:20px;text-align:center;}
    #imgBolsaVaciaP3{width:100%;}
    #lblBolsaVaciaP3{width:100%;float:left;margin-top:20px;}
    #divBotonPagarPag3{text-align:center;margin-top:10px;}
    #observacionesxArticuloPopudP3{width:98%;height:200px;font-size:16px;}
    
    
    /*PAG4*/
    #cuandoP4{}
    /*#diaP4{width:40%;float:left;margin-top:10px;}*/    
    #contenedorComboDiaP4{width:100%;}
    /*#horaP4{width:40%;float:left;margin-left:5%;margin-top:10px;}*/    
    #contenedorComboHoraP4{width:100%;}
    /*#nombreP4{width:40%;float:left;margin-top:10px;}*/
    /*#apellidoP4{width:40%;float:left;margin-left:5%;margin-top:10px;}*/
    /*#telefonoP4{width:40%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#emailP4{width:40%;float:left;margin-left:5%;margin-top:10px;}*/
    /*#direccionP4{width:70%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#detalledireccionP4{width:95%;float:left;margin-left:0%;margin-top:10px;}*/
    #ciudadP4{width:100%;float:left;padding:5px;}
    #registrarmeP4{width:100%;float:left;padding:5px;}
    /*#formaPagoP4{width:100%;float:left;padding:5px;}*/
    /*#vueltasP4{width:100%;float:left;padding:5px;}*/  
    #comboDia{}
    #comboHoraEntrega{}    
    #campoNombreP4{width:100%;font-size:18px;}    
    #campoApellidoP4{width:100%;font-size:18px;}    
    #campoTelefonoP4{width:100%;font-size:18px;}    
    #campoEmailP4{width:100%;font-size:18px;}    
    #campoDireccionP4{width:100%;font-size:18px;}    
    #campoDetalleDireccionP4{width:100%;font-size:18px;}
    #textoCiudadP4{width:25%;font-size:18px;}
    #campoCiudadP4{width:70%;font-size:18px;}
    #textoRegistrarmeP4{width:35%;font-size:18px;}
    #campoRegistrarmeP4{width:20%;font-size:18px;}
    #textoVueltasP4{width:25%;font-size:18px;}
    /*#campoVueltasP4{width:30%;font-size:18px;}*/
    #textoFormaPagoP4{width:25%;font-size:18px;}
    #campoFormaPagoP4{width:95%;font-size:18px;}    
    #lblEfectivoP4{width:70%;font-size:18px;}
    #lblEnvioDatafonoP4{width:70%;font-size:18px;}        
    #divCambiarPedidoMoviles{margin-top:20px;margin-bottom:20px;}
    #btnConfirmarPedido{width:100%;}
    
    #campoFormaPagoEfectivo{width:70%;margin-top:10px;}
    #campoFormaPagoDatafono{width:70%;margin-top:10px;}
    #campoFormaPagoOnline{width:70%;margin-top:10px;}
    
    #pagoOnlineP4{width:100%;margin-top:10px;margin-bottom:20px;}
    
    /*#opcionesPagoOnline{width:60%;margin-left:20%;margin-top:10px;margin-bottom:10px;}*/
    /*#pagoTarjetaCreditoP4{width:45%;margin-left:0%;}*/    
    /*#pagoTarjetaCreditoP4{width:45%;margin-left:10%;}*/
    /*#imgTarjetaCreditoP4{width:60px;height:60px;}*/
    /*#imgPseP4{width:60px;height:60px;}*/
    
    /*#campoNumeroTarjetaP4{width:30%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#campoTitularTarjetaP4{width:60%;float:left;margin-top:10px;margin-left:3%;}*/
    /*#campoVencimientoTarjetaP4{width:15%;float:left;margin-top:10px;margin-left:0%;}*/
    /*#vencimientoTarjeta{width:100%}*/
    /*#campoCvvTarjetaP4{width:10%;float:left;margin-top:10px;margin-left:3%;}*/
    /*#cvvTarjeta{width:100%;}*/
    /*#campoDocumentoTarjetaP4{width:20%;float:left;margin-top:10px;margin-left:3%;}*/
    #campoLblCuotasTarjetaP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:3%;}
    /*#campoComboCuotasTarjetaP4{width:15%;float:left;margin-left:0%;margin-top:10px;margin-left:3%;}*/
    
    #campoLblBancoP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:0%;}
    #campoComboBancosP4{width:50%;float:left;margin-left:0%;margin-top:10px;margin-left:1%;}
    
    #cajaInformacionTitularCuentaPSE{width:100%;float:left;margin-left:0%;margin-top:10px;}
    #lblTituloInformacionTitularCuentaPSE{width:100%;float:left;}
    #cajaTipoPersonaPagoPSE{width:100%;float:left;margin-left:0%;margin-top:10px;}    
    #lblTipoPersonaPagoPSE{width:auto;margin-left:0%;}
    #cajaComboTipoPersonaPagoPSE{width:50%;margin-left:3%;}
    #cajaDatosDocumentoPagoPSE{width:100%;float:left;margin-left:0%;margin-top:10px;}    
    #lblTipoDocumentoPSE{width:auto;}
    #cajaComboTipoDocumentoPSE{width:45%;margin-left:3%;}
    #campoNumeroDocumentoPSE{width:30%;float:left;margin-left:2%;}
    
    #cajaDatosPagadorPagoPSE{width:100%;float:left;margin-left:0%;margin-top:10px;}
    #campoNombrePSE{width:47%;float:left;margin-left:0%;}
    #campoApellidosPSE{width:47%;float:left;margin-left:3%;}
    #campoEmailPSE{width:47%;float:left;margin-left:0%;margin-top:10px;}
    
    /*PAG5*/
        
    #cajaMsgPedidoOkP5{width:90%;margin-left:5%;}    
    #cajaImgChefMotoP5{width:30%;margin-left:35%;}
    #imgChefMotoP5{width:50%;}    
    #msgPedidoOkP5{width:90%;margin-left:5%;}
    #textoPedidoOkP5{width:98%;}
    #cajaElementosPagoP5{width:70%;margin-left:15%;}
    #textoPedioRealizadoP5{font-size:22px;}
    #textoEmailP5{width:100%;margin-left:0%;font-size:12px;}
    #textoGraciasCompraP5{font-size:14px;}
    #imgHomeP5{width:60px;height:60px;}
    
    
    /*Login all pages*/    
    #cajaElementosAllPage{width:70%;margin-left:15%;margin-top:200px;}
    #cajaContenedorLogin{width:100%;margin-left:0%;margin-top:0px;}
    #member_email{width:90%;}
    #member_pwd{width:90%;}
    #member_emailReg{width:90%;}
    #member_pwdReg{width:90%;}
    #invitacionEmail_1{width:90%;}
    #invitacionEmail_2{width:90%;}
    #invitacionEmail_3{width:90%;}
    #invitacionEmail_4{width:90%;}
    #invitacionEmail_5{width:90%;}
    #checkEmail_1{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_2{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_3{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_4{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_5{width:60%;margin-left:0%;margin-top:10px;}
    #member_pwd_1{width:90%;}
    #member_pwd_2{width:90%;}    
    #btnLoginSocio{width:94%;}
    #btnRegistrousuario{width:94%;}
    #btnCambiopwd{width:94%;}    
    #btnInvitar{width:94%;}
    #btnNuevoPwd{width:94%;}
    #fb_button_register{width:80%;margin-top:10px;}
    #cajaCheckLogin{width:4%;}
    #cajaLblCheckLogin{width:94%;margin-left:2%;}
    #divErrorRegistro{position:absolute;float:right;right:20%;width:15%;height:100px;top:190px;}
    #spamErrorLogin{width:90%;float:left;margin-left:5%;margin-top:10px;margin-bottom:10px;}
    #spamErrorLoginRegistro{width:90%;float:left;margin-left:5%;margin-top:15px;margin-bottom:10px;}
    #animacionEsperarRegistro{width:40%;position:absolute;top:35%;left:30%;margin-top: -9em;}
    #msgEsperaRegistro{margin-top:10px;}
    #divSociosRecomendados{width:100%;float:left;text-align:center;}
    #divEmailSociosRecomendados{float:left;width:90%;}
    #divImgCheckSociosRecomendados{float:right;width:8%;}
    #elementoEstadoBitacora{width:70%;margin-left:15%;margin-top:5px;background-color:#eee;}
    #cajaImagenIconoBitacora{width:15%;}
    #nombreEstadoBitacora{width:50%;margin-top:15px;}
    #fechaHoraEstadoBitacora{width:30%;margin-top:15px;}
}


/*MOVIL GRANDE*/
@media screen and (max-width:480px){
    input[type=checkbox] {
        width:15px;
        height:15px;
        display: block;
        clear: left;
        float: left;
    }
    input[type=radio] {
        width:15px;
        height:15px;
        clear: left;
        float: left;
    }
    select {
        font-size:13px; 
    } 
    a {        
        font-size:13px;
    } 
    input{        
        font-size:13px;
        height:43px;
    }
    
    h1{font-size:18px;}
    h2{font-size:16px;}
    h3{font-size:13px;}
    h4{font-size:12px;}
    h5{font-size:11px;}
        
    /*popuds tablet pequeña*/    
    #cajaPopudDetallesArtP3{width:98%;}
    #loginContainerAllPages{width:600px;}
    #registroUserAllPages{width:600px;}
    #tellamamosAllPages{width:600px;}
    #contenedorDireccionChangeAllpages{width:700px;}
    #contenedorEstCerradoConfirmP2{width:98%;}
    
    
    #ui-id-2{font-size:22px;}
    
    
    #cabeceraPC{}    
    #logoCabeza{background-image:url(sprite/768px.png);background-position: 0 0; width: 250px; height: 116px;}
    #div_centroHome{height:auto;} 
    #buscador{margin-top:0px;height:auto;}    
    #cajaCentralHome{}
    #cajaDireccionP1{width:100%;}
    #lineaSeparadoraP1{display:none;}    
    #cajaLLamamosP1{width:25%;display:none;}    
    #textosP1{font-size:18px;}
    #cajaIconoSocial{margin-left:20px;}
    #margenIzqInternaCabeza{display:none;}
    #tituloCabezaGeneral{}
    #centroCabeza{margin-left:34%;}    
    #div_centroP2{min-height:810px;}        
    #textoTitulo1{font-size:16px;}
    #textoTitulo2{font-size:14px;}    
    #textoComun1{font-size:12px;}
    #textoComun2{font-size:10px;}
    #cajaElementosPie{}
    #contenedorLogoPie{width:30%;margin-left:5%;display:none;}
    #listaAcercaDePie1{width:90%;margin-left:5%;text-align:center;}
    #listaAcercaDePie2{width:90%;margin-left:5%;text-align:center;}
    #textoTitulosPie{}
    #textoLinksPie{}
    #textoAcercaChefmenuPie{font-size:15px;display:none;}
    #dinamicAyudaContainer{}
    #cajaContenidoAyudaDinamicP3P4{}
    #textoAyudaDinamicContainer{width:100%;height:30px;}    
    #imgAyudaDinamic{width:20px;height:20px;}    
    #SeparadorFilas{height:5px;}
    
    /*PAG1*/
    
    /*pag1-cabeza*/    
    #navegacionGeneral{height:60px;}
    #cajaLogo{position:absolute;margin-left:0%;width:70%;}
    #imgLogoMarcaCabezote{width:90%;margin-left:0%;margin-top:20px;margin-bottom:5px;}
    #nombreMarca{width:10%;margin-left:20%;margin-top:12px;display:none;}    
    #cajaImagenDecoracionIzquierda{display:none;}
    #imgDecoIzq{display:none;}
    #cajaImagenDecoracionDerecha{}
    #imgDecoDer{width:100%;margin-top:70px;}    
    #cajaLogueado{width:30%;float:right;margin-right:2%;margin-top:0px;}
    #spamEmailSocio{width:100%;float:none;position:absolute;font-size:16px;margin-left:0%;margin-top:0px;}    
    #div_links_Entrar_Registrar{width:100%;float:left;}    
    
    /*pag1-direccion*/
    #textoIngresaP1{display:none;}
    #direccionP1{width:98%;margin-left:1%;margin-top:20px;}
    #cajaDireccionP1{width:100%;margin-left:0%;margin-top:0px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
    #contenidoDireccionP1{width:94%;margin-left:3%;margin-top:20px;margin-bottom:20px;}    
    /*#contenedorIdentificacionP1{width:100%;margin-top:10px; }*/
    #contenedorCiudadZonaP1{width:100%;margin-top:10px;}
    #cajaComponentesDireccionP1{width:100%;margin-top:10px;}
    /*#contenedorbtnBuscarIdentificacionP1{margin-top:4px;}*/
    #bBuscarTelefono{width:30px;}
    #bBuscarIdentificacion{width:30px;}
    #textosZonaP1{margin-top:15px;}
    #textosOrigenP1{margin-top:15px;}
    #contenedorCancelarPedidoP1{margin-top:20px;margin-bottom:10px;}
    #contenedorBtnBuscarP1{width:100%;margin-top:20px;margin-bottom:10px;text-align:center;}
    /*#detalleDirP1{width:80%;margin-left:0px;}*/
    #textoPideP1{width:80%;margin-left:10%;padding:1%;margin-bottom:20px;display:none;}
    /*#detalleDirP1{width:90%;margin-left:0%;}*/    
    #detalleDir{width:95%;margin-left:0%;}
    #textoMensajesErrorP1{width:70%;height:auto;position:absolute;margin-left:15%;margin-top:600px;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    #viappal{width:100%;}
    #textoNumerarP1{width:5%;float:left;margin-top:3px;margin-left:1%;margin-right:1%;font-size:30px;}
    #viageneradora{width:100%;}
    #placa{width:100%;}
    /*pag1-pasos*/
    #pasosContenedor{width:98%;margin-left:1%;margin-top:5px;}
    #lblTituloPasosP1{margin-top:20px;margin-bottom:10px;}    
    #ContenedorCajaPasosP1{float:left;position:relative;bottom:auto;margin-bottom:auto;}
    #cajaPasosP1{width:100%;margin-left:0%;margin-top:10px;margin-bottom:20px;}
    #cajaPaso1P1{width:50%;margin-left:25%;margin-top:20px;background:url("../../systemImages/transparent.png");}
    #cajaPaso2P1{width:50%;margin-left:25%;margin-top:20px;}
    #cajaPaso3P1{width:50%;margin-left:25%;margin-top:20px;background:url("../../systemImages/transparent.png");}
    #cajaPaso4P1{width:50%;margin-left:25%;margin-top:20px;}
    #contenedorImgStep1P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso1P1{width:20%;}
    #contenedorImgStep2P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso2P1{width:20%;}
    #contenedorImgStep3P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso3P1{width:20%;}
    #contenedorImgStep4P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso4P1{width:20%;}
    #div_pie_Home{}
    
    
    /*pag1-cabeza2 todas las pantallas menos home*/
    #cajaLogo2{position:absolute;margin-left:38%;width:24%;}
    #imgLogoMarcaCabezote2{width:95%;margin-left:5%;margin-top:10px;margin-bottom:5px;}
    #nombreMarca2{display:none;}
    #cajaNombreSocioSuperior2{width:25%;margin-left:10%;float:left;margin-top:20px;}
    
    
    #elementoEstadoBitacora{width:90%;margin-left:5%;margin-top:5px;background-color:#eee;}
    #cajaImagenIconoBitacora{width:15%;}
    #nombreEstadoBitacora{width:50%;margin-top:15px;}
    #fechaHoraEstadoBitacora{width:30%;margin-top:15px;}
    
    
    /*PAG2*/        
    #margenIzqPasos{width:15%;}    
    #pasos{width:80%;margin-left:10%;margin-top:20px;margin-bottom:30px;}    
    #step1{width:180px;height:70px;}
    #step2{width:180px;height:70px;}
    #step3{width:180px;height:70px;}
    #tabs{width:100%;padding:0px;}       
    #contenedorPestanasP2{width:100%;min-height:150px;}
    #contenedorSelectorP2{width:100%;}
    #contenedorContenidoP2{width:100%;background-color:#FFFFFF;}        
    #cabeceraListadoEstablecimientos{width:96%;background-color:#FFFFFF;margin-top:1px;}
    #lblDirEntrega{}
    #direccionEntrega{width:95%;float:left;margin-left:2px;margin-top:5px;margin-bottom:5px;}  
    #msgCantEstCercanosP2{float:left;width:100%;margin-top:5px;margin-bottom:5px;text-align:left;margin-left:0px;}
    #contenedorOrdenarP2{width:100%;text-align:left;float:left;text-align:center;margin-top:5px;margin-bottom:5px;}
    #lblOrdenarItemsP2{width:25%;padding:0px;}
    #contenedorItemsOrderP2{width:70%;padding:0px;}    
    #ordenEstablecimiento{width:60%;padding:0px;}    
    #ordenarTipoPantallasPequeñasP2{width:100%;display:initial;}
    #tituloEstablecimientoPag2{position:absolute;float:none;margin-left:25%;margin-top:10px;font-size:18px;text-align:left;}
    #rantingEstablecimientoPag2{position:absolute;float:none;margin-left:25%;margin-top:35px;}    
    #imgRatingEstP2{width:80px;height:15px;}
    #contenedorImgEstP2{width:35%;}
    #imgEstP2{width:80%;}
    #contenedorImgPreviewEstP2{width:14%;text-align:left;display:none;}
    #imgPreviewP2{width:100%;}
    #divCERRADO{position:absolute;margin-top:0px;margin-left:0%;font-size:13px;}    
    #divbotonEstablecimientoPag2{width:60%;position:absolute;float:none;margin-left:20%;margin-top:45px;}        
    #btnAbrirEst{font-size:11px;width:50px;position:absolute;float:none;margin-left:15%;margin-top:0px;}        
    #divCantEstFiltro{font-size:18px;}
    #lblCategoriaArtP2{width:90%;font-size:18px;height:30px;margin-left:10px;}
    
    #lblTipoComidaP2{margin-top:20px;margin-bottom:10px;}
    #cajaListaTipoComidaP2{width:98%;float:left;margin-left:1%;}
    #elementoListaTipoComidaP2{width:95%;margin-left:1%;margin-bottom:2px;}
    #lblcantEstFiltroP2{margin-top:0px;}
    #listaEstablecimientos{width:100%;}
    #pedidoMinimoEstP2{position:absolute;float:none;margin-left:25%;margin-top:60px;}
    #costoEnvioEstP2{position:absolute;float:none;margin-left:25%;margin-top:80px;}
    
    /*PAG3*/    
    #PanelCentro{width:100%;}
    #PanelDerecho{width:98%;display:none;display:inline-block;}
    #dinamicPedidoContainer{float:right;display:initial;right:20px;width:70px;height:70px;top:150px;right:20px;-webkit-border-radius:50px;-khtml-border-radius:50px;-moz-border-radius:50px;}
    #seccionUnoCabezaEstP3{width:25%;padding:1px;background-color:#fff;}
    #seccionDosCabezaEstP3{width:65%;padding:1px;margin-left:5%;}
    #colUnoCabezaEstP3{width:100%;display:none;}
    #colDosCabezaEstP3{width:100%;}
    #colTresCabezaEstP3{display:none;}    
    #tabs-1{padding:3px;}
    #tabs-2{padding:3px;}
    #tabs-3{padding:3px;}
    #textoTitulo3{font-size:14px;}
    #divEstado{font-size:12px;}
    #cajaImagenFoto{width:10%;display:none;}
    #imgCamaraP3{}
    #div_conten_art{height:35px;padding:5px; }/*alto caja articulo*/
    #contenedortextonombreInterno{font-size:12px;margin-top:3px;margin-left:1px;width:82%;}
    #contenedorSignoInterno{font-size:12px;margin-top:3px;margin-left:1px;display:none;}
    #contenedortextoprecioInterno{font-size:12px;margin-top:3px;margin-left:1px;font-weight:normal;}    
    #contenedorbtnAddInterno{}
    #div_seccionListaArticulos{}
    #seccionListaArticulos{float:left;/*1 Columnas*/ width:100%;}
    .textoSpamGeneral{color: rgba(0, 0, 0, 0.9);font-family: 'Droid Serif',sans-serif;font-size: 14px;font-weight: normal;}
    .valoresSpan{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    .valoresArtPedido{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    #imgLogoEstP3{width:90px;height:90px;}
    #imgRankEstP3{width:90px;height:15px;}
    #btnPagar{}
    #caja_flotante{float:left;position:absolute;width:100%;right:0;}
    #contenedorCajaPedidoP3{width:100%;position:static;}
    #msgIvaArtP3P4{width:97%;float:left;}
    #sugerenciaEstablecimientos{display:none;}
    #listaEstablecimientoTipo{display:none;}
    #listaEstablecimientosCercanos{display:none;}        
    #returnListadoP3{width:90%;float:left;margin-top:5px;margin-bottom:10px;margin-left:0%;}
    #direccionEntregaReturn{width:90%;float:left;margin-top:5px;margin-bottom:10px;margin-left:0%;}
    #nombreEstP3P4{font-size:18px;}
    #cajaRankEstP3P4{float:left;}
    #cajaHelpP3P4{width:80%;display:none;}    
    #dinamicCajaValorOrden{font-size:14px;}
    #panelManagerMovil{display:initial;}
    #iconosBorrarPedidoP3{width:40%;margin-left:20px;}
    #iconosContinuarPedidoP3{width:40%;}
    #separadorIconosPedidoMovilP3{width:2%;}    
    #detallePedidoDatosArticulo{width:100%;float:left;}
    #detallePedido{height:auto;overflow-y:hidden;}
    #detArtPart1{width:95%;font-size:16px;}    
    #detArtPart2{width:40%;margin-left:50%;font-size:16px;}
    #btnMinusP3{width:15px;height:15px;margin-left:0px;}
    #btnAddP3{width:15px;height:15px;margin-left:0px;}    
    #cajaSimboloMenosdetArtPart2{margin-left:1%;width:10%;float:left;text-align:center;padding:0px;}
    #cajaCantidaddetArtPart2{width:10%;float:left;text-align:center;margin-left:1%;text-align:center;padding:0px;}
    #cajaSimboloMasdetArtPart2{margin-left:1%;width:10%;float:left;text-align:center;}
    #detallePedidoNombreArticulo{width:100%;height:30px;float:left;text-align:left;margin-left:1%;padding:0px;}
    #cajaValorPart2{width:70%;float:left;text-align:left;margin-left:0px;}
    #detArtImgInfo{width:15px;height:15px;margin-left:1%;}
    #detallePedidoConfiguracionInfoArticulo{display:initial;width:94%;margin-left:3%;margin-top:5px;margin-bottom:5px;font-size:16px;}
    #lblSubTotalP3P4{font-size:14px;}
    #divSubTotalPedido{font-size:14px;}    
    #lblTotalP3P4{font-size:15px;}
    #divTotalPedido{font-size:15px;}
    #lblObservacionesP3P4{font-size:14px;}
    #observaciones{width:100%;height:200px;font-size:14px;}
    #lbltipoEntrega{font-size:12px;}
   
    #tituloHistoriaP3{margin-left:30px;}
    #textoHistoriaP3{margin-left:30px;}
    #popud_infoArticuloPedido{font-size:15px;}
    #mensajePedido{font-size:14px;}
    #cantidadArticulo{width:30%;margin-top:5px;}
    #cajaBtnSumaP3{width:30%;}
    #cajaBtnRestaP3{width:30%;}    
    #cajaValArtP3{width:100%;margin-top:20px;text-align:center;}
    #divValArt{width:100%;text-align:center;}
    #cajaComponentesArtIzqP3{width:100%;}
    #cajaComponentesArtDerP3{width:100%;}    
    #selectComponenteArtP3{width:10%;}
    #nombreComponenteArtP3{width:60%;font-size:12px;}
    #signoComponenteArtP3{width:5%;font-size:12px;}
    #valorComponenteArtP3{width:15%;font-size:12px;}
    
    #comboComplementos{width:100%;}
    #imgOrdenPedido{width:20px;height:20px;}
    #div_conten_art_promo{height:110px;margin-top:5px;}
    
    
    #lblNombreArtPopudP3{margin-top:10px;font-size:16px;}
    #cajaImagenArtPopudP3{width:70%;float:left;margin-left:15%;margin-top:10px;}
    #imgArtPopudP3{width:100%;}
    #cajaCombosConfiguracionesArtPopudP3{width:90%;float:left;margin-left:0%;margin-right:0%;margin-top:10px;}
    #descArtPopudP3{width:100%;float:left;margin-left:0%;margin-top:10px;}
    #cajaTamanoArtPopudP3{width:98%;float:left;margin-left:1%;margin-right:0%;margin-top:5px;}
    #cajaTerminoArtPopudP3{width:98%;float:left;margin-left:1%;margin-right:0%;margin-top:5px;}
    #cajaComplementosArtPopudP3{width:98%;float:left;margin-left:1%;margin-right:0%;margin-top:5px;}
    #cajaOpcionalesArtPopudP3{width:98%;float:left;margin-left:1%;margin-right:0%;margin-top:5px;}
    #lblNombreOpcionalPopudP3{float:left;font-size:13px;}
    #cajaComponentesConfiguracionesArtPopudP3{width:90%;float:left;margin-left:0%;margin-right:0%;margin-top:5px;margin-bottom:5px;}
    #cajaComponentesArtListaTamano{width:97%;margin-left:2%;margin-top:5px;}
    #lblObservacionesxArticuloPopudP3{width:100%;float:left;font-size:13px;margin-top:5px;margin-bottom:5px;}
    #cajaObservacionesPopudP3{width:100%;margin-left:0%;}
    #lblObservacionesxArticuloPopudP3{width:100%;}
    #cajaObservacionesxArticuloPopudP3{width:100%;}
    #observacionesxArticuloPopudP3{width:98%;height:200px;font-size:14px;}
    #cajaComponentesCantidadyValorPopudP3{width:100%;margin-left:0%;margin-top:10px;}
    #lblCantidadArtPopudP3{}
    #cantidadArticulo{margin-left:10px;}
    #cajaBtnSumaP3{margin-left:10%;}
    #cajaBtnRestaP3{margin-left:10%;}    
    #cajaValArtP3{width:100%;margin-left:0%;margin-top:5px;text-align:center;}
    #divValArt{font-size:18px;}
    #lblNombreOpcionArtPopudP3{width:98%;margin-bottom:4px;margin-left:1px;}
    #cajaComboOpcionalesPopudP3{width:100%;float:left;}
    #comboTamanoPorcion{width:100%;}    
    #comboComplementos{width:100%;}
    #comboTermino{width:100%;}
    #comboOpcionales_0{width:100%;}
    #comboOpcionales_1{width:100%;}
    #comboOpcionales_2{width:100%;}
    #comboOpcionales_3{width:100%;}
    #comboOpcionales_4{width:100%;}
    #comboOpcionales_5{width:100%;}
    #comboOpcionales_6{width:100%;}
    #comboOpcionales_7{width:100%;}
    #comboOpcionales_8{width:100%;}
    #comboOpcionales_9{width:100%;}
    #comboOpcionales_10{width:100%;}    
    #cajaObservacionesPopudP3{width:95%;}
    #contenedorErrorPopudArtP3{height:auto;margin-top:5px;margin-bottom:5px;}
    #divErrorCantidad{font-size:14px;}    
    #cajaBolsaVaciaP3{width:80%;float:left;margin-left:10%;text-align:center;}
    #cajaImgBolsaVaciaP3{width:40%;float:left;margin-left:30%;margin-top:20px;text-align:center;}
    #imgBolsaVaciaP3{width:100%;}
    #lblBolsaVaciaP3{width:100%;float:left;margin-top:20px;}
    
    /*PAG4*/
    #cuandoP4{}
    /*#diaP4{width:90%;float:left;margin-top:5px;}*/    
    #contenedorComboDiaP4{width:100%;}
    /*#horaP4{width:90%;float:left;margin-left:1%;margin-top:5px;}*/    
    #contenedorComboHoraP4{width:100%;}
    /*#nombreP4{width:90%;float:left;margin-top:5px;}*/
    /*#apellidoP4{width:90%;float:left;margin-left:0%;margin-top:5px;}*/
    /*#telefonoP4{width:90%;float:left;margin-left:0%;margin-top:5px;}*/
    /*#emailP4{width:90%;float:left;margin-left:0%;margin-top:5px;}*/
    /*#direccionP4{width:90%;float:left;margin-left:0%;margin-top:5px;}*/
    /*#detalledireccionP4{width:90%;float:left;margin-left:0%;margin-top:5px;}*/

    #ciudadP4{width:100%;float:left;padding:5px;}
    #registrarmeP4{width:100%;float:left;padding:5px;}
    /*#formaPagoP4{width:100%;float:left;padding:5px;}*/
    /*#vueltasP4{width:100%;float:left;padding:5px;}*/  
    #comboDia{}
    #comboHoraEntrega{}    
    #campoNombreP4{width:100%;}    
    #campoApellidoP4{width:100%;}    
    #campoTelefonoP4{width:100%;}    
    #campoEmailP4{width:100%;}    
    #campoDireccionP4{width:100%;}
    #clienteDireccion{width:100%;}    
    #campoDetalleDireccionP4{width:100%;}
    #detalleDir{width:100%;}
    #textoCiudadP4{width:25%;}
    #campoCiudadP4{width:70%;}
    #textoRegistrarmeP4{width:35%;}
    #campoRegistrarmeP4{width:20%;}
    #textoVueltasP4{width:40%;}
    /*#campoVueltasP4{width:40%;}*/
    #textoFormaPagoP4{width:25%;}
    #campoFormaPagoP4{width:95%;}    
    #lblEfectivoP4{width:70%;}
    #lblEnvioDatafonoP4{width:70%;}        
    
    #campoFormaPagoEfectivo{width:95%;margin-top:10px;}
    #campoFormaPagoDatafono{width:95%;margin-top:10px;}
    #campoFormaPagoOnline{width:95%;margin-top:10px;}
    
    #pagoOnlineP4{width:100%;margin-top:10px;margin-bottom:20px;}
    
    /*#opcionesPagoOnline{width:98%;margin-left:1%;margin-top:10px;margin-bottom:10px;}*/
    /*#pagoTarjetaCreditoP4{width:48%;margin-left:0%;}*/    
    /*#pagoTarjetaCreditoP4{width:48%;margin-left:2%;}*/
    /*#imgTarjetaCreditoP4{width:60px;height:60px;}*/
    /*#imgPseP4{width:60px;height:60px;}*/
    
    /*#campoNumeroTarjetaP4{width:95%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#campoTitularTarjetaP4{width:95%;float:left;margin-top:10px;margin-left:0%;}*/
    /*#campoVencimientoTarjetaP4{width:30%;float:left;margin-top:10px;margin-left:0%;}*/
    /*#vencimientoTarjeta{width:100%;}*/
    /*#campoCvvTarjetaP4{width:15%;float:left;margin-top:10px;margin-left:3%;}*/
    /*#cvvTarjeta{width:100%;}*/
    /*#campoDocumentoTarjetaP4{width:95%;float:left;margin-top:10px;margin-left:0%;}*/
    #campoLblCuotasTarjetaP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:3%;}
    /*#campoComboCuotasTarjetaP4{width:20%;float:left;margin-left:0%;margin-top:10px;margin-left:3%;}*/
    
    #campoLblBancoP4{width:95%;float:left;margin-left:0%;margin-top:10px;margin-left:0%;}
    #campoComboBancosP4{width:95%;float:left;margin-left:0%;margin-top:10px;margin-left:0%;}
    
    #cajaInformacionTitularCuentaPSE{width:100%;float:left;margin-left:0%;margin-top:0px;}
    #lblTituloInformacionTitularCuentaPSE{width:100%;float:left;}
    #cajaTipoPersonaPagoPSE{width:100%;float:left;margin-left:0%;margin-top:0px;}    
    #lblTipoPersonaPagoPSE{width:95%;margin-left:0%;margin-top:10px;}
    #cajaComboTipoPersonaPagoPSE{width:95%;margin-left:0%;margin-top:10px;}
    #cajaDatosDocumentoPagoPSE{width:100%;float:left;margin-left:0%;margin-top:0px;}    
    #lblTipoDocumentoPSE{width:95%;margin-top:10px;}
    #cajaComboTipoDocumentoPSE{width:95%;margin-left:0%;margin-top:10px;}
    #campoNumeroDocumentoPSE{width:95%;float:left;margin-left:0%;margin-top:10px;}
    
    #cajaDatosPagadorPagoPSE{width:100%;float:left;margin-left:0%;margin-top:10px;}
    #campoNombrePSE{width:95%;float:left;margin-left:0%;margin-top:0px;}
    #campoApellidosPSE{width:95%;float:left;margin-left:0%;margin-top:10px;}
    #campoEmailPSE{width:95%;float:left;margin-left:0%;margin-top:10px;}
    
    /*PAG5*/    
    #cajaMsgPedidoOkP5{width:96%;margin-left:2%;}    
    #cajaImgChefMotoP5{width:30%;margin-left:35%;}
    #imgChefMotoP5{width:100%;}    
    #msgPedidoOkP5{width:90%;margin-left:5%;}
    #textoPedidoOkP5{width:98%;}
    #cajaElementosPagoP5{width:90%;margin-left:5%;}
    #textoPedioRealizadoP5{font-size:14px;}
    #textoEmailP5{width:100%;margin-left:0%;font-size:12px;}
    #textoGraciasCompraP5{font-size:14px;}
    #imgHomeP5{width:60px;height:60px;}
    
    /*Login all pages*/    
    #cajaElementosAllPage{width:90%;margin-left:5%;margin-top:150px;}
    #cajaContenedorLogin{width:100%;margin-left:0%;margin-top:0px;}
    #member_email{width:90%;}
    #member_pwd{width:90%;}
    #member_emailReg{width:90%;}
    #member_pwdReg{width:90%;}
    #invitacionEmail_1{width:90%;}
    #invitacionEmail_2{width:90%;}
    #invitacionEmail_3{width:90%;}
    #invitacionEmail_4{width:90%;}
    #invitacionEmail_5{width:90%;}
    #checkEmail_1{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_2{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_3{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_4{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_5{width:60%;margin-left:0%;margin-top:10px;}
    #member_pwd_1{width:90%;}
    #member_pwd_2{width:90%;}    
    #btnLoginSocio{width:94%;}
    #btnRegistrousuario{width:94%;}
    #btnCambiopwd{width:94%;}    
    #btnInvitar{width:94%;}
    #btnNuevoPwd{width:94%;}
    #fb_button_register{width:76%;margin-top:10px;}
    #cajaCheckLogin{width:4%;}
    #cajaLblCheckLogin{width:94%;margin-left:2%;}
    #divErrorRegistro{position:absolute;float:right;right:20%;width:15%;height:100px;top:190px;}
    #spamErrorLogin{width:90%;float:left;margin-left:5%;margin-top:10px;margin-bottom:10px;}
    #spamErrorLoginRegistro{width:90%;float:left;margin-left:5%;margin-top:15px;margin-bottom:10px;}
    #animacionEsperarRegistro{width:40%;position:absolute;top:35%;left:30%;margin-top: -9em;}
    #msgEsperaRegistro{margin-top:10px;}
    #divSociosRecomendados{width:100%;float:left;text-align:center;}
    #divEmailSociosRecomendados{float:left;width:90%;}
    #divImgCheckSociosRecomendados{float:right;width:8%;}
    #elementoEstadoBitacora{width:70%;margin-left:15%;margin-top:5px;background-color:#eee;}
    #cajaImagenIconoBitacora{width:15%;}
    #nombreEstadoBitacora{width:50%;margin-top:15px;}
    #fechaHoraEstadoBitacora{width:30%;margin-top:15px;}
}


/*MOVIL PEQUEÑO*/
@media screen and (max-width:320px){
    input[type=checkbox] {
        width:20px;
        height:20px;            
        display: block;
        clear: left;
        float: left;
    }
    input[type=radio] {
        width:20px;
        height:20px;       
        clear: left;
        float: left;
    }
    select {        
        font-size:16px;
        height:48px;
        padding: 0.1em 0.1em;
    } 
    a {        
        font-size:16px;
    } 
    input{        
        font-size:14px;
        padding: 0.1em 0.1em;
    }
    
    .botonOk {
	font-size:16px;
	padding:5px 10px;	
    }
    .botonWarning{	
	font-size:16px;
	padding:5px 10px;	
    }    
    .botonError{	
	font-size:16px;
	padding:5px 10px;	
    }
    .botonSecundario{	
	font-size:16px;
	padding:5px 10px;	
    }
    .botonFacebook{	
	font-size:16px;
	padding:5px 10px;	
    }
    h1{font-size:20px;}
    h2{font-size:18px;}
    h3{font-size:16px;}
    h4{font-size:13px;}
    h5{font-size:12px;}
        
    /*popuds celular pequeno*/    
    #cajaInserArticuloP3{width:98%;margin-left:1%;float:left;}
    #cajaPopudDetallesArtP3{width:98%;margin-left:1%;float:left;}    
    #loginContainerAllPages{width:98%;margin-left:1%;float:left;}
    #registroUserAllPages{width:98%;margin-left:1%;float:left;}
    #tellamamosAllPages{width:98%;margin-left:1%;float:left;}
    #dialog-estadoestablecimiento{width:98%;margin-left:1%;float:left;}    
    #dialog-modal{width:98%;margin-left:1%;float:left;}    
    #contenedorDireccionChangeAllpages{width:100%;}
    #contenedorEstCerradoConfirmP2{width:100%;}
    
    
    #ui-id-1{font-size:18px;}
    #ui-id-2{font-size:18px;}
    #ui-id-3{font-size:18px;}
    
    
    #cabeceraPC{}    
    #logoCabeza{}
    #div_centroHome{height:auto;}        
    #cajaCentralHome{}
    #buscador{margin-top:0px;height:auto;}    
    #cajaDireccionP1{width:100%;}
    #lineaSeparadoraP1{display:none;}    
    #cajaLLamamosP1{width:25%;display:none;}    
    #textosP1{font-size:18px;}
    #cajaIconoSocial{margin-left:20px;}
    #margenIzqInternaCabeza{display:none;}
    #tituloCabezaGeneral{}
    #centroCabeza{margin-left:34%;}    
    #div_centroP2{min-height:810px;}        
    #textoTitulo1{font-size:18px;}
    #textoTitulo2{font-size:18px;}    
    #textoComun1{font-size:15px;}
    #cajaElementosPie{}
    #contenedorLogoPie{width:30%;margin-left:5%;display:none;}
    #listaAcercaDePie1{width:90%;margin-left:5%;}
    #listaAcercaDePie2{width:90%;margin-left:5%;}
    #textoTitulosPie{}
    #textoLinksPie{}
    #textoAcercaChefmenuPie{font-size:15px;display:none;}
    #dinamicAyudaContainer{}
    #textoAyudaDinamicContainer{width:100%;height:30px;}    
    #imgAyudaDinamic{width:20px;height:20px;}    
    
    
    /*PAG1*/
    
    /*pag1-cabeza*/    
    #navegacionGeneral{height:60px;}
    #cajaLogo{position:absolute;margin-left:5%;width:70%;}
    #imgLogoMarcaCabezote{width:90%;margin-left:0%;margin-top:20px;margin-bottom:5px;}
    #nombreMarca{width:10%;margin-left:20%;margin-top:12px;display:none;}    
    #cajaImagenDecoracionIzquierda{display:none;}
    #imgDecoIzq{display:none;}
    #cajaImagenDecoracionDerecha{}
    #imgDecoDer{width:100%;margin-top:70px;}    
    #cajaLogueado{width:30%;float:right;margin-right:2%;margin-top:0px;}
    #spamEmailSocio{width:80%;float:none;position:absolute;font-size:16px;margin-left:0%;margin-top:50px;}    
    #div_links_Entrar_Registrar{width:100%;float:left;}    
    
    /*pag1-direccion*/
    #textoIngresaP1{display:none;}
    #direccionP1{width:98%;margin-left:1%;margin-top:20px;}
    #cajaDireccionP1{width:100%;margin-left:0%;margin-top:0px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
    #contenidoDireccionP1{width:94%;margin-left:3%;margin-top:20px;margin-bottom:20px;}    
    /*#contenedorIdentificacionP1{width:100%;margin-top:10px; }*/
    #contenedorCiudadZonaP1{width:100%;margin-top:10px;}
    #cajaComponentesDireccionP1{width:100%;margin-top:10px;}
    /*#contenedorbtnBuscarIdentificacionP1{margin-top:4px;}*/
    #bBuscarTelefono{width:30px;}
    #bBuscarIdentificacion{width:30px;}
    #textosZonaP1{margin-top:15px;}
    #textosOrigenP1{margin-top:15px;}
    #contenedorCancelarPedidoP1{margin-top:20px;margin-bottom:10px;}
    #contenedorBtnBuscarP1{width:100%;margin-top:20px;margin-bottom:10px;text-align:center;}
    /*#detalleDirP1{width:80%;margin-left:0px;}*/
    #textoPideP1{width:80%;margin-left:10%;padding:1%;margin-bottom:20px;display:none;}
    /*#detalleDirP1{width:90%;margin-left:0%;}*/    
    #detalleDir{width:95%;margin-left:0%;}
    #textoMensajesErrorP1{width:70%;height:auto;position:absolute;margin-left:15%;margin-top:600px;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    #contenedorComponentesP1ViaPpal{width:12%;float:left;}
    #viappal{width:100%;}
    #textoNumerarP1{width:5%;float:left;margin-top:5px;margin-left:3%;font-size:30px;}
    #contenedorComponentesP1ViaGen{width:12%;float:left;}
    #viageneradora{width:100%;}
    #contenedorComponentesP1Placa{width:12%;float:left;}
    #placa{width:100%;}
    /*pag1-pasos*/
    #pasosContenedor{width:98%;margin-left:1%;margin-top:5px;}
    #lblTituloPasosP1{margin-top:20px;margin-bottom:10px;}    
    #ContenedorCajaPasosP1{float:left;position:relative;bottom:auto;margin-bottom:auto;}
    #cajaPasosP1{width:100%;margin-left:0%;margin-top:10px;margin-bottom:20px;}
    #cajaPaso1P1{width:50%;margin-left:25%;margin-top:20px;background:url("../../systemImages/transparent.png");}
    #cajaPaso2P1{width:50%;margin-left:25%;margin-top:20px;}
    #cajaPaso3P1{width:50%;margin-left:25%;margin-top:20px;background:url("../../systemImages/transparent.png");}
    #cajaPaso4P1{width:50%;margin-left:25%;margin-top:20px;}
    #contenedorImgStep1P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso1P1{width:20%;}
    #contenedorImgStep2P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso2P1{width:20%;}
    #contenedorImgStep3P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso3P1{width:20%;}
    #contenedorImgStep4P1{margin-top:10px;margin-bottom:10px;}
    #imgPaso4P1{width:20%;}
    #div_pie_Home{}
    
    /*pag1-cabeza2 todas las pantallas menos home*/
    #cajaLogo2{position:absolute;margin-left:20%;width:60%;}
    #imgLogoMarcaCabezote2{width:95%;margin-left:5%;margin-top:10px;margin-bottom:5px;}
    #nombreMarca2{display:none;}
    #cajaNombreSocioSuperior2{width:25%;margin-left:10%;float:left;margin-top:20px;}    
    
    /*PAG2*/        
    #margenIzqPasos{width:15%;}    
    #pasos{width:80%;margin-left:10%;margin-top:20px;margin-bottom:30px;}    
    #step1{width:180px;height:70px;}
    #step2{width:180px;height:70px;}
    #step3{width:180px;height:70px;}
    #tabGenerales{width:96%;}
    #textoTitulo2{width:70%;}       
    #contenedorPestanasP2{width:100%;min-height:150px;}
    #contenedorSelectorP2{width:40%;display:none;}     
    #contenedorContenidoP2{width:100%;background-color:#FFFFFF;}        
    #cabeceraListadoEstablecimientos{width:96%;background-color:#FFFFFF;margin-top:1px;}
    #lblDirEntrega{margin-left:2px;}
    #direccionEntrega{font-size:16px;margin-left:0px;}  
    #msgCantEstCercanosP2{float:left;width:100%;text-align:center;font-size:18px;}
    #contenedorOrdenarP2{width:100%;text-align:center;float:left;margin-top:10px;margin-bottom:10px;}
    #lblOrdenarItemsP2{padding:0px;font-size:18px;}
    #contenedorItemsOrderP2{font-size:18px;}    
    #ordenEstablecimiento{font-size:18px;padding:0px;}    
    #ordenarTipoPantallasPequeñasP2{display:initial;}
    #tituloEstablecimientoPag2{position:absolute;float:none;margin-left:31%;margin-top:10px;font-size:12px;text-align:left;}
    #rantingEstablecimientoPag2{position:absolute;float:none;margin-left:30%;margin-top:35px;}    
    #imgRatingEstP2{width:100px;height:18px;}
    #contenedorImgEstP2{width:30%;}
    #imgEstP2{width:100%;}
    #contenedorImgPreviewEstP2{width:14%;text-align:left;display:none;}
    #imgPreviewP2{width:100%;}
    #divCERRADO{position:absolute;margin-top:0px;margin-left:0%;font-size:13px;}    
    #divbotonEstablecimientoPag2{width:60%;position:absolute;float:none;margin-left:20%;margin-top:45px;}        
    #btnAbrirEst{font-size:12px;width:60px;position:absolute;float:none;margin-left:30%;margin-top:0px;}        
    #divCantEstFiltro{font-size:18px;}
    #lblCategoriaArtP2{width:90%;font-size:18px;height:30px;margin-left:10px;}
    
    #lblTipoComidaP2{margin-top:20px;margin-bottom:10px;}
    #cajaListaTipoComidaP2{width:98%;float:left;margin-left:1%;}
    #elementoListaTipoComidaP2{width:99%;margin-left:1%;margin-bottom:2px;}
    #lblcantEstFiltroP2{margin-top:0px;}
    #listaEstablecimientos{width:100%;}
    #pedidoMinimoEstP2{position:absolute;float:none;margin-left:31%;margin-top:50px;}
    #costoEnvioEstP2{position:absolute;float:none;margin-left:31%;margin-top:70px;}    
    /*PAG3*/    
    #PanelCentro{width:100%;}
    #PanelDerecho{width:98%;float:left;margin-left:1%;height:max-content;position:initial;}
    #dinamicPedidoContainer{float:right;display:initial;right:20px;width:90px;height:90px;top:150px;right:20px;-webkit-border-radius:50px;-khtml-border-radius:50px;-moz-border-radius:50px;}
    #dinamicCajaImgOrden{float:left;width:100%;margin-top:10px;text-align:center;}
    #dinamicCajaValorOrden{float:left;width:100%;margin-top:10px;text-align:center;}
    #seccionUnoCabezaEstP3{width:60%;margin-left:15%;background-color:#eee;}
    #seccionDosCabezaEstP3{width:100%;margin-left:0%;}
    #colUnoCabezaEstP3{width:98%;margin-left:1%;}
    #colDosCabezaEstP3{width:98%;margin-left:1%;}
    #colTresCabezaEstP3{display:none;}    
    #textoTitulo3{font-size:14px;}
    #divEstado{font-size:12px;}
    #cajaImagenFoto{width:10%;}
    #imgCamaraP3{}
    #div_conten_art{height:35px;padding:5px; }/*alto caja articulo*/
    #contenedortextonombreInterno{font-size:14px;margin-top:5px;margin-left:10px;width:82%;}
    #contenedorSignoInterno{font-size:14px;margin-top:5px;margin-left:3px;font-weight:bold;}
    #contenedortextoprecioInterno{font-size:14px;margin-top:5px;margin-left:3px;font-weight:bold;}    
    #contenedorbtnAddInterno{}
    #seccionListaArticulos{float:left;/*1 Columnas*/ width:95%;padding:2px;}
    .textoSpamGeneral{color: rgba(0, 0, 0, 0.9);font-family: 'Droid Serif',sans-serif;font-size: 14px;font-weight: normal;}
    .valoresSpan{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    .valoresArtPedido{float:right;text-align:left;font: bold 16px Arial, Helvetica, sans-serif;}
    #imgLogoEstP3{width:100px;height:100px;}
    #imgRankEstP3{width:90px;height:15px;}    
    #caja_flotante{}
    #msgIvaArtP3P4{width:97%;float:left;}
    #sugerenciaEstablecimientos{display:none;}
    #listaEstablecimientoTipo{display:none;}
    #listaEstablecimientosCercanos{display:none;}    
    #contenedorCajaPedidoP3{width:95%;}        
    #returnListadoP3{width:100%;float:left;font-size:16px;margin-left:0px;}
    #direccionEntregaReturn{width:100%;float:left;font-size:16px;margin-top:5px;margin-left:0px;}
    #datosEstablecimiento{margin-top:40px;}
    #nombreEstP3P4{font-size:18px;}
    #cajaHelpP3P4{width:80%;display:none;}    
    #dinamicCajaValorOrden{font-size:18px;}
    #panelManagerMovil{display:initial;}
    #iconosBorrarPedidoP3{width:30%;margin-left:120px;}
    #iconosContinuarPedidoP3{width:30%;}
    #separadorIconosPedidoMovilP3{width:5%;}    
    #detArtPart1{width:100%;font-size:18px;}    
    #detArtPart2{width:30%;margin-left:70%;margin-top:5px;font-size:18px;}    
    #detallePedidoDatosArticulo{font-size:18px;}
    #detallePedido{height:auto;overflow-y:hidden;}    
    #detArtImgInfo{display:none;}
    #detallePedidoConfiguracionInfoArticulo{display:initial;width:94%;margin-left:3%;margin-top:5px;margin-bottom:5px;font-size:18px;}
    #lblSubTotalP3P4{font-size:18px;}
    #divSubTotalPedido{font-size:18px;}    
    #lblTotalP3P4{font-size:20px;}
    #divTotalPedido{font-size:20px;}
    #lblObservacionesP3P4{font-size:18px;}
    #observaciones{width:100%;margin-left:1%;height:100px;font-size:18px;}
    #lbltipoEntrega{font-size:18px;}
    #btnMinusP3{font-size:25px;}
    #btnAddP3{font-size:25px;}    
    #tituloHistoriaP3{margin-left:30px;}
    #textoHistoriaP3{margin-left:30px;}
    #popud_infoArticuloPedido{font-size:15px;}
    #mensajePedido{font-size:16px;}
    #nombreComponenteArtP3{font-size:13px;}
    #signoComponenteArtP3{font-size:13px;}
    #valorComponenteArtP3{font-size:13px;}
    
    #div_conten_art_promo{height:110px;margin-top:20px;}
    #lblNombreArtPopudP3{margin-top:20px;}
    #cajaImagenArtPopudP3{width:80%;float:left;margin-left:10%;margin-top:10px;}
    #cajaCombosConfiguracionesArtPopudP3{width:90%;float:left;margin-left:0%;margin-right:0%;margin-top:10px;}
    #descArtPopudP3{width:99%;float:left;margin-left:1%;margin-top:10px;}
    #cajaTamanoArtPopudP3{width:98%;float:left;margin-left:1%;margin-right:0%;margin-top:10px;}
    #cajaTerminoArtPopudP3{width:98%;float:left;margin-left:1%;margin-right:0%;margin-top:10px;}
    #cajaComplementosArtPopudP3{width:98%;float:left;margin-left:1%;margin-right:0%;margin-top:10px;}
    #cajaOpcionalesArtPopudP3{width:98%;float:left;margin-left:1%;margin-right:0%;margin-top:10px;}
    #lblNombreOpcionalPopudP3{float:left;font-size:13px;}
    #cajaComponentesConfiguracionesArtPopudP3{width:90%;float:left;margin-left:0%;margin-right:0%;margin-top:5px;margin-bottom:10px;}
    #cajaComponentesArtListaTamano{width:97%;margin-left:2%;margin-top:5px;}
    #lblObservacionesxArticuloPopudP3{width:100%;float:left;font-size:13px;margin-top:10px;margin-bottom:10px;}
    #cajaObservacionesPopudP3{width:98%;margin-left:1%;}
    #cajaComponentesCantidadyValorPopudP3{width:98%;margin-left:1%;margin-top:20px;text-align:center;}
    #lblCantidadArtPopudP3{}
    #cantidadArticulo{margin-left:10px;}
    #cajaBtnSumaP3{margin-left:10%;}
    #cajaBtnRestaP3{margin-left:10%;}    
    #cajaValArtP3{width:98%;margin-left:1%;margin-top:20px;}
    #divValArt{font-size:30px;}
    #lblNombreOpcionArtPopudP3{width:98%;margin-bottom:4px;margin-left:1px;}
    #cajaComboOpcionalesPopudP3{width:100%;float:left;}
    #comboTamanoPorcion{width:100%;}    
    #comboComplementos{width:100%;}
    #comboTermino{width:100%;}
    #comboOpcionales_0{width:100%;}
    #comboOpcionales_1{width:100%;}
    #comboOpcionales_2{width:100%;}
    #comboOpcionales_3{width:100%;}
    #comboOpcionales_4{width:100%;}
    #comboOpcionales_5{width:100%;}
    #comboOpcionales_6{width:100%;}
    #comboOpcionales_7{width:100%;}
    #comboOpcionales_8{width:100%;}
    #comboOpcionales_9{width:100%;}
    #comboOpcionales_10{width:100%;}    
    #cajaObservacionesPopudP3{width:95%;}
    #contenedorErrorPopudArtP3{height:auto;margin-top:10px;margin-bottom:10px;}
    #divErrorCantidad{font-size:18px;}    
    #cajaBolsaVaciaP3{width:80%;float:left;margin-left:10%;text-align:center;}
    #cajaImgBolsaVaciaP3{width:40%;float:left;margin-left:30%;margin-top:20px;text-align:center;}
    #imgBolsaVaciaP3{width:100%;}
    #lblBolsaVaciaP3{width:100%;float:left;margin-top:20px;}
    #divBotonPagarPag3{text-align:center;margin-top:10px;}
    #observacionesxArticuloPopudP3{width:98%;height:200px;font-size:16px;}
    
    
    /*PAG4*/
    #cuandoP4{}
    /*#diaP4{width:95%;float:left;margin-top:5px;}*/    
    #contenedorComboDiaP4{width:100%;}
    /*#horaP4{width:95%;float:left;margin-left:0%;margin-top:5px;}*/    
    #contenedorComboHoraP4{width:100%;}
    /*#nombreP4{width:95%;float:left;margin-top:10px;}*/
    /*#apellidoP4{width:95%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#telefonoP4{width:95%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#emailP4{width:95%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#direccionP4{width:95%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#detalledireccionP4{width:95%;float:left;margin-left:0%;margin-top:10px;}*/

    #ciudadP4{width:100%;float:left;padding:5px;}
    #registrarmeP4{width:100%;float:left;padding:5px;}
    /*#formaPagoP4{width:100%;float:left;padding:5px;}*/
    /*#vueltasP4{width:100%;float:left;padding:5px;}*/  
    #comboDia{}
    #comboHoraEntrega{}    
    #campoNombreP4{width:100%;font-size:18px;}    
    #campoApellidoP4{width:100%;font-size:18px;}    
    #campoTelefonoP4{width:100%;font-size:18px;}    
    #campoEmailP4{width:100%;font-size:18px;}    
    #campoDireccionP4{width:100%;font-size:18px;}    
    #campoDetalleDireccionP4{width:100%;font-size:18px;}
    #textoCiudadP4{width:25%;font-size:18px;}
    #campoCiudadP4{width:70%;font-size:18px;}
    #textoRegistrarmeP4{width:35%;font-size:18px;}
    #campoRegistrarmeP4{width:20%;font-size:18px;}
    #textoVueltasP4{width:40%;font-size:18px;}
    /*#campoVueltasP4{width:40%;font-size:18px;}*/   
    #textoFormaPagoP4{width:25%;font-size:18px;}
    #campoFormaPagoP4{width:95%;font-size:18px;}    
    #lblEfectivoP4{width:80%;font-size:18px;}
    #lblEnvioDatafonoP4{width:80%;font-size:18px;}
    
    #campoFormaPagoEfectivo{width:100%;margin-top:10px;}
    #campoFormaPagoDatafono{width:100%;margin-top:10px;}
    #campoFormaPagoOnline{width:100%;margin-top:10px;}
    
    #pagoOnlineP4{width:100%;margin-top:10px;margin-bottom:20px;}
    
    /*#opcionesPagoOnline{width:98%;margin-left:1%;margin-top:10px;margin-bottom:10px;}*/
    /*#pagoTarjetaCreditoP4{width:48%;margin-left:0%;}*/    
    /*#pagoTarjetaCreditoP4{width:48%;margin-left:2%;}*/
    /*#imgTarjetaCreditoP4{width:60px;height:60px;}*/
    /*#imgPseP4{width:60px;height:60px;}*/
    
    /*#campoNumeroTarjetaP4{width:95%;float:left;margin-left:0%;margin-top:10px;}*/
    /*#campoTitularTarjetaP4{width:95%;float:left;margin-top:10px;margin-left:0%;}*/
    /*#campoVencimientoTarjetaP4{width:30%;float:left;margin-top:10px;margin-left:0%;}*/
    /*#vencimientoTarjeta{width:100%;}*/
    /*#campoCvvTarjetaP4{width:15%;float:left;margin-top:10px;margin-left:3%;}*/
    /*#cvvTarjeta{width:100%;}*/
    /*#campoDocumentoTarjetaP4{width:95%;float:left;margin-top:10px;margin-left:0%;}*/
    #campoLblCuotasTarjetaP4{width:auto;float:left;margin-left:0%;margin-top:10px;margin-left:3%;}
    /*#campoComboCuotasTarjetaP4{width:20%;float:left;margin-left:0%;margin-top:10px;margin-left:3%;}*/
    
    #campoLblBancoP4{width:95%;float:left;margin-left:0%;margin-top:10px;margin-left:0%;}
    #campoComboBancosP4{width:95%;float:left;margin-left:0%;margin-top:10px;margin-left:0%;}
    
    #cajaInformacionTitularCuentaPSE{width:100%;float:left;margin-left:0%;margin-top:0px;}
    #lblTituloInformacionTitularCuentaPSE{width:100%;float:left;}
    #cajaTipoPersonaPagoPSE{width:100%;float:left;margin-left:0%;margin-top:0px;}    
    #lblTipoPersonaPagoPSE{width:95%;margin-left:0%;margin-top:10px;}
    #cajaComboTipoPersonaPagoPSE{width:95%;margin-left:0%;margin-top:10px;}
    #cajaDatosDocumentoPagoPSE{width:100%;float:left;margin-left:0%;margin-top:0px;}    
    #lblTipoDocumentoPSE{width:95%;margin-top:10px;}
    #cajaComboTipoDocumentoPSE{width:95%;margin-left:0%;margin-top:10px;}
    #campoNumeroDocumentoPSE{width:95%;float:left;margin-left:0%;margin-top:10px;}
    
    #cajaDatosPagadorPagoPSE{width:100%;float:left;margin-left:0%;margin-top:10px;}
    #campoNombrePSE{width:95%;float:left;margin-left:0%;margin-top:0px;}
    #campoApellidosPSE{width:95%;float:left;margin-left:0%;margin-top:10px;}
    #campoEmailPSE{width:95%;float:left;margin-left:0%;margin-top:10px;}
    
    /*PAG5*/    
    #cajaMsgPedidoOkP5{width:96%;margin-left:2%;}    
    #cajaImgChefMotoP5{width:30%;margin-left:35%;}
    #imgChefMotoP5{width:100%;}    
    #msgPedidoOkP5{width:90%;margin-left:5%;}
    #textoPedidoOkP5{width:98%;}
    #cajaElementosPagoP5{width:90%;margin-left:5%;}
    #textoPedioRealizadoP5{font-size:14px;}
    #textoEmailP5{width:100%;margin-left:0%;font-size:12px;}
    #textoGraciasCompraP5{font-size:14px;}
    #imgHomeP5{width:60px;height:60px;}
    
    
    /*Login all pages*/    
    #cajaElementosAllPage{width:70%;margin-left:15%;margin-top:200px;}
    #cajaContenedorLogin{width:100%;margin-left:0%;margin-top:0px;}
    #member_email{width:90%;}
    #member_pwd{width:90%;}
    #member_emailReg{width:90%;}
    #member_pwdReg{width:90%;}
    #invitacionEmail_1{width:90%;}
    #invitacionEmail_2{width:90%;}
    #invitacionEmail_3{width:90%;}
    #invitacionEmail_4{width:90%;}
    #invitacionEmail_5{width:90%;}
    #checkEmail_1{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_2{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_3{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_4{width:60%;margin-left:0%;margin-top:10px;}
    #checkEmail_5{width:60%;margin-left:0%;margin-top:10px;}
    #member_pwd_1{width:90%;}
    #member_pwd_2{width:90%;}    
    #btnLoginSocio{width:94%;}
    #btnRegistrousuario{width:94%;}
    #btnCambiopwd{width:94%;}    
    #btnInvitar{width:94%;}
    #btnNuevoPwd{width:94%;}
    #fb_button_register{width:80%;margin-top:10px;}
    #cajaCheckLogin{width:4%;}
    #cajaLblCheckLogin{width:94%;margin-left:2%;}
    #divErrorRegistro{position:absolute;float:right;right:20%;width:15%;height:100px;top:190px;}
    #spamErrorLogin{width:90%;float:left;margin-left:5%;margin-top:10px;margin-bottom:10px;}
    #spamErrorLoginRegistro{width:90%;float:left;margin-left:5%;margin-top:15px;margin-bottom:10px;}
    #animacionEsperarRegistro{width:40%;position:absolute;top:35%;left:30%;margin-top: -9em;}
    #msgEsperaRegistro{margin-top:10px;}
    #divSociosRecomendados{width:100%;float:left;text-align:center;}
    #divEmailSociosRecomendados{float:left;width:90%;}
    #divImgCheckSociosRecomendados{float:right;width:8%;}
    #elementoEstadoBitacora{width:70%;margin-left:15%;margin-top:5px;background-color:#eee;}
    #cajaImagenIconoBitacora{width:15%;}
    #nombreEstadoBitacora{width:50%;margin-top:15px;}
    #fechaHoraEstadoBitacora{width:30%;margin-top:15px;}
}

@font-face {
    font-family: 'gotham_blackregular';
    src: url('../../style/font/gotham-black/gotham-black-webfont.eot');
    src: url('../../style/font/gotham-black/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-black/gotham-black-webfont.woff') format('woff'),
         url('../../style/font/gotham-black/gotham-black-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-black/gotham-black-webfont.svg#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_boldregular';
    src: url('../../style/font/gotham-bold-webfont.eot');
    src: url('../../style/font/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-bold-webfont.woff') format('woff'),
         url('../../style/font/gotham-bold-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_bookregular';
    src: url('../../style/font/gotham-book-webfont.eot');
    src: url('../../style/font/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-book-webfont.woff') format('woff'),
         url('../../style/font/gotham-book-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_lightregular';
    src: url('../../style/font/gotham-light-webfont.eot');
    src: url('../../style/font/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-light-webfont.woff') format('woff'),
         url('../../style/font/gotham-light-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-light-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_thinregular';
    src: url('../../style/font/gotham-thin-webfont.eot');
    src: url('../../style/font/gotham-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-thin-webfont.woff') format('woff'),
         url('../../style/font/gotham-thin-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-thin-webfont.svg#gotham_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_blackitalic';
    src: url('../../style/font/gotham-blackitalic-webfont.eot');
    src: url('../../style/font/gotham-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-blackitalic-webfont.woff') format('woff'),
         url('../../style/font/gotham-blackitalic-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-blackitalic-webfont.svg#gotham_blackitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_bolditalic';
    src: url('../../style/font/gotham-bolditalic-webfont.eot');
    src: url('../../style/font/gotham-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-bolditalic-webfont.woff') format('woff'),
         url('../../style/font/gotham-bolditalic-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-bolditalic-webfont.svg#gotham_bolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_bookitalic';
    src: url('../../style/font/gotham-bookitalic-webfont.eot');
    src: url('../../style/font/gotham-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-bookitalic-webfont.woff') format('woff'),
         url('../../style/font/gotham-bookitalic-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-bookitalic-webfont.svg#gotham_bookitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_lightitalic';
    src: url('../../style/font/gotham-lightitalic-webfont.eot');
    src: url('../../style/font/gotham-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-lightitalic-webfont.woff') format('woff'),
         url('../../style/font/gotham-lightitalic-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-lightitalic-webfont.svg#gotham_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_thinitalic';
    src: url('../../style/font/gotham-thinitalic-webfont.eot');
    src: url('../../style/font/gotham-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-thinitalic-webfont.woff') format('woff'),
         url('../../style/font/gotham-thinitalic-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-thinitalic-webfont.svg#gotham_thinitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_mediumregular';
    src: url('../../style/font/gotham-medium-webfont.eot');
    src: url('../../style/font/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-medium-webfont.woff') format('woff'),
         url('../../style/font/gotham-medium-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_mediumitalic';
    src: url('../../style/font/gotham-mediumitalic-webfont.eot');
    src: url('../../style/font/gotham-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../style/font/gotham-mediumitalic-webfont.woff') format('woff'),
         url('../../style/font/gotham-mediumitalic-webfont.ttf') format('truetype'),
         url('../../style/font/gotham-mediumitalic-webfont.svg#gotham_mediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* OVERIDE CSS */
header nav ul li a:hover {
    background: #fff !important;
    color: #8a88ff !important;
}

#inferiorPC {
    padding: 1em;
}

.add.button, .add.button:visited {
    background: #2185F4 !important;
}

.ui-dialog .ui-dialog-title {
    color: black !important;
    margin-left: 5px;
    font-weight: 500;
}

#btnSendPedido {
    background: #28a745 !important;
    border: 1px solid #28a745 !important;
    -webkit-box-shadow: 0px 0px 0px 2px #28a745 !important;
    box-shadow: 0px 0px 0px 2px #28a745 !important;
}

.modalOne {
    width: 900px !important;
}

@media only screen and (max-width: 380px) {
    .modalOne {
        width: 350px !important;
    }
}

/* Dispositivos móviles (pantallas hasta 600px de ancho) */
@media only screen and (min-width: 381px) and (max-width: 690px) {
    .modalOne {
        width: 500px !important;
    }
}

/* Tablets (pantallas entre 601px y 1024px de ancho) */
@media only screen and (min-width: 700px) and (max-width: 1024px) {
    .modalOne {
        width: 700px !important;
    }
}

/* Computadoras (pantallas de 1025px en adelante) */
@media only screen and (min-width: 1205px) {
    .modalOne {
        width: 900px !important;
    }
}