/*
 * $LastChangedDate: 2026-01-27 12:50:54 +0100 (mar, 27 ene 2026) $
 * $LastChangedRevision: 37356 $
 * $LastChangedBy: asolsona $
 */
:root {
  --bg-color-header: #0199dc;
  --bg-color-focus: #Feb976;
  --bg-color-input: #AFD1FC;
}

::-ms-clear {
  /*la cruz de iexplorer*/
  display: none;
}

body {
  margin: 0 auto;
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#idlogo_empresa {
  background: url(../img/logo_5_200x200.jpg) no-repeat;
  height: 200px;
  width: 200px;
  position: relative;
  top: 200px;
  margin: 0 auto;
  background-size: contain;

    animation: aparecerYPalpitar 2.5s ease-out forwards;
}

@keyframes aparecerYPalpitar {
    0% {
        opacity: 0;
        transform: scale(0.9); /* Empieza */
    }
    40% {
        opacity: 1;
        transform: scale(1); /* original */
    }
    70% {
        transform: scale(1.05); /* zoom sutil 5%  */
    }
    100% {
        opacity: 1;
        transform: scale(1); /* Vuelve a  original */
    }
}
#div_loguin {
    top: 0px;
    position: relative;
    margin: auto;
    box-shadow: 0px 0px 20px 8px #0199dc4f;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

#laIdentifica {
  display: none
}

#laUsuario,
#usuario {
  top: 230px;
}

#laPassword,
#password {
  top: 270px;
}

#btAceptaLogin {
  top: 330px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #0199dc;
  background-color: var(--bg-color-header);
  cursor: pointer;
  color: white;
  border: none;
}

#laUsuario,
#laPassword {
  width: 40%;
  position: absolute;
  text-align: right;
}

#usuario,
#password {
  left: 45%;
  position: absolute;
}

#div_errores {
  position: relative;
  top: 460px;
  color: red;
  text-align: center;
}

input {
  height: 100%;
  padding: 2px;
  background-color: #AFD1FC;
  background-color: var(--bg-color-input);
  border: solid 1px #0199dc;
  border: solid 1px var(--bg-color-header);
}

#div_politicas {
  display: none;
}

.mida120 {
  width: 100px;
  height: 14px;
}

.mida150_cb {
  width: 150px;
  height: 25px;
}

.font_texto3 {
  font-size: 13px
}

.font_input_normal:focus {
  background-color: #Feb976;
  background-color: var(--bg-color-focus);
}


.logo-kale {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  position: relative;
  box-sizing: border-box;
  left: 150px;
}