/* #006E97 */

*{
  box-sizing: border-box;
}
html,
body{
  background:#111;
  height:100%;
  margin: 0;
  padding: 0;
  font: 10pt Verdana,sans-serif;
  color: #0069B3;
  text-align:center;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

:focus{
  outline:0px;
}
::-webkit-input-placeholder {
  color: #7E7869;
}
::-moz-placeholder {
  color: #7E7869;
}
:-ms-input-placeholder {
  color: #7E7869;
}
:-moz-placeholder {
  color: #7E7869;
}


form,.destino{
  width:400px;
  background:rgba(0,105,179,0.7) ;
  /*  url('imgs/logos/omexom40x40white.svg')    */
  height:350px;
  padding: 20px;
  margin:40px  auto;
  overflow: auto;
  text-align:center;
  top:50%;
  bottom:50%;
  left:50%;
  right:50%;
  position:absolute;
  margin: -180px 0 0 -200px;
}

form img{
  width:200px;
  margin-bottom:20px;
}

label{

  width:100%;
  text-shadow:1px 1px white;
  text-align:left;
  display:block;
  margin: 10px 0 0 0;
  color:#999;
  font-size:7pt;
  padding:5px 0 0 5px;
  text-transform:uppercase;
  background:white;
}

input{
  background:white;
  transition:.4s;
  padding:10px;
  color:#000;
  width:100%;
  text-align:center;
  font-size:13pt;
  border:0;
  font-size:9pt;
  font-family:Verdana;
  border-bottom:2px solid white;

}
input:focus{
  box-shadow:0 0 40px 10px white;
  background:white;
}
input:focus::before{
  background:white;
}

#entrar, .sub input{
  margin:15pt auto 0 auto;
  background:#FFF;
  border:2px solid #0069B3;
  width:auto;
  padding:20px 20px 20px  ;
  display:block;
  clear:both;
  cursor:pointer;
  transition:1s;
  text-transform:uppercase;
  color:#0069B3;
  text-decoration:none;
  font-size:8pt;

}


.sub a{
  margin:2px auto 0 auto;
  background:#FFF;
  border:2px solid #0069B3;
  width:auto;
  padding:10px  ;
  display:block;
  clear:both;
  cursor:pointer;
  transition:1s;
  text-transform:uppercase;
  color:#0069B3;
  text-decoration:none;
  font-size:8pt;
}


#entrar:hover,.sub input:hover, .sub a:hover{
  background:#0069B3;
  box-shadow:0 0 10px white;
  color:white;
}


#login .ko{
  margin-top:10px;
  max-width:400px;
 background:#cc0000;
  padding:10px;
  text-transform:uppercase;
  font-size:8pt;
  width:100%;
color:white;
  font-weight:normal;
}

.sub{
  text-align:center;
  margin:0 auto;
  max-width:400px;
}


.fondo{
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  background-color:white;
  background-position:center center;
  background-repeat:no-repeat;

  display:none;
}

#fondo1{
  background-image:url('imgs/fondos/1.jpg');
}
#fondo2{
  background-image:url('imgs/fondos/2.jpg');
}
#fondo3{
  background-image:url('imgs/fondos/3.jpg');
}
#fondo4{
  background-image:url('imgs/fondos/4.jpg');
}
#fondo5{
  background-image:url('imgs/fondos/5.jpg');
}
#fondo6{
  background-image:url('imgs/fondos/6.jpg');
}
#fondo7{
  background-image:url('imgs/fondos/7.jpg');
}
#fondo8{
  background-image:url('imgs/fondos/8.jpg');
}
#fondo9{
  background-image:url('imgs/fondos/9.jpg');
}
#fondo10{
  background-image:url('imgs/fondos/10.jpg');
}

#barra{
  height:10px;
  background:url('imgs/fondos/barra.svg') #35619E center right -20px no-repeat;
  position:absolute;
  width:100%;
  top:0;
  z-index:999;
  right:0;
}


/****** PASS 1234567 *******/


      ul , li {
        margin:0;
        padding:0;
        list-style-type:none;
      }
      .requisitos{
        text-align:left;
      }
      input[disabled] {
        background:#DDD;
        cursor:not-allowed;.
        color:#999;
        opacity:.7;


      }
      input[disabled]:hover {
        cursor:not-allowed;
        background:#DDD;
        border:2px solid #0069B3;
        color:#999;
      }


      #pswd_info {
        position:absolute;
        bottom:20px;
        width:360px;
        padding:15px;
        background:rgba(0,0,0,0.7);;
        font-size:8pt;
        color:white;
        border-radius:5px;
        display:none;
        z-index:9999;
      }
      #pswd_info h4 {
        margin:0 0 10px 0;
        padding:0;
        font-weight:normal;
      }
      #pswd_info::before {
        content: "\25B2";
        position:absolute;
        top:-12px;
        left:50%;
        font-size:14px;
        line-height:14px;
        color:rgba(0,0,0,0.7);;
        text-shadow:none;
        display:block;
      }
      .invalid {
        background:url(../images/invalid.png) no-repeat 0 50%;
        padding-left:22px;
        line-height:18px;
        color:red;
      }
      .valid {
        background:url(../images/valid.png) no-repeat 0 50%;
        padding-left:22px;
        line-height:18px;
        color:limegreen;
      }