/*
Cliente: Porto Seguros
Projeto: Redesenho
*/

* { margin: 0; padding: 0; }
html { font-size: 100%; font-family: Verdana, sans-serif; background: url(../imagens/bg_html.png) no-repeat; }
  
html body { font-size: 0.68em;  }
html body.principais { background: url(../imagens/bg_html-principais.png) repeat-x;}

html body #navita_main { width: 1000px; margin: 0 auto; height: 300px; }

/*====== 

---PALHETA DE CORES---
Paragrafo: #095676;
Link: #00aeef;
Titulos: #004059;
Subtitulos: #00aeef;

 ======*/

/* contendo float */
html body #navita_main .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html body #navita_main .contemfloat { display: inline-block; }
/* Hides from IE-mac \*/
* html body #navita_main .contemfloat { height: 1%; }
html body #navita_main .contemfloat { display: block; }
/* End hide from IE-mac */

/*------ CSS GERAL PADRAO ------*/
a { color: #00aeef; text-decoration: underline; }
a.mais { padding-left: 13px; color: #9dba00; text-decoration: underline; background: url(../imagens/icone_mais.png) left no-repeat; }

.breadcrumb { margin: 16px 0 19px 28px; color: #909090; font-size: 11px; }
.breadcrumb a { color: #909090; }
.breadcrumb a:active { color: #909090; text-decoration:none; }

p { line-height: 1.5em; color: #00405b; }
p.direita { text-align: right; }
p.esquerda { text-align: left; }
#coluna2 p { line-height: 1.5em; }

/*--- botoes ---*/
a.botao { padding: 6px 0 5px 8px; color: #095676; font-size: 10px; background: url(../imagens/botao_branco_esquerda.png) left no-repeat; text-decoration: none;}
a.botao strong { padding: 6px 8px 5px 0; background: url(../imagens/botao_branco_direita.png) right no-repeat; }
a.botao:hover { background-position: bottom left; }
a.botao:hover strong { background-position: bottom right; }

a.botao.azul { line-height: 23px; padding: 0 0 0 5px; background: url(../imagens/botao_azul_esquerda.png) left top no-repeat; text-decoration: none; color: #caef00; }
a.botao.azul strong { padding: 5px 5px 5px 0; background: url(../imagens/botao_azul_direita.png) right top no-repeat; }
  html > body a.botao.azul { padding: 5px 0 5px 5px; line-height: 25px; /* p IE7*/  }
  html > body a.botao.azul strong { padding: 5px 5px 5px 0; }

a.botao.verde { padding: 0 0 0 5px; background: url(../imagens/botao_verde_esquerda.png) left top no-repeat; text-decoration: none; color: #095676; }
a.botao.verde strong { padding: 5px 5px 5px 0; background: url(../imagens/botao_verde_direita.png) right top no-repeat; }
  html > body a.botao.verde { padding: 5px 0 5px 5px; line-height: 25px; /* p IE7*/  }
  html > body a.botao.verde strong { padding: 5px 5px 5px 0; }
a.botao.verde:hover { background-position: bottom left; }
a.botao.verde:hover strong { background-position: bottom right; }

ul.seta_azul { list-style: none; margin-left:10px; color:#00405B; }
ul.seta_azul li {zoom: 1; margin-bottom: 10px; padding-left: 14px; background: url(../imagens/seta_azul.png) left 5px no-repeat; line-height: 1.5em; overflow: hidden; }
/** html ul.seta_azul { list-style: none; margin-left:10px; color:#00405B; }
 * html ul.seta_azul li { height: 1%; margin-bottom: 10px; padding-left: 14px; background: url(../imagens/seta_azul.png) left 5px no-repeat; line-height: 1.5em; overflow:hidden;}*/

/*--- Titulos ---*/
h1 { position: relative; font: bold 2.18em "Trebuchet MS", sans-serif; color: #004059; text-transform: uppercase; background: url(../imagens/linha_h1.gif) no-repeat left bottom; padding-bottom: 5px;}
h2 { position: absolute; left: 55px; width: 80px; text-indent: -999em; overflow: hidden; }
h3 { margin-top: 8px; margin-bottom: 0 !important; font: 1.9em "Trebuchet MS", sans-serif; color: #00aeef; text-transform: uppercase; }
.toUpercase {text-transform: uppercase;}
h5 { color: #15bfff; font-size: 1.3em; margin-bottom: 5px; text-transform:uppercase; }
h6 { color: #004059; font-size: 0.8em; margin-bottom: 0px; font-weight: none; }
 
/*--- Formularios ---*/

form fieldset { border: 0; }
form fieldset ol { list-style: none; }
form fieldset ol li { margin-bottom: 10px; }
form fieldset label { float: left; margin-right: 7px; padding-top: 3px; text-align: right; font-size: 11px; }
form fieldset label.duaslinhas { margin-top: -7px; }
form fieldset input { padding: 3px 2px 3px 7px; border: 1px #58a1be solid; color: #90a2b0; font-size: 10px; }
form fieldset label input { border: 0; }
form fieldset select { padding: 1px 1px 1px 7px; color: #677a88; font-size: 10px; border: 1px #58a1be solid; }
form button { border: 0; font-size: 10px; font-weight: bold; }
form button.buscar { width: 65px; height: 22px; background: url(../imagens/button_verde_65.png) no-repeat; color: #095676; font-size: 11px; }
form button.ok { background: url(../imagens/bg_button-ok.gif) no-repeat ; width: 32px; height: 22px; color: #095676; font-size: 0.9em; }
form button.enviar { width: 65px; height: 22px; background: url(../imagens/button_verde_65.png) no-repeat; color: #095676; text-align: center; }
form button.verde { margin-left: 5px; width: 75px; height: 22px; color: #095676; font-weight: bold; background: url(../imagens/botao_verde.png) no-repeat; font-size: 11px; }
form button.verde:hover { background-position: bottom; }
form button.verde.medio { width: 100px; background: url(../imagens/botao_verde_medio.png) top left no-repeat; }
form button.verde.medio:hover { width: 100px; background: url(../imagens/botao_verde_medio.png) bottom left no-repeat; }
form fieldset .obs { color: #52889f; font-size: 10px; }
form fieldset textarea { border: 1px #58a1be solid; overflow: auto; }

fieldset select { padding: 1px 1px 1px 7px; color: #677a88; font-size: 10px; border: 1px #58a1be solid; }
fieldset button { border: 0; font-size: 10px; font-weight: bold; }
fieldset button.buscar { width: 65px; height: 22px; background: url(../imagens/button_verde_65.png) no-repeat; color: #095676; font-size: 11px; }
fieldset button.verde { margin-left: 5px; width: 75px; height: 22px; color: #095676; font-weight: bold; background: url(../imagens/botao_verde.png) no-repeat; font-size: 11px; }
fieldset button.verde:hover { background-position: bottom; }
fieldset button.verde.medio { width: 100px; background: url(../imagens/botao_verde_medio.png) top left no-repeat; }
fieldset button.verde.medio:hover { width: 100px; background: url(../imagens/botao_verde_medio.png) bottom left no-repeat; }
fieldset .obs { color: #52889f; font-size: 10px; }

a.azul.continuar { padding-top: 18px; width: 129px; height: 38px; background: url(../imagens/botao_azul_continuar.png) left top no-repeat; font-family: "Trebuchet MS", sans-serif; font-size: 1.27em; color: #caef00; text-transform: uppercase; font-weight: bold; text-align: center; text-decoration: none; }
* html a.azul.continuar { padding: 15px 0 3px; }
  a.azul.continuar:hover { background-position: left bottom; }
a.azul.continuar span { padding-right: 10px; background: url(../imagens/botao_azul_finalizacao_seta.png) right center no-repeat; }

.azul.continuar { width: 129px; height: 56px; background: url(../imagens/botao_azul_continuar.png) left top no-repeat; font-family: "Trebuchet MS", sans-serif; font-size: 1.27em; color: #caef00; text-transform: uppercase; font-weight: bold; }
  .azul.continuar:hover { background-position: left bottom; }
.azul.continuar span { padding-right: 10px; background: url(../imagens/botao_azul_finalizacao_seta.png) right center no-repeat; }  

.azul.finalizar { width: 199px; height: 56px; background: url(../imagens/botao_azul_finalizacao.png) left top no-repeat; font-family: "Trebuchet MS", sans-serif; font-size: 1.27em; color: #caef00; text-transform: uppercase; font-weight: bold; }
  .azul.finalizar:hover { background-position: left bottom; }

/* validacao formularios */
form fieldset ol li { position: relative; }
form fieldset ol li .ajuda { display: none; position: absolute; z-index: 999; top: -20px; left: 50%; }
* html form fieldset ol li .ajuda { left: 12%; }
form fieldset ol li .ajuda.ativo { display: block; } 
form fieldset ol li.validacao label strong,
form fieldset ol li.validacao .valida { background: url(../imagens/icones_validacao.png) bottom left no-repeat; }
form fieldset ol li.validacao.erro label strong,
form fieldset ol li.validacao.erro .valida { background-position: top left; }
form fieldset ol li.validacao li label strong,
form fieldset ol li.validacao label.adicional { background: none; padding: 0; }
form fieldset ol li .valida,
form fieldset ol li.validacao label strong { padding-left: 20px; }
/* icones de validacao exluir e ok */
a.excluir { display: block; width: 13px; background: url(../imagens/icones_validacao.png) top no-repeat; text-indent: -999em; overflow: hidden; }

/* linha com mais campos */
form fieldset ol li.mais_campos label.adicional { float: none; }
/* listagem com linhas tracejadas */
form fieldset .listagem { width: 600px; list-style: none; margin: 10px 0 0 20px; }
form fieldset .listagem li { position: relative; height: 18px; clear: both; width: 100%; background: #fff url(../imagens/listagem_tracejado.png) bottom repeat-x; }
form fieldset .listagem li label { margin: 0; width: auto; background: #fff; padding-bottom: 0; padding-right: 10px; }
form fieldset .listagem li label input { margin-right: 5px; border: 0; }
form fieldset .listagem li .complemento { position: absolute; right: 0; top: 5px; padding: 0 0 5px 6px; background-color: #fff; }
form fieldset .listagem li .complemento.opcoes { right: -90px; }
form fieldset .listagem li .complemento.opcoes select { width: 160px; }
html > body form fieldset .listagem li a.complemento { top: 0; }

form fieldset dl { margin-top: 27px; }
form fieldset dl dt { margin-bottom: 12px; clear: both; font-family: "Trebuchet MS", sans-serif; color: #00aeef; font-size: 1.63em; }
form fieldset dl dd  { margin-bottom: 35px; }
form fieldset dl dd ol li p { display: inline; margin-right: 5px; }
form fieldset dl dd ol li label { float: left; padding-left: 15px; width: auto; margin-right: 6px; text-align: left; }
  form fieldset dl dd ol li label.tipo1 { width: 84px; text-align: right; }
  form fieldset dl dd ol li label.tipo2 { width: 160px; text-align: right; }
form fieldset dl dd ol li input { border: 1px #06739e solid; }
form fieldset dl dd ol li label input { border: 0; }
  form fieldset dl dd ol li .ano { width: 88px; }
.passo1 fieldset .dados { clear: both; }
.passo1 fieldset .dados table { float: left; }
fieldset p.obs { margin: 15px; width: 240px; }

form fieldset ol li ul.radios { display: inline; }
form fieldset ol li ul.radios li { display: inline; clear: none; }
form fieldset ol li ul.radios li label { width: auto; }
form fieldset ol li ul.radios li label input { width: auto; border: 0; }
form fieldset ol li ul.checkbox { margin-top: 20px; clear: both; width: 500px; list-style: none; }
form fieldset ol li ul.checkbox li label { width: auto; text-align: left; }
form fieldset ol li ul.checkbox li label input { width: auto; border: 0; }
form fieldset ol li ul.checkbox li { clear: both; }
form fieldset ol li ul.checkbox.colunas { list-style: none; width: 720px; }
* html form fieldset ol li ul.checkbox.colunas { padding-top: 20px; }
form fieldset ol li ul.checkbox.colunas li { float: left; width: 360px; clear: none; }
form fieldset ol li ul.checkbox.colunas li label { width: auto; display: inline; text-align: left; }
form fieldset ol li ul.checkbox.colunas li input { display: inline; border: 0; }
/* colunas dentro do formulario */
form fieldset ol li.colunas ul { list-style: none; width: 670px; margin-top: 20px; }
form fieldset ol li.colunas ul li { float: left; clear: none; }
form fieldset ol li.colunas ul li label { width: auto; display: inline; text-align: left; }
form fieldset ol li.colunas ul li input { display: inline; }

/* item facultativo com opcao de itens escondidos */
form fieldset ol li.facultativo .complemento { display: none; float: left; margin: 10px 0 10px 15px; padding: 10px; list-style: none; clear: both; background: #F6FAEC; }
form fieldset ol li.facultativo .complemento.ativo { display: block; }
form fieldset ol li.facultativo .complemento label { padding-left: 0; }

/* Balao aviso */
.aviso { display: none; position: absolute; z-index: 999; width: 209px; padding-bottom: 48px; background: url(../imagens/aviso_base.png) bottom no-repeat; } 
  .aviso.ativo { display: block; }
.aviso p { color: #00aeef; padding: 21px 10px 10px 18px; background: url(../imagens/aviso_topo.png) top no-repeat; }
  
/* Lista dos Passos */
ol.passos { list-style: none; height: 55px; }
ol.passos li { float: left; clear: none; position: relative; padding: 10px 0 0 47px; width: 77px; height: 50px; background: url(../imagens/passos_passo.png) left bottom no-repeat; font-family: Verdana, sans-serif; font-size: 10px; }
html > body ol.passos li { padding-top: 18px; height: 40px; }
  ol.passos li.marcado { background-position: left top; }
  html body ol.passos li a:hover { cursor: default; }
  html body ol.passos li.marcado a:hover { cursor: pointer; }
ol.passos li a { line-height: 12px; zoom: 1; display: block; width: 70px; vertical-align: middle; display: table-cell; text-decoration: none; color: #b5cbd8; font-weight: bold; }
ol.passos li.marcado a { color: #095676; }
ol.passos li em { position: absolute; top: 13px; left: 18px; font-size: 2.36em; font-family: Verdana, sans-serif; color: #fff; font-weight: bold; font-style: normal; }
/* Lista dos Passos - Mais que 6 itens */
ol.mais_passos { list-style: none; margin-bottom: 20px; }
ol.mais_passos li { float: left; clear: none; padding: 0 0 0 36px; line-height: 40px; position: relative; margin: 0 2px; background: url(../imagens/passos_ilimitado_bg.png) left no-repeat; }
ol.mais_passos li a { display: block; padding: 1px 10px 0 0; line-height: 40px; text-decoration: none; font-size: 9px; background: url(../imagens/passos_ilimitado_bg.png) right no-repeat; color: #095676; }
ol.mais_passos li em { position: absolute; left: 13px; top: 2px; width: 20px; text-align: center; font-weight: bold; font-style: normal; font-size: 14px; letter-spacing: -1px; color: #fff; }  
  

.box_cinza .box_topo { width: 191px; height: 20px; background: url(../imagens/box_cinza_topo.png) top no-repeat; }
.box_cinza { background: url(../imagens/box_cinza_base.png) bottom no-repeat; }


/*--- Captcha ---*/
form fieldset.confirmacao { margin-bottom: 50px; }
form fieldset.confirmacao h3 { margin-bottom: 12px; clear: both; font-family: "Trebuchet MS", sans-serif; font-size: 1.63em; text-transform: none; }
form fieldset.confirmacao label { float: left; margin: 2px 10px 0 0; }
form fieldset.confirmacao input { float: left; }
form fieldset.confirmacao .acesso { float: left; margin: -25px 0 0 5px; width: 115px; height: 60px; }
form fieldset.confirmacao .acesso img { display: inline; }

#navita_main { position: relative; } 
/*------ TOPO ------*/
#navita_main #topo { padding: 20px 30px 14px 176px; height: 91px; background: url(../imagens/topo_bg.jpg) top no-repeat; }
#navita_main #topo .exclusivo p { display: inline; font: 14px "Trebuchet MS", sans-serif; color: #004059; }
#navita_main #topo .exclusivo ul { display: inline; }
#navita_main #topo .exclusivo ul li { padding: 1px 8px; display: inline; background: url(../imagens/lista_separador_azul.gif) right center no-repeat; }
  #navita_main #topo .exclusivo ul li.ultimo { background: transparent; }
#navita_main #topo .exclusivo ul li a { font-size: 11px; text-decoration: none; }
  #navita_main #topo .exclusivo ul li a:hover { text-decoration: underline; }
#navita_main #topo .idiomas { float: right; margin-top: -15px; list-style: none; }
#navita_main #topo .idiomas li { float: left; margin-left: 6px; }
#navita_main #topo .idiomas li a { display: block; width: 23px; height: 16px; background: url(../imagens/idiomas_bandeiras.gif) top no-repeat; text-indent: -999em; overflow: hidden; }
  #navita_main #topo .idiomas li.english a { background-position: bottom; }
#navita_main #topo .utilidades { margin: 23px 0 0 0; padding: 20px 0 0 0; background: url(../imagens/bg_pontilhado.gif) top repeat-x; }
#navita_main #topo .utilidades form { float: left; margin: 0 18px 0 4px; }

#navita_main #topo .utilidades form fieldset { padding-right: 10px; width: 260px; background: url(../imagens/separador_azul_vertical.gif) top right repeat-y; }
#navita_main #topo .utilidades form fieldset input { width: 160px; }
#navita_main #topo .utilidades form fieldset button { margin-left: 8px; }
#navita_main #topo .utilidades a.botao { float: left; }
#navita_main #topo .utilidades .fontes { float: right; }
#navita_main #topo .utilidades .fontes p { float: left; color: #6c798a; font-size: 11px; margin: 1px 3px 0 0; }
#navita_main #topo .utilidades .fontes ul { list-style: none; float: left; }
#navita_main #topo .utilidades .fontes ul li { float: left; margin-left: 4px; }
#navita_main #topo .utilidades .fontes ul li a { display: block; width: 18px; height: 19px; background: url(../imagens/fontes_icones.gif) left no-repeat; text-indent: -999em; overflow: hidden; }
#navita_main #topo .utilidades .fontes ul li.aumentar a { background-position: right; }
#navita_main #menu_topo {  height: 32px !important;}
#navita_main .menu_topo {  clear: both; height: 32px; list-style: none; overflow-y: hidden;}
#navita_main .menu_topo li { float: left; background: url(../imagens/topo_menu_separador.gif) left no-repeat; }
  /* estilo para o primeiro item do menu, serve para tirar o tra�o mais a esquerda*/
  #navita_main .menu_topo li.item_corporacao { background: transparent; }
  #navita_main .menu_topo .primeiro { background: transparent;  }
  /* item de menu ativo atraves da classe da pagina */
  #corporacao .menu_topo li.item_corporacao a,
  #produtos .menu_topo li.item_produtos a,
  #servicos .menu_topo li.item_servicos a,
  #vantagens .menu_topo li.item_vantagens a,
  #corretor .menu_topo li.item_corretor a,
  #contato .menu_topo li.item_contato a { background: url(../imagens/topo_menu_link.gif) repeat-x; font-weight: bold; }
#navita_main .menu_topo li a { display: block; padding: 10px 20px; color: #ffffff; text-decoration: none; font-size: 11px; }
  * html #navita_main .menu_topo li a { padding: 9px 20px; margin-bottom: 1px;}
#navita_main .menu_topo li a:hover { background: url(../imagens/topo_menu_link.gif) repeat-x; }
  * html #navita_main .menu_topo li a:hover { padding: 9px 20px; margin-bottom: 1px;}

/*------ CONTEUDO ------*/
#navita_main #conteudo { clear: both;}
#navita_main #conteudo #coluna2 { margin-bottom: 20px;}
html body.principais.sem_margem #navita_main #conteudo { margin-bottom: 10px; }


/*--- destaque dos servicos ---*/
#box_principais_servicos {height: 70px; overflow-y: hidden;}
#conteudo .principais_servicos { list-style: none; height: 70px; padding-left: 92px; margin: 0px 0px 0px; background: url(../imagens/servicos_principais_bg.png) repeat-x; }
#conteudo .principais_servicos li { float: left; margin-right: 65px; width: 234px; height: 60px; background: url(../imagens/principais_destaques_itens.png) left top no-repeat; color: #095676; }
  #conteudo .principais_servicos li.telefones { background-position: left -70px; }
  #conteudo .principais_servicos li.enderecos { margin: 0; background-position: left -140px; }
#conteudo .principais_servicos li a { display: block; height: 100%; text-indent: -999em; overflow: hidden; }



/*--- destaque dos servicos Investimento---*/
#conteudo .principais_servicos_investimento { list-style: none; height: 70px; padding-left: 92px; margin: 0px 0px 0px; background: url(../imagens/servicos_principais_bg.png) repeat-x; }
#conteudo .principais_servicos_investimento li { float: left; margin-right: 65px; width: 234px; height: 60px; background: url(../imagens/principais_destaques_ivestimentos.png) left top no-repeat; color: #095676; }
  #conteudo .principais_servicos_investimento li.chat { background-position: left -70px; }
  #conteudo .principais_servicos_investimento li.telefones { margin: 0; background-position: left -140px; }
#conteudo .principais_servicos_investimento li a { display: block; height: 100%; text-indent: -999em; overflow: hidden; }
/*--- FIM destaque dos servicos Investimento---*/

/*--- destaque para página genérica de solicitação de proposta auto - www.portoseguro.com.br/propostas/automovel.html ---*/
#box_principais_servicos_propostaAuto {height: 70px; overflow-y: hidden;}
#conteudo .principais_servicos_propostaAuto { list-style: none; height: 70px; padding-left: 92px; margin: 0px 0px 0px; background: url(../imagens/servicos_principais_bg.png) repeat-x; }
#conteudo .principais_servicos_propostaAuto li { float: left; margin-right: 65px; width: 234px; height: 60px; background: url(../imagens/principais_destaques_propostaauto.png) left top no-repeat; color: #095676; }
  #conteudo .principais_servicos_propostaAuto li.beneficios { background-position: left -70px; }
  #conteudo .principais_servicos_propostaAuto li.corretor { margin: 0; background-position: left -140px; }
#conteudo .principais_servicos_propostaAuto li a { display: block; height: 100%; text-indent: -999em; overflow: hidden; }
/*--- FIM destaque para página genérica de solicitação de proposta auto  ---*/

/*--- destaque dos servicos consorcio imovel ---*/
#conteudo .principais_servicos_consorcioimovel { list-style: none; height: 70px; padding-left: 92px; margin: 0px 0px 0px; background: url(../imagens/servicos_principais_bg.png) repeat-x; }
#conteudo .principais_servicos_consorcioimovel li { float: left; margin-right: 65px; width: 234px; height: 60px; background: url(../imagens/principais_servicos_consorcio.png) left top no-repeat; color: #095676; }
  #conteudo .principais_servicos_consorcioimovel li.chat { background-position: left -70px; }
  #conteudo .principais_servicos_consorcioimovel li.telefones { margin: 0; background-position: left -140px; }
#conteudo .principais_servicos_consorcioimovel li a { display: block; height: 100%; text-indent: -999em; overflow: hidden; }

/*--- destaque dos servicos - na template produtos plugin: o box está fora da div conteudo, por isso a duplicidade sem a div conteudo ---*/
.principais_servicos { list-style: none; height: 70px; padding-left: 92px; margin: 0px 0px 0px; background: url(../imagens/servicos_principais_bg.png) repeat-x; }
.principais_servicos li { float: left; margin-right: 65px; width: 234px; height: 60px; background: url(../imagens/principais_destaques_itens.png) left top no-repeat; color: #095676; }
  .principais_servicos li.telefones { background-position: left -70px; }
  .principais_servicos li.enderecos { margin: 0; background-position: left -140px; }
.principais_servicos li a { display: block; height: 100%; text-indent: -999em; overflow: hidden; }

#coluna1 { float: left; width: 204px; margin-right: 14px; }
#coluna2 { width: 788px; padding: 0; float: left; overflow-x:hidden; }

/*--- MENU E MODULOS ---*/
#coluna1 .modulo { margin-bottom: 15px; padding: 6px 0 0 15px; background: url(../imagens/modulo_azul_topo.png) left top no-repeat; }
#coluna1 .modulo .modulo_base { padding-top: 20px; background: url(../imagens/modulo_azul_base.png) right bottom no-repeat; }
#coluna1 .modulo h3 { margin-bottom: 5px; color: #004059; font: bold 16px "Trebuchet MS", sans-serif; text-transform: uppercase; }
  /* modulo verde */
  #coluna1 .modulo.verde { background: url(../imagens/modulo_verde_topo.png) left top no-repeat; padding-top: 8px; }
  #coluna1 .modulo.verde .modulo_base { padding-top: 20px; background: url(../imagens/modulo_verde_base.png) right bottom no-repeat; }
  #coluna1 .modulo.verde h3 { font-size: 15px; color: #9dba00; }
#coluna1 .modulo .menu_lateral { padding-top: 4px; background: url(../imagens/home_coluna1_menu_abas.png) no-repeat; }
  /* menu voce */ 
  #coluna1 .modulo .menu_lateral.voce { background-position: -238px top; }
  #coluna1 .modulo .menu_lateral.voce .aba.voce a.titulo { padding-left: 23px; color: #00aeef; }
  #coluna1 .modulo .menu_lateral .aba.empresa a.titulo { padding-left: 30px; }
  /* menu empresa */ 
  #coluna1 .modulo .menu_lateral.empresa { background-position: -25px top; }
  #coluna1 .modulo .menu_lateral.empresa .aba.empresa a.titulo { padding-left: 33px; color: #00aeef; }
  #coluna1 .modulo .menu_lateral li.aba { display: inline; }
  #coluna1 .modulo .menu_lateral li.aba a { padding-left: 20px; color: #004059; font: 14px "Trebuchet MS", sans-serif; text-decoration: none; }
    #coluna1 .modulo .menu_lateral li.aba.ativa a { color: #00aeef; }
  #coluna1 .modulo .menu_lateral li.aba dl { float: left; display: none; }
    #coluna1 .modulo .menu_lateral.voce li.aba.voce dl { display: block; }
    #coluna1 .modulo .menu_lateral.empresa li.aba.empresa dl { display: block; }    
  #coluna1 .modulo .menu_lateral li.aba dl dt { color: #00aeef; margin: 13px 0 6px; font: bold 16px "Trebuchet MS", sans-serif; }
  #coluna1 .modulo .menu_lateral li.aba dl dd { margin-bottom: 20px; }
  #coluna1 .modulo .menu_lateral li.aba dl dd ul { padding: 0 0 0 10px; list-style: none; }
  #coluna1 .modulo .menu_lateral li.aba dl dd ul li { padding: 2px 0; background: url(../imagens/coluna1_menu_bg_pontilhado.gif) bottom center no-repeat; }
  #coluna1 .modulo .menu_lateral li.aba dl dd ul li a { display: block; padding: 3px 0; color: #095676; font: 11px Verdana, sans-serif; text-align: left; }
  #coluna1 .modulo .menu_lateral li.aba dl dd ul li a:hover { background: #d0effb; }
  #coluna1 .modulo .menu_lateral li.aba dl dd ul li.ativo a { font-weight: bold; background: #d0effb; }
  #coluna1 .modulo .menu_lateral li.aba dl dd ul li.ultimo { background: transparent; }
  
  #coluna1 .modulo .portal_cliente { margin-top: 10px; list-style: none; }
  #coluna1 .modulo.verde h3 { text-align: left; margin-bottom: 5px; }
  #coluna1 .modulo.verde p { width: 180px; font-size: 10px; text-align: left; }
  #coluna1 .modulo .portal_cliente li { margin-bottom: 2px; font-size: 10px; border:0px solid #000;}
  #coluna1 .modulo .portal_cliente li a { display: block; height: 25px; padding: 5px 0 0 25px; color: #004059; text-decoration: none; font-weight: normal; text-align: left; }
    #coluna1 .modulo .portal_cliente li a:hover { text-decoration: underline; } 
	#coluna1 .modulo .portal_cliente li img {width:30px; height:30px; position: absolute; margin-top: -6px; margin-left: -30px; border:none; border:0px solid #000;}	

/*------ MENU INTERNO ------*/
#coluna1 .nuvem_tags { padding-left: 25px; margin-bottom: 40px; }
#coluna1 .nuvem_tags h3 { text-transform: none; border-bottom: 1px #b3e6f9 solid; font-size: 16px; font-weight: bold; margin-bottom: 6px; }
#coluna1 .nuvem_tags ul li { display: inline; margin-bottom: 3px; }
#coluna1 .nuvem_tags ul li a { color: #065473; text-decoration: none; }
#coluna1 .nuvem_tags ul li a:hover { color: #9dba00; text-decoration: underline; }

.hasSublevel {
   background: url(../imagens/seta_menu_interno.gif) 3px 7px no-repeat;
}

.hasSublevelOpen {
	background: url(../imagens/seta_abaixo_menu_interno.gif) 3px 8px #d0effb no-repeat; 
}

.hasSublevelOpen2 {
	background: url(../imagens/seta_abaixo_menu_interno.gif) 3px 8px no-repeat; 
}

.selectedSubMenu {
	color: #9dba00 !important; 
}

.isActiveTrue {
    background-color: #d0effb;
}


/* nivel 1 */
.menu_interno li.nivel-1 { padding: 2px 0; background: url(../imagens/coluna1_menu_bg_pontilhado.gif) 11px bottom no-repeat; list-style-type: none; }
.menu_interno li.nivel-1 a { width: 152px; font-size: 1em; color: #095676; padding: 3px 3px 3px 11px; display: block; text-decoration: none; }
.menu_interno li.nivel-1 a:hover,
.menu_interno li.nivel-1 a.submenu-1:hover { background-color: #d0effb; }
.menu_interno li.nivel-1.ativo a { font-weight: bold; }
/*.menu_interno li.nivel-1 a.submenu-1 { background: url(../imagens/seta_menu_interno.gif) 3px 7px no-repeat; }
.menu_interno li.nivel-1.ativo a.submenu-1 { background: url(../imagens/seta_abaixo_menu_interno.gif) 3px 8px #d0effb no-repeat; } x #d0effb no-repeat; } 

/* nivel 2 */
.menu_interno li.nivel-2 { padding: 2px 0px 0px 7px; list-style-type: none; }
.menu_interno li.nivel-2 a { width: 152px; font-size: 0.9em; color: #00B0F2; padding: 3px 3px 3px 11px; display: block; text-decoration: none; font-weight: bold; }
.menu_interno li.nivel-2 a:hover,
.menu_interno li.nivel-2 a.submenu-2:hover { color: #9dba00; }
.menu_interno li.nivel-2.ativo a { font-weight: bold; }
.menu_interno li.nivel-2 a.submenu-2 {  }
.menu_interno li.nivel-2.ativo a.submenu-2 {  } 

/* nivel 3 */
.menu_interno li.nivel-3 { padding: 0px 0px 0px 17px; list-style-type: none; }
.menu_interno li.nivel-3 a { width: 152px; font-size: 0.8em; color: #00b0f2; padding: 0px 0px 3px 11px; display: block; text-decoration: none; }
.menu_interno li.nivel-3 a:hover,
.menu_interno li.nivel-3 a.submenu-3:hover { color: #9dba00; }
.menu_interno li.nivel-3.ativo a { font-weight: bold; }
.menu_interno li.nivel-3 a.submenu-3 {  }
.menu_interno li.nivel-3.ativo a.submenu-3 {  } 

/* nivel 4 */
.menu_interno li.nivel-4 { padding: 0px 0px 0px 25px; list-style-type: none; }
.menu_interno li.nivel-4 a { width: 152px; font-size: 0.8em; color: #00b0f2; padding: 0px 0px 3px 11px; display: block; text-decoration: none; }
.menu_interno li.nivel-4 a:hover,
.menu_interno li.nivel-4 a.submenu-4:hover { color: #9dba00; }
.menu_interno li.nivel-4.ativo a { font-weight: bold; }
.menu_interno li.nivel-4 a.submenu-4 { }
.menu_interno li.nivel-4.ativo a.submenu-4 {  } 

/* nivel 5 */
.menu_interno li.nivel-5 { padding: 0px 0px 0px 35px; list-style-type: none; }
.menu_interno li.nivel-5 a { width: 152px; font-size: 0.8em; color: #00b0f2; padding: 0px 0px 3px 11px; display: block; text-decoration: none; }
.menu_interno li.nivel-5 a:hover,
.menu_interno li.nivel-5 a.submenu-4:hover { color: #9dba00; }
.menu_interno li.nivel-5.ativo a { font-weight: bold; }
.menu_interno li.nivel-5 a.submenu-4 { color: #9dba00; }
.menu_interno li.nivel-5.ativo a.submenu-4 { color: #9dba00; } 

  /* ------- SEGUNDO NIVEL ------- */
.menu_interno li ul { display: none; margin: 0 0 9px 9px; font-size: .9em; }
.menu_interno li.ativo ul { display: block; }
.menu_interno li ul li { background: transparent; }
.menu_interno li ul li a { display: inline; width: auto; padding: 0 0 0 7px; background-color: transparent; color: #00b0f2; }
.menu_interno li ul li a.submenu { background: url(../imagens/seta_abaixo_submenu_interno.gif) 0 5px no-repeat; }
.menu_interno li ul li.ativo a, 
.menu_interno li ul li a:hover, 
.menu_interno li ul li a.submenu:hover { background-color: transparent; color: #9dba00; }
  
    /* ------- TERCEIRO NIVEL ------- */
    #coluna1 .modulo .menu_interno li ul li ul { margin-bottom: 0; }
    #navita_main #coluna1 .modulo .menu_interno li ul li ul li a { background: transparent; font-weight: normal; }
    #navita_main #coluna1 .modulo .menu_interno li ul li.ativo ul li a { color: #00b0f2; }
    #navita_main #coluna1 .modulo .menu_interno li ul li.ativo ul li a:hover, #navita_main #coluna1 .modulo .menu_interno li ul li ul li.ativo a { color: #9dba00; }

  /* banner */
#coluna1 .banner { margin-left: 0px; } /* antes era 15px*/
  /* sobre conteudo */
  #sobre_conteudo { background: url(../imagens/bg_sobre_conteudo.gif) no-repeat center; width: 608px; height: 23px; clear: both; margin: 0 auto; }
  #sobre_conteudo a { text-decoration: none; padding-left: 9px; font-weight: normal;}
  #sobre_conteudo a:hover { text-decoration: underline;}
  #sobre_conteudo p { font: 1.0em "Verdana", sans-serif; font-weight: bold; color: #095676; padding: 5px 20px 5px 17px;}
  /* anterior*/
  .anterior { clear:both; list-style: none; }
  .anterior li {display:inline;}

/*------ RODAPE ------
#rodape { margin: 33px 0; clear: both; }
#rodape ul { position: relative; padding-bottom: 11px; list-style: none; background: url(../imagens/bg_horizontal_pontilhado.gif) bottom repeat-x; text-align: center; }
#rodape ul li { display: inline; border-left: 1px #004059 solid; padding: 0 9px; }
#rodape ul li.primeiro { border: 0; }
#rodape ul li a { color: #004059; font-size: 1em; } 
#rodape address { margin-top: 9px; text-align: center; font-style: normal; }
#rodape .vcard { display: none; }

.footer .vcard {
	display: none;
}*/

/*------ RODAPE REDES SOCIAIS 2010-06-21 ------*/
#rodape {
	position: relative !important;
}


.footer .vcard {
	display: none;
}

.footer {
	padding: 10px;
	font-family: Trebuchet MS, Verdana, Arial;
	background: url(../imagens/rodape-bg.png) top left repeat-x;
	clear: both;
	/*position: relative;*/
	position: inherit;
	_height: 1px;
	margin: 20px 0 30px 0;
}

.footer .spacer {
	background: url(../imagens/bg_horizontal_pontilhado.png) top left repeat-x;
	font-size: 1px;
	height: 1px;
	clear: both;
	float: none;
	margin-bottom: 10px;
}

.footer .leftSide {
	width: 330px;
	float: left;
	padding: 10px 20px;
}

.footer .rightSide {
	float: right;
	width: 550px;
	padding: 10px 20px;
}

.footer .copyright {
	font-size: 7.5pt;
}

.footer UL {
	margin: 0px;
	padding: 0px;
}

.footer UL LI {
	display: inline;
	list-style: none;
	margin: 0 15px;
}

.footer UL LI A {
	font-weight: bold;
	text-decoration: none;
	color: #005579;
}

.footer UL LI A:hover {
	text-decoration: underline;
}

.footer SPAN.cornerLeft,
.footer SPAN.cornerRight {
	display: block;
	position: absolute;
	top: 0px;
	width: 8px;
	height: 7px;
	font-size: 1px;
	background: url(../imagens/rodape-corners.png) top left no-repeat;
}

.footer SPAN.cornerLeft {
	left: 0px;
}

.footer SPAN.cornerRight {
	right: 0px;
	background-position: top right;
}

.social-icons,
.social-icons A {
	color: #005579;
	text-decoration: none;
}

.social-icons .icon {
	display: inline-block;
	vertical-align: middle;
	text-indent: -5000px;
	width: 24px;
	height: 24px;
	margin: 0 1px;
	opacity: .5;
	filter: alpha(opacity=50);
}

.social-icons .icon:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.social-icons A {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.social-icons .tmg {
	float: left;
	width: 230px;
	margin-left: 15px;
}

.social-icons .portovias {
	float: right;
	width: 280px;
}

.social-icons A STRONG {
	display: block;
}


.social-icons .twitter {
	background: url(../imagens/icon-tw.png) top left no-repeat;
}

.social-icons .twitter_pv_sp {
	width: 38px;
	background: url(../imagens/icon-tw-pv-sp.png) top left no-repeat;
}

.social-icons .twitter_pv_rj {
	width: 38px;
	background: url(../imagens/icon-tw-pv-rj.png) top left no-repeat;
}

.social-icons .orkut {
	background: url(../imagens/icon-or.png) top left no-repeat;
}

.social-icons .facebook {
	background: url(../imagens/icon-fb.png) top left no-repeat;
}

.social-icons .youtube {
	background: url(../imagens/icon-yt.png) top left no-repeat;
}

.social-icons .linkedin {
	background: url(../imagens/icon-li.png) top left no-repeat;
}
/*****************************/
.box_principais_servicos{
	font-family:'Trebuchet MS', Verdana,sans-serif;
	height:70px;
	width:920px;
	margin:0 auto;
	background:#e1ecf1 url(/lib/imagens/servicos_principais_bg.png) repeat-x;
	padding-left:80px;
}
.box_principais_servicos img{
	border:0;
}
.tpl-servico{
	height:70px;
	width:280px;
	float:left;
	
}
.box_principais_servicos h4{
	margin:12px 0 0 0;
	font-size:16px;
}
.box_principais_servicos h4 a{
	text-decoration:none;
	color:#9DBA00;
}
.box_principais_servicos h4 a:hover{
	text-decoration:underline;
}
.box_principais_servicos p a:hover{
	text-decoration:underline;
}
.box_principais_servicos p{
	margin:-5px 0 0 0;
}
.box_principais_servicos p a{
	text-decoration:none;
	color:#095575;
	font-size:11px;
}
.tpl-icon{
	float:left;
	padding:12px;
}

/*----------CAIXA LATERAL FUNDOS DE PORTOPAR---------------*/
.caixa_lateral_portopar{
	background:#f7fafc;
	text-align:right;
	width:180px;
	padding-bottom:20px;
	background:#F7FAFC url(http://www.portoseguro.com.br/lib/imagens/caixa_destaque_bg_base_azul.png) no-repeat scroll center bottom;
	color:#004059;
	position:relative;
}
.caixa_lateral_portopar h3{
	background:#F7FAFC url(http://www.portoseguro.com.br/lib/imagens/caixa_destaque_bg_topo_azul.png) no-repeat scroll center top;
	font-size:1.6em;
	line-height:1em;
	padding:17px 14px 5px;
	text-transform:uppercase;
	font-family:"Myriad Pro",Arial,sans-serif;
}

.caixa_lateral_portopar h5{
	background:#e7f0f8;
	margin-bottom:5px;
	padding:5px 20px;
	text-transform:uppercase;
	font-family:"Myriad Pro",Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:1em;

	
}
.caixa_lateral_portopar p{
	margin:0 10px 10px 5px;
	padding:0;
	font-family:verdana;
	font-size:11px;
}