<style>
/* styles unrelated to zoom */
    * { border:0; margin:0; padding:0; }
    p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}

    
 @media only screen and (max-width: 340px) and (min-width:0px){

  .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0px;
}

.flipbook {
  height: 91%;
  transition: margin-left 0.25s ease-out;
  width: 90%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}
     
  #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  }            

  #popup{
  width:270px;height:650px; display: none; position:absolute; background:white; top:7%; left:6%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:235px; background:white;
 }

 #btn_add_car{
   position:absolute; left:10px; width:130px; top:595px;
 }

 #btn_ver_car{
   position:absolute; left:155px; width:90px; top:595px;
 }

 #lbl_precio{
  position:absolute; left:20px; top:460px; font:black;
 }

  #txt_precio{
  position:absolute; left:75px; width:80px; top:455px;
 }

  #txt_moneda{
  position:absolute; left:165px; width:70px; top:455px;
 }

 #lbl_cantidad{
  position:absolute; left:10px; top:530px; font:black;
 }

 #btn_decrementar{
   position:absolute; left:80px; width:50px; top:525px;
 }

 #btn_incrementar{
   position:absolute; left:195px; width:50px; top:525px;
 }

 #number{
  position: absolute; top:82%; width:50px; left:137px;
 } 

 #lbl_producto{
  position:absolute; left:15px; top:365px; font:black;
 }

 #txt_producto{
  position: absolute; top:62%; width:230px; left:15px;
 } 

 #titulo_producto{
   position:absolute; top:20px; left:80px; font-size:20px; color:red;
 }

 #lbl_nota{
  position:absolute;
  top: 30%;
  left:5%;
  color:red;
  font-size:12px;
  width:90%;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 50px;
    left: 55px;
    width: 140px;
    height: 140px;
 }

 #descripcion_producto{
  position: absolute;
    top: 220px;
    left: 13px;
    width: 230px;
    height: 130px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }


  #btn_carrito{
    position:absolute; margin-top:-180%; left:242px; width: 45px; height: 45px; display: inline-block;
  }

  #btn_funcionamiento{
    position:absolute; margin-top:-130%; left:242px; width: 45px; height: 45px; display: inline-block;
  }

 #btn_nuevo_pedido{
    position:absolute; margin-top:-80%; left:245px; width: 40px; height: 40px; display: inline-block;
  }


 #caja_legenda{
  
  height: 470px;
  width: 210px;
  position:relative; 
  margin-top: 1%;
  left:5px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:190px; font-size:12px; color:white;
 }
 #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:1%;
  display: block;
  width:255px;
  margin: 1%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }



/* ventana carrito de compra */

#popup_carrito{
  width:270px;height:665px; display: none; position:absolute; background:white; top:7%; left:6%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:235px; background:white;
 }

#txt_empresa_envio{
  width:230px; position:absolute; top:35%; left:5%; 
} 

#txt_direccion_envio{
 width:230px; position:absolute; top:41%; left:5%; 
} 

#txt_ws_envio{
  width:170px; position:absolute; top:47%; left:5%; 
}

#txt_correo_envio{
   width:230px; position:absolute; top:53%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:60%; left:5%; 
}

#txt_razon_factura{
 width:235px; position:absolute; top:64%; left:5%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:68%; left:5%; 
}

#radio_plin{
 width:200px; position:absolute; top:72%; left:5%; 
}

#cbo_distrito_delivery{
 width:235px; height:68px;  position:absolute; top:77%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:88%; left:5%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:22%; 
}

#contenedor_scroll{
  overflow:scroll; height:190px; width:230px;  border: solid 1px #000000; position:absolute; left:3%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px; width:130px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px; width:130px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px; width:130px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:250px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:250px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:220px;height:190px; display: none; position:absolute; background:white; top:98px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px; font-size:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:190px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:5px; width:205px; background: #ccc; font-size:10px;
  }

#btn_decrementar_act{
   position:absolute; left:65px; width:40px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:155px; width:40px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:40px; left:110px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:65px;  
  }

 /* ventana dialogo pedido*/
 
    #vta_dialogo{
   border: 1px solid black; position:absolute; top:400px; left:33px; width:240px; height:170px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:238px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:198px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:55px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:-15px; font-size:15px; width:270px;
  }

  #registrar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:10px; width:100px;
  }

  #cancelar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:125px; width:100px;
  }

  /* posiciones datos mostrados del pedido */

  #lbl_cliente{
    position:absolute; top:42%; left:5%; font-size: 13px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:42%; left:27%; font-size: 13px; color:blue; width: 155px;
  }

  #lbl_direccion{
    position:absolute; top:50%; left:5%; font-size: 13px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:50%; left:30%; font-size: 13px; color:blue; width: 155px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 13px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:25%; font-size: 13px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 13px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:25%; font-size: 13px; color:blue; width: 155px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 13px; color:red; width: 95px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:40%; font-size: 13px; color:blue; width: 155px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 13px; color:red; width: 90px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:40%; font-size: 13px; color:blue; width: 155px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 13px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:40%; font-size: 13px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 13px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:50%; font-size: 13px; color:blue; width: 100px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:58%; font-size: 12px; color:#636c65; width: 100px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:240px;height:140px; display: none; position:absolute; background:white; top:550px; left:10%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:210px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:10px; left:10px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:10px; width:220px; background: #ccc; font-size:10px;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:10px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:50px; width:150px; background: #ccc; font-size:10px;
  }   

 #pie{
  position:relative; width: 100%; display:block; margin-top: 7%;
 }

  #mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:15%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:15%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:15%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:15%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:15%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:15%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-105%;
left:15%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:15%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-90%;
left:15%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:260px;height:260px; display: none; position:absolute; background:black; top:395px; left:7%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:235px; background:white;
}

#popup_video{
  width:86%; height:90%; position:absolute; top:5%; left:3%;
}

}

@media only screen and (max-width: 380px) and (min-width:341px){

 .wrapper {
  align-items: center;
  display: block;
  height: 91%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 91%;
  transition: margin-left 0.25s ease-out;
  width: 90%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;
  
}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
} 

  #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

 #popup{
  width:300px;height:780px; display: none; position:absolute; background:white; top:7%; left: 6%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:265px; background:white;
 }

 #btn_add_car{
   position:absolute; left:20px; width:135px; top:720px;
 }

 #btn_ver_car{
   position:absolute; left:175px; width:100px; top:720px;
 }

 #lbl_precio{
  position:absolute; left:40px; top:590px; font:black;
 }

  #txt_precio{
  position:absolute; left:98px; width:75px; top:585px;
 }

  #txt_moneda{
  position:absolute; left:180px; width:90px; top:585px;
 }

 #lbl_cantidad{
  position:absolute; left:25px; top:660px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:100px; width:50px; top:655px;
 }

 #btn_incrementar{
   position:absolute; left:220px; width:50px; top:655px;
 }

 #number{
  position: absolute; top:85%; width:50px; left:160px;
 } 

 #lbl_producto{
  position:absolute; left:10px; top:500px; font:black;
 }

 #txt_producto{
  position: absolute; top:69%; width:270px; left:10px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:90px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 80px;
    left: 45px;
    width: 200px;
    height: 200px;
 }

 #lbl_nota{
  position:absolute;
  top: 37%;
  left:10%;
  color:red;
  font-size:12px;
  width:90%;
 }

 #descripcion_producto{
  position: absolute;
    top: 310px;
    left: 25px;
    width: 240px;
    height: 170px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }


  #btn_carrito{
     position:absolute; margin-top:-170%; left:275px; width: 50px; height: 50px; display: inline-block;
  }

 #btn_funcionamiento{
    position:absolute; margin-top:-125%; left:275px; width: 50px; height: 50px; display: inline-block;
  }

 #btn_nuevo_pedido{
    position:absolute; margin-top:-80%; left:280px; width: 45px; height: 45px; display: inline-block;
  }

 #caja_legenda{
  
  height: 540px;
  width: 230px;
  position:relative; 
  margin-top: 1%;
  left:5px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:210px; font-size:14px; color:white;
 }

  #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:3%;
  display: block;
  width:280px;
  margin: 2%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:310px;height:800px; display: none; position:absolute; background:white; top:7%; left:5%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:270px; background:white;
 }

#txt_empresa_envio{
  width:265px; position:absolute; top:42%; left:5%; 
} 

#txt_direccion_envio{
 width:265px; position:absolute; top:47%; left:5%; 
} 

#txt_ws_envio{
  width:150px; position:absolute; top:52%; left:5%; 
}

#txt_correo_envio{
   width:270px; position:absolute; top:57%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:62%; left:5%; 
}

#txt_razon_factura{
 width:265px; position:absolute; top:66%; left:5%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:70%; left:5%; 
}

#radio_plin{
 width:200px; position:absolute; top:74%; left:5%; 
}

#cbo_distrito_delivery{
 width:265px; height:80px;  position:absolute; top:78%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:89%; left:5%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:95%; left:28%; 
}

#contenedor_scroll{
  overflow:scroll; height:270px; width:280px;  border: solid 1px #000000; position:absolute; left:3%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:1%;
 }

 #producto_registro{
  position:absolute; top:5px; left:115px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:115px;
 }

  #pu_registro{
  position:absolute; top:55px; left:115px;
 }

 #pt_registro{
  position:absolute; top:75px; left:115px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:240px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:240px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:260px;height:190px; display: none; position:absolute; background:white; top:160px; left:10%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:230px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:235px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:45px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:180px; width:45px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:45px; left:130px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:90px;  
  }

 /* ventana dialogo pedido*/
 
   #vta_dialogo{
   border: 1px solid black; position:absolute; top:500px; left:38px; width:260px; height:170px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:238px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:215px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:55px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:-15px; font-size:15px; width:270px;
  }

  #registrar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:10px; width:115px;
  }

  #cancelar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:135px; width:110px;
  }

  /* posiciones datos mostrados del pedido */

  #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 12px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 12px; color:blue; width: 220px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 12px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 12px; color:blue; width: 200px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 12px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 12px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 12px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 12px; color:blue; width: 220px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 12px; color:red; width: 95px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 12px; color:blue; width: 180px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 12px; color:red; width: 90px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 12px; color:blue; width: 150px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 12px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 12px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 12px; color:red; width: 100px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 12px; color:blue; width: 100px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:57%; font-size: 12px; color:blue; width: 100px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:265px;height:140px; display: none; position:absolute; background:white; top:550px; left:10%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:235px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:175px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:150px; background: #ccc;
  }

  #pie{
  position:relative; width: 100%; display:block; margin-top: 7%;
 }

#mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-130%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-95%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-120%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:300px;height:300px; display: none; position:absolute; background:black; top:430px; left:7%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:270px; background:white;
}

#popup_video{
  width:86%; height:90%; position:absolute; top:5%; left:3%;
}

}

  @media only screen and (max-width: 420px) and (min-width:381px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 91%;
  transition: margin-left 0.25s ease-out;
  width: 90%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

    #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

  #popup{
  width:325px;height:650px; display: none; position:absolute; background:white; top:7%; left:7%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:290px; background:white;
 }

 #btn_add_car{
   position:absolute; left:20px; width:135px; top:590px;
 }

 #btn_ver_car{
   position:absolute; left:170px; width:120px; top:590px;
 }

 #lbl_precio{
  position:absolute; left:55px; top:495px; color:black;
 }

  #txt_precio{
  position:absolute; left:130px; width:80px; top:490px;
 }

  #txt_moneda{
  position:absolute; left:220px; width:70px; top:490px;
 }

 #lbl_cantidad{
  position:absolute; left:40px; top:545px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:130px; width:50px; top:540px;
 }

 #btn_incrementar{
   position:absolute; left:245px; width:50px; top:540px;
 }

 #number{
  position: absolute; top:84%; width:50px; left:187px;
 } 

 #lbl_producto{
  position:absolute; left:10px; top:420px; color:black;
 }

 #txt_producto{
  position: absolute; top:70%; width:285px; left:10px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:100px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 65px;
    width: 180px;
    height: 180px;
 }

  #lbl_nota{
  position:absolute;
  top: 40%;
  left:15%;
  color:red;
  font-size:12px;
  width:90%;
 }

 #descripcion_producto{
  position: absolute;
    top: 280px;
    left: 20px;
    width: 275px;
    height: 130px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }


  #btn_carrito{
    position:absolute; margin-top:-160%; left:300px; width: 60px; height: 60px; display: inline-block;
  }

 #btn_funcionamiento{
    position:absolute; margin-top:-115%; left:300px; width: 60px; height: 60px; display: inline-block;
  }

 #btn_nuevo_pedido{
    position:absolute; margin-top:-70%; left:300px; width: 55px; height: 55px; display: inline-block;
  }

 #caja_legenda{
  
  height: 540px;
  width: 240px;
  position:relative; 
  margin-top: 1%;
  left:10px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:220px; font-size:14px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:1%;
  display: block;
  width:310px;
  margin: 3%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:340px;height:775px; display: none; position:absolute; background:white; top:7%; left:5%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:300px; background:white;
 }

#txt_empresa_envio{
  width:300px; position:absolute; top:41%; left:5%; 
} 

#txt_direccion_envio{
 width:300px; position:absolute; top:46%; left:5%; 
} 

#txt_ws_envio{
  width:150px; position:absolute; top:51%; left:5%; 
}

#txt_correo_envio{
   width:300px; position:absolute; top:56%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:62%; left:5%; 
}

#txt_razon_factura{
 width:300px; position:absolute; top:65%; left:5%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:68%; left:5%; 
}

#radio_plin{
 width:200px; position:absolute; top:71%; left:5%; 
}

#cbo_distrito_delivery{
 width:250px; height:80px;  position:absolute; top:76%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:87%; left:5%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:93%; left:28%; 
}

#contenedor_scroll{
  overflow:scroll; height:270px; width:305px;  border: solid 1px #000000; position:absolute; left:3%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:265px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:265px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:300px;height:190px; display: none; position:absolute; background:white; top:130px; left:10%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:270px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:265px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:50px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:200px; width:50px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:50px; left:140px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:110px;  
  }

 /* ventana dialogo pedido*/
 
    #vta_dialogo{
   border: 1px solid black; position:absolute; top:500px; left:40px; width:300px; height:170px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:255px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:255px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:75px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:15px; font-size:17px; width:270px;
  }

  #registrar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:15px; width:130px;
  }

  #cancelar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:160px; width:120px;
  }

  /* posiciones datos mostrados del pedido */

  #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 12px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 12px; color:blue; width: 220px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 12px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 12px; color:blue; width: 200px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 12px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 12px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 12px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 12px; color:blue; width: 220px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 12px; color:red; width: 95px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 12px; color:blue; width: 180px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 12px; color:red; width: 90px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 12px; color:blue; width: 150px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 12px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 12px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 12px; color:red; width: 100px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 12px; color:blue; width: 100px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:57%; font-size: 12px; color:blue; width: 100px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:265px;height:140px; display: none; position:absolute; background:white; top:550px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:235px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:175px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:150px; background: #ccc;
  }

#pie{
  position:relative; width: 100%; display:block; margin-top: 8%;
 }

#mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-95%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:20%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:320px;height:320px; display: none; position:absolute; background:black; top:480px; left:7%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:290px; background:white;
}

#popup_video{
  width:86%; height:90%; position:absolute; top:5%; left:3%;
}

}


  @media only screen and (max-width: 480px) and (min-width:421px){

   .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 91%;
  transition: margin-left 0.25s ease-out;
  width: 90%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

  #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

  #popup{
  width:360px;height:700px; display: none; position:absolute; background:white; top:7%; left:8%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:320px; background:white;
 }

 #btn_add_car{
   position:absolute; left:15px; width:170px; top:650px;
 }

 #btn_ver_car{
   position:absolute; left:195px; width:140px; top:650px;
 }

 #lbl_precio{
  position:absolute; left:50px; top:520px; color:black;
 }

  #txt_precio{
  position:absolute; left:130px; width:100px; top:510px;
 }

  #txt_moneda{
  position:absolute; left:240px; width:90px; top:510px;
 }

 #lbl_cantidad{
  position:absolute; left:40px; top:587px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:130px; width:60px; top:579px;
 }

 #btn_incrementar{
   position:absolute; left:270px; width:60px; top:579px;
 }

 #number{
  position: absolute; top:84%; width:60px; left:200px;
 } 

 #lbl_producto{
  position:absolute; left:10px; top:420px; color:black;
 }

 #txt_producto{
  position: absolute; top:65%; width:320px; left:10px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:110px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 75px;
    left: 90px;
    width: 150px;
    height: 150px;
 }

  #lbl_nota{
  position:absolute;
  top: 33%;
  left:15%;
  color:red;
  font-size:12px;
  width:90%;
 }

 #descripcion_producto{
  position: absolute;
    top: 255px;
    left: 30px;
    width: 290px;
    height: 150px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }


  #btn_carrito{
    position:absolute; margin-top:-125%; left:330px; width: 65px; height: 70px; display: inline-block;
  }

 #btn_funcionamiento{
    position:absolute; margin-top:-89%; left:330px; width: 65px; height: 70px; display: inline-block;
  }

 #btn_nuevo_pedido{
    position:absolute; margin-top:-52%; left:335px; width: 60px; height: 65px; display: inline-block;
  }

 #caja_legenda{
  
  height: 450px;
  width: 270px;
  position:relative; 
  margin-top: 1%;
  left:15px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
  } 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:255px; font-size:14px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:3%;
  display: block;
  width:355px;
  margin: 3%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:375px;height:770px; display: none; position:absolute; background:white; top:7%; left:5%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:340px; background:white;
 }

#txt_empresa_envio{
  width:330px; position:absolute; top:42%; left:5%; 
} 

#txt_direccion_envio{
 width:330px; position:absolute; top:47%; left:5%; 
} 

#txt_ws_envio{
  width:150px; position:absolute; top:52%; left:5%; 
}

#txt_correo_envio{
   width:330px; position:absolute; top:57%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:63%; left:5%; 
}

#txt_razon_factura{
 width:330px; position:absolute; top:66%; left:5%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:69%; left:5%; 
}

#radio_plin{
 width:200px; position:absolute; top:72%; left:5%; 
}

#cbo_distrito_delivery{
 width:250px; height:80px;  position:absolute; top:77%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:89%; left:5%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:95%; left:32%; 
}

#contenedor_scroll{
  overflow:scroll; height:270px; width:335px;  border: solid 1px #000000; position:absolute; left:3%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:320px;height:190px; display: none; position:absolute; background:white; top:150px; left:10%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:290px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:290px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:50px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:200px; width:50px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:50px; left:140px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:120px;  
  }

 /* ventana dialogo pedido*/
 
    #vta_dialogo{
   border: 1px solid black; position:absolute; top:500px; left:45px; width:330px; height:170px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:285px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:285px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:90px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:20px; font-size:18px; width:275px;
  }

  #registrar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:15px; width:140px;
  }

  #cancelar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:170px; width:130px;
  }

  /* posiciones datos mostrados del pedido */

#lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 12px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 12px; color:blue; width: 220px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 12px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 12px; color:blue; width: 200px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 12px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 12px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 12px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 12px; color:blue; width: 220px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 12px; color:red; width: 95px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 12px; color:blue; width: 180px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 12px; color:red; width: 90px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 12px; color:blue; width: 150px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 12px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 12px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 12px; color:red; width: 100px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 12px; color:blue; width: 100px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:60%; font-size: 12px; color:blue; width: 100px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:300px;height:140px; display: none; position:absolute; background:white; top:550px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:270px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:200px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:170px; background: #ccc;
  }

#pie{
  position:relative; width: 100%; display:block; margin-top: 7%;
 }

#mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-105%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-95%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:340px;height:340px; display: none; position:absolute; background:black; top:510px; left:7%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:310px; background:white;
}

#popup_video{
  width:87%; height:91%; position:absolute; top:5%; left:3%;
}

}

