/* CSS Reset +---------------------------------------------------------------+*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
a{color:#c9c9c9; text-decoration: none;}
.conteudoInterna a{border-bottom: dashed 1px #c9c9c9;}
.conteudoInterna a:hover{text-decoration:none; border-bottom: solid 1px #f5f5f5; color: #f5f5f5;}
hr {display: none;}

/* Títulos +---------------------------------------------------------------+*/
.tituloBox {font-size: 20px; height: 28px; font-weight: normal; font-family: arial; margin: 0 0 15px 0; padding: 0 0 0 35px;}
.icoBaloes {background: url(../imagens/temaSite/ico_baloes.png) no-repeat;}
.icoCarta {background: url(../imagens/temaSite/ico_carta.png) no-repeat;}
.icoGlobo {background: url(../imagens/temaSite/ico_globo.png) no-repeat;}
.icoCadeado {background: url(../imagens/temaSite/ico_cadeado.png) no-repeat;}

/* Classes +---------------------------------------------------------------+ */
.saibaMais {float: left; clear: both; margin: 6px 0 0 0; border: none;}
.validaForm .error {color: #ccc; font-weight: normal; font-size: 11px;}
.borderNone, .borderNone:hover {border: none;}
.texteJustify {text-align: justify;}
.arredondar {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

/* Mensagens de alerta +----------------------------------------------------------------+ */
.statusNaoRealizado, .statusRealizado, .statusAlerta {float: left; clear: both; border:solid 1px #EDDBB1; padding:15px 30px 15px 50px; font-weight:700; width:450px; margin:0 0 5px 0px;}

#areaAtuacaoTexto .statusNaoRealizado, #areaAtuacaoTexto .statusRealizado, #areaAtuacaoTexto .statusAlerta {width: 220px; text-align: left;} 

.statusNaoRealizado {color:#8A1F11; background:#FBE3E4 url(../imagens/temaSite/erro-ico.jpg) no-repeat 10px center; border: solid 2px #FBC2C4;}
.statusRealizado {color:#264409; background:#E6EFC2 url(../imagens/temaSite/confirme-ico.jpg) no-repeat 10px center; border: solid 1px #C6D880;}
.statusAlerta {color:#514721; background:#FFF6BF url(../imagens/temaSite/alerta-ico.jpg) no-repeat 10px center; border: solid 1px #FFD324;}

/* Configurações gerais +---------------------------------------------------------------+ */
body {font: normal 12px arial;}
body.bodyHome {background: #2E3037 url(../imagens/temaSite/bgBody.jpg) repeat-x;}
body.bodyInterna {background: #2E3037 url(../imagens/temaSite/bgBodyInterna.jpg) repeat-x;}
#site {width: 960px; padding: 0 10px; margin: 0 auto;}

/* Cabecalho */
#cabecalho {float: left; clear: both; width: 960px; height: 87px; padding: 25px 0 0 0; background: url(../imagens/temaSite/linhaCabecalho.jpg) no-repeat center bottom;}
#cabecalho h1 {background: url(../imagens/temaSite/logo.png) no-repeat; text-indent: -9000px; margin: -10px 0 0 0; width: 227px; height: 80px; float: left;}
#cabecalho h1 a {display: block; width: 185px; height: 60px; border: none;}

/* Menu Principal */
/*#cabecalho, #cabecalho * {border:solid 1px red}*/
#cabecalho #menuPrincipal {float: left; width: 660px; margin: 17px 10px 0 55px;}
#cabecalho #menuPrincipal li {float: left; width: auto;}
#cabecalho #menuPrincipal li a {display: block; text-align: center; padding: 8px 20px; color: #42464F; font-weight: normal; border: none; }
#cabecalho #menuPrincipal li a.home:hover, #cabecalho #menuPrincipal li a.homeAtivo {background: url(../imagens/temaSite/menuHomeHover.png) no-repeat center; color: #fff;}
#cabecalho #menuPrincipal li a.empresa:hover, #cabecalho #menuPrincipal li a.empresaAtivo {background: url(../imagens/temaSite/menuEmpresaHover.png) no-repeat center; color: #fff;}
#cabecalho #menuPrincipal li a.seguros:hover, #cabecalho #menuPrincipal li a.segurosAtivo,
#cabecalho #menuPrincipal li a.noticias:hover, #cabecalho #menuPrincipal li a.noticiasAtivo {background: url(../imagens/temaSite/menuSegurosHover.png) no-repeat center; color: #fff;}
#cabecalho #menuPrincipal li a.atuacao:hover, #cabecalho #menuPrincipal li a.atuacaoAtivo {background: url(../imagens/temaSite/menuAtuacaoHover.png) no-repeat center; color: #fff;}
#cabecalho #menuPrincipal li a.faleConosco:hover, #cabecalho #menuPrincipal li a.faleConoscoAtivo {background: url(../imagens/temaSite/menuFaleConoscoHover.png) no-repeat center; color: #fff;}
#cabecalho #menuPrincipal li~li a {margin: 0 0 0 13px;}
#cabecalho #menuPrincipal li a:hover {text-decoration: none;}

/* Login */
#loginSistema {float: left; clear: both; position: absolute; top: 112px; width: 693px; margin: 0 0 0 165px;}
.formLogin {display: none;}
.listaLogin {float: left; clear: both; width: 633px; padding: 15px 30px; background: #515560 url(../imagens/temaSite/bgLoginSlide.gif) no-repeat center bottom;}
.listaLogin li {float: left; width: auto; margin: 0 20px 0 0;}
.listaLogin li label {color: #fff; font-weight: 700;}
.listaLogin li .campoLogin {padding: 2px; font: normal 11px arial; color: #333; display: block; border: solid 1px #6B717E;}
.listaLogin li.liCadastre_se {border-right: solid 2px #6F7584; padding: 0 15px 0 0;}
.btnLogin {display: block; font:700 15px arial; padding: 8px 14px; background: #3C3F46; border: solid 1px #6B717E; color: #fff; cursor: pointer;}
.btnLogin:hover {background: #626671; border: solid 1px #9CA2AB; color: #fff;}
.linkLogin {float: left; clear: both; width: 295px; height: 24px; padding: 6px 0 0 0; margin: 0 0 0 175px; border: none; text-align: center; font-weight: 700; color: #fff; background: url(../imagens/temaSite/botoes/btnDown.gif) no-repeat;}

/* Formulários +---------------------------------------------------------------+*/
.widthCompleto {width: 98%;}
.widthCompleto li {width: 100%;}

.widthParcial, #containerForm  {width: 600px;}
#containerForm {float: left; margin: 15px 0 0 0;}
.widthParcial li {width: 46%; margin: 0 5px 5px 0;}

.listaForm {float: left;}
.listaForm li {float: left; margin: 0 0 5px 0;}
.listaForm li label {display: block; color: #fff; font: 700 13px arial;}
.listaForm li .campo {padding: 5px 5px 3px 5px; color: #666; font: normal 11px arial; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: solid 1px #3E3F44;}
.listaForm li .campo:focus {font-weight: 700; background: #f1f1f1;}
.listaForm li #btnEnviar {background: url(../imagens/temaSite/botoes/enviar.png) no-repeat center; width: 110px; height: 30px; text-align: center; border: none; font-weight: 700; font-size: 11px; cursor: pointer; color: #333;}
.listaForm li input.campo {height: 22px; margin: 0 0 10px 0;}

/* Banner Principal +---------------------------------------------------------------+*/
#bannerPrincipal {float: left; clear: both; width: 960px; height: 450px;}
#bannerPrincipal a {border: none;}

/* Conteúdo Index +---------------------------------------------------------------+*/
#complementoIndex {float: left; clear: both; width: 960px; margin: 40px 0 0 0; color: #fff;}

/* Box atuação */
#boxAtuacao {float: left; width: 330px; margin: 0 30px 0 0;}
#boxAtuacao .conteudoAtuacao {float: left; width: 310px; line-height: 20px; margin: 0 20px 0 0;}
#boxAtuacao .conteudoAtuacao .foneContatos {margin: 15px 0 0 0;}
#boxAtuacaoInterna {float: left; width: 300px; margin: 15px 30px 0 0; line-height: 22px;}

ul.foneContatos {float: left; width: 300px; margin: 20px 0 0 0;}
ul.foneContatos li {float: left; clear: both; width: 100%;}
ul.foneContatos li h3 {color: #2E3037; background: url(../imagens/temaSite/botoes/btnFonesIndex.jpg) no-repeat left top; font: 700 11px tahoma; padding: 6px 10px 9px 19px; cursor: pointer;}
ul.foneContatos li h3:hover {background-position: left bottom; font: 700 11px tahoma; padding: 6px 10px 9px 19px; cursor: pointer;}
ul.foneContatos li ul {display: none; float: left; clear: both; width: 90%; margin: 0 0 0 18px;}
ul.foneContatos li ul li {margin: 0 0 6px 0px; width: 100%;}

/* Box Seguranca */
#boxSeguranca {float: left; width: 260px; padding: 0 30px 0 30px; background: url(../imagens/temaSite/linhaBoxComplemento.jpg) no-repeat left top}


/* Box Contato */
#boxContato {float: left; width: 240px; padding: 0 0 0 40px; background: url(../imagens/temaSite/linhaBoxComplemento.jpg) no-repeat left top}
#boxContato .campo {width: 235px;}
#boxContato input.campo {height: 20px; background: #fff; margin: 0;}
#boxContato textarea.campo {padding: 12px 5px; height: 45px; overflow: auto; background: #fff }

/* Conteúdo Internas +---------------------------------------------------------------+*/
.conteudoInterna {float: left; clear: both; width: 100%; color: #fff;}
.conteudoInterna h2.tituloInterna {float: left; clear: both; width: 100%; font: normal 34px tahoma; color: #2C3037; margin: 20px 0 30px 0;}
.conteudoInterna .txtComplemento {float: left; line-height: 23px; margin: 10px 25px 0 0;}
.larguraMinima {width: 320px;}

#bannerInterna {float: right; width: 300px; margin: 15px 30px 0 0; line-height: 22px;}

/* Seguros */
.listaSeguros {float: left; width: 900px; margin: 15px 0 0 0;}
.listaSeguros li {float: left; width: 100%; padding: 5px 0 30px 0; }
.listaSeguros li~li {padding: 40px 0 30px 0; background: url(../imagens/temaSite/linhaHorizontal.jpg) repeat-x center top;}
.listaSeguros li img {float: left; margin: 0 20px 10px 0; border: solid 10px #131417;}
.listaSeguros li h3 {float: left; font-size: 16px; margin: 0 0 15px 0; width: 570px;}
.listaSeguros li p {float: left; line-height: 22px; width: 570px;}

/* Notícias */
.listaNoticias {float: left; margin: 15px 0 0 0;}
.listaNoticias li {float: left; width: 90%; padding: 5px 0 30px 0; }
.listaNoticias li~li {padding: 25px 0 30px 0; background: url(../imagens/temaSite/linhaHorizontal.jpg) repeat-x center top;}
.listaNoticias li a {display: block; width: 100%; color: #f1f1f1; font-weight: normal; padding: 0 0 0 70px; background: url(../imagens/temaSite/ico_noticia.png) no-repeat 10px top; border: none;}
.listaNoticias li strong {display: block; font-size: 14px;}
.listaNoticias li p {float: left; line-height: 22px; width: 570px;}

/* Área de Atuação */
.containerMapa {float: left; width: 522px; margin: -60px 0 0 30px;}

/* Lista de arquivo */
.listaArquivos {float: left; clear: both; width: 580px; margin: 10px 0 10px 20px;}
.listaArquivos li {float: left; clear: both; width: 580px; list-style: circle; list-style-position: inside  ;}
.listaArquivos li a {border: none;}

/* Rodapé +---------------------------------------------------------------+*/
#rodape {float: left; clear: both; width: 960px; margin: 25px 0 0 0; padding: 12px 0; background: url(../imagens/temaSite/linhasRodape.jpg) no-repeat center top; color: #fff; font-size: 10px;}
#rodape p {width: 720px; float: left; padding: 20px 0 20px 80px; background: url(../imagens/temaSite/siteSeguro_thumb.jpg) no-repeat left center;}
#rodape a {border: none;}
#rodape a.creditos {width: 110px; margin: 25px 0 0 0; float: right; color: #9194A1;}
#rodape a.creditos:hover {text-decoration: none; color: #C4C5CC;}
#rodape strong {font-weight: 700; font-size: 11px;}