@charset "UTF-8";

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.esp-log {
  padding: 20px 0 20px 0;
}

.fon-logo-new2 {
  background-color: #000;
  border-radius: 10px;
}

.fon-logo-new {
  background-color: #fff;
  border-radius: 10px;
}

.sac-new {
  margin: 0px;
  padding: 0px;
}

.trans {
  background-color: #f8f8f8;
  border-radius: 10px;
}

.trans2 {
  background-color: #2d2d2d;
  border-radius: 10px;
}

.iniciar-new {
  font-size: 18px;
  color: #8997a2;
  font-family: tipo-light;
  padding: 10px 0 25px 20px;
}

.olvidaste {
  font-size: 13px;
  font-family: tipo-light;
  color: #3498db;
  padding: 25px 0 15px 0;
  text-align: right;
}

.box-ingreso {
  height: 50px;
  background-color: transparent;
  border-top: 1px solid #fcf9f9;

  border-right: 1px solid #fcf9f9;
  border-left: 1px solid #fcf9f9;
  border-bottom: 1px solid #b9c0c8;
  color: #888f97 !important;
  font-size: 13px;
  font-family: tipo-light;
}

.box-ingreso2 {
  height: 50px;
  background-color: transparent;
  border-top: 1px solid #2d2d2d;

  border-right: 1px solid #2d2d2d;
  border-left: 1px solid #2d2d2d;
  border-bottom: 1px solid #545a62;
  color: #888f97 !important;
  font-size: 13px;
  font-family: tipo-light;
}

.bot-text {
  font-size: 16px;
  font-family: tipo-bold;
  color: #fff;
  background-color: #00a19b;
  border: 0;
  margin: 35px 0 25px 0;
  border-radius: 30px;
}

.bot-text:hover {
  background-color: #006d68;
}

.cuenta,
.cuenta a {
  font-size: 15px;
  font-family: tipo-light;
  color: #00a19b;
  padding: 10px 0 20px 0;
  text-align: center;
}

.llamado {
  font-size: 50px;
  color: #fff;
  font-family: tipo-medio;
}

.llamado-d {
  font-size: 22px;
  color: #fff;
  font-family: tipo-light;
  padding: 0 0 0 0;
}

.bot-cambio-color {
  background-color: #fdc300;
  border: 0;
  border-radius: 20px;
}

.bot-cambio-color:hover {
  background-color: #fdc300;
  border: 0;
  border-radius: 20px;
}

.sec-movil {
  display: none;
}

.imagen {
  background-image: url(../images/fondo-new.jpg);

  background-size: 100%;
  background-repeat: no-repeat;
}

.imagen2 {
  background-image: url(../images/fondo-new2.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.imagen3 {
  background-image: url(../images/fondo-003.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
}

.imagen4 {
  background-image: url(../images/fondo-004.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.bot-cambio-color2 {
  background-color: #2a2a2a;
  border: 0;
  border-radius: 20px;
}

@media screen and (min-width: 0px) and (max-width: 812px) {
  .salir {
    display: none;
  }

  .baj-usu {
    margin: 10px 0 0 0;
  }

  .bot-lis {
    border-radius: 40px;
    font-family: tipo-light;
    font-size: 13px;
    background-color: #eac435;
    border: 0;
    margin: 3px 0 10px 0;
  }

  .bot-lis2 {
    border-radius: 40px;
    font-family: tipo-light;
    font-size: 13px;
    background-color: #e30265;
    border: 0;
    margin: 3px 0 10px 0;
  }

  .bot-lis3 {
    border-radius: 40px;
    font-family: tipo-light;
    font-size: 13px;
    background-color: #0bcda4;
    border: 0;
    margin: 3px 0 10px 0;
  }

  .bot-lis4 {
    border-radius: 40px;
    font-family: tipo-light;
    font-size: 13px;
    background-color: #f9683b;
    border: 0;
    margin: 3px 0 10px 0;
  }

  .esp-log {
    padding: 10px 0 70px 0;
  }

  .fon-imagen-lis {
    background-image: url(../images/fon-pagina2.jpg);
  }

  .imagen {
    background-image: url(../images/fondo-new.jpg);

    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #fff;
  }

  .posi-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .posi-log-b {
    padding: 45px 0 0 0;
  }

  .sec-movil {
    display: block;
  }

  .sec-desktop {
    display: none;
  }

  .bot-cambio-color {
    background-color: #fdc300;
    border: 0;
    border-radius: 20px;
    margin: 30px 0 0 0;
  }

  .bot-cambio-color2 {
    background-color: #2a2a2a;
    border: 0;
    border-radius: 20px;
    margin: 30px 0 0 0;
    border: 1px solid #fff;
  }
}