body {
	margin: 0;
	margin-top: 15px;
	background-color: lightGrey
}

#username {
	margin-left: 25px;
	width: 93%;
	display: block
}

#password {
	margin-left: 25px;
	width: 93%;
	display: block
}

.container {
	margin-top: 1%;
	margin-bottom: 3%;
}

.topo {
	width: 30%;
	height: 40%;
	margin: 0 auto;
	background: #FBFBF9;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	text-align: center;
}

.conteudo {
	width: 30%;
	height: 60%;
	margin: 0 auto;
	background: #FBFBF9;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	text-align: center;
}

.rodape {
	width: 30%;
	height: 145px;
	margin: 0 auto;
	background: #FBFBF9;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	text-align: center;
}

.rodape-social {
		margin-top:50px;
		display:block;
		margin: 0 auto;
		margin-left:7%; 
		margin-right:7%
	}
	
	.btn-rodape-social{
		width:10%;
		margin-left:12%;
		display: block;
		float:left;
	}

.ui-panelgrid .ui-grid-responsive {
	border: none;
	background: none;
}

.logo-und-gestora {
	width: 50%;
}
.btn-entrar:hover {
     color: #eeeeec;
     background-color: #888a85;
     border: 1px solid #555753;
}
.btn-entrar {
	color: white;
	border: 1px solid #2e3436;
	background-color: #555753;
	a-hover: #729fcf;
	border-radius: 5px;
	margin: 2px;
	padding: 2px;
	padding-top: 4px; 
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: bold;
	font-size:10px;
	display: inline-block;
	text-align: center;
}

@media ( max-width :900px) {
	
	.topo, .conteudo, .rodape, .rodape-social {
		width: 90%
	}
	.topo {
		height:
	}
	.conteudo {
		
	}
	.rodape {
		
	}
	.rodape-social {
		margin-top:5px;
		margin: 0 auto;
		width:90%;
	}
	
	.btn-rodape-social{
		width:5%;
		margin-left:16%;
		display: block;
		float:left;
	}
	#username {
		width: 91%;
	}
	#password {
		width: 91%;
	}
	.logo-und-gestora {
		width: 60%;
	}
	.rodape {
		h5: 6px;
	}
}