@media only screen and (max-width: 550px) and (min-width:481px){

  .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}


 #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

  #popup{
  width:430px;height:730px; display: none; position:absolute; background:white; top:15%; left:7%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:390px; background:white;
 }

 #btn_add_car{
   position:absolute; left:30px; width:180px; top:660px;
 }

 #btn_ver_car{
   position:absolute; left:250px; width:140px; top:660px;
 }

 #lbl_precio{
  position:absolute; left:50px; top:537px; font:black;
 }

  #txt_precio{
  position:absolute; left:130px; width:100px; top:530px;
 }

  #txt_moneda{
  position:absolute; left:235px; width:100px; top:530px;
 }

 #lbl_cantidad{
  position:absolute; left:40px; top:600px; font:black;
 }

 #btn_decrementar{
   position:absolute; left:130px; width:60px; top:590px;
 }

 #btn_incrementar{
   position:absolute; left:270px; width:60px; top:590px;
 }

 #number{
  position: absolute; top:82%; width:50px; left:200px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:435px; color:black;
 }

 #txt_producto{
  position: absolute; top:65%; width:365px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:160px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 80px;
    left: 140px;
    width: 150px;
    height: 150px;
 }

  #lbl_nota{
  position:absolute;
  top: 33%;
  left:25%;
  color:red;
  font-size:12px;
  width:75%;
 }

 #descripcion_producto{
  position: absolute;
    top: 270px;
    left: 35px;
    width: 350px;
    height: 150px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }


  #btn_carrito{
    position:absolute; margin-top:-110%; left:390px; width: 70px; height: 70px; display: inline-block;
  }

 #btn_funcionamiento{
    position:absolute; margin-top:-80%; left:390px; width: 70px; height: 70px; display: inline-block;
  }

 #btn_nuevo_pedido{
    position:absolute; margin-top:-50%; left:395px; width: 60px; height: 60px; display: inline-block;
  }

 #caja_legenda{
  
  height: 430px;
  width: 310px;
  position:relative; 
  margin-top: 1%;
  left:15px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display:block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:290px; font-size:14px; color:white;
 }

  #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:4%;
  display: block;
  width:370px;
  margin: 10%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:430px;height:750px; display: none; position:absolute; background:white; top:17%; left:5%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:395px; background:white;
 }

#txt_empresa_envio{
  width:385px; position:absolute; top:41%; left:5%; 
} 

#txt_direccion_envio{
 width:385px; position:absolute; top:46%; left:5%; 
} 

#txt_ws_envio{
  width:170px; position:absolute; top:51%; left:5%; 
}

#txt_correo_envio{
   width:385px; position:absolute; top:56%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:62%; left:5%; 
}

#txt_razon_factura{
 width:385px; position:absolute; top:66%; left:5%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:70%; left:5%; 
}

#radio_plin{
 width:200px; position:absolute; top:74%; left:5%; 
}

#cbo_distrito_delivery{
 width:250px; height:90px;  position:absolute; top:79%; left:5%; 
}

#txt_monto_delivery{
 width:120px; position:absolute; top:83%; left:68%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:93%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:260px; width:395px;  border: solid 1px #000000; position:absolute; left:3%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:350px;height:190px; display: none; position:absolute; background:white; top:190px; left:11%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:320px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:330px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:50px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:200px; width:50px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:50px; left:140px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:120px;  
  }

 /* ventana dialogo pedido*/
 
    #vta_dialogo{
   border: 1px solid black; position:absolute; top:530px; left:65px; width:360px; height:170px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:315px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:315px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:105px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:45px; font-size:18px; width:275px;
  }

  #registrar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:25px; width:150px;
  }

  #cancelar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:195px; width:140px;
  }

  /* posiciones datos mostrados del pedido */

#lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:60%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:330px;height:140px; display: none; position:absolute; background:white; top:550px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:300px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:230px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:180px; background: #ccc;
  }

 #pie{
  position:relative; width: 100%; display:block; margin-top: 7%;
 }

 #mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:28%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

 #mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:28%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:28%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-100%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-75%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-90%;
left:25%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:380px;height:380px; display: none; position:absolute; background:black; top:560px; left:7%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:350px; background:white;
}

#popup_video{
  width:87%; height:91%; position:absolute; top:5%; left:3%;
}

} 

@media only screen and (max-width: 620px) and (min-width:551px){

    .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 75%;
  transition: margin-left 0.25s ease-out;
  width: 74%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}


 #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

  #popup{
  width:480px;height:700px; display: none; position:absolute; background:white; top:10%; left:5%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:440px; background:white;
 }

 #btn_add_car{
   position:absolute; left:60px; width:180px; top:640px;
 }

 #btn_ver_car{
   position:absolute; left:275px; width:140px; top:640px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:520px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:510px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:510px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:580px; font:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:575px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:575px;
 }

 #number{
  position: absolute; top:83%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:420px; font:black;
 }

 #txt_producto{
  position: absolute; top:65%; width:380px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:180px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 160px;
    width: 150px;
    height: 150px;
 }

  #lbl_nota{
  position:absolute;
  top: 33%;
  left:25%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 260px;
    left: 50px;
    width: 370px;
    height: 150px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }


  #btn_carrito{
    position:absolute; margin-top:-102%; left:440px; width: 70px; height: 70px; display: inline-block;
  }

 #btn_funcionamiento{
    position:absolute; margin-top:-76%; left:440px; width: 70px; height: 70px; display: inline-block;
  }

 #btn_nuevo_pedido{
    position:absolute; margin-top:-50%; left:445px; width: 60px; height: 60px; display: inline-block;
  }

 #caja_legenda{
  
  height: 430px;
  width: 330px;
  position:relative; 
  margin-top: 1%;
  left:30px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:310px; font-size:14px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:10%;
  display: block;
  width:350px;
  margin: 10%;
  margin-top:8%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:500px;height:780px; display: none; position:absolute; background:white; top:20%; left:5%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:465px; background:white;
 }

#txt_empresa_envio{
  width:430px; position:absolute; top:42%; left:5%; 
} 

#txt_direccion_envio{
 width:430px; position:absolute; top:47%; left:5%; 
} 

#txt_ws_envio{
  width:200px; position:absolute; top:52%; left:5%; 
}

#txt_correo_envio{
   width:430px; position:absolute; top:57%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:63%; left:5%; 
}

#txt_razon_factura{
 width:400px; position:absolute; top:67%; left:5%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:71%; left:5%; 
}

#radio_plin{
 width:200px; position:absolute; top:75%; left:5%; 
}

#cbo_distrito_delivery{
 width:250px; height:90px;  position:absolute; top:80%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:84%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:270px; width:430px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:380px;height:190px; display: none; position:absolute; background:white; top:170px; left:13%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:350px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:340px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:50px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:200px; width:50px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:50px; left:140px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:145px;  
  }

 /* ventana dialogo pedido*/
 
  #vta_dialogo{
   border: 1px solid black; position:absolute; top:575px; left:75px; width:400px; height:170px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:355px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:355px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:125px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:60px; font-size:18px; width:275px;
  }

  #registrar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:25px; width:160px;
  }

  #cancelar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:210px; width:150px;
  }

  /* posiciones datos mostrados del pedido */

#lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:60%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:330px;height:140px; display: none; position:absolute; background:white; top:550px; left:20%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:300px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:230px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:180px; background: #ccc;
  }

#pie{
  position:relative; width: 100%; display:block; margin-top: 7%;
 } 

 #mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:29%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

 #mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:29%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:29%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:29%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:29%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:29%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-77%;
left:29%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-65%;
left:29%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-75%;
left:29%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:400px;height:400px; display: none; position:absolute; background:black; top:590px; left:7%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:370px; background:white;
}

#popup_video{
  width:87%; height:91%; position:absolute; top:5%; left:3%;
}

} 

@media only screen and (max-width: 720px) and (min-width: 621px){
    
.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}


 #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

 #popup{
  width:500px;height:750px; display: none; position:absolute; background:white; top:20%; left:11%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:460px; background:white;
 }

 #btn_add_car{
   position:absolute; left:60px; width:180px; top:690px;
 }

 #btn_ver_car{
   position:absolute; left:290px; width:140px; top:690px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:572px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:565px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:565px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:638px; font:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:630px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:630px;
 }

 #number{
  position: absolute; top:85%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:470px; color:black;
 }

 #txt_producto{
  position: absolute; top:68%; width:420px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:180px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 145px;
    width: 190px;
    height: 190px;
 }

  #lbl_nota{
  position:absolute;
  top: 37%;
  left:27%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 305px;
    left: 30px;
    width: 420px;
    height: 150px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }



  #btn_carrito{
    position:absolute; margin-top:-90%; left:540px; width: 70px; height: 70px; display: inline-block;
  }

 #btn_funcionamiento{
    position:absolute; margin-top:-67%; left:540px; width: 70px; height: 70px; display: inline-block;
  }

 #btn_nuevo_pedido{
    position:absolute; margin-top:-44%; left:540px; width: 60px; height: 60px; display: inline-block;
  }

 #caja_legenda{
  
  height: 455px;
  width: 420px;
  position:relative; 
  margin-top: 1%;
  left:30px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:400px; font-size:17px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:7%;
  display: block;
  width:380px;
  margin: 10%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:500px;height:790px; display: none; position:absolute; background:white; top:25%; left:9%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:465px; background:white;
 }

#txt_empresa_envio{
  width:430px; position:absolute; top:41%; left:5%; 
} 

#txt_direccion_envio{
 width:430px; position:absolute; top:46%; left:5%; 
} 

#txt_ws_envio{
  width:200px; position:absolute; top:51%; left:5%; 
}

#txt_correo_envio{
   width:430px; position:absolute; top:56%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:62%; left:5%; 
}

#txt_razon_factura{
 width:430px; position:absolute; top:66%; left:5%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:70%; left:5%; 
}

#radio_plin{
 width:200px; position:absolute; top:74%; left:5%; 
}

#cbo_distrito_delivery{
 width:250px; height:95px;  position:absolute; top:79%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:82%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:270px; width:430px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:380px;height:190px; display: none; position:absolute; background:white; top:170px; left:16%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:350px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:340px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:50px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:200px; width:50px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:50px; left:140px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:145px;  
  }


 /* ventana dialogo pedido*/
 
  #vta_dialogo{
   border: 1px solid black; position:absolute; top:575px; left:100px; width:400px; height:180px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:355px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:355px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:125px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:60px; font-size:18px; width:275px;
  }

  #registrar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:25px; width:160px;
  }

  #cancelar_pedido{
    position:absolute; top:128px; border-color:#ccc; border-width:1px; left:210px; width:150px;
  }

  /* posiciones datos mostrados del pedido */

  #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:60%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:380px;height:140px; display: none; position:absolute; background:white; top:580px; left:20%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:350px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:280px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:180px; background: #ccc;
  }

 #pie{
  position:relative; width: 100%; display:block; margin-top: 19%;
 } 

 #mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-90%;
left:33%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

 #mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-90%;
left:33%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-90%;
left:33%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-90%;
left:33%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-90%;
left:33%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-90%;
left:33%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-77%;
left:33%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-77%;
left:33%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-72%;
left:33%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:500px;height:450px; display: none; position:absolute; background:black; top:670px; left:10%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:470px; background:white;
}

#popup_video{
  width:87%; height:90%; position:absolute; top:5%; left:3%;
}

}

