.menu{
    height: auto;
    background-color: rgb(127, 155, 155);
    color:black;
    font-size:small;
    padding-left:50px;
    z-index: 2;
}
li{
  background-color: rgb(121, 155, 155,);
}
.menu li:hover{
    transition: 300ms;
    height: auto;
    background-color: #b8d2be;
    border-radius: 5px;
    z-index:2;
}
.titulo__cabecera{
    font-style: italic;
    font-family:ui-sans-serif;
    color: #0000FF;
    margin-left: 15px;
}
.titulo__cabecera--menu{
    font-style: italic;
    font-family:ui-sans-serif;
    color: #0000FF;
    margin-left: 15px;
}
.titulo{
    height:130px;
}
.titulo__logo{
    width: 120px;
    height: 140px;
    padding-right: 80px;
}
.titulo__shopping{
    font-size: 40px;
    margin-left: 5px;
}
.titulo__shopping:hover{
    transition:400ms;
    font-size:50px;   
}
.mapa{
    margin: 15px;
    padding: 10px;
    position:absolute;
    left: 20%;
    top: 10px;
    display: none;
    z-index:2;
  }
  .social{
    position: fixed;
    right: 0;
    z-index: 1;
    padding-left: 35px;
  }
  .social ul{
    list-style: none;
  }
  .social ul li a{
    display: inline-block;
    color: #FFF;
    background-color: #3B5998;
    padding: 5px 5px;
    text-decoration: none;
    border-radius: 5px 19px 19px 19px;
    
  }
  .social ul li .bi-facebook{
    background: #3B5998;
}
  .social ul li .bi-envelope-heart{
    background: #e9430b;
}
.banner{
  z-index: 2;
}
  .social ul li a:hover{
    transition: 300ms;
    padding: 8px 15px 10px 15px;
    font-size: 25px;
  }
  .card{
    border:none;
  }
  .bi-whatsapp{
    color: #0c8f2a;
  }
  .revelado{
    background-image: linear-gradient( to right, white 48%, #92e6e8, rgb(9, 164, 99));
  }
.revelado__imagen{
  background-color: white;
  width: 50%;
}
.revelado__imagen img{
    width: 300px;
}
.revelado__leyenda{
  width: 50%;
  text-align: center;
}
.revelado__leyenda h4{
    width: 100%;
}
.ampliacion{
  background-image: linear-gradient( to right, rgb(240, 248, 248) 48%, #92e6e8, rgb(116, 179, 220));
  background-color: #99afdb6b;
}
.ampliacion__imagen{
    width: 105%;
}
.ampliacion__imagen img{
    width: 100%;
}
.transfer{
  background-image: linear-gradient(to right, white 43%,rgb(249, 211, 165));
}
.transfer__imagen{
    width: 50%;
}
.transfer__imagen img{
    width: 100%;
}
.footer{
  background-color: #9db7e2;
}
.fotter__cobro{
  margin-top: 300px;
}
.titulo__cabecera__footer{
  font-style: italic;
  font-family:ui-sans-serif;
  color: #1b1919;
  margin-left: 16px;
}
.footer__menu{
  font-size: 13px;
}
.footer__social{
  font-size: 24px;
}
.footer__social ul{
  list-style:none;
}
.footer__social li a{
  color:#140808;
}
.arrow_up{
  position: fixed;
  display:flex;
  right:30px;
  bottom: 200px;
  color:darkcyan;
  font-size: 24px;
  z-index: 1;
  transform: scale(0);
}
.arrow_up:hover{
  bottom:205px;
  color: #042840;
  transition: 400ms;
}
.productos__card{
  margin-left: 20px;
}
.productos__card--img{
  width: 150px;
}
.tabla__actualizacion--db{
  background-color: #b4e5da;
  border-radius: 20px;
  height: 810px;
  padding-top:15px;
}
.tabla__actualizacion--ofer{
  background-color: #b4e5da;
  border-radius: 20px;
  height:600px;
}
.form__actualizacion--db{
  background-color: #7d9ad4;
  margin-top:160px;
  margin-right: 0;
  padding:40px 0px 10px 0px;
  width:210px;
  height:450px;
}
.form__actualizacion--inventario{
  background-color:#54aa96;
  border-radius: 20px;
  width: 100%;
}
.revision__inventario--db{
  background-color: #c6ceec;
  border-radius: 20px;
}
.rev__ventas{
  background-color: #a2adaf;
  border-radius: 20px;
}
.rev__inventario{
  background-color: #7d9396;
  border-radius: 20px;
}
.carga__archivo--ofer--db{
  margin-right: 20px;
}
.form__actualizacion--ofer--db{
  background-color: #abbcdf;
  margin-bottom:60px;
  padding:20px 20px 10px 10px;
  border-radius:20px;
  width:220px;
  height:480px;
}
.form__prod--db{
  height: 80%;
}
.form__baja--db{
  background-color: #abbcdf;
  margin-bottom:60px;
  padding:10px 10px 10px 10px;
  border-radius:20px;
}
.form__banners{
  background-color: #abbcdf;
 margin-bottom:60px;
 margin-left:40px;
 padding:10px 10px 10px 10px;
 border-radius:20px;
}
.form__admin{
  padding: 12px;
  background-color: #abbcdf;
  border-radius: 20px;
}
#caja_datos{
  margin: 5px;
  width: 350px;
  height: 80px;
  border: 3px dashed black;
  border-radius: 8px;
}
#caja_imagen{
  margin: 5px;
  width: 350px;
  height: 350px;
  border: 3px dashed gray;
  border-radius: 8px;
}
#caja_datos_subir{
  margin: 5px;
  width: 350px;
  height: 80px;
  border: 3px dashed black;
  border-radius: 8px;
}
#caja_imagen_subir{
  margin: 5px;
  width: 350px;
  height: 350px;
  border: 3px dashed gray;
  border-radius: 8px;
}
#caja_imagen_banner{
  width: 870px;
  height: 220px;
  border: 3px dashed gray;
  border-radius: 8px;
}
.vertical{
  border-left: solid #545252;;
  width: 2px;
  height: 680px;
  float: left;
  margin: 30px;
}
#ofer_datos{
  margin: 5px;
  width: 350px;
  height: 80px;
  border: 3px dashed black;
  border-radius: 8px;
}
#ofer_imagen{
  margin: 5px;
  width: 250px;
  height: 250px;
  border: 3px dashed gray;
  border-radius: 8px;
}
.alta_user--form{
  background-color: #abbcdf;
  width: 500px;
  border-radius: 15px;
}
.aviso{
  background-color: #7fa6f3;
  margin-top: 50px;
  border-radius:15px;
}
.pago{
  background-color: #97e4e1;
  height:450px;
}
.input-group{
  margin: 1px;
  padding: 1px;
}
.form-control{
  height:26px;
  font-size:small;
}
.input-group-text{
  height:26px;
  font-size:small;
}
.nota_digital{
  background-color: #a5e3e4;
  border-radius:15px;
  text-align:center;
}
table{
  background-color: #92e6e8;
  margin: 20px;
  padding:10px;
  border-radius: 15px;
}
tr td {
  padding:15px;
}
.tabla__ventas--titulo{
   margin-left: 45%;
  font-size:medium;
  font-family:emoji;
}
.tabla__ventas--td{
    font-size: 10px;
  text-align:center;
}
.tabla__ventas--cab{
  font-size:10px;
}
.tabla__ventas--clientes{
  margin-left: 30%;
  font-size:medium;
  font-family:emoji;
}
.stock_in{
  text-align: center;
}
.stock_in--tr:nth-child(even){
  background-color: #8080807a;
}
.stock_in--th{
  border-bottom: solid 3px black;
  background-color:#00efff;
}
.stock_in--tr:hover{
  background-color:#d9f7f7;
}
.nos{
  text-align: center;
  font-style: italic;
  font-family: ui-sans-serif;
  font-size: x-large;
  margin-top: 100px;
  margin-bottom: 300px;
  position: relative; 
  z-index:1;
}
.nos__img{
  position:absolute;
  z-index:-1;
  width: 550px;
  height: 550px;
  padding-bottom:100px;
}
.fles{
  flex-wrap: wrap;
}
#caja_datos--rfc{
  border: 3px dashed black;
  width:155px;
}
#caja_imagen--rfc{
  flex-wrap: wrap;
  border: 3px dashed black;
  width:155px;
  height:160px;
}