.body {float:left;} #veiculos .body { background: #fff url(/imgs/bg_coluna.gif) left repeat-y; } #empregos .body { background: #fff url(/imgs/bg_coluna.gif) left repeat-y; } #imoveis .body { background: #fff url(/imgs/bg_coluna.gif) left repeat-y; } a { color:#333; } a:hover { color:#ED9A00; } /*1.1 TOPO (Faixa superior, com um megaBanner, menu horizontal e banners pequenos)*/ #megabanner { background-color: #fff; } #veiculos #topo { background: #fff url(/imgs/bg_topo.gif) top left no-repeat; } #empregos #topo { background: #fff url(/imgs/bg_topo.gif) top left no-repeat; } #imoveis #topo { background: #fff url(/imgs/bg_topo.gif) top left no-repeat; } .menu li a { color:#F7F7E7;background: url(/imgs/admitese/bg_menuhorizontal.gif) left bottom no-repeat; } .menu li a:hover { color:#F7F7E7;background: url(/imgs/admitese/bg_menuhorizontal2.gif) left bottom no-repeat; } #veiculos .optveiculos, #empregos .optempregos, #imoveis .optimoveis {background: url(/imgs/bg_menuhorizontal2.gif) left bottom no-repeat; } /*1.2 BARRRA DE MIGALHAS (Exclusivo das páginas de Captação de Anúncios)*/ #veiculos .barrademigalhas li {background: transparent url(/imgs/migalha.gif) top center no-repeat;} #imoveis .barrademigalhas li {background: transparent url(/imgs/migalha.gif) top center no-repeat;} #empregos .barrademigalhas li {background: transparent url(/imgs/migalha.gif) top center no-repeat; } /* Abaixo configuração que muda a "migalha" selecionada de acordo com a página */ .barrademigalhas li.passo01 { background-position: top left!important; } .barrademigalhas li#pagamento { background-position: top right; } .passo01, .passo02, .passo03, .passo04, .passo05, .passo06 {color:#333;background-color: #fff!important;} #passo01 .passo01, #passo02 .passo01, #passo02 .passo02, #passo03 .passo01, #passo03 .passo02, #passo03 .passo03, #passo04 .passo01, #passo04 .passo02, #passo04 .passo03, #passo04 .passo04, #passo05 .passo01, #passo05 .passo02, #passo05 .passo03, #passo05 .passo04, #passo05 .passo05, #passo06 .passo01, #passo06 .passo02, #passo06 .passo03, #passo06 .passo04, #passo06 .passo05, #passo06 .passo06 { color:#333;background-color: #af0d0d!important; } /*1.5 MENU VERTICAL (Canais do portal à esquerda da página)*/ div#menuvertical h5 {} #veiculos div#menuvertical h5 {color:#660000;} #empregos div#menuvertical h5 {color:#660000;} #imoveis div#menuvertical h5 {color:#e75d00;} div#menuvertical div { border-bottom:1px solid #CCCCCC; font-family:"Trebuchet MS",Verdana,Tahoma,Arial; font-size:10pt; font-weight:bold; margin:0; padding:2px 0; width:151px; } #veiculos div#menuvertical div {background: #F6F4F7 url(/imgs/item_menu.gif) left center no-repeat;} #empregos div#menuvertical div {background: #F6F4F7 url(/imgs/item_menu.gif) left center no-repeat;} #imoveis div#menuvertical div {background: #F6F4F7 url(/imgs/item_menu.gif) left center no-repeat;} div#menuvertical li.especial {background: #F6F4F7!important;} #veiculos div.especial input {border: 1px solid #660000;background: #bebebe;} #empregos div.especial input {border: 1px solid #660000;background: #bebebe;} #imoveis div.especial input {border: 1px solid #E75D00;background: #f7f3f7;} #admite-se div.especial input {border: 1px solid #ED9A00;background: #f1f1f1;} div.especial {background: #F6F4F7 none!important;} div.especial label {color:#660000;} #ok {background:transparent!important;} /*1.6 RODAPÉ ( ASSOCIADOS | CORREIO WEB | PORTAL UAI | FALE CONOSCO )*/ #rodape, #rodape a {color: #fff;} #veiculos #rodape { background: #fff url(/imgs/bg_rodape.gif) top left no-repeat;} #empregos #rodape { background: #fff url(/imgs/bg_rodape.gif) top left no-repeat;} #imoveis #rodape { background: #fff url(/imgs/bg_rodape.gif) top left no-repeat;} /*2. ESTRUTURA DE CONTEÚDO*/ /* Títulos grandes das matérias jornalísticas. */ #veiculos h1 { color:#af0d0d; } #imoveis h1 { color:#EF5500; } /* Chancela/título dos boxes. Existe configuração diferente para BOX Nível 1 */ #veiculos h2 {color:#575656;background: transparent url(/imgs/item_chancela.gif) bottom left no-repeat;} #empregos h2 {color:#575656;background: transparent url(/imgs/item_chancela.gif) bottom left no-repeat;} #imoveis h2 {color:#575656;background: transparent url(/imgs/item_chancela.gif) bottom left no-repeat;} /* H3 - Título COM quebra de linha. H4 - Título SEM quebra de linha. Existem configurações diferentes de h3 e h4 para o BOX Nível 1 As classes .h3 e .h4 são usadas para textos semelhantes dentro de parágrafos, ondem não podem haver as tags h3 e h4. */ #veiculos h3, #veiculos h4, #veiculos .h3, #veiculos .h4 { color:#600; } #imoveis h3, #imoveis h4, #imoveis .h3, #imoveis .h4 { color:#EF5500; } #veiculos input.buscar {color:#fff;background: transparent url(/imgs/button.gif);} #imoveis input.buscar {color:#fff;background: transparent url(/imgs/button.gif);} #empregos input.buscar {color:#fff;background: transparent url(/imgs/button.gif);} #veiculos input.menuverticalok { color:#fff;background: transparent url(/imgs/bt_menuverticalok.gif)!important; } #imoveis input.menuverticalok { color:#fff;background: transparent url(/imgs/bt_menuverticalok.gif)!important; } #empregos input.menuverticalok { color:#fff;background: transparent url(/imgs/bt_menuverticalok.gif)!important; } /*2.1 BOXES - CAIXAS DELIMITADORAS DE CONTEÚDO (se subdividem em colunas)*/ /* 2.1.1 ESTRUTURA (Configuração genérica dos Boxes)*/ /* Variaçõoes da cor de título para os Boxes de Nível 1 */ #veiculos div.box.nivel1 h2,#veiculos div.oferta h3,#veiculos div.feirao h4 { color:#2f649b;background: transparent; } #imoveis div.box.nivel1 h2,#imoveis div.oferta h3,#imoveis div.feirao h4 { color:#426563;background: transparent; } #empregos div.box.nivel1 h2,#empregos div.oferta h3,#empregos div.feirao h4 { color:#426563;background: transparent; } /* 2.1.2 COLUNAS INTERNAS DOS BOXES (Considerando largura total do conteúdo)*/ /* 2.1.3 CORES PARA OS BOXES*/ #veiculos .nivel1 { border-right:1px solid #97a6b8;border-bottom:1px solid #97a6b8; background: #efeff7 url(/imgs/box_nivel1.gif) top left; } #veiculos .nivel2 { border-right:1px solid #adad8c;border-bottom:1px solid #adad8c; background: #f7f7e7 url(/imgs/box_nivel2.gif) top left; } #veiculos .nivel3 { border-right:1px solid #cbb087;border-bottom:1px solid #cbb087; background: #fff5e6 url(/imgs/box_nivel3.gif) top left; } #imoveis .nivel1 { border-right:1px solid #426563;border-bottom:1px solid #426563; background: #efeff7 url(/imgs/box_nivel1.gif) top left; } #imoveis .nivel2 { border-right:1px solid #bdcfce;border-bottom:1px solid #bdcfce; background: #f7f7e7 url(/imgs/box_nivel2.gif) top left; } #imoveis .nivel3 { border-right:1px solid #debaad;border-bottom:1px solid #debaad; background: #fff5e6 url(/imgs/box_nivel3.gif) top left; } #empregos .forum { width:180px; float:right; } #empregos .nivel1 { border-right:1px solid #000;border-bottom:1px solid #000; background: #efeff7 url(/imgs/box_nivel1.gif) top left; } #empregos .nivel2 { border-right:1px solid #adad8c;border-bottom:1px solid #adad8c; background: #f7f7e7 url(/imgs/box_nivel2.gif) top left; } #empregos .nivel3 { border-right:1px solid #cbb087;border-bottom:1px solid #cbb087; background: #fff5e6 url(/imgs/box_nivel3.gif) top left; } .h2_enq{ color:#575656; } /* 2.1.4 ARREMATE (Detalhe de layout dentro de alguns boxes, como o da HomePage)*/ #veiculos .arremate01 {background: transparent url(/imgs/arremate01.gif) no-repeat bottom right;} #veiculos .arremate02 {background: transparent url(/imgs/arremate02.gif) bottom right no-repeat;} #veiculos .arremate03 {background: transparent url(/imgs/arremate03.gif) bottom right no-repeat;} #imoveis .arremate01 {background: transparent url(/imgs/arremate01.gif) bottom right no-repeat;} #imoveis .arremate02 {background: transparent url(/imgs/arremate02.gif) bottom right no-repeat;} #imoveis .arremate03 {background: transparent url(/imgs/arremate03.gif) bottom right no-repeat;} #empregos .arremate01 {background: transparent url(/imgs/arremate01.gif) bottom right no-repeat;} #empregos .arremate02 {background: transparent url(/imgs/arremate02.gif) bottom right no-repeat;} #empregos .arremate03 {background: transparent url(/imgs/arremate03.gif) bottom right no-repeat;} /*2.2 FORMULÁRIOS*/ .laranja {color:#e4910a;} .vermelho {color:#EF9C00;} /* 2.3 MENUS INTERNOS (01-superior e 02-inferior) */ /* INICIO: CSS ADMITE-SE */ #concursos .nivel2 { border-right:1px solid #ccc;border-bottom:1px solid #ccc; background: #f7f7e7 url(/imgs/box_nivel2.gif) top left; } #concursos .nivel3 { border-right:1px solid #cbb087;border-bottom:1px solid #cbb087; background:#fff5e6 url(/imgs/box_nivel3.gif) top left; } #concursos .nivel1 { background: #efeff7 url(/imgs/box_nivel1.png) top left; } #concursos .enquete { float:right; width:180px; } #concursos input.buscar {color:#fff;background: transparent url(/imgs/button.gif);} #concursos h1 { color:#EF9C00!important; } #concursos h2 {color:#666666;background: transparent url(/imgs/item_chancela.gif) bottom left no-repeat;} #concursos .body { background: #fff;} #concursos #topo { background: #fff url(/imgs/admitese/bg_topo.gif) top left no-repeat; } #concursos #topo_uai { background: #fff url(/imgs/bg_topo_uai.png) top left no-repeat; } #concursos .barrademigalhas li {background: transparent url(/imgs/migalha.gif) top center no-repeat;} #concursos div#menuvertical h5 {color:#EF9C00;background:#F5F5F5;border:2px solid #EBEBEB;font-family:"Trebuchet MS";font-size:12pt;padding:0;text-align:center;} #concursos div#menuvertical div {background: #EBEBEB} #concursos div.especial input {border: 1px solid #EF9C00;background: #f1f1f1;} #concursos #rodape { background: #fff url(/imgs/bg_rodape.png) top left no-repeat;} /* FIM: CSS ADMITE-SE */ div#menuvertical div a {text-decoration: none; } div#menuvertical div a:hover { text-decoration: underline; }