@media only screen and (max-width: 780px) and (min-width:721px){

  .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

  #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

 #popup{
  width:500px;height:750px; display: none; position:absolute; background:white; top:20%; left:15%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:460px; background:white;
 }

 #btn_add_car{
   position:absolute; left:60px; width:180px; top:690px;
 }

 #btn_ver_car{
   position:absolute; left:290px; width:140px; top:690px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:572px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:565px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:565px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:638px; font:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:630px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:630px;
 }

 #number{
  position: absolute; top:85%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:470px; color:black;
 }

 #txt_producto{
  position: absolute; top:68%; width:420px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:180px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 145px;
    width: 190px;
    height: 190px;
 }

  #lbl_nota{
  position:absolute;
  top: 37%;
  left:27%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 305px;
    left: 30px;
    width: 420px;
    height: 150px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }

  #btn_carrito{
    position:absolute; margin-top:-75%; left:620px; width: 70px; height: 70px; display: inline-block;
  }

   #btn_funcionamiento{
    position:absolute; margin-top:-57%; left:620px; width: 70px; height: 70px; display: inline-block;
  }

  #btn_nuevo_pedido{
    position:absolute; margin-top:-40%; left:625px; width: 60px; height: 60px; display: inline-block;
  }

 #caja_legenda{
  
  height: 380px;
  width: 520px;
  position:relative; 
  margin-top: 1%;
  left:20px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display:block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:500px; font-size:17px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:14%;
  display: block;
  width:400px;
  margin: 10%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:500px;height:790px; display: none; position:absolute; background:white; top:25%; left:15%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:465px; background:white;
 }

#txt_empresa_envio{
  width:430px; position:absolute; top:41%; left:5%; 
} 

#txt_direccion_envio{
 width:430px; position:absolute; top:46%; left:5%; 
} 

#txt_ws_envio{
  width:200px; position:absolute; top:51%; left:5%; 
}

#txt_correo_envio{
   width:430px; position:absolute; top:56%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:62%; left:5%; 
}

#txt_razon_factura{
 width:400px; position:absolute; top:66%; left:5%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:70%; left:5%; 
}

#radio_plin{
 width:200px; position:absolute; top:74%; left:5%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:80%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:84%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:270px; width:430px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:380px;height:190px; display: none; position:absolute; background:white; top:210px; left:21%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:350px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:340px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:50px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:200px; width:50px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:50px; left:140px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:145px;  
  }

 /* ventana dialogo pedido*/
 
 #vta_dialogo{
   border: 1px solid black; position:absolute; top:575px; left:150px; width:410px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:365px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:365px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:125px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:45px; font-size:19px; width:300px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:30px; width:160px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:220px; width:150px;
  }

  /* posiciones datos mostrados del pedido */

#lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:60%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:420px;height:140px; display: none; position:absolute; background:white; top:740px; left:20%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:390px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:320px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:180px; background: #ccc;
  }

 #pie{
  position:relative; width: 100%; display:block; margin-top: 29%;
 }

 #mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:35%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:35%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:35%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:35%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:35%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:35%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-85%;
left:35%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}   

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:35%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}     

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-80%;
left:35%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:570px;height:500px; display: none; position:absolute; background:black; top:710px; left:10%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:540px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}
        
}

@media only screen and (max-width: 900px) and (min-width:781px){

     .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}


  #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

 #popup{
  width:530px;height:780px; display: none; position:absolute; background:white; top:22%; left:15%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:495px; background:white;
 }

 #btn_add_car{
   position:absolute; left:85px; width:180px; top:725px;
 }

 #btn_ver_car{
   position:absolute; left:300px; width:140px; top:725px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:613px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:605px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:605px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:677px; font:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:670px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:670px;
 }

 #number{
  position: absolute; top:87%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:510px; color:black;
 }

 #txt_producto{
  position: absolute; top:71%; width:450px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:200px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 155px;
    width: 220px;
    height: 220px;
 }

  #lbl_nota{
  position:absolute;
  top: 40%;
  left:30%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 345px;
    left: 30px;
    width: 450px;
    height: 150px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }


  #btn_carrito{
    position:absolute; margin-top:-71%; left:670px; width: 70px; height: 70px; display: inline-block;
  }

   #btn_funcionamiento{
    position:absolute; margin-top:-55%; left:670px; width: 70px; height: 70px; display: inline-block;
  }

  #btn_nuevo_pedido{
    position:absolute; margin-top:-40%; left:675px; width: 60px; height: 60px; display: inline-block;
  }


 #caja_legenda{
  
  height: 365px;
  width: 550px;
  position:relative; 
  margin-top: 1%;
  left:30px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:520px; font-size:17px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:15%;
  display: block;
  width:420px;
  margin: 10%;
  margin-top:9%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:500px;height:790px; display: none; position:absolute; background:white; top:25%; left:18%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:465px; background:white;
 }

#txt_empresa_envio{
  width:430px; position:absolute; top:41%; left:5%; 
} 

#txt_direccion_envio{
 width:430px; position:absolute; top:46%; left:5%; 
} 

#txt_ws_envio{
  width:200px; position:absolute; top:51%; left:5%; 
}

#txt_correo_envio{
   width:430px; position:absolute; top:56%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:62%; left:5%; 
}

#txt_razon_factura{
 width:430px; position:absolute; top:66%; left:5%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:70%; left:5%; 
}

#radio_plin{
 width:200px; position:absolute; top:74%; left:5%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:80%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:84%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:270px; width:430px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:380px;height:190px; display: none; position:absolute; background:white; top:250px; left:24%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:350px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:340px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:50px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:200px; width:50px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:50px; left:140px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:145px;  
  }

 /* ventana dialogo pedido*/
 
  #vta_dialogo{
   border: 1px solid black; position:absolute; top:600px; left:190px; width:420px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:375px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:375px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:140px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:60px; font-size:20px; width:300px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:30px; width:160px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:220px; width:160px;
  }

  /* posiciones datos mostrados del pedido */

#lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:60%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:420px;height:140px; display: none; position:absolute; background:white; top:800px; left:23%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:390px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:320px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:180px; background: #ccc;
  }


 #pie{
  position:relative; width: 100%; display:block; margin-top: 7%;
 } 

 #mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:34%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:34%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:34%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:34%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:34%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:34%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:34%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-70%;
left:34%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-58%;
left:34%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}  

#popup_funcionamiento{

width:580px;height:420px; display: none; position:absolute; background:black; top:730px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:550px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}

}

@media only screen and (max-width: 1023px) and (min-width:901px){

    .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

 #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

   #popup{
  width:570px;height:780px; display: none; position:absolute; background:white; top:20%; left:20%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:535px; background:white;
 }

 #btn_add_car{
   position:absolute; left:85px; width:180px; top:725px;
 }

 #btn_ver_car{
   position:absolute; left:320px; width:160px; top:725px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:613px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:605px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:605px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:677px; font:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:670px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:670px;
 }

 #number{
  position: absolute; top:87%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:510px; color:black;
 }

 #txt_producto{
  position: absolute; top:71%; width:500px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:215px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 160px;
    width: 220px;
    height: 220px;
 }

  #lbl_nota{
  position:absolute;
  top: 40%;
  left:30%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 345px;
    left: 30px;
    width: 500px;
    height: 150px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }

  #btn_carrito{
    position:absolute; margin-top:-63%; left:760px; width: 80px; height: 80px; display: inline-block;
  }

  #btn_funcionamiento{
    position:absolute; margin-top:-49%; left:760px; width: 70px; height: 70px; display: inline-block;
  }

  #btn_nuevo_pedido{
    position:absolute; margin-top:-36%; left:765px; width: 60px; height: 60px; display: inline-block;
  }

 #caja_legenda{
  
  height: 380px;
  width: 600px;
  position:relative; 
  margin-top: 1%;
  left:30px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display:block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:575px; font-size:18px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:15%;
  display: block;
  width:450px;
  margin: 10%;
  margin-top:8%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:500px;height:790px; display: none; position:absolute; background:white; top:25%; left:25%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:465px; background:white;
 }

#txt_empresa_envio{
  width:430px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:430px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:200px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:430px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:73%; left:5%; 
}

#txt_razon_factura{
 width:400px; position:absolute; top:73%; left:25%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:73%; left:43%; 
}

#radio_plin{
 width:200px; position:absolute; top:73%; left:70%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:80%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:83%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:315px; width:430px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:380px;height:190px; display: none; position:absolute; background:white; top:250px; left:30%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:350px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:340px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:50px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:200px; width:50px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:50px; left:140px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:145px;  
  }

 /* ventana dialogo pedido*/
 
   #vta_dialogo{
   border: 1px solid black; position:absolute; top:640px; left:275px; width:430px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:385px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:385px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:140px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:60px; font-size:20px; width:300px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:30px; width:160px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:220px; width:160px;
  }

  /* posiciones datos mostrados del pedido */

#lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:60%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:420px;height:140px; display: none; position:absolute; background:white; top:800px; left:29%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:390px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:320px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:180px; background: #ccc;
  }


 #pie{
  position:relative; width: 100%; display:block; margin-top: 7%;
 }

 #mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-72%;
left:39%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_validacion{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-72%;
left:39%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-72%;
left:39%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_numero_items{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-72%;
left:39%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-72%;
left:39%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-72%;
left:39%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-72%;
left:39%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-55%;
left:39%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 210px;
height: 40px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: relative;
margin-top:-68%;
left:39%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:580px;height:420px; display: none; position:absolute; background:black; top:780px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:550px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}

}


@media only screen and (max-width: 1199px) and (min-width:1024px){

      .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

 #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

  #popup{
  width:600px;height:820px; display: none; position:absolute; background:white; top:18%; left:20%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:560px; background:white;
 }

 #btn_add_car{
   position:absolute; left:85px; width:180px; top:765px;
 }

 #btn_ver_car{
   position:absolute; left:325px; width:170px; top:765px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:655px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:645px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:645px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:712px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:705px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:705px;
 }

 #number{
  position: absolute; top:87%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:550px; color:black;
 }

 #txt_producto{
  position: absolute; top:72%; width:525px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:240px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 160px;
    width: 255px;
    height: 255px;
 }

  #lbl_nota{
  position:absolute;
  top: 42%;
  left:30%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 375px;
    left: 30px;
    width: 525px;
    height: 160px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }

