@charset "utf-8";
/* CSS Document */
a {
    transition: all 0.5s ease 0s;
}
html,
body
{
	background:#fff;
	width:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Museo Sans Rounded';
	font-weight: 300;
}

#campos div > span > input{display: none !important; }


#container{
	display: table;
	width:100%;
	height: 100%;
}
#login{
	display: table-cell;
	width:100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	
}
#inner{
	display: inline-block;
	box-shadow: 0px 0px 4px #666;
	border-radius: 8px;
	overflow: hidden;
	width: 453px;
}
#header{
	text-align: center;
	background: #005cb9;
	padding: 26px 0 16px;
	border-radius: 8px 8px 0 0 ;
	overflow: hidden;
}
#header img{
}
h2{ color: #005cb9; font-weight: 500; margin: 0 0 14px; }
.info{ margin-bottom: 15px; }
.form{
	padding: 35px 42px 20px;
}
.input{
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-bottom: 11px;
}
#submit{ padding-top: 2px; }
#submit input{
	background-color: #005cb9;
    width: 108px;
    padding: 12px 0 7px;
    border-radius: 8px;
    border: 2px solid #005cb9;
    color: #FFF;
    font-weight: 700;
    font-size: 15px;
    display: inline-block;
    line-height: 1.2;

}
#error span{ color: #D00104;font-weight: 500;margin-bottom: 7px; display: block; }
#submit input:hover{
	background-color: #fff;
	color: #005cb9;
}
#recordar{ padding-top: 2px;}
#recordar label{ font-weight: 100; cursor: pointer; }
#recordar input{ cursor: pointer; }


.botones{
	padding-top: 7px;
	font-weight: 100;
}
.botones hr{
	margin:26px 0 25px;
	border-color: #ccc;
}
.botones a{ color:rgb(51, 51, 51); text-decoration: none; }
.botones a:hover{ color:#005cb9; }
.botones a.naranja{ color:#005cb9; text-decoration: underline; }
.botones a.naranja:hover{ color:rgb(51, 51, 51); }
.info_password{ margin:15px 0;}
.info_password span{ cursor: pointer; }
.info_password span:hover{ color:#005cb9;}
#scorebarBorder{ line-height: 1; margin: 0 5px;font-size: 13px; display: inline-block; vertical-align: middle; cursor: pointer; }
.input.input_pwdmeter{ padding-right: 22px; }
/*.input_pwdmeter_check{ margin-bottom: 0; }*/
.input_pwdmeter_container{ position: relative; display: block;}
#ver {
	position: absolute;
	top: 1px;
	right: 1px;
	font-size: 8px;
	cursor: pointer;
}

@media (max-width: 550px) {
	#container{display: block;}
	#login{display: block;}
	#inner{
		width:100%;
		border-radius: 0;
		box-shadow: none;
	}
	#header{border-radius: 0;}
	.form{
		max-width: 453px;
		margin: 0 auto;
	}
}
@media (max-height: 620px) {
	#container{display: block;}
	#login{display: block;}
	#inner{
		width:100%;
		border-radius: 0;
		box-shadow: none;
	}
	#header{border-radius: 0;}
	.form{
		max-width: 453px;
		margin: 0 auto;
	}
}
@media (max-width: 400px){
	.form {padding: 35px 20px 20px;}	
	h2{ font-size: 28px;}
}



#tablePwdStatus{
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
	pointer-events: none;
}


@media (max-width: 767px){
#scrollJS{cursor: move; }
}

.label_check *{
	vertical-align: middle;
}
.div_check{
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.div_check .input_check{ width: 100%; height: 100%; opacity: 0; position: absolute; top:0; left: 0; cursor: pointer; z-index: 2; margin:0; }

.div_check .check_on{ display: none; }
.div_check .input_check:checked + div .check_off{ display: none; }
.div_check .input_check:checked + div .check_on{ display: block; }