*{
  padding:0;
  margin:0;
}

body{
  padding:0;
  margin:0;
  text-align: center;
}

#conteudo{
  width: 100%;
  height: auto;
  display: table;
  margin: 5px auto 5px -10px;
  _margin: 5px auto;
  overflow: none;
}

#conteudo p a.botoes{
  width:70px;
  height:20px;
  background:#999;
  color:#fff;
  line-height:20px;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  margin-right: 10px;
}

#conteudo p a:hover.botoes{
   color:#e5e5e5;
  
}

#topo{
  width: 100%;
  height: 20px;
  background: url('../img/professor/seta.jpg') top left no-repeat;
  margin: 0 5px;
  /*border-bottom:1px solid #ccc;*/
}

#topo h2, #topo p.titulo{
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color:#000;
  line-height: 20px;
  margin:0 0 10px 15px;
  text-align: left;
}

#centro{
  float: left;
  width: 100%;
  border-top:0;
  height: auto;
  text-align:center;
  margin: 0 auto;
  display: table;
  padding:0;
  background-color: #fff;
}

#centro p{
  font-family: arial, verdana, sans-serif;
  color:#666;
}

#centro p.titulo{
  font-family: arial, verdana, sans-serif;
  font-size: 11px; 
  color:#000; 
  margin-bottom:10px;
}

#centro p{
  text-align: left;
  margin: 0 0 5px 12px;
  line-height: 150%;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
}

#conteudoForm{
  width: 99%;
  _width: 100%;
  height: auto;
  margin: 0;
  background:none;
}

#conteudoForm h1{
  background: url('../img/topo_cadastro_docente.png') bottom left no-repeat;
  border-bottom:1px solid #e5e5e5;
  margin:0 auto 10px 5px;
  height: 28px;
  padding:0;
  width: 100%;
}

#conteudoForm h1.instituicao{
  background: url('../img/professor/topo_cadastro_docente_instituicao.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.pedido{
  background: url('../img/professor/topo_pedido_oferta.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.avaliacao{
  background: url('../img/professor/topo_avaliacao.gif') bottom left no-repeat #fff;
  font-size:10px;
}

#conteudoForm h1.avisos{
  background: url('../img/professor/topo_avisos_noticias.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.acompanhamento{
  background: url('../img/professor/topo_acompanhamento.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.material{
  background: url('../img/professor/topo_material_apoio.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.relatorio{
  background: url('../img/professor/topo_download_relatorios.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.fale{
  background: url('../img/professor/topo_fale_conosco.jpg') bottom left no-repeat #fff;
}

#conteudoForm h1.sugestao{
  background: url('../img/professor/topo_sugestao_publicacao.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.biblioteca{
  background: url('../img/professor/topo_cadastro_biblioteca.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.leitorEstudante{
  background: url('../img/professor/topo_cadastro_estudante_leitor.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.cadastroDocente{
  background: url('../img/professor/topo_cadastro_docente.gif') bottom left no-repeat #fff;
}

#conteudoForm h1.cadastroLeitor{
  background: url('../img/topo_cadastro_leitor.png') bottom left no-repeat;
}
#conteudoForm h1.importacaoLeitor{
  background: url('../img/professor/topo_importacao_cadastro_leitor.gif') bottom left no-repeat #fff;
}

#conteudoForm h1 span{ 
  visibility: hidden;
}

#conteudoForm img{
  margin: 10px auto;
  text-align: center;
}

#conteudoForm ul.lista{
  margin:5px 10px 10px 40px;

}

#conteudoForm ul li.lista{
  text-align: left;
  font-family: arial, verdana, sans-serif;
  font-size:11px;
  color:#666;
  margin-bottom:8px;
  list-style-image: url(../img/professor/seta.gif);
}  