#btn_carrito{
    position:absolute; margin-top:-45%; left:80%; width: 80px; height: 80px; display: inline-block;
  }

 #btn_funcionamiento{
    position:absolute; margin-top:-30%; left:80%; width: 80px; height: 80px; display: inline-block;
  }

 #btn_nuevo_pedido{
    position:absolute; margin-top:-15%; left:80%; width: 70px; height: 70px; display: inline-block;
  }

 #caja_legenda{
  
  height: 280px;
  width: 670px;
  position:relative;
  margin-top: 1%; 
  left:3%;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:660px; font-size:16px; color:white;
 }

  #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:15%;
  display: block;
  width:480px;
  margin: 3%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:500px;height:790px; display: none; position:absolute; background:white; top:25%; left:26%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:465px; background:white;
 }

#txt_empresa_envio{
  width:430px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:430px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:200px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:430px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:72%; left:5%; 
}

#txt_razon_factura{
 width:400px; position:absolute; top:72%; left:25%; 
}

#txt_ruc_factura{
 width:200px; position:absolute; top:72%; left:43%; 
}

#radio_plin{
 width:200px; position:absolute; top:72%; left:70%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:80%; left:5%; 
}

#txt_monto_delivery{
 width:150px; position:absolute; top:84%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:320px; width:430px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:390px;height:190px; display: none; position:absolute; background:white; top:250px; left:30%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:360px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:350px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:55px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:210px; width:55px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:55px; left:145px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:160px;  
  }

 /* ventana dialogo pedido*/
 
   #vta_dialogo{
   border: 1px solid black; position:absolute; top:640px; left:290px; width:440px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:395px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:395px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:140px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:55px; font-size:22px; width:330px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:30px; width:170px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:230px; width:170px;
  }

  /* posiciones datos mostrados del pedido */

 #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:60%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:420px;height:140px; display: none; position:absolute; background:white; top:625px; left:30%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:390px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:320px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:180px; background: #ccc;
  }


 #pie{
  position:relative; width: 100%; display:block; margin-top: 7%;
 }

 #mensaje_agregar_producto{
border-radius: 20px;
width: 250px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-57%;
left:37%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_validacion{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-57%;
left:37%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-57%;
left:37%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_numero_items{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-57%;
left:37%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-57%;
left:37%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_pedido_registrado{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-57%;
left:37%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_celular{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-75%;
left:37%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_ruc_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-63%;
left:37%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_direccion_correo{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:37%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:580px;height:420px; display: none; position:absolute; background:black; top:800px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:550px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}            

}

@media only screen and (max-width: 1350px) and (min-width:1200px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

 #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

 #popup{
  width:600px;height:820px; display: none; position:absolute; background:white; top:18%; left:25%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:560px; background:white;
 }

 #btn_add_car{
   position:absolute; left:85px; width:180px; top:765px;
 }

 #btn_ver_car{
   position:absolute; left:325px; width:170px; top:765px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:655px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:645px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:645px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:712px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:705px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:705px;
 }

 #number{
  position: absolute; top:87%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:550px; color:black;
 }

 #txt_producto{
  position: absolute; top:72%; width:525px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:240px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 160px;
    width: 255px;
    height: 255px;
 }

  #lbl_nota{
  position:absolute;
  top: 42%;
  left:30%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 375px;
    left: 30px;
    width: 525px;
    height: 160px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }

#btn_carrito{
    position:absolute; margin-top:-43%; left:78%; width: 80px; height: 80px; display: inline-block;
}

 #btn_funcionamiento{

    position:absolute; margin-top:-30%; left:78%; width: 80px; height: 80px; display: inline-block;
  }

 #btn_nuevo_pedido{

    position:absolute; margin-top:-15%; left:78%; width: 70px; height: 70px; display: inline-block;
  }


 #caja_legenda{
  
  height: 330px;
  width: 650px;
  position:relative; 
  margin-top: 3%;
  left:7%;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:630px; font-size:18px; color:white; 
 }

 #caja_datos_contacto{

  position:relative; 
  height: 115px;
  left:15%;
  display: block;
  width:560px;
  margin: 3%;
  margin-top:8%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

/* ventana carrito de compra */

#popup_carrito{
  width:520px;height:790px; display: none; position:absolute; background:white; top:25%; left:30%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:485px; background:white;
 }

#txt_empresa_envio{
  width:455px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:455px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:220px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:455px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:72%; left:5%; 
}

#txt_razon_factura{
 width:455px; position:absolute; top:72%; left:25%; 
}

#txt_ruc_factura{
 width:220px; position:absolute; top:72%; left:43%; 
}

#radio_plin{
 width:220px; position:absolute; top:72%; left:72%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:77%; left:5%; 
}

#txt_monto_delivery{
 width:160px; position:absolute; top:80%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:92%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:320px; width:465px;  border: solid 1px #000000; position:absolute; left:3%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:390px;height:190px; display: none; position:absolute; background:white; top:290px; left:34%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:360px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:350px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:55px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:210px; width:55px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:55px; left:145px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:160px;  
  }

 /* ventana dialogo pedido*/
 
  #vta_dialogo{
   border: 1px solid black; position:absolute; top:690px; left:420px; width:440px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:395px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:395px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:140px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:55px; font-size:22px; width:330px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:30px; width:170px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:230px; width:170px;
  }

  /* posiciones datos mostrados del pedido */

#lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:65%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:420px;height:140px; display: none; position:absolute; background:white; top:680px; left:34%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:390px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:320px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:180px; background: #ccc;
  }
 

 #pie{
  position:relative; width: 100%; display:block; margin-top: 10%;
 } 

 #mensaje_agregar_producto{
border-radius: 20px;
width: 210px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 10px;
display: none;
position: absolute;
top:40%;
left:40%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
z-index:9999;
}

#mensaje_agregar_producto{
border-radius: 20px;
width: 250px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_validacion{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_tomar_pedido{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_numero_items{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_datos_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-85%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-75%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-83%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:550px;height:450px; display: none; position:absolute; background:black; top:1050px; left:30%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:520px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}

}

@media only screen and (max-width: 1600px) and (min-width:1351px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 57%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 71%;
  transition: margin-left 0.25s ease-out;
  width: 70%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}


  #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  } 

   #popup{
  width:600px;height:820px; display: none; position:absolute; background:white; top:18%; left:27%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:560px; background:white;
 }

 #btn_add_car{
   position:absolute; left:85px; width:180px; top:765px;
 }

 #btn_ver_car{
   position:absolute; left:325px; width:170px; top:765px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:655px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:645px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:645px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:712px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:705px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:705px;
 }

 #number{
  position: absolute; top:87%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:550px; color:black;
 }

 #txt_producto{
  position: absolute; top:72%; width:525px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:240px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 160px;
    width: 255px;
    height: 255px;
 }

  #lbl_nota{
  position:absolute;
  top: 42%;
  left:30%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 375px;
    left: 30px;
    width: 525px;
    height: 160px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }

  #btn_carrito{
    position:absolute; margin-top:-40%; left:75%; width: 85px; height: 85px; display: inline-block;
  }

 #btn_funcionamiento{

    position:absolute; margin-top:-27%; left:75%; width: 85px; height: 85px; display: inline-block;
  }

 #btn_nuevo_pedido{

    position:absolute; margin-top:-14%; left:75%; width: 75px; height: 75px; display: inline-block;
  }

 #caja_legenda{
  
  height: 305px;
  width: 700px;
  position:relative; 
  margin-top: 3%;
  left:5%;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display:block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:680px; font-size:18px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:18%;
  display: block;
  width:540px;
  margin: 3%;
  margin-top:10%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:560px;height:790px; display: none; position:absolute; background:white; top:25%; left:29%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:520px; background:white;
 }

#txt_empresa_envio{
  width:490px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:490px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:220px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:490px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:72%; left:5%; 
}

#txt_razon_factura{
 width:455px; position:absolute; top:72%; left:25%; 
}

#txt_ruc_factura{
 width:220px; position:absolute; top:72%; left:43%; 
}

#radio_plin{
 width:220px; position:absolute; top:72%; left:72%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:80%; left:5%; 
}

#txt_monto_delivery{
 width:170px; position:absolute; top:84%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:320px; width:490px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:390px;height:190px; display: none; position:absolute; background:white; top:290px; left:34%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:360px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:350px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:55px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:210px; width:55px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:55px; left:145px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:160px;  
  }

 /* ventana dialogo pedido*/
 
  
  #vta_dialogo{
   border: 1px solid black; position:absolute; top:690px; left:33%; width:440px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:395px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:395px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:140px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:55px; font-size:22px; width:330px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:30px; width:170px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:230px; width:170px;
  }

  /* posiciones datos mostrados del pedido */

 #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:65%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:440px;height:140px; display: none; position:absolute; background:white; top:680px; left:34%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:410px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:340px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:190px; background: #ccc;
  }
   
  #pie{
  position:relative; width: 100%; display:block; margin-top: 10%;
 } 

#mensaje_agregar_producto{
border-radius: 20px;
width: 250px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-65%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_agregar_producto{
border-radius: 20px;
width: 250px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-65%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_validacion{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-65%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-65%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_numero_items{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-65%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

#mensaje_datos_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-65%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

#mensaje_pedido_registrado{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-65%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_celular{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-75%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  


#mensaje_ruc_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-66%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 


#mensaje_direccion_correo{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-73%;
left:40%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#popup_funcionamiento{

width:600px;height:500px; display: none; position:absolute; background:black; top:970px; left:25%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:570px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}         

}

@media only screen and (max-width: 1800px) and (min-width:1601px){

       .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

  #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  }
 
 #popup{
  width:600px;height:820px; display: none; position:absolute; background:white; top:20%; left:30%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:560px; background:white;
 }

 #btn_add_car{
   position:absolute; left:85px; width:180px; top:765px;
 }

 #btn_ver_car{
   position:absolute; left:325px; width:170px; top:765px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:655px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:645px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:645px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:712px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:705px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:705px;
 }

 #number{
  position: absolute; top:87%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:550px; color:black;
 }

 #txt_producto{
  position: absolute; top:72%; width:525px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:240px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 160px;
    width: 255px;
    height: 255px;
 }

  #lbl_nota{
  position:absolute;
  top: 42%;
  left:30%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 375px;
    left: 30px;
    width: 525px;
    height: 160px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }

  #btn_carrito{
    position:absolute; margin-top:-36%; left:77%; width: 90px; height: 90px; display: inline-block;
  }

  #btn_funcionamiento{

    position:absolute; margin-top:-23%; left:77%; width: 90px; height: 90px; display: inline-block;
  }

  #btn_nuevo_pedido{

    position:absolute; margin-top:-10%; left:77%; width: 80px; height: 80px; display: inline-block;
  }


 #caja_legenda{
  
  height: 365px;
  width: 700px;
  position:relative; 
  margin-top: 5%;
  left:250px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:680px; font-size:20px; color:white;
 }

