body {   background-repeat: repeat; color: black; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
#divReserva {display:none;}
#message { background: white; max-width: 512px; margin: 0px; padding: 0px; border-radius: 3px; }
#message h2 { color: #FC6C00; font-weight: bold; font-size: 16px; margin: 0 0 8px; text-align:center;}
#message h3 { color: #757474; font-weight: bold; font-size: 16px; margin: 0 0 8px; text-align:center;}
#message h1 {font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size: 2em; font-weight: 600; color: #FC6C00; margin: 0 0 16px; text-align: center;}
#message p { line-height: 140%; margin: 16px 0 24px; }
/*#message a { display: block; text-align: center; text-transform: uppercase; text-decoration: none; padding: 16px; border-radius: 4px; }
  #message a:hover { cursor:default; display: block; text-align: center; background: #126A72; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }*/
 .perfilAClass {background: #126A72;background-color: #126A72;}
#message, #misTiendasDiv a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
#load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; display:none; }
img {max-width: 512px;}
select {padding:10px;width:95%; margin-left:2.5%; text-align: center; font-size: larger; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
button {background:#FC6C00; color:white; width:95%; margin-left:2.5%; text-align: center; font-size: larger; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; padding:10px; border:none;}
option {font-size: 0.8em; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
label,p {font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size: larger; width:100%; left: 0px; text-align: left;}
input {padding:10px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size: larger; width:95%; margin-left: 2.5%; text-align: left;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: inset;
  border-left-style: none;}
  input :hover { border-top-style: none;
    border-right-style: none;
    border-bottom-style: inset;
    border-left-style: none;}
#datosReserva {color: #FC6C00;}
#userMenuDiv {display:none; position:relative; left:calc(20% + 24px);top:0px;width:80%;background:#FC6C00; padding: 0px 0px 0px 0px;}
#userMenuDiv a {color:white;}
#userMenuDiv a { display: block; text-align: center; text-transform: uppercase; text-decoration: none; padding: 16px; border-radius: 4px; }
  #userMenuDiv a:hover { cursor:default; display: block; text-align: center; background: #126A72; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }

#userLeftMenuDiv {display:none; position:relative;background:#FC6C00; left:-24px;top:0px;width:80%; padding: 0px 0px 0px 0px;}
#userLeftMenuDiv a {color:white;}
#userLeftMenuDiv a { display: block; text-align: center; text-transform: uppercase; text-decoration: none; padding: 16px; border-radius: 4px; }
  #userLeftMenuDiv a:hover { cursor:default; display: block; text-align: center; background: #126A72; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }

.fdivclass {background-color: #ffffff;color:black;border-radius: 25px;border-style: solid; padding:5px; width:95%;}
.fdivlabelclass {text-align: center;}
#nuevoUsuarioDiv {display:none;position:relative; width:100%;background:#ffffff; padding: 0px 0px; }
#ingresaUsuarioDiv {display:none;position:relative; width:100%;background:#ffffff; padding: 0px 0px; }
#detallesDiv {display:none;}
#detallesDiv p {font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size: 1em; width:100%; left: 0px; text-align: center; color:white;font-weight: 400; margin-block-start:0px; margin-block-end:0px;}
#showPrecio {font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size: 2em; width:100%; left: 0px; text-align: center; color:white;}
.servicioClass {width:auto;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size: 1.2em;}
.servicioinputClass  {width:auto;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size: 3em; padding: 0.5em;}
#logoImg {position:relative;  height: 30px; margin-top:10px;  left: 40px; color:white; text-align: left; font-size: 20px; font-weight: 200;  top:0px;}
#editarDirectorioLink {display:none;}
#editarDirectorioDiv {display:none;}
#editarDirectorioDiv button {width:3em; float:right;}
#editarDirectorioDiv input {width:70%;}
#directorioDiv {display:none;}
#marketplaceDiv {display:none;}
.proDivClass {border-radius: 25px; background: white; padding:1em 1em 1em 1em; margin-bottom: 2em;}
.proImgClass {position: relative; width:100%; border-radius: 25px; background: white; }
.prodCartClass {width:80px;}
.controlDivClass {position:relative; left:200px; margin-top:-70px;}
.proPreClass {color:rgba(181, 99, 27, 0.623); }
.inputPerfilClass {width:80%;margin-left:15px; border-radius: 25px;}
.inputPerfilBClass {width:70%;margin-left:15px; border-radius: 25px;}
.inputBtnClass {width:10%;margin-left:5px; border-radius: 5px;display:none;text-align:center;}
.imgPerfilClass {width:40%;margin-left:30%;text-align:center; color:#FC6C00;}
#miPerfilDiv {display:none;}
#botonPerfilTienda {display:none;}
.hideClass {display:none;}
.listProdImgClass {width:20%;}

.imgprevClass {width:7%; position:absolute; left:-20px; margin-top:0px;border-radius:50px;}
.imgnextClass {width:7%; position:absolute; right:-20px; margin-top:0px;}
.imgDivClass {width:30%;}
.toolbarImg1Class {position:absolute;width:40px;margin:0px; height: 40px; left:2%; background-color: #FC6C00; border-radius: 10px; padding:5px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.toolbarImg2Class {position:absolute;width:40px;margin:0px; height: 40px; left:18%;  background-color: #FC6C00; border-radius: 10px; padding:5px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.toolbarImg3Class {position:absolute;width:40px;margin:0px; height: 40px; left:34%; background-color: #FC6C00; border-radius: 10px;  padding:5px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.toolbarImg4Class {position:absolute;width:40px;margin:0px; height: 40px; left:50%; background-color: #FC6C00; border-radius: 10px;  padding:5px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.toolbarImg5Class {position:absolute;width:40px;margin:0px; height: 40px; left:66%; background-color: #FC6C00; border-radius: 10px;  padding:5px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.toolbarImg6Class {position:absolute;width:40px;margin:0px; height: 40px; left:82%; background-color: #FC6C00; border-radius: 10px;  padding:5px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.toolbarDivClass {border-bottom: gray;border-bottom-style: solid;border-bottom-width: 1px; border-bottom-right-radius: 5px;  border-bottom-left-radius: 5px; position:relative; top:50px;background:white;width:100%; padding:5px 0px 5px 0px;z-index: 2001; height: 50px;}
.inputDivClass {position:relative;width:60%; border-radius: 20px; top:-20px;} 
.restImgClass  {width:22%;}
.recImgClass {width:32%;}
.butIcoClass {position:fixed; background-color:#FC6C00;  height: 40px; width:40px; padding:10px; right: 15px; top:calc(100% - 65px); border-radius: 50%;}
.searchIcoClass {position:fixed; height: 40px; left:5px; top:calc(100% - 65px);width:40px; padding:10px; background-color: #FC6C00; border-radius: 50%;}
.labelDivClass {margin-left:10px; color:#126A72; font-weight: 700;}
.divPrincipalClass {padding-top:0px;}
.carruselDivClass {position:relative;width:80%;margin-left:10%;height: 100px;}
.qrCaptureDivClass {position:fixed; left:0px; top:0px;width:100%;height: 100%;z-index: 2500;}
.askButtonClass {color:white;background-color: #2b92f298; border-radius: 50%; font-size: larger; width: 2em; height: 2em; text-align: center; padding-left: 0.4em; padding-right: 0.4em;margin-left:0.5em;}
.qrOverlayDivClass {position:fixed;top:50px;left:0px;width:100%;height: 100%;z-index: 3000;}
.qrOverlayClass {position:fixed;top:calc(50% - 150px);left:calc(50% - 150px);width:300px;height: 300px; z-index: 3001;}
.qrPreviewClass {z-index: 2500;}
.closeQrOverlayClass {position:fixed; z-index:4002; left:85vw; top:15vw; color:#2b92f298;background-color: white; border-radius: 50%; font-size: x-large; width: 2em; height: 2em; text-align: center; padding: 0.4em;margin-left:0.5em;}
.toggleClass {background:#FC6C00;color:white;  border-radius:25px; }
#misTiendasDiv a {  border-radius:25px; width:80%; margin-left:7%; margin-top:5px; background: #FC6C00; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 25px; }

#misTiendasDiv a:hover { cursor:default; display: block; text-align: center; background: #126A72; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 25px; }
#miTiendaDetalleDiv a,button {  border-radius:25px; width:80%; margin-left:7%; margin-top:5px; background: #FC6C00; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: white; border-radius: 25px; }

#miTiendaDetalleDiv a:hover { cursor:default; display: block; text-align: center; background: #126A72; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 25px; }
#qrPrincipalImg {margin-left:calc(50% - 80px);}
.qrImgClass {margin-left:calc(50% - 80px);}
.titleClass {border-radius:25px; width:80%; margin-left:7%; margin-top:5px; background: #126A72; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 25px; }
.descClass {position:relative; font-size: small; margin-left:5%; width:90%; text-align: center; color:#126A72;}
.actionClass {position:relative; font-size: x-small; margin-left:5%;  width:90%; text-align: center; color:#126A72;}
.agregarSpanClass {display:inline;margin-left:10px;}
.agregarInputClass {display:inline; padding:0px; width:4em; background-color: rgb(227, 226, 226); color:#126A72;}
.agregarButtonClass {display:inline; width:3em; background-color: #126A72;margin-left: 2%;}
.splashDivClass {position:fixed; top:0px; left:0px; width:100%; height: 100%; z-index: 1000; }
.splashImgClass {position:fixed; top:0px; left:0px; width:100vw; height: 100vh; z-index: 1001;}

  #message { background: white; max-width: 512px; margin: 0px 0px 0px 0px; padding: 0px; border-radius: 0px; }
  #menuDiv {position:sticky; left:0px;top:0px; width:calc(100% + 10px); height: 50px;  padding:0px; z-index:2000; }
  .menuDivImgClass {background-color: white; border-radius: 50%;}
  #bottomMenuDiv {position: fixed; top:calc(100% - 70px);width:100vw;height: 90px;  padding:0px; z-index:3000; display:block;}

  body, #message, #divReserva { margin-top: 0; background: white; box-shadow: none; padding:0px; max-width: 380px;}
  body { border-top: 0px solid #FC6C00; }
  #userMenuDiv {display:none; position:fixed; left:0px;top:calc(100% - 220px);width:80%;background:#FC6C00; padding: 0px 0px 0px 0px;}

#userLeftMenuDiv {display:none; position:fixed;background:#FC6C00; left:0px;top:60px;width:80%; padding: 0px 0px 0px 0px;}

  #logoImg {position:fixed;  height: 80px; margin-top:13px;  left:calc(50% - 40px) ;  top:0px; font-size: 14px;top:calc(100% - 100px); background-color: white; border-radius: 10px;}
  .prodCartClass {width:60px;}
.controlDivClass {position:absolute; left:150px; margin-top:-65px;}
.proPreClass {color:rgba(181, 99, 27, 0.623);}
.destacadosImgClass {position:relative; width:100%;margin-left: 2%;}
.destacadosPClass {}
.destacadosDivClass {position:relative; width:45%;margin-left: 2%; display:inline-block;}


.darkModeClass {position:fixed;top:0px;left:0px;width:100%;height: 100%;}
.destacadosDivClass {margin:4px 4px;padding:4px; border: 0px 0px 1px 1px solid #BFBFBF;
background-color: white;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16); border-radius:2px;}
.smallLogoClass {width: 40%; left:55%; position:relative; top:-10px;background-color: rgb(231, 231, 231);
box-shadow: 1px 1px 1px #aaaaaa; border-radius:5px;}
#logoImg {position:absolute; top:40px; margin: 0px auto; height: 30px;}
.destacadosLogoClass {}
#listadoDiv {margin: 0 auto;}
.destacadosLogoDivClass {position:relative; width:45%;margin-left: 2%; display:inline-block;}
.destacadosLogoDivClass {width:28%;margin:4px 4px;padding:4px; border: 0px 0px 1px 1px solid #BFBFBF;  
z-index:20;
background-color: white;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);}
.destacadosPClass { font-family: Helvetica;
position:absolute;left:4vw; top:35vw; width:30vw;height:8.5vw;
font-weight: bold;
color:black;
display:block;
margin-left:2vw;
font-size: 12px;
letter-spacing: -0.04em;
line-height: 8.5vw;
text-align: left;
opacity: 0.85;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.86);
overflow: hidden;
z-index: 20;
}
.destacadosProdClass {
position:relative;
height:45vw;
width:45vw;
background-size:contain;
background-repeat:no-repeat;
}
.destacadosDivClass {
height:45vw;
width:45vw;
}
#userMenuDiv {top:calc(100% - 270px);}
.divA1Class {
display:inline-block;position:absolute;left:4vw; top:35vw; width:30vw;height:8.5vw;background: rgb(204, 204, 204); opacity: 0.4;border-radius: 3px 0px 0px 3px;z-index: 10;
}
.divA2Class {
background-color:white;
                  position:absolute;
                  top:34vw;
                  left:33vw;
                  height:10vw;
                  width:10vw;
                  display:inline-block;
                  box-shadow:0px 1px 1px #aaaaaa;
                  background-size:contain;
                  background-position:center;
                  background-repeat:no-repeat;
                  z-index:20;
}
.divA3Class {
position:fixed; top:calc(100%-80px); height: 100px; width: 100%; background-color: #f4f4f4;
}




@media (min-width: 600px) {
body { background-color: #f4f4f4;  background-repeat: repeat; color: black; font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }

#message { background: white; max-width: 800px; margin: 10px auto 16px auto; padding: 0px 24px; border-radius: 3px; width:600px; }
.destacadosPClass { font-family: Helvetica;
position:absolute;left:4%; top:35%; width:180px;height:51px;
font-weight: bold;
color:black;
display:block;
margin-left:12px;
font-size: 12px;
letter-spacing: -0.04em;
line-height: 51px;
text-align: left;
color: white;
opacity: 0.85;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.86);
overflow: hidden;
z-index: 20;
}
.destacadosProdClass {
position:relative;
height:270px;
width:270px;
background-size:contain;
background-repeat:no-repeat;
}
.destacadosDivClass {
height:270px;
width:270px;
}
.divA1Class {
display:inline-block;position:absolute;left:24px; top:210px; width:180px;height:51px;background: rgb(204, 204, 204); opacity: 0.4;border-radius: 3px 0px 0px 3px;z-index: 10;
}
.divA2Class {
background-color:white;
                  position:absolute;
                  top:204px;
                  left:201px;
                  height:60px;
                  width:60px;
                  display:inline-block;
                  box-shadow:0px 1px 1px #aaaaaa;
                  background-size:contain;
                  background-position:center;
                  background-repeat:no-repeat;
                  z-index:20;
}

}


#userMenuDiv {display:none; position:fixed;width:480px; left:0px;top:calc(100vh - 270px);background:#FC6C00; padding: 0px 0px 0px 0px;}

@media (min-width: 1024px) {

}


@media (min-width: 1280px) {

}
.divA3Class {
position:fixed; top:calc(100vh-80px); height: 100px; width: 600px; background-color: #f4f4f4;
}