#conteudoForm ul li.fechado2{  
  text-align: left;
  font-family: arial, verdana, sans-serif;
  font-size:11px;
  list-style: none;
  background: url("../img/circulo_1.gif") left no-repeat;
  margin:0 10px 5px 10px;
  padding:0 0 0 15px;
  cursor:pointer;
  color:#0066cc;
  line-height: 15px;
}

#conteudoForm ul li.aberto2{  
  text-align: left;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  font-size:11px;
  list-style: none;
  background: url("../img/marc_2.gif") left no-repeat;
  margin:0 10px 5px 10px;
  padding:0 0 0 15px;
  cursor:pointer;
  color:#003399;
  line-height: 15px;
}


#conteudoForm p span.fechada2{  
  text-align: left;
  font-family: arial, verdana, sans-serif;
  font-size:11px;
  list-style: none;
  background: url("../img/marc_1.gif") left top no-repeat;
  margin:0 10px 5px 40px;
  padding:0 0 0 15px;
  cursor:pointer;
  color:#0066cc;
  line-height: 15px;
  height:30px;
}

#conteudoForm p span.aberta2{  
  text-align: left;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  font-size:11px;
  list-style: none;
  background: url("../img/marc_2.gif") left top no-repeat;
  margin:0 10px 5px 40px;
  padding:0 0 0 15px;
  cursor:pointer;
  color:#003399;
  line-height: 15px;
  height:30px;
}

  
#conteudoForm p a.linkInstituicao{  
  float:none;
  text-align: left;
  font-family: arial, verdana, sans-serif;
  font-size:11px;
  margin:0;
  padding:0;
  cursor:pointer;
  color:#0066cc;
  width:auto;
  height:auto;
  text-decoration:none;
}

#conteudoForm p.links{  
  text-align: left;
  font-family: arial, verdana, sans-serif;
  font-size:11px;
  list-style: none;
  background: url("../img/marc_1.gif") left no-repeat;
  margin:15px 10px 5px 50px;
  padding:0 0 0 15px;
  cursor:pointer;
  color:#0066cc;
  line-height: 15px;
  }  

#menu{
  width: 98%;
  height: 32px;
  text-align:center;
  margin: 0;
  _margin-top: 8px;
}

#menu ul{
  width: 100%;
  height: 37px;
  _height: 32px;
  background:url(../img/professor/bg_base.gif) bottom repeat-x;
  padding:0;
  margin: 5px 0 0 5px;
  _margin: 0;
}

#menu ul li{
  margin: 0 2px;
  _margin: 0 5px;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  height: auto;
  float: left;
  height:32px;
  list-style: none;
  padding: 2px;
  line-height: 70%;
  background:url(../img/professor/bg_link.jpg) top left repeat-x;
}

#menu ul li.selecionado{
   background: #fff;
   border-bottom:2px solid #fff;
   color:#000;
}

#menu ul li a{
  font-family:arial, verdana, sans-serif;
  font-size: 10px;
  margin:0;
  color:#666;
  text-decoration: none;
}

#menu ul li a:hover{
  color:#999;
}

#menu ul li a.selecionado{
  color:#000;
}

#menuCadastro{
  width: 598px;
  height: auto;
  text-align:left;
  margin: 0;
}


#menuCadastro img{
  margin-left: 70px;
}

#menuCadastro ul{
  width: 616px;
  height:20px;
  background:url(../img/professor/bg_base.jpg) bottom repeat-x #fff;
  margin:0;
  padding:0;
}

#menuCadastro ul li{
  margin: 0 2px 0 3px;
  _margin: 0 2px 0 3px;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  height: auto;
  float: left;
  list-style: none;
  padding: 2px 4px;
  line-height: 80%;
  background:url(../img/professor/bg_link.jpg) bottom repeat-x #fff;
}

#menuCadastro ul li.select{
   background:#fff;
   border-bottom:2px solid #fff;
   color:#000;
}

#menuCadastro ul li a{
  font-family:arial, verdana, sans-serif;
  font-size: 11px;
  margin:00;
  color:#666;
  text-decoration: none;
  cursor: pointer;
  
}

