@charset "utf-8";



body {

color:#666;

margin:0;

padding:0;

font-family:"Arial", "Helvetica", sans-serif;

font-size:12px;

background:#255a81 url('../images/style_bg.jpg') top no-repeat;

}



*html body {

text-align:center;

}





/* ---- Tamanho fonte [+ -] ---- */



.ft1 { font-size: 11px;}

.ft2 { font-size: 12px;}

.ft3 { font-size: 13px;}



/* ---- Tamanho das fontes no site ---- */



.font10 {font-size:10px;}

.font11 {font-size:11px;}

.font12 {font-size:12px;}

.font13 {font-size:12px;}



.vermelho {color:red;}

.laranja {color:FF6600;}

.azul {color:#0099FF;}

.preto {color:#000000;}



/* ---- Usado para manter a altura minima do box de conteudo ---- */



.altura {

height:auto !important;

min-height:1000px;

height:1000px;

}



img {border:0;}



p,form, #aba ul.bullet {margin:0; padding:0;}



.clear {clear:both;}



/* ---- Estilos links ---- */



a {color:#666;text-decoration:underline;}



a:hover, a:active{color:#39c;text-decoration:none;}



/* ---- Desligal algum elemento ---- */



.desliga {

display:none;

}



/* ---- Força a mãozinha do mouse no menu lateral ---- */



.domroll {

cursor:pointer;

}



/* ---- Nome do autor de colunas | artigos e noticias ---- */



.assinatura {

font-family:"Tahoma";

font-size:9px;

text-transform: uppercase;

font-weight:700;

text-align:right;

padding-top:5px;

color:#003b58;

padding-bottom:5px;

}



/* ---- Bullets localizados no header do site ---- */



#mapa {

float:right;

display: block;

margin-top:25px;

padding-right:30px;

}



#mapa ul {

margin:0;

padding:0;

}



#mapa li {

display:inline;

margin-top:3px;

line-height:16px;

list-style-type:none;

}



#mapa li a {

display:block;

font-size:11px;

line-height:16px;

padding-left:15px;

list-style-type:none;

background: url(../images/menu_lat_bullet.gif) left no-repeat;

}



/* ----- Estrutura do super banner opcional ----- */



#box-superior {

display:block;

width:906px;

height:103px;

text-align:left;

overflow:hidden;

background-color:#FFF;

padding:0;

margin:5px auto 0px auto;

}



#box-superior #super-a {

float:left;

width:8px;

height:103px;

text-align:left;

background:transparent url(../images/super_boda_esq.gif) top left;

}



#box-superior #super-b {

float:right;

width:8px;

height:103px;

text-align:right;

background:transparent url(../images/super_boda_dir.gif) top right;

}



/* ---- Monta menu Superior ---- */



#aba {

background-color:#f60;

height:30px;

margin:0 8px;

}



#aba .aba-a {

background:url('../images/menu_aba_borda_esq.gif') bottom left no-repeat;

height:30px;

width:6px;

}



#aba .aba-b {

background:url('../images/menu_aba_borda_dir.gif') bottom right no-repeat;

height:30px;

width:6px;

}



#aba ul.bullet li {

float:left;

display:block;

color:#FFF;

list-style-type:none;

margin-left:8px;

padding-bottom:1px;

padding-left:15px;

background:url(../images/menu_aba_bullet.gif) no-repeat left;

}



#aba .bullet li a {

color:#FFF;

cursor:pointer;

font-size:11px;

padding-right:5px;

text-decoration:none;

}



#aba .bullet li a:hover {

text-decoration:underline;

}



#aba input.btn-entrar {

float:left;

height:17px;

margin-left:1px;

margin-top:1px;

width:50px;

}



#aba .btn-ok {

float: right;

height:17px;

margin-left:3px;

margin-top:1px;

width:25px;

}



#aba input.busca {

border:1px solid #dfdede;

color:#666;

font-size:11px;

height:12px;

margin-left:2px;

width:150px;

}



#aba input.senha {

border:1px solid #dfdede;

color:#666;

font-size:11px;

height:13px;

margin-left:2px;

width:80px;

}



#aba input.usuario {

border:1px solid #dfdede;

color:#666;

font-size:11px;

height:13px;

margin-left:8px;

width:95px;

}



/* ---- Mensagem de erro superior login usuário ---- */



.login_erro {

padding-left:10px;

color:#fff;

font-size:11px;

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

}

.login_erro a{

text-decoration:none;

color:#fff;

}

.login_erro a:hover{

text-decoration:underline;

color:#fff;

}



/* ---- Home ----- */



/* Box Artigos */



#box-artigos {

float:right;

font-size:11px;

margin-bottom:12px;

width:204px;

}



#box-artigos .conteudo img {

