.logogin{
	line-height: 200px;
	float: left;
	margin-top: -45px;
	margin-left: -10%;
}
*{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	box-sizing: border-box;
}
body{
	background: #F5F5F5;
	margin-bottom:210px;

}
form {
	margin: auto;
	width: 50%;
	margin-top: 5%;
	max-width: 500px;
	background: #FFFFFF;
	padding:30px;
	border-top: 1px solid rgba(0,0,0,0.2);
	border-left:1px solid rgba(0,0,0,0.2);
	border-right:1px solid rgba(0,0,0,0.2);
	
}

h2{
	text-align: center;
	margin-bottom: 20px;
	color: rgba(0,0,0,0.5);
}

input[type="text"]{
	padding: 20px;
	display: block;
	width: 100%;
	margin:30px 0px;
	font-size: 20px;
} 
input[type="password"]{
	padding: 20px;
	display: block;
	width: 100%;
	margin:30px 0px;
	font-size: 20px;
} 
input[type="submit"]{
	padding: 5px;
	display: block;
	width: 100%;
	margin:30px 0px;
	font-size: 20px;
	color: #FFFFFF;
	background: #1273EB;
	cursor:pointer;
	border-radius: 5px;
	border-style: none;
	margin-bottom: 0;
} 
#division{
	display: block;
	background: #EDECEC;
	margin: auto;
	width: 50%;	
	max-width: 500px;
	padding:20px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-left:1px solid rgba(0,0,0,0.2);
	border-right:1px solid rgba(0,0,0,0.2);
	margin-bottom:20%;
}
#division .enlog{
	text-align: center;
}
#division .l{
	text-decoration: none;
}
.text-footer{
	display: block;
	text-align: center;
	color: #7a7a7a;
	font-weight:600;
}
.text-footer a{
	color: #029EE1;
	font-weight: 600;

}
.creado1{
    height: 10px;

}
.creado1 nav{
    background: #1D447D;
bottom:0%;
}
.creado1 nav ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top:10px;
}
.creado1 nav ul p{
    text-align: left;
    color: #3F72BD;
    line-height: 60px;
    margin-left: 90px;
    font-size: 20px;
    font-family:Arial,Tahoma;
    font-style: bold; 
}
input[type="submit"]:hover{
opacity: 1;
background: #015FCD;
	}
	input[type="submit"]:active{
transform: scale(0.95);
	}
@media(max-width: 768px){
	form
	{
	width: 75%;	
	}
	#division
	{
	width: 75%;	
	}
}
@media(max-width: 480px){
	form
	{
	width: 95%;	
	}
	#division
	{
	width: 95%;	
	}
}
footer{
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 50px;
  background: #1D447D;
  list-style: none;
  text-align: left;
  color: #3F72BD;
  line-height: 50px;
  font-size: 20px;
  font-family:Arial,Tahoma;
  font-style: bold; 
margin-top: 5%;
}
@media screen and (max-width: 508px){
 footer{font-size: 25px;}
  }
  @media screen and (max-width: 285px){
 footer{font-size: 6vw;}
#division{
margin-bottom:30%;}
  }