html{
	background: #fff;		
}

body {	
	
	margin: 0;
	text-align: left;
		font: 13px Arial, Tahoma, Sans-Serif;
}

a{
	color: #fff;
}

a:hover{
	text-decoration: none;
}

a:visited{
	color: #0D324F;
}

#topo_login {
	background: #0D324F;
	height: 39px;	
}

#topo_login h1 {		
	color: #333;
	width: 108px;
	height: 36px;	
	margin: 30px auto;		
	font-size: 30px;
	font: 30px Arial, Tahoma, Sans-Serif;	
}

#topo_login h1 a {
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width: 100px;
	height: 36px;
}

#topo_login h2 {
	width: 380px;	
	font: 14px Arial, Tahoma, Sans-Serif;
	color: #fff;
	text-align: right;	
	padding: 0;
	margin-right: 140px;	
}

#div_banner_esquerdo
{	
	width: 65%;
	height: 100vh;	
	float: left;			
	background: #206D99 url('../images/fundo_login_portal_aluno-03.jpg') no-repeat;	
	border-right: 1px solid #e0e0e0;	
}

#div_banner_esquerdo_professor
{	
	width: 65%;
	height: 100vh;	
	float: left;			
	background: #206D99 url('../images/fundo_login_portal_professor.jpg') no-repeat;	
	border-right: 1px solid #e0e0e0;	
}


#div_login {		
	background: #fff;	
	padding: 5px;
	padding-left: 5px;		
	padding-top: 0px;	
	padding-bottom: 0px;			
	width: 34%;
	height: 100vh;
	float: right;	
}


#div_login label
{
   font-weight: bold;
   margin: 0 !important;
   color: #444;
	padding-bottom: 2px;
}

#div_login .botao{	
	background: #0D324F !important;
	padding: 6px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;	
	border: 3px double #1C6CAB !important;	
	border-radius: 5px;
	color: #fff !important;	
	width: 60%;
}

#div_login .botao_amarelo{		
	background: #ffc800;
	padding: 6px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	border: 3px double #fff !important;	
	border-radius: 10px;
	color: #000 !important;
	height: 45px;
	
}

#div_login .form-error
{
  color: #f33;
}

#div_login .notice h2
{
	font-size: 12px;
	text-align: left !important;
}

#div_login .save-ok
{
	border: none !important;
  margin-bottom: 10px;  
}

#div_login .save-ok h2
{
	border: 1px solid #43C752;	
  margin: 0 !important;
  padding: 8px 25px 8px 25px;
  font-size: 14px;
  color: #2E8738;
  background: #E0FEE4 url(../images/tick.png) no-repeat 5px 8px !important;
	border-radius: 4px;
}

#form_login .error
{
  margin-bottom: 5px;	
	border: none !important;
}

#form_login .error h2
{
  margin: 0 !important;
  padding: 8px 25px 8px 25px;
	border-radius: 5px;
	font-size: 14px;
  color: #594C2B;
  background: #FFEFBC url(../images/error.png) no-repeat 5px 8px;
  border: 1px solid #BBBB00;	
	border-radius: 4px;
}

#form_login{
	margin: 15% auto;	
	background: #fff;
	text-align: center;		
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;	
	padding-bottom: 15px;		
	width: 65%;
	border-radius:5px;	  
}

#form_login h3 {	
	font: 18px Arial, Tahoma, Sans-Serif;
	color: #4487DA;	
	padding: 0;	
	
	margin-top: 5px;
}

#form_login label
{
   font-weight: bold;
   margin: 0 !important;
   color: #444;
		padding-bottom: 2px;
}

#form_login input {		
	padding: 7px 3px 7px 3px !important;
	font: 17px Arial, Tahoma, Sans-Serif !important;
	border: 1px solid #ABC8E2;
	border-radius: 5px;	
	width: 65%;
	color: #666;
}

#form_login select{
	border: 1px solid #00A2E8;
	border-radius: 2px;
	padding: 5px 3px 5px 3px !important;
	font: 14px "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif !important;
}

#form_login a {
	text-decoration: underline; 
	color: #4499D9;
}

#form_login a: hover {
	color: black;
	text-decoration: none;
	background: none;
}

#form_login a:visited{
	color: #4499D9;
}

#logo_instituicao
{
	text-align: center;
	width: 100%;
	height: 90px;	
	
}

#opcoes_login{		
	margin: -5px auto;
	margin-bottom: 0px;
	text-align: center;
}

.flutua_direita{
float: right !important;
}

.direitos
{
	text-align: center;
	color: #888;
	font: 11px Arial, Tahoma, Sans-Serif !important;
	padding: 15px;
	margin: 0px;
}

.central
{
	text-align: center;
}

/* Portal do aluno */

#banner_portal_aluno{	
	height: 191px;	
	margin-top: -5px;		
}

#banner_portal_professor{
	background: url(../images/portal_professor.jpg ) no-repeat 0 5px;		
	height: 191px;	
	margin-top: -5px;		
}

.imagem-na-esquerda{
	
	float: left;
	margin-right: 8px;
}

.caixa_cinza{
	padding: 3px 6px 3px 6px !important;
	background: #f7f7f7;
	border-radius: 5px;
	text-align: justify;
}

.caixa_amarelo_claro{
	background: #FDFFD7;
	border: 1px solid #BBBB00;
	padding: 3px 4px 0px 8px !important;
	text-align: justify;
	border-radius:5px;
}