#menuCadastro ul li a:hover{
  color:#999;
}

#menuCadastro ul li a.select{
  color:#000;
  background:#fff;
}

#centroEsquerda{
  width:300px;
  height:auto;
  border-right: 1px dashed #ccc;
  float:left;
  margin:5px auto 0 20px;
  text-align: left;
}

#centroDireita{
  width:300px;
  height:200px;
  float:left;
  margin:5px auto 0 20px;
  text-align: left;
  border:1px solid #fff;
}
/*
#centroDireita p{
  text-align: left;
  line-height: 130%;
  margin:5px 0 0 2px;
  padding:0;
  
}*/

#direitaProfessor #centroDireita p{
  width:100%;
  background: none;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color:#666;
  text-align: left;
  line-height: 130%;
}

#centroDireita form label{ 
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  width: 85px;
  margin: 0;
  _margin: 0 0 0 35px;
  display: block;
  float: left;
}

#centroEsquerda form label{ 
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  width: 85px;
  margin: 0 5px 0 0;
  _margin: 0 0 0 35px;
  display: block;
  float: left;
}

#esqaviso{
  width: 490px;
  height: auto;
  margin: 5px 0;
  _margin: 2px;
}

#esqaviso h1{
   background: url('../img/professor/avisos.gif') top left no-repeat #fff;
   border-bottom: 1px solid #999;
   border-top: 1px solid #999;
}

#esqaviso h1 span{ 
  visibility: hidden;
}

#esqnoticias{
  width: 490px;
  height: auto;
  margin: 15px 0 5px 0;
  _margin: 2px;
}

#esqnoticias h1{
   background: url('../img/professor/noticias.gif') top left no-repeat #fff;
   border-bottom: 1px solid #999;
   border-top: 1px solid #999;
}

#esqnoticias h1 span{ 
  visibility: hidden;
}

.primeiro{
  margin-top:10px;
}

#centroEsquerda p a.butao, #centroDireita p a.butao{
  background:url(../img/professor/seta_dir.gif) right no-repeat #999;
  height: 18px;
  line-height: 19px;
  padding: 2px 30px 3px 5px;
  text-decoration: none;
  color:#fff;
  font-weight: bold;
  margin:0;
}

#centroEsquerda a:hover.butao, #centroDireita p a:hover.butao{
  color:#e5e5e5;
}

#centroDireita p.butao{
  margin:10px 0 55px 5px;
}
/*
#centroEsquerda{
  width:280px;
  height:auto;
  float:left;
  margin:5px 5px 5px 0;
}*/


#direitaProfessor #centroEsquerda p{
  width:100%;
  background: none;
  height:20px;
  font-family: arial, verdana,  sans-serif;
  font-size: 11px;
  color:#666;
  text-align: left;
  line-height: 32px;
}

#centroEsquerda input{
  width:130px;
  height:16px;
  margin:0 10px;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  line-height: 15px;
  text-align: left;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}

#centroEsquerda textarea{
  width:225px;
  height:54px;
  margin:3px 35px;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  line-height: 15px;
  text-align: left;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}

#centroEsquerda input.menor{
  width:80px;
}

#centroEsquerda input:focus, #centroEsquerda textarea:focus{
  background:#f5f5f5;
}

#centroEsquerda p a.butao{
  background:url(../img/professor/seta_dir.gif) right no-repeat #999;
  height: 18px;
  line-height: 19px;
  padding: 2px 30px 2px 5px;
  text-decoration: none;
  color:#fff;
  font-weight: bold;
  border:1px solid;
}

#centroEsquerda p.butao{
  margin:10px 0 0 5px;
}

#conteudoForm form{
	width:100%;
	margin: 0 5px 10px 0;
}

#conteudoForm p{
  text-align: left;
  margin:5px 10px;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
}

#conteudoForm form p{
  text-align: left;
}

