.loginbox {
	
	width: 850px;
	height: 500px;
	
	background-color: #FFF;
	border-radius: 10px;
	
	margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 150px;
	
	
	
}

.loginForm { 
	
	width: 375px;
	height: 450px;
	
	border-radius: 10px;
	text-align: center;
	
	margin-top: 25px;
	margin-left: 25px;
	float: left;
	
	
	
}

legend {
    
    font: 18px 'Niramit', sans-serif;
	color: #4A4A4A;
	font-weight: 300;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 100%;
	text-align: center;
    
}

.loginFormTitulo {
	
	font: 36px/36px 'Niramit', sans-serif;
	color: #4A4A4A;
	font-weight: 300;
	margin-bottom: 50px;
	
}

.loginFormTextSmall {
	
	font: 11px 'Niramit', sans-serif;
	color: #706d6d;
	font-weight: 300;
	text-transform: uppercase;
	
}

a.loginFormTextSmall:hover {
	
	color: black;
	text-decoration: underline;
}

.loginInput {
	
	width: 250px;
	height: 45px;
	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	
	border: 2px solid #EABA6C;
	border-radius: 30px;
	
	font-family: 'Niramit', sans-serif;
	font-size: 16px;
	color: #4A4A4A;
	font-weight: 300;
	
}

.loginInput:hover {
	
	border: 2px solid #FEE9C4;
}

.UpdateFoto {
    
    width: 150px;
    height: 150px;
    
    background-color: #FDE7BF;
    background-repeat: no-repeat; 
    background-size: 200px; 
    background-position: center;
    border: 2px solid #EABA6C;
	border-radius: 20px;
	
	margin-right: auto;
	margin-left: auto;
    
}

.UpdateFoto:hover {

    background-color: #EABA6C;
    border: 2px dashed #FDE7BF;
    Cursor: pointer;
    filter: opacity(0.5);

}

.loginSubmit {
	
	width: 150px;
	height: 45px;
	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	
	background-color: #EABA6C;
	border: 2px solid #EABA6C;
	border-radius: 30px;
	
	font-family: 'Niramit', sans-serif;
	font-size: 16px;
	color: #4A4A4A;
	font-weight: 300;
	
}

.loginSubmit:hover {
	
	background-color: #FEE9C4;
	cursor: pointer;
	
}

.loginIllust {
	
	width: 400px;
	height: 450px;
	
	background-color: #FDE7BF;
	background-size: 250px;
	border-radius: 10px;
	
	margin-top: 25px;
	margin-right: 25px;
	float: right;
	
	
	
}


.loginIllustTexto {
	
	width: 180px;
	
	font: 17px/20px 'Niramit', sans-serif;
	color: #4A4A4A;
	text-align: center;
	background-color: #FFF;
	font-weight: 900;
	border-radius: 10px;
	padding: 10px;
	margin-top: 180px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.loginSignUp {
	
	width: 850px;
	
	background-color: #FFF;
	border-radius: 10px;
    padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 150px;
	
	
	
}

.loginSignUpIllust {
	
	width: 800px;
	height: 250px;
	
	background-color: #FDE7BF;
	background-size: 250px;
	border-radius: 10px;
	margin-right: 25px;
	margin-left: 25px;
	

}

.loginSignUpIllustTexto {
	
	width: 400px;
	
	font: 17px/20px 'Niramit', sans-serif;
	color: #4A4A4A;
	background-color: #FEE9C4;
	font-weight: 300;
	padding: 25px;
	margin-right: auto;
	margin-left: auto;

	
}

.loginSignUpForm { 
	
	width: 600px;
	
	border-radius: 10px;
	text-align: center;
	
	margin-right: auto;
	margin-left: auto;
	
	
}