/* #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:340px;
	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;
}


.ko{
	max-width:400px;
	color:#cc0000;
	padding:10px;
	text-transform:uppercase;
	border-radius:6px;
	font-size:8pt;
	font-weight:bold;
	width:100%;
	border:2px solid #0069B3;
	background:white;

}

.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 *******/

			form.actualizar{
				background:transparent;
			}

			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:45%;
				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;
			}