#conteudoForm p a.fechada{
  text-align: left;
  margin: 10px 0 20px 40px;
  font-weight: bold;
  background:url(../img/professor/abrir.jpg) left center no-repeat;
  padding:2px 0 2px 19px;
}

#conteudoForm p a.aberta{
  text-align: left;
  margin: 10px 0 20px 40px;
  font-weight: bold;
  background:url(../img/professor/fechar.jpg) left center no-repeat;
  padding:2px 0 2px 19px;
}

#conteudoForm p a.fechada2, #esqnoticias p a.fechada, #esqaviso p a.fechada{
  text-align: left;
  text-decoration: underline;
  color:#069;
}

#conteudoForm p a.aberta3{
  text-align: left;
}

#esqaviso p a.fechada{
  text-align: left;
  text-decoration: underline;
  color:#069;
  background:url(../img/professor/seta.gif) left top no-repeat;
  padding-left:12px;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
}

#esqaviso p a.aberta{
  text-align: left;
  text-decoration: underline;
  color:#000;
  background:url(../img/professor/seta.gif) left top no-repeat;
  padding-left:12px;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
}

#conteudoForm p.identa, #esqnoticias p.identa, #esqaviso p.identa{
  margin-left:30px;
}


#conteudoForm p strong.identa{
  margin-right:5px;
}
#conteudoForm form p.ajuste{
  margin-left:29px;
}

#conteudoForm form p.ajuste2{
  margin-left:59px;
}

#conteudoForm span{
  font-family: arial, verdana, sans-serif;
  color:#666;
}

#conteudoForm p.topo{
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  margin: 2px 0 2px 40px;
  _margin: 2px 5px 2px 40px;
  background: #f5f5f5;
  width: 715px;
  _width: 100%;
  padding-left: 5px;
}

#conteudoForm p span.topo{
  width: 140px;
  font-weight: bold;
  text-align: left;
  float: left;
}

#conteudoForm p span.topo label{
	width: 400px;
}

#conteudoForm form select.topo{ 
  text-align: left;
  margin:0;
  height: 18px;
  color:#666;
  font-family: arial, verdana, sans-serif;
  font-size:11px;
  width:auto;
}

#conteudoForm form p.botaoform, #areaDownload form p.botaoform, #conteudoForm form p.botaoVolta{
  text-align: left;
  margin:5px 0 10px 450px;
  padding:0;
  border: 0;
}

#conteudoForm form select option.topo{ 
  text-align: left;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  width:auto;
  color:#666;
  margin: 0 2px;
}

#conteudoForm form p a.botaoform, #esqaviso p a.botaoform, #esqnoticias p a.botaoform, #areaDownload form p a.botaoform, #centroDireita form p a.botaoform, #centroEsquerda form p a.botaoform{
  margin:0;
  text-align:left;
  width:auto;
  float:none;
  background:url(../img/professor/seta_dir.gif) right no-repeat #999;
  height: 21px;
  line-height: 19px;
  padding: 5px 30px 5px 5px;
  _padding: 2px 30px 3px 5px;
  text-decoration: none;
  color:#fff;
  font-weight: bold;
}  

#conteudoForm form p a.botaoVolta{
  margin:0;
  text-align:left;
  width:auto;
  float:none;
  background:url(../img/professor/seta_esq.gif) left no-repeat #999;
  height: 21px;
  line-height: 19px;
  padding: 5px 5px 5px 30px;
  _padding: 2px 5px 3px 30px;
  text-decoration: none;
  color:#fff;
  font-weight: bold;
  margin-right:5px
}  

#conteudoForm form p a:hover.botaoform, #esqaviso p a:hover.botaoform, #esqnoticias p a:hover.botaoform{
  background:url(../img/professor/seta_dir.gif) right no-repeat #999;
  color:#e5e5e5;  
}

#conteudoForm form p a:hover.botaoVolta{
  background:url(../img/professor/seta_esq.gif) left no-repeat #999;
  color:#e5e5e5;  
}

