.div-container-login{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-parte-interna {
	width: 60%;
	height: 40%;
	display: flex;
	align-items: center;
	border-radius: 5px;
	/* border: 4px solid transparent; */
	background-color:white;
}


.login-logo{
	/* background-color: #484848; */
	background-image: radial-gradient(circle, #B1C5E6, #527DC8, #27467B);
	background-size: 400% 400%;
	animation: logo-animation 10s ease infinite;

	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-div-form{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.login-div-form form{
	width: 100%;
	height: 70%;
}

.login-div-form input:focus {
	outline: none;
	background-color:  rgb(232, 232, 232);
  }
  

.login-div-h4{
	margin: 0 auto;
	height: 30%;
	padding-top: 5%;
	display: flex;
	align-items: center;
}


.login-div-h4 h4{
	font-family: sans-serif;
	font-size: 25px;
	color: #333333cc;	
	
}


.login-div-form span{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding: 2%;
}

.login-div-form span input{
	border: black solid 1px;
	border-radius: 1%;
	background-color: rgb(242, 242, 242);
	width: 90%;
	padding-left: 2%; 
}

.login-div-form span i{
	background-color: lightgray;
	display: flex;
	align-items: center;
	padding: 2%;
	border: 1px solid black;
	border-right: 0px;
}

.div-btn-logar{
	display: flex;
	justify-content: space-between;
	margin-left: 5%;
	padding: 2%;
}

.div-btn-logar button{
	padding: 2px;
	width: 25%;
	border: #D3D3D3 solid 1px;
	background-color: #428BCA;
	border-radius: 3px;
	color: white;
}



.circunferencia-logo{
	background-image: radial-gradient(circle, #B1C5E6, #527DC8, #27467B);
	background-size: 400% 400%;
	animation: logo-animation 10s ease infinite;
	height: 85%;
	width: 60%;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

  @keyframes logo-animation {
	0% {
	  background-position: 100% 0%;
		}
		50% {
	  background-position: 0% 100%;
	}
	100% {
	  background-position: 100% 0%;
	}
  } 

.circunferencia-logo img{
	width: 90%;
}

.login-logo img{
	width: 60%;
}