*{
	padding: 0;
	margin: 0;
	font-family: sans-serif;
}

.full-page{
	background: url(../assets/img/bg_sgi.png) no-repeat;

	/*opacity: .5;*/
	/*resize image full container*/
	background-size: 100% 100%;
	width: 100vw;
	height: 100vh;
}


.body-registro{
	background-color: #F0F7F8;
}



.login-box{
	width: 30%;
	height: 50%;
	/*Reubica el elmento sin dejar espacio*/
	position: absolute;
	/*mantiene siempre al centro de la pantalla*/
	top: 60%;
	left: 30%;
	/*mantiene centrada el elemento*/
	transform: translate(-50%, -50%);
	color: #000;
	border: #F0F7F8 solid 10px ;
	border-radius: 20px;
}
.login-box h1{
	width: 100%;
	float: left;
	font-size: 35px;
	border-bottom: 5px solid #eaf1eb;
	margin-bottom: 25px;
	padding: 5px 20px;
	color: #ffffff;
	text-align: center;
}

.texbox{
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	padding: 8px 0;
	margin: 8px 0;
	border-bottom: 10px solid #4caf50;
	text-align: center;
}

.textbox span{
	width: 26px;
	float: left;
	text-align: center;
}
.textbox h4{
	color: #ffffff;
	text-align: center;
	margin-top: 25PX;
	margin-left: 30PX;
	
}

.textbox input{
	border: none;
	outline: none; 
	background: none;
	color: rgb(12, 11, 11);
	font-size: 18px;
	width: 95%; 
	float: left;
	margin: 0 10px;
	border-bottom: 2px solid #fefffd;
}



#signin{
	width: 100%;
	margin-top: 10px;
}


.registrarse{
	color: #0A20E3;
	font-weight: 800;
}


.wraper-registro-form{
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	/*background-color: #00B6F1;*/
	transform: translate(-50%, -50%);
	
	border-radius: 5px 5px 5px 5px;
}


.img-form-register{
	background: url('../assets/img/super-heroe.png') no-repeat;
	background-size: inherit;
}

.navbar{
	background-color: #0055a2 !important;
}

.wraper-registro-form-inputs{
	/*background-color: #3B702B;*/
	padding: 15px 10px;
}