body{
	background-color: #e3e3e3 !important;
	
}

.new-login{
	position: absolute;
	width: 660px;
	min-height: 300px;
	left: calc(50% - 330px);
	top: calc(50% - 150px); 
}

.login{
	width: 100%;
	min-height: 300px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	background:white;
}

.lt{
	display: none;
}

.ll{
	height:300px;
	width: 50%;
	float: left;
}


.ll2{
	height:300px;
	width: 50%;
	float: left;
}

.lr{
	height:300px;
	width: 49%;
	float: right;
	text-align: center;
}

.img-d{
	height: 30px;
	margin-top: 30px;
}

.logo-sorriso{
	height: 45px;
	margin-top: 15px;
	border-radius: 9px;
}

.body1{
	background-color: #545454 !important;
}

.cardcent{
	position: absolute;
	width: 400px;
	min-height: 400px;
	left: calc(50% - 200px);
	top: calc(50% - 250px); 
}

.imgcent{
	height:400px;
	width: 100%;
	float: left;
	background-image: url("../images/sem-permissao.png");
	background-position: center;
    background-size: cover;
}

.imgcent500{
	height:400px;
	width: 100%;
	float: left;
	background-image: url("../images/500.png");
	background-position: center;
    background-size: cover;
}

.imgcent404{
	height:400px;
	width: 100%;
	float: left;
	background-image: url("../images/404.png");
	background-position: center;
    background-size: cover;
}



@media (min-width: 0px) and (max-width: 660px) {
	.new-login{width: 90%; left: 5%; top:10%;}
	.ll{display: none;}
	.ll2{display: none;}
	.lr{width: 100%;}
	.lt{width: 100%; height:70px; background-color: #282727; display: block;}	
}