body, html{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}
body{
	background-image:url(../images/login_bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat; 
	border-bottom: 5px solid #0056b3;
	border-top: 20px solid #0056b3;
	font-family: 'Verdana', sans-serif
}
*{
	box-sizing: border-box;
}
textarea:focus, input:focus{
    outline: none;
}
.clear{
	clear: both;
}
.animate{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.derechos{
	position: absolute;
	bottom: 10px;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}

/*/////////////////// Login ////////////////////*/
#contentLogin{
	position: relative;
	left: 50%;
	margin-left: -150px;
	width: 300px;
}
#contentLogin #logo{
	width: 100%;
	margin: 40px 0;
}
#contentLogin #form{
	width: 100%;
	height: auto;
	background: rgba(0,0,0,.4);
	padding: 50px 20px;
	text-align: left;
	color: #fff
}
#contentLogin #form input{
	width: 100%;
	margin: 0 0 20px 0;
	height: 30px;
}
#contentLogin #form .label{
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 15px;
}
#contentLogin #form .label img{
	margin-right: 10px;
}
#contentLogin #form #btEnviar{
	margin-top: 20px;
	margin-bottom: 0;
    border: 0;
    background-color: #0056b3;
    padding: 0;
    float: right;
    width: 50%;
    color: #fff;
    background-image: url(../images/ico-sent.png);
    background-repeat: no-repeat;
    background-position: 26px 10px;
    cursor: pointer;
}
#contentLogin #form #btEnviar:hover{
	background-color: #013c7b;
	background-position: 20px 10px;
}
#contentLogin a{
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	display: block;
	margin: 30px auto 0 auto;
	width: fit-content;
}
#contentLogin a:hover{
	background: rgba(0,0,0,.35);
	padding: 5px 20px;
}