background-color:#FFF;

float:left;

height:60px;

margin-right:5px;

padding:2px;

width:60px;

}



/* ---- Box Colunas ---- */



#box-colunas {

float:left;

font-size:11px;

margin-bottom:12px;

width:204px;

}



#box-colunas .baixo,#box-artigos .baixo {

background:url('../images/box_cinza_baixo2.gif') no-repeat left;

}



#box-colunas .cima,#box-artigos .cima {

background:url('../images/box_cinza_cima2.gif') no-repeat left;

}



#box-colunas .conteudo img {

background-color:#CCC;

float:left;

height:70px;

margin-right:5px;

padding:2px;

width:60px;

}



#box-colunas .conteudo,#box-artigos .conteudo {

border-bottom:1px dashed #dfdede;

float:left;

padding-bottom:7px;

padding-top:7px;

width:100%;

}



#box-colunas .meio,#box-artigos .meio {

border-left:1px solid #dfdede;

border-right:1px solid #dfdede;

padding:0 5px;

}



#box-colunas .titulo,#box-artigos .titulo {

color:#475f8b;

font-size:12px;

font-weight:700;

height:21px;

}



/* ---- Configuração das colunas do site ---- */



/* ---- Banner Busca empresas e profissionais ----- */



#banner-busca {

width:153px;

height:81px;

margin-bottom:5px;

}



#box-dir {

display:block;

padding-left:12px;

}



#box-esq {

float:left;

display: inline;

padding-left:8px;

padding-right:12px;

}



#box-promo {

float:right;

width:132px;

display:inline;

margin-right:8px;

margin-left:8px;

margin-bottom:15px;

}



#busca {

color:#FFF;

font-size:11px;

height:30px;

}



#centraliza {

overflow:hidden;

background-color:#FFF;

text-align:left;

margin:2px auto 0 auto;

width:906px;

}



#destaque-home {

height:243px;

margin-bottom:12px;

z-index:1;

width:420px;

}



/* ---- Configura o footer parte final do site ----- */



#div_footer {

background:url('../images/footer_bg_grad.jpg') repeat-x;

display:inline;

float:left;

height:266px;

text-align:center;

width:100%;

}



#footer {

background:url('../images/footer_bg_con.jpg') no-repeat;

color:#666;

font-family:"Tahoma", Helvetica, sans-serif;

font-size:10px;

height:218px;

margin:0 auto;

position:relative;

text-transform:uppercase;

width:906px;

}



#footer .copy {

float:right;

display:inline;

margin-top:18px;

margin-right:250px;

}



#footer .artinpixel {

float:left;

width:36px;

height:134px;

display:inline;

margin-top:8px;

margin-left:25px;

}



/* ---- Configura o header do portal ---- */



#header {

background:url('../images/header_grad_bg.gif') repeat-x;

height:102px;

}



#header-a {

background:url('../images/header_borda_esq.gif') top left no-repeat;

float:left;

height:102px;

width:8px;

}



#header-b {

background:url('../images/header_borda_dir.gif') top right no-repeat;

float:right;

height:102px;

width:8px;

}



#header-img {

background:url('../images/header_imagem.jpg') right no-repeat;

float:right;

height:102px;

width:715px;

}



#header-logo {

background:url('../images/header_logo.gif') bottom left no-repeat;

float:left;

height:102px;

margin-left:20px;

width:131px;

}



/* ---- Configuração do menu superior ---- */



#menu-superior {

background:url('../images/menu_sup_bg.gif') repeat-x;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

height:31px;

margin:0 8px;

}



#menu-superior #menu-a {

background:url('../images/menu_sup_borda_esq.gif') no-repeat;

float:left;

height:31px;

margin-right:4px;

width:11px;

}



#menu-superior #menu-b {

background:url('../images/menu_sup_borda_dir.gif') no-repeat;

float:right;

height:31px;

margin-left:4px;

width:11px;

}



#menu-superior ul#menu-nav {

font-size:9px;

font-weight:700;

list-style-type:none;

margin:0;

padding:0;

text-transform:uppercase;

}



#menu-superior ul#menu-nav li {

display:block;

background:url('../images/menu_sup_divisao.gif') no-repeat top right;

float:left;

height:31px;

font-weight:700;

padding-right:4px;

}



#menu-superior ul#menu-nav li a {

color:#EAF3F8;

float:left;

font-size:9px;

padding:10px 8px 0;

text-decoration:none;

}



#menu-superior ul#menu-nav li a:hover {

background:url('../images/menu_sup_seta.gif') no-repeat bottom center;

color:#fc0;

float:left;

height:21px;

/**height:31px;*/

}



/* ----- Configura a migalha de pão ----- */



#breadcrumb {

padding-top:2px;

height:19px;

margin:15px 8px 12px;

}



