*  {
    margin:0;
    padding:0;
}

html, body {height:100%;}

div {

	display:block;
}	

#container {
	
	width:100%;
	height:auto;

    	
}
.loginmain {
	top:30px;
	position:relative;
	width:900px;
	margin:auto;
	height:100%;
	min-height:100%;
	text-align:center;
}


#logo_img {
	position:relative;
	width:300px;
	margin:auto;
	padding-bottom:15px;
	align-items:center;
}
#logo_img img{
	margin:auto;
	text-align:center;
}

#loginpanel {
	position:relative;
	width:450px;
	height:100%;
	margin:auto;
	text-align:center;
	
}
.titulologinpanel {
	position:relative;
	font-size:45px;

}

.subtitulologinpanel {
	position:relative;
	font-size:20px;

}

#formloginpanel {
  position:relative;
  margin:auto !important;
  border-radius: 5px;
  width:400px;
  font-family:georgia; 
  padding: 20px;
  z-index:0;
}

#rodape {		
  position:absolute;
    bottom:0;
    width:100%;
	 z-index:-2000;
	
}

.textologin {
	position:relative;
	text-align:center;
}


@media screen and (max-width: 762px) {
.loginmain {
    top:5px;
	width:100%;
	text-align:center;
}
	
#loginpanel {
	width:95%;
	text-align: center;
}
#formloginpanel {
  position:relative;
 
   width:95%;
   margin:auto;

}

}