#caja_datos_contacto{

  position:relative; 
  height: 120px;
  left:29%;
  display: block;
  width:550px;
  margin: 3%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:560px;height:790px; display: none; position:absolute; background:white; top:25%; left:32%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:520px; background:white;
 }

#txt_empresa_envio{
  width:490px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:490px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:220px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:490px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:72%; left:5%; 
}

#txt_razon_factura{
 width:455px; position:absolute; top:72%; left:25%; 
}

#txt_ruc_factura{
 width:220px; position:absolute; top:72%; left:43%; 
}

#radio_plin{
 width:220px; position:absolute; top:72%; left:72%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:80%; left:5%; 
}

#txt_monto_delivery{
 width:170px; position:absolute; top:84%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:320px; width:490px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:390px;height:190px; display: none; position:absolute; background:white; top:345px; left:36%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:360px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:350px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:55px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:210px; width:55px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:55px; left:145px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:160px;  
  }

 /* ventana dialogo pedido*/
 
   #vta_dialogo{
   border: 1px solid black; position:absolute; top:760px; left:34%; width:460px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:415px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:417px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:160px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:65px; font-size:22px; width:330px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:40px; width:170px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:245px; width:170px;
  }

  /* posiciones datos mostrados del pedido */


 #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:65%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:440px;height:140px; display: none; position:absolute; background:white; top:745px; left:35%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:410px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:340px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:190px; background: #ccc;
  }

#pie{
  position:relative; width: 100%; display:block; margin-top: 10%;
 } 

#mensaje_agregar_producto{
border-radius: 20px;
width: 250px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}    

#mensaje_validacion{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}    

#mensaje_numero_items{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_datos_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_pedido_registrado{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_celular{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-82%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

#mensaje_ruc_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-74%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}       

#mensaje_direccion_correo{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-80%;
left:41%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:650px;height:550px; display: none; position:absolute; background:black; top:1380px; left:30%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:620px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}            
   
}

@media only screen and (max-width: 2000px) and (min-width:1801px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

 #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  }

 #popup{
  width:600px;height:820px; display: none; position:absolute; background:white; top:25%; left:35%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:560px; background:white;
 }

 #btn_add_car{
   position:absolute; left:85px; width:180px; top:765px;
 }

 #btn_ver_car{
   position:absolute; left:325px; width:170px; top:765px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:655px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:645px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:645px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:712px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:60px; top:705px;
 }

 #btn_incrementar{
   position:absolute; left:340px; width:60px; top:705px;
 }

 #number{
  position: absolute; top:87%; width:60px; left:270px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:550px; color:black;
 }

 #txt_producto{
  position: absolute; top:72%; width:525px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:240px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 160px;
    width: 255px;
    height: 255px;
 }

  #lbl_nota{
  position:absolute;
  top: 42%;
  left:30%;
  color:red;
  font-size:12px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 375px;
    left: 30px;
    width: 525px;
    height: 160px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }



  #btn_carrito{
    position:absolute; margin-top:-32%; left:78%; width: 100px; height: 100px; display: inline-block;
  }

  #btn_funcionamiento{

    position:absolute; margin-top:-21%; left:78%; width: 100px; height: 100px; display: inline-block;
  }

  #btn_nuevo_pedido{

    position:absolute; margin-top:-10%; left:78%; width: 90px; height: 90px; display: inline-block;
  }


 #caja_legenda{
  
  height: 340px;
  width: 780px;
  position:relative; 
  margin-top: 5%;
  left:280px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display:block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:765px; font-size:20px; color:white;
 }

#caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:30%;
  display: block;
  width:550px;
  margin: 3%;
  margin-top:8%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:560px;height:790px; display: none; position:absolute; background:white; top:25%; left:35%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:520px; background:white;
 }

#txt_empresa_envio{
  width:490px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:490px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:220px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:490px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:72%; left:5%; 
}

#txt_razon_factura{
 width:455px; position:absolute; top:72%; left:25%; 
}

#txt_ruc_factura{
 width:220px; position:absolute; top:72%; left:43%; 
}

#radio_plin{
 width:220px; position:absolute; top:72%; left:72%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:80%; left:5%; 
}

#txt_monto_delivery{
 width:170px; position:absolute; top:84%; left:60%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:94%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:320px; width:490px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:390px;height:190px; display: none; position:absolute; background:white; top:355px; left:38%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:360px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:350px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:55px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:210px; width:55px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:55px; left:145px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:160px;  
  }

 /* ventana dialogo pedido*/
 
    #vta_dialogo{
   border: 1px solid black; position:absolute; top:760px; left:38%; width:460px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:415px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:417px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:160px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:65px; font-size:22px; width:330px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:40px; width:170px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:245px; width:170px;
  }


  /* posiciones datos mostrados del pedido */
 #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 14px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:25%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 14px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 14px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 14px; color:red; width: 110px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:36%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 14px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:35%; font-size: 14px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:35%; font-size: 14px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 14px; color:red; width: 120px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:43%; font-size: 14px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:65%; font-size: 14px; color:blue; width: 110px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:440px;height:140px; display: none; position:absolute; background:white; top:750px; left:38%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:410px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:340px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:190px; background: #ccc;
  } 

#pie{
  position:relative; width: 100%; display:block; margin-top: 10%;
 } 

#mensaje_agregar_producto{
border-radius: 20px;
width: 250px;
height: 30px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_validacion{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_tomar_pedido{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}     

#mensaje_numero_items{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_pedido_registrado{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-72%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_celular{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-85%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_ruc_factura{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-78%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_direccion_correo{
border-radius: 20px;
width: 250px;
height: 45px;
background: green;
color:white;
border: 2px solid black;
font-size: 12px;
display: none;
position: relative;
margin-top:-83%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#popup_funcionamiento{

width:700px;height:600px; display: none; position:absolute; background:black; top:1560px; left:35%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:670px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}                        

}

@media only screen and (max-width: 3000px) and (min-width:2001px){

 .wrapper {
  align-items: center;
  display:block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}


 #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  }

  #popup{
  width:650px;height:870px; display: none; position:absolute; background:white; top:30%; left:40%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:610px; background:white;
 }

 #btn_add_car{
   position:absolute; left:100px; width:200px; top:805px;
 }

 #btn_ver_car{
   position:absolute; left:350px; width:190px; top:805px;
 }

 #lbl_precio{
  position:absolute; left:125px; top:700px; color:black;
 }

  #txt_precio{
  position:absolute; left:200px; width:100px; top:690px;
 }

  #txt_moneda{
  position:absolute; left:310px; width:100px; top:690px;
 }

 #lbl_cantidad{
  position:absolute; left:110px; top:755px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:200px; width:70px; top:748px;
 }

 #btn_incrementar{
   position:absolute; left:360px; width:70px; top:748px;
 }

 #number{
  position: absolute; top:87%; width:60px; left:285px;
 } 

 #lbl_producto{
  position:absolute; left:30px; top:600px; color:black;
 }

 #txt_producto{
  position: absolute; top:74%; width:570px; left:30px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:275px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 185px;
    width: 290px;
    height: 290px;
 }

  #lbl_nota{
  position:absolute;
  top: 44%;
  left:33%;
  color:red;
  font-size:14px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 415px;
    left: 30px;
    width: 570px;
    height: 170px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }

  #btn_carrito{
    position:absolute; margin-top:-30%; left:80%; width: 100px; height: 100px; display: inline-block;
  }

  #btn_funcionamiento{

    position:absolute; margin-top:-19%; left:80%; width: 100px; height: 100px; display: inline-block;
  }

  #btn_nuevo_pedido{

    position:absolute; margin-top:-8%; left:80%; width: 90px; height: 90px; display: inline-block;
  } 

 #caja_legenda{
  
  height: 440px;
  width: 850px;
  position:relative; 
  margin-top: 5%;
  left:600px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:840px; font-size:24px; color:white;
 }

#caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:38%;
  display: block;
  width:600px;
  margin: 3%;
  margin-top:9%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:620px;height:850px; display: none; position:absolute; background:white; top:30%; left:38%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:580px; background:white;
 }

#txt_empresa_envio{
  width:550px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:550px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:250px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:550px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:72%; left:5%; 
}

#txt_razon_factura{
 width:550px; position:absolute; top:72%; left:25%; 
}

#txt_ruc_factura{
 width:250px; position:absolute; top:72%; left:43%; 
}

#radio_plin{
 width:250px; position:absolute; top:72%; left:72%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:80%; left:5%; 
}

#txt_monto_delivery{
 width:170px; position:absolute; top:84%; left:57%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:95%; left:35%; 
}

#contenedor_scroll{
  overflow:scroll; height:350px; width:550px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:420px;height:190px; display: none; position:absolute; background:white; top:530px; left:42%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:390px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:380px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:60px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:220px; width:60px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:60px; left:150px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:175px;  
  }

 /* ventana dialogo pedido*/
 
   #vta_dialogo{
   border: 1px solid black; position:absolute; top:980px; left:41%; width:480px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:435px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:435px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:170px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:80px; font-size:22px; width:330px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:40px; width:170px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:270px; width:170px;
  }

  /* posiciones datos mostrados del pedido */
 #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 16px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 16px; color:blue; width: 400px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 16px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:20%; font-size: 16px; color:blue; width: 400px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 16px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 16px; color:blue; width: 200px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 16px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 16px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 16px; color:red; width: 115px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:25%; font-size: 16px; color:blue; width: 300px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 16px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:25%; font-size: 16px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 16px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:30%; font-size: 16px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 16px; color:red; width: 130px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:30%; font-size: 16px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:65%; font-size: 16px; color:blue; width: 120px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:470px;height:140px; display: none; position:absolute; background:white; top:950px; left:41%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:435px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:365px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:190px; background: #ccc;
  } 

 #pie{
  position:relative; width: 100%; display:block; margin-top: 8%;
 } 

#mensaje_agregar_producto{
border-radius: 20px;
width: 300px;
height: 35px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-78%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

#mensaje_validacion{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-78%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_tomar_pedido{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-78%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}    

#mensaje_numero_items{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-78%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

#mensaje_datos_factura{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-78%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_pedido_registrado{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-78%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

#mensaje_celular{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-86%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_ruc_factura{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-81%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-85%;
left:44%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#popup_funcionamiento{

width:1000px;height:700px; display: none; position:absolute; background:black; top:2100px; left:35%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:960px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}

}