.breadcrumb {

font:bold 9px Verdana, Arial, Helvetica, sans-serif;

width:auto;

}



.breadcrumb a {

background:url('../images/seta_breadcrumb.gif') no-repeat center right;

text-decoration:none;

padding-right: 22px; /*Ajuste do Bullet*/

}



.breadcrumb p span {

text-decoration:none;

color:#FF6600;

}



.breadcrumb a:hover{

text-decoration:none;

}



/* ---- Configura o box azul da enquete e newsletter ---- */



.box-azul .baixo {

background:url('../images/box_azul_baixo.gif') no-repeat left;

}



.box-azul .cima {

background:url('../images/box_azul_cima.gif') no-repeat left;

}



.box-azul .conteudo {

background-color:#FFF;

font-size:10px;

padding:3px;

}



.box-azul .meio {

background-color:#39c;

border-left:1px solid #dfdede;

border-right:1px solid #dfdede;

padding:0 4px;

}



.box-azul .titulo {

color:#FFF;

font-size:12px;

font-weight:700;

height:21px;

padding-top:3px;

}



.box-azul form .conteudo .nome,.box-azul form .conteudo .email {

border:1px dashed #dfdede;

color:#666;

font-size:11px;

height:14px;

margin-top:3px;

width:133px;

}



/* ---- Botões boxes ---- */



.box-azul .btn-enviar {

float:right;

text-align:right;

height:17px;

margin-top:5px;

width:48px;

}



.box-azul .btn-votar {

float:left;

text-align:left;

height:17px;

padding-top:5px;

margin-left:30px;

margin-right:2px;

width:42px;

}



.box-azul .btn-resultado {

float:right;

text-align:right;

height:17px;

padding-top:5px;

width:69px;

}



.box-azul .btn-voltar {

float:right;

text-align:right;

height:17px;

padding-top:5px;

width:72px;

}



.box-azul {

font-family:Arial, Helvetica, sans-serif;

margin-bottom:12px;

width:153px;

}



.box-cinza {

font-family:"Arial", Helvetica, sans-serif;

font-size:10px;

margin-bottom:12px;

width:420px;

}



.box-cinza .baixo {

background:url('../images/box_cinza_baixo.gif') no-repeat left;

}



.box-cinza .cima {

background:url('../images/box_cinza_cima.gif') no-repeat left;

}



.box-cinza .conteudo-a {

border-right:1px dashed #dfdede;

float:left;

padding-bottom:10px;

width:200px;

}



.box-cinza .conteudo-a a:hover,.box-cinza .conteudo-b a:hover,#box-colunas .conteudo a:hover,#box-artigos .conteudo a:hover {

color:#39c;

text-decoration:none;

}



.box-cinza .conteudo-b {

float:right;

padding-bottom:10px;

width:200px;

}



.box-cinza .meio {

border-left:1px solid #dfdede;

border-right:1px solid #dfdede;

float:left;

padding:0 5px;

}



.box-cinza .titulo {

color:#475f8b;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

font-weight:700;

height:21px;

}



.txt-laranja {

color:#FF6600;

font-size:10px;

display:block;

margin-bottom:2px;

}



.box-cinza .conteudo-a a,.box-cinza .conteudo-b a,#box-colunas .conteudo a,#box-artigos .conteudo a {

color:#666;

text-decoration:none;

}



.divisao {

background:url('../images/busca_divisao.gif') no-repeat left;

height:30px;

padding-left:15px;

width:1px;

}



/* ---- Paginacao ---- */



.paginacao {

color:#666;

text-align:left;

padding:8px 0px 8px 0px;

margin-top:15px;

margin-bottom:15px;

clear:both;

display:block;

height:15px!important;

}



.paginacao p {

text-align:center;

margin:0;

display:block;

clear:both;

}



.paginacao p a:link, .paginacao p a:visited, .paginacao p a:hover, .paginacao p a:active {

font-size:11px;

text-decoration:none;

padding:1px;

/*margin:1px 3px 1px 3px;*/

}



.paginacao p a:link, .paginacao p a:visited, .paginacao p a:active {

font-size:11px;

color:#39c;

}



.paginacao p a:hover {

color:#282828 !important;

}



.paginacao p span {

text-decoration:none;

margin-left:2px;

padding:2px 0px 2px 0px;

color:#7e7e7e;

width:17px;

height:16px;

}



.paginacao p span.here {

font-size:11px;

padding-left:2px;

color:#FFFFFF;

background:transparent url(../images/btn/paging_left_on.gif) no-repeat 0px 1px;

}



.paginacao p span.here span {

padding-right:5px;

color:#FFFFFF;

background-image: url(../images/btn/paging_right_on.gif);

background-repeat:no-repeat;

background-position:100% 1px;

}