#conteudoForm form p.destaque{
  text-align: left;
  margin-bottom: 10px;
  color:red;
  font-weight: bold;
  margin-left: 35px;
  margin-top: 15px;
}

#conteudoForm p.botaoform, #conteudoForm p.botaoVolta{
  border:1px solid;
  margin:0;
  padding:0;
  width: auto;
  height: auto;
}

#conteudoForm form label{ 
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  width: 138px;
  margin: 0 0 0 35px;
  _margin: 0 0 0 30px;
  _margin: 0 0 0 20px;
  display: block;
  float: left;
}

#conteudoForm form label.txtArea{ 
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  width: 138px;
  margin: 0 0 0 70px;
  _margin: 0 0 0 35px;
  display: block;
  float: left;
}

#conteudoForm input.radio{
  width: 20px;
  margin: 0 5px 0 50px;
  border: none;
}

#conteudoForm p.radio{
  margin:5px 10px;
  padding:0;
}

#conteudoForm form label.espaco{ 
  width: 160px;
}

#conteudoForm form label.espacoLinha{ 
  width: 280px;
  float:none;
  margin-bottom: 0;
}

#conteudoForm input.emlinha {
	display: inline;	
	width: auto;
	margin: 0 5px 0 15px;
	_margin: 0 0 0 15px;
	vertical-align: middle;
	border:none;
}

#conteudoForm form p.camposForm{
	margin-left:25px; 
	_margin-left:20px;
}

#conteudoForm form p.textareaForm{
	margin-left: 35px; 
	_margin-left: 30px;
}

#conteudoForm form select{ 
  text-align: left;
  margin: 2px 0 0 10px;
  color:#666;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
}

#conteudoForm form select.alinha{ 
  text-align: left;
  margin: 0 0 10px 20px;
  height: 19px;
  color:#666;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
}

#conteudoForm form select option{ 
  text-align: left;
  width: 100%;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color:#666;
  margin: 0 2px;
}

#conteudoForm form input{ 
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  height: 16px;
  line-height: 17px;
  text-align: left;
  width: 140px;
  color:#666;
  margin: 2px 0 0 10px;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  padding-left: 2px;
}

#conteudoForm form input.menor{
  text-align: left;
  width: 70px;
}

#conteudoForm form input.pequeno{
  text-align: left;
  width: 30px;
}

#conteudoForm form input.pequeno2{
  text-align: left;
  width: 35px;
}

#conteudoForm form input.maior{
  text-align: left;
  width: 250px;
}

#conteudoForm form input.check{
  width: 15px;
  margin: 3px 5px 0 0;
  text-align: left;
	vertical-align: middle;
}

#conteudoForm form a{
  width: 127px;
  height: 25px;
  float: right;
  margin:20px 20px 0 0;
  text-align: center;
/*  background: url('../img/professor/avancar_off.jpg') center left no-repeat; */
}

#conteudoForm form textarea{
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  text-align: left;
  color:#666;
  height: 70px;
  width: 250px;
  margin: 0 0 5px 10px;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  padding-left: 2px;
}

#conteudoForm img.centralizaImg{
	text-align: center;
	margin:10px 30px;	
}

#acompanhamento{
  height: auto;
  width: 560px;
  font-family: arial, verdana, sans-serif;
  overflow: auto;
  margin:20px auto;
/*  border:1px solid #e5e5e5;*/
}

#acompanhamento table{
  width: 98%;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  margin: 0 auto;
  border: 1px solid #e5e5e5;
}

#acompanhamento td {
	padding: 3px;
	text-align: center;
	margin: 0;
	font-family: arial, verdana, sans-serif;
  font-size: 11px;
}

#acompanhamento tr {
	background: #FFF;
}

#acompanhamento tr.bg {
	background: #f5f5f5;
}

#acompanhamento tr.cabecalho {
	font-weight: bold; 
	background: #CCE0E1;
}

#areaDownload{
  width: 98%;
  height: 40px;
  background:#fff;
  margin: 0 auto;
}