@media only screen and (max-width: 4000px) and (min-width:3001px){

    .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

  #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  }

  #popup{
  width:720px;height:950px; display: none; position:absolute; background:white; top:30%; left:40%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:680px; background:white;
 }

 #btn_add_car{
   position:absolute; left:150px; width:220px; top:890px;
 }

 #btn_ver_car{
   position:absolute; left:390px; width:200px; top:890px;
 }

 #lbl_precio{
  position:absolute; left:140px; top:758px; color:black;
 }

  #txt_precio{
  position:absolute; left:220px; width:100px; top:750px;
 }

  #txt_moneda{
  position:absolute; left:340px; width:100px; top:750px;
 }

 #lbl_cantidad{
  position:absolute; left:130px; top:825px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:220px; width:70px; top:820px;
 }

 #btn_incrementar{
   position:absolute; left:400px; width:70px; top:820px;
 }

 #number{
  position: absolute; top:87%; width:70px; left:310px;
 } 

 #lbl_producto{
  position:absolute; left:50px; top:650px; color:black;
 }

 #txt_producto{
  position: absolute; top:73%; width:600px; left:50px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:290px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 190px;
    width: 330px;
    height: 330px;
 }

  #lbl_nota{
  position:absolute;
  top: 45%;
  left:33%;
  color:red;
  font-size:14px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 460px;
    left: 50px;
    width: 600px;
    height: 170px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }


  #btn_carrito{
    position:absolute; margin-top:-23%; left:80%; width: 110px; height: 110px; display: inline-block;
  }

  #btn_funcionamiento{

    position:absolute; margin-top:-15%; left:80%; width: 100px; height: 100px; display: inline-block;
  }

  #btn_nuevo_pedido{

    position:absolute; margin-top:-7%; left:80%; width: 90px; height: 90px; display: inline-block;
  }

 #caja_legenda{
  
  height: 450px;
  width: 900px;
  position:relative; 
  margin-top: 1%;
  left:1000px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:870px; font-size:24px; color:white;
 }

#caja_datos_contacto{

  position:relative; 
  height: 100px;
  left:37%;
  display: block;
  width:600px;
  margin: 3%;
  margin-top:8%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:620px;height:850px; display: none; position:absolute; background:white; top:35%; left:42%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:580px; background:white;
 }

#txt_empresa_envio{
  width:550px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:550px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:250px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:550px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:72%; left:5%; 
}

#txt_razon_factura{
 width:550px; position:absolute; top:72%; left:25%; 
}

#txt_ruc_factura{
 width:250px; position:absolute; top:72%; left:45%; 
}

#radio_plin{
 width:250px; position:absolute; top:72%; left:65%; 
}

#cbo_distrito_delivery{
 width:250px; height:92px;  position:absolute; top:81%; left:5%; 
}

#txt_monto_delivery{
 width:170px; position:absolute; top:84%; left:57%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:95%; left:40%; 
}

#contenedor_scroll{
  overflow:scroll; height:350px; width:550px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }

#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:450px;height:190px; display: none; position:absolute; background:white; top:850px; left:44%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:420px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:410px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:60px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:220px; width:60px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:60px; left:150px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:195px;  
  }

 /* ventana dialogo pedido*/
 
    #vta_dialogo{
   border: 1px solid black; position:absolute; top:1300px; left:44%; width:480px; height:190px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:435px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:435px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:170px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:98px; left:80px; font-size:22px; width:330px;
  }

  #registrar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:40px; width:170px;
  }

  #cancelar_pedido{
    position:absolute; top:140px; border-color:#ccc; border-width:1px; left:270px; width:170px;
  }


  /* posiciones datos mostrados del pedido */

 #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 16px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 16px; color:blue; width: 400px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 16px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:20%; font-size: 16px; color:blue; width: 400px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 16px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 16px; color:blue; width: 200px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 16px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 16px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 16px; color:red; width: 115px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:25%; font-size: 16px; color:blue; width: 300px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 16px; color:red; width: 110px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:25%; font-size: 16px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 16px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:30%; font-size: 16px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 16px; color:red; width: 130px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:30%; font-size: 16px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:65%; font-size: 16px; color:blue; width: 120px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:470px;height:140px; display: none; position:absolute; background:white; top:1280px; left:44%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:435px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:365px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:190px; background: #ccc;
  } 

 #pie{
  position:relative; width: 100%; display:block; margin-top: 10%;
 } 

 #mensaje_agregar_producto{
border-radius: 20px;
width: 300px;
height: 35px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-80%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

 #mensaje_validacion{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-80%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

 #mensaje_tomar_pedido{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-80%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}    

#mensaje_numero_items{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-80%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

#mensaje_datos_factura{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-80%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#mensaje_pedido_registrado{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-80%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_celular{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-84%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-81%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_direccion_correo{
border-radius: 20px;
width: 300px;
height: 50px;
background: green;
color:white;
border: 2px solid black;
font-size: 14px;
display: none;
position: relative;
margin-top:-83%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

#popup_funcionamiento{

width:1200px;height:800px; display: none; position:absolute; background:black; top:2950px; left:45%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:1160px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}                        

}

@media only screen and (max-width: 5000px) and (min-width:4001px){

   .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

 #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  }

 #popup{
  width:720px;height:950px; display: none; position:absolute; background:white; top:36%; left:41%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:680px; background:white;
 }

 #btn_add_car{
   position:absolute; left:150px; width:220px; top:890px;
 }

 #btn_ver_car{
   position:absolute; left:390px; width:200px; top:890px;
 }

 #lbl_precio{
  position:absolute; left:140px; top:758px; color:black;
 }

  #txt_precio{
  position:absolute; left:220px; width:100px; top:750px;
 }

  #txt_moneda{
  position:absolute; left:340px; width:100px; top:750px;
 }

 #lbl_cantidad{
  position:absolute; left:130px; top:825px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:220px; width:70px; top:820px;
 }

 #btn_incrementar{
   position:absolute; left:400px; width:70px; top:820px;
 }

 #number{
  position: absolute; top:87%; width:70px; left:310px;
 } 

 #lbl_producto{
  position:absolute; left:50px; top:650px; color:black;
 }

 #txt_producto{
  position: absolute; top:73%; width:600px; left:50px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:290px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 190px;
    width: 330px;
    height: 330px;
 }

  #lbl_nota{
  position:absolute;
  top: 45%;
  left:33%;
  color:red;
  font-size:14px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 460px;
    left: 50px;
    width: 600px;
    height: 170px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }


  #btn_carrito{
    position:absolute; margin-top:-22%; left:82%; width: 120px; height: 120px; display: inline-block;
  }

  #btn_funcionamiento{

    position:absolute; margin-top:-14%; left:82%; width: 120px; height: 120px; display: inline-block;
  }

  #btn_nuevo_pedido{

    position:absolute; margin-top:-5%; left:82%; width: 110px; height: 110px; display: inline-block;
  }


 #caja_legenda{
  
  height: 450px;
  width: 1000px;
  position:relative; 
  margin-top: 1%;
  left:1200px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:980px; font-size:26px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 120px;
  left:50%;
  display: block;
  width:650px;
  margin: 3%;
  margin-top:8%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:700px;height:850px; display: none; position:absolute; background:white; top:36%; left:42%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:660px; background:white;
 }

#txt_empresa_envio{
  width:600px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:600px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:300px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:600px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:72%; left:5%; 
}

#txt_razon_factura{
 width:600px; position:absolute; top:72%; left:25%; 
}

#txt_ruc_factura{
 width:300px; position:absolute; top:72%; left:45%; 
}

#radio_plin{
 width:300px; position:absolute; top:72%; left:65%; 
}

#cbo_distrito_delivery{
 width:300px; height:92px;  position:absolute; top:81%; left:5%; 
}

#txt_monto_delivery{
 width:190px; position:absolute; top:84%; left:57%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:95%; left:40%; 
}

#contenedor_scroll{
  overflow:scroll; height:350px; width:600px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }


#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:500px;height:190px; display: none; position:absolute; background:white; top:920px; left:44%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:470px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:460px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:60px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:220px; width:60px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:60px; left:150px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:210px;  
  }

 /* ventana dialogo pedido*/
 
  #vta_dialogo{
   border: 1px solid black; position:absolute; top:1370px; left:44%; width:530px; height:200px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:485px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:485px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:185px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:100px; left:80px; font-size:24px; width:370px;
  }

  #registrar_pedido{
    position:absolute; top:150px; border-color:#ccc; border-width:1px; left:60px; width:170px;
  }

  #cancelar_pedido{
    position:absolute; top:150px; border-color:#ccc; border-width:1px; left:280px; width:170px;
  }


  /* posiciones datos mostrados del pedido */

 #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 18px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 18px; color:blue; width: 400px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 18px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:20%; font-size: 18px; color:blue; width: 400px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 18px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 18px; color:blue; width: 200px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 18px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 18px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 18px; color:red; width: 140px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:26%; font-size: 18px; color:blue; width: 300px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 18px; color:red; width: 125px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:25%; font-size: 18px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 18px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:30%; font-size: 18px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 18px; color:red; width: 145px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:30%; font-size: 18px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:65%; font-size: 18px; color:blue; width: 135px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:530px;height:140px; display: none; position:absolute; background:white; top:1350px; left:44%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:500px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:425px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:215px; background: #ccc;
  } 

  #pie{
  position:relative; width: 100%; display:block; margin-top: 10%;
 }

  #mensaje_agregar_producto{
border-radius: 20px;
width: 315px;
height: 35px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-78%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

 #mensaje_validacion{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-78%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

 #mensaje_tomar_pedido{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-78%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

 #mensaje_numero_items{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-78%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}   

#mensaje_datos_factura{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-78%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_pedido_registrado{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-78%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_celular{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-84%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_ruc_factura{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-81%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_direccion_correo{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-83%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#popup_funcionamiento{

width:1300px;height:900px; display: none; position:absolute; background:black; top:3100px; left:45%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:1255px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}      
 
}