.paginacao p span.off {

padding-left:2px;

color:#949494;

background:transparent url(../images/btn/paging_left_off.gif) no-repeat 0px 1px;

}



.paginacao p span.off span {

padding-right:5px;

color:#949494;

background-image: url(../images/btn/paging_right_off.gif) ;

background-repeat:no-repeat;

background-position:100% 1px;

}



.paginacao * {

}	



/* Box Login \ Cadastro */



.box-cadastrado {

width:280px;

display:block;

margin-bottom:20px;

background-color:#f5f5f5;

}



.box-cadastrado .titulo {

display:block;

width:280px;

height:25px;

background-color:#3399cc;

}



.box-cadastrado .titulo #icone {

float:left;

display:inline;

padding-left:5px;

margin-top:5px;

margin-left:5px;

font-size:11px;

color:#FFF;

}



.box-cadastrado .titulo .icone {

float:left;

display:inline;

padding-left:15px;

margin-top:5px;

margin-left:10px;

font-size:11px;

color:#FFF;

background:url('../images/internas/ico_cadeado.gif') left no-repeat;

}



.box-cadastrado ul.bullet {

list-style-type:none;

display:block;

margin:0;

padding:0;

}



.box-cadastrado ul.bullet li {

display:block;

font-size:11px;

list-style-type:none;

padding-left:5px;

margin:5px;

}



.box-cadastrado .email {

font-family:Tahoma, Arial, sans-serif;

font-size:10px;

border:1px dotted #cccccc;

color:#333;

width:160px;

margin-left:10px;

margin-top:5px;

margin-bottom:5px;

}



.box-cadastrado .senha {

font-family:Tahoma, Arial, sans-serif;

font-size:10px;

border:1px dotted #cccccc;

color:#333;

width:100px;

margin-top:5px;

margin-left:10px;

margin-bottom:5px;

}





.box-cadastrado .borda {

width:280px;

height:7px;

background:url('../images/box_cadastrado_borda.gif') no-repeat;

}



ul.mapasite .titulo {

height:21px;

width:320px;

padding-left:5px;

padding-top:5px;

font-size:12px;

font-weight:bold;

color:#000;

}



ul.mapasite, ul#mapasite ul {width:300px;padding:0px;margin:0px;list-style:none;}/* Todas as listas */



ul.mapasite li {float:left; padding:0px;margin:0px; width:400px;} /* Todas as listas */



ul.mapasite li a {

width:395px;

display:block;

margin:0px;

cursor:pointer;

font-size:11px;

padding:5px 0px 5px 0px;

text-decoration:none;

color:#333;

border-bottom:1px dashed #dedede;

}



ul.mapasite li a:hover {color:#FF6600;}



ul.mapasite li ul { /* Segundo nivel */

margin:0;

padding:0;

}

ul.mapasite li ul li {

width:395px;

list-style-type:none;

padding-left:10px;

} /* Lista segundo nivel */



ul.mapasite li ul a {

width:370px;

display:block;

cursor:pointer;

padding:5px 5px 5px 5px;

text-decoration:none;

color:#333;

padding-left:10px;

border-bottom:1px dashed #dedede;

background:url(../images/internas/seta_laranja.gif) left no-repeat;

}



ul.mapasite li ul a:hover {color:#FF6600;} /*Rollover do segundo nivel*/



ul.mapasite li ul ul {

margin:0;

padding:0;

} /* Alinhamento da lista do terceiro nivel */



ul.mapasite li ul ul li {

padding-left:20px;

list-style-type:none;}/* Terceiro nivel lista */  



ul.mapasite li ul ul li a {

width:350px;

}/* Terceiro nivel lista */  



ul.mapasite li ul ul li a:hover {  /* Terceiro e outros niveis */

color:#FF6600;

}



.agenda-box {

width:575px;

height:auto;

display:block;

padding-bottom:8px;

margin-top:8px;

border-bottom:1px dashed #dedede;

}



.agenda-box .agenda-dados {

float:left;

width:475px;

display: block;

}



.agenda-box ul {

display:block;

margin:0;

padding:0;

}



.agenda-box li {

display:block;

font-size:12px;

line-height:22px;

padding-left:15px;

color:#222;

margin:5px 0px;

list-style-type:none;

}

.agenda-box li.tipo {

display:block;

color:#475f8b;

font-size:11px;

font-weight:700;

padding-left:15px;

height:21px;

}



.agenda-box li span.laranja {

color:#ff6600;

font-size:12px;

height:21px;

/*font-weight:700;*/

padding:0px 5px;

}

.agenda-box .botao {

width:100px;

padding-left:30px;

}



.agenda-box li label {

color:#222;

font-size:11px;

line-height:22px;

padding:0px 5px;

}