#areaDownload p.topo{
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  margin: 2px auto;
  background: #f5f5f5;
  width: 500px;
}

#areaDownload p span{
  width: 160px;
  font-weight: bold;
  text-align: left;
  float: left;
}

#areaDownload form{
  margin: 10px auto 0 auto;
  }

#areaDownload form p{
  height: 30px;
  vertical-align: middle;
}

#areaDownload form label{ 
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  text-align: left;
  width: 80px;
  margin: 0 0 0 30px;
  float: left;
  font-weight: bold;
}

#areaDownload input.emlinha {
	display: inline;	
	width: 200px;
	margin: 0 0 0 10px;
	
}

#areaDownload form select{ 
  text-align: left;
  width: 85px;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
}

#areaDownload form select option{ 
  text-align: left;
  width: 100%;
  font-size: 10px;
  color:#666;
  margin: 0;
}

#areaDownload form input{ 
  width:180px;
  height:14px;
  margin:0 8px;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  line-height: 15px;
  text-align: left;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}

#areaDownload form input.menor{
  text-align: left;
  width: 70px;
}

#areaDownload form input.pequeno{
  text-align: left;
  width: 30px;
}

#areaDownload form input.pequeno2{
  text-align: left;
  width: 35px;
}

#areaDownload form input.maior{
  text-align: left;
  width: 250px;
}

#areaDownload form textarea{
  text-align: left;
  width: 250px;
  height: 70px;
  margin-left: 20px;
  overflow: auto;
}

.divDetalhe table{
	font-family: arial, verdana, sans-serif;
	background: #fff;
	border: 1px solid #e5e5e5;
	width: 490px;
	margin:5px 0 8px 80px;
}

.divDetalhe td {
	padding: 2px 4px;
	text-align: center;
	margin: 0;
	font-size: 11px;
}

.divDetalhe td img {
	margin: 0;
	border:0;
}

.divDetalhe td.alinha {
	text-align: left;
}

.divDetalhe tr {
	background: #f5f5f5;
}

.divDetalhe tr.cabecalho {
	font-weight: bold; 
	background: #e5e5e5;
  font:staus-bar;
  font-size: 11px;
}

#areaInteresse{
  width: 490px;
  height: 90px;
  margin: 0 0 8px 63px;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  text-align: left;
  padding:0;
}

#areaInt1, #areaInt2, #areaInt3{
  width: 160px;
  height: 90px;
  margin: 0;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  line-height: 10px;
  text-align: left;
  float: left;
}



/*------------Layout Professor------------*/

#conteudoProfessor{
  width:990px;
  height: auto;
  display: table;
  margin:5px auto;
  overflow:none;
  background:#f0f1f1;
}

#suporteProfessor{
  width:100%;
  height: 300px;
  display: table;
  margin:0 0;
  overflow:none;
  
}



#topoGen{
  width:50%;
  height:130px;
  
  margin-bottom:15px;
  text-align: left;
}

#topoGen h1{
  width:138px;
  height:130px;
  background: url('../img/professor/topo_gen.jpg') top left no-repeat;
  text-align: left;
  margin:0;
  float: left;
}

#topoGen ul{
  width:auto;
  height:100px;
  text-align: right;
  margin:0;
  float: right;
}

#topoGen ul li{
  width:auto;
  height:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color:#000;
  margin:0 5px 0 0;
}


#topoGen ul li.destaque{
  font-size: 13px;
  color:#000;
  font-weight: bold;
  margin:50px 10px 0 0;
}

#topoGen h1 span{
  visibility: hidden;
 
}

#esquerdaProfessor{
  width:160px;
  height:560px;
  float:left;
  margin:0;
  /*background: url('../img/professor/topo.jpg') top left repeat-x #fff;*/

}

#esquerdaProfessor img{
  margin:0 0 6px 0;
  
}

