body { background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: center top; margin: 0px; }

img { border: 0px; }
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; }

/* --- Div que envolve o site inteiro --- */
#principal { margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; width: 753px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

/* --- Topo --- */
#topo { height: 143px; }
.logo { float: left; margin-top: 11px; }
#topo #topo-direita { width: 438px; float: left; margin-top: 8px; margin-left:70px; }

/* --- Borda envolve --- */
#borda-envolve { border: 1px solid #cacaca; height: 100%; background: url(../img/bg-conteudo.jpg) repeat-y;  }
#borda-envolve:after{ content:"."; clear:both; display:block; visibility:hidden; height:0; }  

/*--- Menu esquerda --- */
#menu-esquerda { width: 203px; background-image: url(../img/menu-esq-bg-corre.jpg); float: left; padding-bottom: 40px }
.espacamento { margin-top: 15px; margin-bottom: 15px; }
#anac-gabaritos { background-image: url(../img/cham_anac_corre.jpg); padding-left: 25px; color: #120056; }

/*--- Conteudo --- */
#conteudo { width: 547px; float: left; background-color: #FFFFFF; }
.flashtopo { margin-top: 4px; margin-left: 5px; }
#promocao { background: url(../img/promocao-conteudo-bg.jpg) repeat-x #3362a1; margin-left: 5px; margin-top: 10px; padding-top: 6px; margin-right: 3px; color: #FFFFFF; height: 100%; padding-bottom: 1px; } 
#promocao:after { content: "."; clear: both; display: block; visibility: hidden; height: 0 }
#promocao img{ cursor:pointer; border: 1px solid #FFFFFF; float: right; margin-left: 5px; margin-bottom: 5px; margin-right: 5px; }
#promocao p{ margin: 0px; padding: 0px; margin-top: 5px; margin-left: 5px; }
#promocao a{ color: #FFFFFF; }
#promocao a:hover{ color: #FFFFFF; text-decoration: underline; }
.promocao-titulo { color: #FFF; font-size: 13px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; padding-top: 6px; padding-left: 10px; margin-top: -5px; background-image: url(../img/bg-chamada-promocao.jpg); background-repeat: repeat-x; height: 21px; margin-bottom: 6px }
.promocao-titulo-sub { font-size: 13px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; margin-left: 5px; display: block }
#conteudo #escola-conteudo { border:1px #E1E1E1 solid; background: url(../img/escola-conteudo-bg.jpg) repeat-x #EBEBEB; margin-top: 4px; margin-left: 5px; margin-right: 3px; padding-right: 5px; height: 101px; clear: both; }
#conteudo #escola-conteudo a img{ float: left; }
h1 { font-family: Arial, Helvetica, sans-serif; color: #1A0089; font-size: 14px; padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px; }
h2 { font-size: 11px; font-weight: normal; padding: 0px; margin: 0px; line-height: 16px; text-align: justify; }
#chamadas { margin-left: 5px; margin-top: 10px; }
.img-chamadas{ margin: 5px; margin-left: 0px; float: left; border-color:#CCCCCC; }
.bloco { display: block; width: 256px; float: left; margin-bottom: 10px; margin-right: 5px; line-height: 16px; padding: 3px; min-height: 190px; height: 190px; }
.bloco-descricao { display: block; margin-bottom: 10px }
.btn-saiba-mais{ float: right; }
#noticias-detaque { margin-left: 5px; margin-top: 4px; margin-right: 3px; background-color: #dfe7f2; clear: both; }

span.novidades-titulo { color: #0c0352; font-size: 13px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; padding: 10px; padding-left: 10px; display: block }
 
#noticias-detaque ul { list-style-type: none; margin: 0px; margin: 0px; padding: 0px; }
#noticias-detaque ul li { padding-bottom: 5px; padding-top: 5px; }
#noticias-detaque ul li.noticia-fundo { background-color: #dfe7f2; }
#noticias-detaque ul li.noticia-sem-fundo { background-color: #FFFFFF; }
#novidade-blog { margin-left: 5px; margin-top: 10px; margin-right: 3px; margin-bottom: 10px; border: 1px solid #e1e1e1; }
.blog-titulo { color: #0c0352; font-size: 13px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; padding: 10px; padding-left: 10px; background-color: #dfe7f2; display: block }
#novidade-blog ul { list-style-type: none; margin: 0px; margin-top: 7px; margin-left: 5px; padding: 0px; } 
#novidade-blog ul li { padding-bottom: 3px; padding-top: 3px; }

/* Destaque Cursos */
div#destaque-curso { background-color: #EFF4FB; margin: 10px auto; overflow: hidden; width: 538px }
div#destaque-curso a.titulo { background: url(../img/txt-Ceab-Shop.gif) no-repeat 0 0 #bb221d; height: 37px; text-indent: -5000em; width: 538px; display: block }
div#destaque-curso h3 { font-size: 11px; margin: 0; padding: 10px }
div#destaque-curso p { margin: 0; padding: 0 10px 10px }
div#destaque-curso img.btn-saiba-mais { padding: 0 10px 10px 0 }
div#destaque-curso img.img-chamadas { margin: 0; padding: 0 10px }

/*--- Rodape --- */
#rodape { border: 1px solid #eeeeee; clear: both; background-color: #072759; }
#rodape p{ text-align: center; margin: 8px; color: #FFF; }
#rodape p a{ text-decoration: none; color: #FFF; }
#rodape p a:hover{ text-decoration: none; color: #b3c3d9; }
#rodape #rodape-baixo{ background-color: #072759; color: #FFF; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 11px }
#rodape #rodape-baixo a{ color: #FFFFFF; text-decoration: none; }
#rodape #rodape-baixo a:hover{ color: #b3c3d9; text-decoration: none; }