BODY { margin: 0; } 
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height: 140%; }

input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #F9F9F9; border: 1px solid #999999; }
a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #2b5491; text-decoration: none; font-size: 11px; }
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000; text-decoration: none; }

.esconder { display: none }

/* Plantão de Dúvidas */
label { display: block; }
form { padding: 0; margin: 0; }
.btns { margin-top: 15px; }
.ipt-txt { margin-top: 10px; }
#avisos { background-color: #eff2fb;	 margin-top: 10px; border: 1px solid #3165b4; padding-bottom: 5px; }
#avisos h3{ padding: 0; margin: 5px 0 5px 6px; font-size: 1.1em; }
#avisos ul { margin: 0; margin-left: 20px; padding: 0; }

#erros { background-color: #ffebec;	 margin-top: 10px; border: 1px solid #AA0004; padding-bottom: 5px; }
#erros h3{ padding: 0; margin: 5px 0 5px 6px; font-size: 1.1em; }
#erros ul { margin: 0; margin-left: 20px; padding: 0; }

/*----------------------  NOVAS STYLES CEAB  ----------------------*/
.promocao-conteudo{ background: url(../img/promocao-conteudo-bg.jpg) repeat-x #3362a1; }
.escola-conteudo{ background: url(../img/escola-conteudo-bg.jpg) repeat-x #EBEBEB; }
.foto { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }

/*---  RODAPE  -----------------------*/
.rodape{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
.rodapeAzul a{ color: #092f67; font-size: 11px; }
.rodapeAzul{ color: #092f67; font-size: 11px; }
.rodapeAzul a:hover{ color: #b3c3d9; }
.rodapeBranco{ color: #FFFFFF; font-size: 11px; }
.rodapeBranco a{ color: #FFFFFF; font-size: 11px; }
.rodapeBranco a:hover{ color: #b3c3d9; }
.rodape-sub { background-color: #072759; padding-top: 5px }

/*---  CHAMADAS  ------------------------*/
.cham-titulo{ font-weight: bold; /*	padding: 8px 0px;*/ }
.cham-saiba-mais{ font-weight: bold; } 
.cham-saiba-mais a{ font-weight: bold; color: #333333; }
.chamadas-margem{ margin-bottom: 5px; margin-top: 5px; margin-right: 4px; margin-left: 4px; }

/*---  BORDAS TABELAS  ------------------------*/
.td1{ border-right: 1px solid #e5e5e5; }
.td2{ border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.td3{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } 

/*---  BANNER PROMOCAO  ------------------------*/
.banner-promocao{ color: #FFF; }
.banner-promocao-head{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 14px; font-weight: bold; padding: 6px 0px; text-align:left; }
.banner-promocao a{ color: #FFF; } 
.banner-promocao a:hover{ color: #FFF; text-decoration: underline; }

/*---  CURSOS  ------------------------*/
.cursos { font-family: Arial, Helvetica, sans-serif; color: #1A0089; font-size: 14px; font-weight: bold; padding: 3px 0px; }
.cursos a{ font-family: Arial, Helvetica, sans-serif; color: #1A0089; font-size: 14px; font-weight: bold; padding: 3px 0px; }
.cursos a:hover{ font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size: 14px; font-weight: bold; padding: 3px 0px; text-decoration:underline;}
div#box-pioneirismo { background: url(../img/medalha-pioneiro.jpg) left no-repeat #0a2d65; margin-top: 10px; height: 135px; width: 100%; } 
div#box-pioneirismo h2, div#box-pioneirismo p, div#box-pioneirismo a { margin-left: 90px; color: #FFF; }
div#box-pioneirismo h2 { padding-top: 5px; padding-bottom: -5px; }
div#box-pioneirismo p { margin-right: 10px; margin-top: 3px; margin-bottom: 4px }
div#box-pioneirismo a:hover { text-decoration: underline; }

/*---  STYLE SUB  ------------------------*/

h1{ margin: 0px; color: #FFF; font-size: 13px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; padding: 6px 0px; }
/* É usado quando tem mais uma caixa vermelha com H1, para não repetir o mesmo ou quando o H1 não está localizado na caixa vermelha (no caso de Cursos Detalhes por exemplo. */
.titulo-sub{ margin: 0px; color: #FFF; font-size: 13px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; padding: 6px 0px; }
.blog{ color: #FFF; font-size: 13px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; } 
.tdBlog{ padding-top: 7px; padding-bottom: 6px; padding-left: 10px; }
h2 { margin: 0px; font-family: Arial, Helvetica, sans-serif; color: #1A0089; font-size: 14px; font-weight: bold; padding: 3px 0px; }
/* É usado para dar estilo ao H1 como se fosse um H2. */
.titulo-curso { margin: 0px; font-family: Arial, Helvetica, sans-serif; color: #1A0089; font-size: 14px; font-weight: bold; padding: 3px 0px; } 
/* É usado quando você quer colocar um texto normal como H2. */
.txt-normal { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; padding: 0; margin: 0; }
li { padding:2px; } 
.chamada-baixo1{ border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; }

/*---  STYLE SUB  ------------------------*/

#botao-topo{ width: 220px; height: 120px; cursor: pointer; }
#caixa-endereço{ background: dce6f1; padding:4px 0px; line-height: 180%; border: double 3px #7f9ec3; }
#caixa-endereço p{ margin-left: 5px; }
.empresa-vermelho { color: #b31413; font-weight: bold; font-size: 12px; }
.head-azul{ color: #0d3879; } 
.menu-esq-anac{ color: #120056;}
#localizacao{ margin-left: 7px; }

/* Boletim  */
ul#boletins { list-style: none; margin: 0; padding: 0 }
ul#boletins li { background: url(../img/marcador-boletins.gif) no-repeat 0 3px; margin-bottom: 5px; padding: 0 0 0 10px }

form#cadastro-boletim fieldset { border: 0; padding: 0; margin: 0 }
form#cadastro-boletim fieldset legend { display: none }
form#cadastro-boletim ul { list-style: none; padding: 0; margin: 8px 0 0 0 }
form#cadastro-boletim ul li { margin-bottom: 5px }
form#cadastro-boletim ul li label span, form#cadastro-boletim ul li label.error { color: #F00 }
form#cadastro-boletim ul li input#txtNome, form#cadastro-boletim ul li input#txtEmail { width: 200px } 
form#cadastro-boletim ul li input#btnEnviar { margin-top: 5px }


/* Votação para novo logomarca */
ul#votacao { height: 545px; padding: 0; margin: 0 auto; width: 484px }
ul#votacao li { background-color: #F4F4F4; display: block; float: left; list-style: none; margin: 5px; padding: 10px; width: 200px; height: 330px; position: relative }
ul#votacao li h2 { margin-bottom: 10px; padding: 0; text-align: left }
ul#votacao li a { background-color: #dbe6f2; display: block; float: right; font-size: 14px; font-weight: bold; margin-top: 10px; padding: 5px;  position: absolute; right: 10px; bottom: 10px }
ul#votacao li a:hover { background-color: #cddcec; color: #183a6e }

form#form-votacao { margin: 0 auto; width: 404px }
form#form-votacao fieldset { border: 0 }
form#form-votacao label { float: left; margin-right: 5px; text-align: right; width: 79px }
form#form-votacao label.error { color: #F00; display: block; font-size: 10px; margin-bottom: 5px; padding-left: 83px; text-align: left; width: 301px }
form#form-votacao input { width: 300px }
form#form-votacao textarea { width: 300px }
form#form-votacao input#sVOTUSU_Telefone { width: 100px }
form#form-votacao input#btn-votar { background-color: #dbe6f2; border: 0; cursor: pointer; display: block; float: right; font-size: 14px; font-weight: bold; margin-top: 10px; padding: 5px; width: auto }
form#form-votacao input#btn-votar:hover { background-color: #cddcec; color: #183a6e }
form#form-votacao ul { margin: 0; padding: 0 }
form#form-votacao ul li { list-style: none; margin: 0; padding: 5px 0 }

img#escolhido { display: block; margin: 0 auto 15px auto }
h2.margem-top { display: block; margin: 15px 0; text-align: center }

div#sucesso { background-color: #dbe6f2; display: block; font-weight: bold; margin: 10px auto; padding: 10px; text-align: center; width: 270px }

.obrigatorio{ color:#F00 }
form#form-votacao ul li#captcha { margin-left: -50px}
form#form-votacao ul li#captcha label { width: 130px }
form#form-votacao ul li#captcha input#captchacode { width: 130px; margin-left: 135px }
 
form#form-votacao ul li:after { content: "."; clear: both; display: block; visibility: hidden; height: 0 }