#direitaProfessor{
  width:800px;
  float:left;
  background:#fff;
  margin:25px 5px 5px 15px;
  _margin:25px 5px 5px 10px;

}


#direitaProfessor p{
  width:100%;
  background: url('../img/professor/bg_destaque.jpg') top right no-repeat;
  height:35px;
  font-family: verdana, arial, sans-serif;
  font-size: 15px;
  color:#fff;
  text-align: left;
  line-height: 32px;
  
}

#rodapeProfessor{
	float: left;
	width: 100%;
  	margin: 255px 0 0 0;
  	text-align: center;
}

#rodapeProfessor label{ 
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color: #666;
  height: 20px;
  line-height: 20px;
  width: 100%;
  display: block;
}

/*----------Fim Layout Professor----------*/


/********* cadastro *********/

#conteudoProfessorCadastro{
  width:990px;
  height:auto;
  display:table;
  text-align:center;
  margin:0 auto;
  background: url('../img/bg_topo_.png') top center no-repeat;
}

#inferiorCadastro{
  width:990px;
  height:495px;
  text-align:center;
  margin:180px auto 0 auto;
  background: url('../img/bg_inferior_professores.png') top center no-repeat #fff;
}

#inferiorCadastro p{
  font-family:verdana, arial, sans-serif;
  text-align:left;
  font-size:11px;
  height:20px;
  color:#999;
  margin:10px 0;
}

#inferiorCadastro p.tituloteste{
  height:42px;
  margin:0;
  padding:0;
  border:1px solid;
}

#inferiorCadastro h2{
  background: url('../img/bg_titulo.png') left no-repeat;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  float:left;
  text-align:left;
  padding:17px 0 0 45px;
  color:#069;
  margin:10px 0 0 15px;
  height:42px;
  width: 910px;
  _width: 960px;
  font-weight:bold;
}

#inferiorCadastro p span.titulo{
  font-size:13px;
  color:#666;
  margin:10px 15px;
  height:20px;
  font-weight:bold;
}


/********* Login *********/

#centroLoginProfessores, #centroLoginLeitor{

  width:990px;
  height:auto;
  display:table;
  text-align:center;
  margin:0 auto;
  background: url('../img/bg_topo_professores.png') top center no-repeat;
}

#centroLoginLeitor{
  background: url('../img/bg_topo_leitor.png') top center no-repeat;
}

#inferiorLoginProfessores, #inferiorLoginLeitor{
  width:990px;
  height:495px;
  text-align:center;
  margin:180px auto 0 auto;
  background: url('../img/bg_inferior_professores.png') top center no-repeat;
}

#boxEsq, #boxDir{
  width:350px;
  height:200px;
  float:left;
  margin:15px 0 0 100px;
  background:#fff;
}

#boxEsq p, #boxDir p{
  font-family:arial, verdana, sans-serif;
  text-align:left;
  font-size:12px;
  color:#999;
  margin:10px 0;
}

#boxEsq p a.botao, #boxDir p a.botao{
  width: 150px;
  background: url(../img/professor/seta_dir.gif) right no-repeat #999;
  margin: 0 0 0 35px;
  padding: 3px 25px 3px 5px;
  _padding: 0 0 0 5px;
  text-align: left;
  color: #fff;
  text-decoration: none;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
}

#boxEsq p.titulo, #boxDir p.titulo{
  font-size:18px;
  color:#999;
  margin:20px 0 15px 40px;
}

#boxEsq input{
  font-size:12px;
  width:130px;
  height:18px;
  color:#999;
  margin:0 10px 0 35px;
}

#boxEsq input.menor{
  width:90px;
  
}

/******* fim login ******/

/****** para o leitor  *******/

#rodapeLeitor{
	float: left;
	width: 100%;
  	margin: 255px 0 0 0;
  	text-align: center;
}

#rodapeLeitor label{ 
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color: #666;
  height: 20px;
  line-height: 20px;
  width: 100%;
  display: block;
}

/******* fim Leitor ******/