@media only screen and (max-width: 6000px) and (min-width:5001px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

  #btn_producto{
    height:100%; width:100%;
  } 

  #btn_producto_dos{
    height:100%; width:100%;
  }   

  #btn_producto_tres{
    height:100%; width:100%;
  }   

  #btn_producto_cuatro{
    height:100%; width:100%;
  }     

  #btn_producto_cinco{
    height:100%; width:100%;
  }

  #btn_producto_seis{
    height:100%; width:100%;
  }

  #btn_producto_siete{
    height:100%; width:100%;
  } 

  #btn_producto_ocho{
    height:100%; width:100%;
  }

  #popup{
  width:720px;height:950px; display: none; position:absolute; background:white; top:38%; left:43%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

  #cerrar_popup{
  width:20px; height:20px; position:absolute; top:5px; left:680px; background:white;
 }

 #btn_add_car{
   position:absolute; left:150px; width:220px; top:890px;
 }

 #btn_ver_car{
   position:absolute; left:390px; width:200px; top:890px;
 }

 #lbl_precio{
  position:absolute; left:140px; top:758px; color:black;
 }

  #txt_precio{
  position:absolute; left:220px; width:100px; top:750px;
 }

  #txt_moneda{
  position:absolute; left:340px; width:100px; top:750px;
 }

 #lbl_cantidad{
  position:absolute; left:130px; top:825px; color:black;
 }

 #btn_decrementar{
   position:absolute; left:220px; width:70px; top:820px;
 }

 #btn_incrementar{
   position:absolute; left:400px; width:70px; top:820px;
 }

 #number{
  position: absolute; top:87%; width:70px; left:310px;
 } 

 #lbl_producto{
  position:absolute; left:50px; top:650px; color:black;
 }

 #txt_producto{
  position: absolute; top:73%; width:600px; left:50px;
 } 

 #titulo_producto{
   position:absolute; top:30px; left:290px; font-size:26px; color:red;
 }
  
 #imagen_prod_dos{
  position: absolute;
    top: 70px;
    left: 190px;
    width: 330px;
    height: 330px;
 }

  #lbl_nota{
  position:absolute;
  top: 45%;
  left:33%;
  color:red;
  font-size:14px;
  width:60%;
 }

 #descripcion_producto{
  position: absolute;
    top: 460px;
    left: 50px;
    width: 600px;
    height: 170px;
    overflow: scroll;
    border-top: 1px;
    background: #f5f5f5;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px;
 }



  #btn_carrito{
    position:absolute; margin-top:-21%; left:80%; width: 140px; height: 140px; display: inline-block;
  }

  #btn_funcionamiento{

    position:absolute; margin-top:-14%; left:80%; width: 140px; height: 140px; display: inline-block;
  }

 #btn_nuevo_pedido{

    position:absolute; margin-top:-5%; left:80%; width: 130px; height: 130px; display: inline-block;
  }


 #caja_legenda{
  
  height: 500px;
  width: 1330px;
  position:relative; 
  margin-top: 1%;
  left:1550px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:1300px; font-size:30px; color:white;
 }

#caja_datos_contacto{

  position:relative; 
  height: 130px;
  left:50%;
  display: block;
  width:700px;
  margin: 3%;
  margin-top:9%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


/* ventana carrito de compra */

#popup_carrito{
  width:700px;height:850px; display: none; position:absolute; background:white; top:38%; left:43%;  border-radius:10px;  border: solid 5px #000000; z-index:9999;
 }

#cerrar_popup_carrito{
  width:20px; height:20px; position:absolute; top:5px; left:660px; background:white;
 }

#txt_empresa_envio{
  width:600px; position:absolute; top:50%; left:5%; 
} 

#txt_direccion_envio{
 width:600px; position:absolute; top:55%; left:5%; 
} 

#txt_ws_envio{
  width:300px; position:absolute; top:60%; left:5%; 
}

#txt_correo_envio{
   width:600px; position:absolute; top:65%; left:5%; 
}

#cbo_documento_venta{
 width:200px; position:absolute; top:72%; left:5%; 
}

#txt_razon_factura{
 width:600px; position:absolute; top:72%; left:25%; 
}

#txt_ruc_factura{
 width:300px; position:absolute; top:72%; left:45%; 
}

#radio_plin{
 width:300px; position:absolute; top:72%; left:65%; 
}

#cbo_distrito_delivery{
 width:300px; height:92px;  position:absolute; top:81%; left:5%; 
}

#txt_monto_delivery{
 width:190px; position:absolute; top:84%; left:57%; 
}

#btn_registrar_venta{
width:150px; position:absolute; top:95%; left:40%; 
}

#contenedor_scroll{
  overflow:scroll; height:350px; width:600px;  border: solid 1px #000000; position:absolute; left:5%; top:5%;
 }


#borde_registro{
   border-radius:1px;  border: solid 1px #000000; height:100px; width:440px;
 }

 #foto_registro{
  width:80px; height:80px; position:relative; margin-top:2%; margin-left:2%;
 }

 #producto_registro{
  position:absolute; top:5px; left:125px; color:red; width:325px;
 }

 #cantidad_registro{
  position:absolute; top:35px; left:125px;
 }

  #pu_registro{
  position:absolute; top:55px; left:125px;
 }

 #pt_registro{
  position:absolute; top:75px; left:125px;
 }

  #registro_actualizar{
  position:absolute; top:40px; left:270px;
 }

 #registro_eliminar{
  position:absolute; top:70px; left:270px;
 }

/* Ventana actualizar cantidad */

#popup_act{

   width:500px;height:190px; display: none; position:absolute; background:white; top:1190px; left:45%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#lbl_cantidad_act{
  position:absolute; top:90px; left:10px;
}

 #cerrar_popup_act{
  width:20px; height:20px; position:absolute; top:5px; left:470px; background:white;
 } 

 #txt_nombre_producto_act {
  position:absolute; top:40px; left:10px; width:460px; background: #ccc;
  }

#btn_decrementar_act{
   position:absolute; left:80px; width:60px; top:85px;
 }

 #btn_incrementar_act{
   position:absolute; left:220px; width:60px; top:85px;
 }

 #number_act{
  position: absolute; top:85px; width:60px; left:150px; 
 }  

#btn_act_cant{
   position:absolute; top:135px; left:210px;  
  }

 /* ventana dialogo pedido*/
 
    #vta_dialogo{
   border: 1px solid black; position:absolute; top:1630px; left:45%; width:530px; height:200px; z-index:9999; background-color:white; z-index:9999;
  }

  #bloque_cerrar_dialo{
    position:absolute; top:0px; left:0px; width:485px; height:43px; z-index:1; background-color: black;
  }

  #cerrar_dialo{
    position:absolute; top:0px; left:485px; width:40px; height:43px; z-index:1;
  }

  #tit_mens{
   position:absolute; top:30px; left:185px; font-size:15px; width:150px;
  }

  #cuerpo_mens{
   position:absolute; top:100px; left:80px; font-size:24px; width:370px;
  }

  #registrar_pedido{
    position:absolute; top:150px; border-color:#ccc; border-width:1px; left:60px; width:170px;
  }

  #cancelar_pedido{
    position:absolute; top:150px; border-color:#ccc; border-width:1px; left:280px; width:170px;
  }


  /* posiciones datos mostrados del pedido */

   #lbl_cliente{
    position:absolute; top:46%; left:5%; font-size: 18px; color:red; width: 50px;
  }

  #txt_empresa_pedido{
    position:absolute; top:46%; left:20%; font-size: 18px; color:blue; width: 400px;
  }

  #lbl_direccion{
    position:absolute; top:52%; left:5%; font-size: 18px; color:red; width: 50px; 
  }

  #txt_direccion_pedido{
    position:absolute; top:52%; left:20%; font-size: 18px; color:blue; width: 400px;
  }

  #lbl_wattsapp{
    position:absolute; top:58%; left:5%; font-size: 18px; color:red; width: 50px;
  }

  #txt_wattsapp_pedido{
    position:absolute; top:58%; left:20%; font-size: 18px; color:blue; width: 200px;
  }

  #lbl_correo{
    position:absolute; top:64%; left:5%; font-size: 18px; color:red; width: 50px;
  }

  #txt_correo_pedido{
    position:absolute; top:64%; left:20%; font-size: 18px; color:blue; width: 300px;
  }

  #lbl_delivery{
    position:absolute; top:70%; left:5%; font-size: 18px; color:red; width: 140px;
  }

  #txt_delivery_pedido{
    position:absolute; top:70%; left:26%; font-size: 18px; color:blue; width: 300px;
  }

  #lbl_monto_delivery{
    position:absolute; top:76%; left:5%; font-size: 18px; color:red; width: 125px;
  }

   #txt_monto_delivery_pedido{
    position:absolute; top:76%; left:25%; font-size: 18px; color:blue; width: 250px;
  }

  #lbl_tipo_documento{
   position:absolute; top:82%; left:5%; font-size: 18px; color:red; width: 120px;
  }

  #txt_documento_pedido{
    position:absolute; top:82%; left:30%; font-size: 18px; color:blue; width: 150px;
  }

  #lbl_numero_orden_documento{
   position:absolute; top:88%; left:5%; font-size: 18px; color:red; width: 145px;
  }

  #txt_numero_orden_pedido{
    position:absolute; top:88%; left:30%; font-size: 18px; color:blue; width: 110px;
  }

  #enlace_detalle_factura{
    position:absolute; top:82%; left:65%; font-size: 18px; color:blue; width: 135px;
  }

  /* ventana datos realizar factura */

#popup_detalle_factura{

width:530px;height:140px; display: none; position:absolute; background:white; top:1620px; left:45%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_detalle_factura{
  width:20px; height:20px; position:absolute; top:5px; left:500px; background:white;
 } 

#lbl_razon_social{
  position:absolute; top:45px; left:5px;
}

#txt_razon_social_factura {
  position:absolute; top:40px; left:75px; width:425px; background: #ccc;
  }

 #lbl_ruc{
  position:absolute; top:95px; left:40px;
}

#txt_ruc_factura_empresa{
  position:absolute; top:90px; left:75px; width:215px; background: #ccc;
  } 

 #pie{
  position:relative; width: 100%; display:block; margin-top: 10%;
 } 

   #mensaje_agregar_producto{
border-radius: 20px;
width: 315px;
height: 35px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-80%;
left:47%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

 #mensaje_validacion{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-82%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}  

 #mensaje_tomar_pedido{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-82%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

 #mensaje_numero_items{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-82%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_datos_factura{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-82%;
left:46%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}

#mensaje_pedido_registrado{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-82%;
left:47%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#mensaje_celular{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-85%;
left:47%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}    

#mensaje_ruc_factura{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-82%;
left:47%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
}      

#mensaje_direccion_correo{
border-radius: 20px;
width: 315px;
height: 55px;
background: green;
color:white;
border: 2px solid black;
font-size: 16px;
display: none;
position: relative;
margin-top:-84%;
left:47%;
padding-top: 5px;
padding-left: 30px;
padding-right: 10px;
z-index:9999;
} 

#popup_funcionamiento{

width:1500px;height:900px; display: none; position:absolute; background:black; top:3900px; left:45%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:1450px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:5%; left:3%;
}                  

}
</style>