body {margin: 0; padding: 0.6em 0 0 0; color: #666; background-color:#313234; font-family: Arial, Helvetica, Helvetica, sans-serif; font-size: 0.75em;}

a {color: #666;}

a:hover {text-decoration: underline;}

form {margin: 0; padding: 0;}

input, select {color: #666; font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 1em;}

img {border: 0;}

.ItemDeAcessibilidade {display: none;}

.FimDosFloats {font-size: 0; line-height: 0; clear: both; height: 0}

#Geral {width: 79.16em; margin: 0 auto; position:relative; padding-top: 10px;}

#ColunaDireita {width: 29.91em; position:absolute; top: -5px; right: 0;}
#TopMenu {background: url('/static/images/top_center_menu_ferramentas.jpg') repeat-x; }
#TopMenu .left {background: url('/static/images/top_left_menu_ferramentas.jpg') 0 0 no-repeat; padding-left: 14px }
#TopMenu .right {background: url('/static/images/top_right_menu_ferramentas.jpg') right 0 no-repeat; padding-right: 14px; height: 10px; font-size: 0; }

#ContainerMenuFerramentas { background: #616161 url('/static/images/navegacao_center.jpg') 0 -5px repeat-x; }

#ImagemCabecalho { width: 192px; height: 553px; overflow:hidden; margin: 0; padding: 0 2px 0 0; float:right;}
#ImagemCabecalho li { display:block; width: 192px; height: 553px; overflow:hidden; margin: 0; padding: 0;}

#ContainerRss { float: right; margin: 0.45em 3.5em 0 0;}
#RSS { width: 19px; height: 20px; vertical-align: bottom; margin: 0 0.4em 0 0; padding: 0;}
#LinkTextoRss { margin: 0; padding: 0; color: #fff; font-size: 0.92em; text-decoration: none;}
#LinkTextoRss:hover { text-decoration: underline;}

#MenuFerramentas { height: 3em; background: url('/static/images/center_right_menu_ferramentas.jpg') right 0 repeat-y; }
#MenuFerramentas ul {margin: 0; padding: 0 0 0 0.5em;}

#MenuFerramentas ul li {
    float: left; background: url('/static/images/separador_menu_top.jpg') right 0 repeat-y;
    padding: 0.3em 1.5em;
    list-style: none; overflow: hidden;
    font-size: 0.8em; margin: 0;
    text-transform: lowercase;
}
#MenuFerramentas ul li a {text-decoration: none;}
#MenuFerramentas ul li a:hover {text-decoration: underline;}

#Mapa a {
    background: url('/static/images/icon_mapa.gif') center top no-repeat;
    color: #ffffff; display: block; padding-top: 13px;
}

#Inicio a {
    background: url('/static/images/icon_casa.gif') no-repeat center top;
    display: block; padding-top: 13px;
    color: #ffffff;
}
#TermoBusca {margin: 0.3em 0 0 1em; width: 12.5em; font-size: 0.83em; padding: 0.1em 0.5em; }
#MenuFerramentasBotaoOk {vertical-align: top; margin: 0.4em 0 0 0.3em;}
#ColunaEsquerda {
    width: 18.91em;  z-index: 3; position:absolute; top:0; left: 0; overflow:hidden;
}

#Topo1Left {background: #616161 url('/static/images/left_top_menu.jpg') 0 0 no-repeat; padding-left: 11px;}
#Topo1Right {background: url('/static/images/right_top_menu.jpg') right 0 no-repeat; padding-right: 18px;}
#Topo1Center {background: url('/static/images/center_top_menu.jpg') 0 0 repeat-x; height:11px; font-size: 0;}

#Topo2Center {background: url('/static/images/center_menu.jpg'); height: 2.5em;  }
#Topo2Left, #CenterLeft, #BoletimLeft {background: url('/static/images/left_menu.jpg') 0 0 repeat-y; padding-left: 6px; }
#Topo2Right {background: url('/static/images/right_menu1.jpg') right 0 repeat-y; padding-right: 13px; }
#CenterRight, #BoletimRight {background: url('/static/images/right_menu2.jpg') right 0 repeat-y; padding-right: 13px; }
#Center, #ContainerBoletim {background: url('/static/images/center_menu.jpg'); }
#Center {position:relative;}
#Logo {display:block; width: 148px; height: 108px; position: relative; top: -1.9em; left: 50%; margin-left: -74px; }

#ListaMenuPrincipal { margin: 0; padding: 1em 0 5em 0;}
#ListaMenuPrincipal li { list-style: none; padding: 0 0 0.5em 0; margin: 0;}
#ListaMenuPrincipal li a { font-size: 1.16em; display: block; padding: 0.2em 0.6em 0.2em 0.2em; text-align:center; text-decoration: none;}
#ListaMenuPrincipal li a:hover, #ListaMenuPrincipal li.ativo a {background: #D6251E url('/static/images/icon_menu.jpg') 99% 55% no-repeat; color: #FFF;}

#BottomLeft {background: url('/static/images/left_bottom_menu.jpg') 0 0 no-repeat; padding-left: 11px;}
#BottomRight {background: url('/static/images/right_bottom_menu.jpg') right 0 no-repeat; padding-right: 18px;}
#BottomCenter {background: url('/static/images/center_top_menu.jpg') 0 0 repeat-x; height:10px; font-size: 0; border-bottom: 1px solid #d6d6d6;}
/*.botao {font-size: 0; height: 17px; border: 0; padding: 17px 0 0 8px; margin: 0; vertical-align: top; cursor: pointer; }*/
#FormCadastro { border-top: 2px dotted #AFAFAF; padding: 1em 1.1em 1em 1.1em;}

#FormCadastro h3 {margin: 0 0 0.5em 0; padding: 0.2em 0 0.2em 55px; font-size: 1.25em; background: url('/static/images/icon_news.jpg') 0 no-repeat; line-height: 100%; }
#FormCadastro #BotaoCadastrar {margin: 0.8em auto 0 auto; width:132px; height: 17px; display:block;}
/*.inputtext {border: 2px inset #404040; }*/
#FormCadastro .inputtext {width: 10.8em; margin-left: 0.3em; }
#FormCadastro #Email {margin-left: 0.43em;}
#FormCadastro p {margin: 0 0 0.5em 0;}

#ContPath {height: 2.5em; margin: 0 29.91em 0 18.95em; overflow:hidden; }
#Path {color: #EEE;  font-size: 0.92em;}
#Path a {color: #EEE;  text-decoration: none;}
#Path a:hover { text-decoration: underline;}
#Path span, .CorDestaque {color: #D6251E;}

#ColunaCentro {margin: 0 194px 0 11.08em; z-index: 2; position:relative; padding-bottom: 1em;}

#ColunaCentro .top { background: #FFF url('/static/images/top_center_conteudo.jpg') repeat-x; border-top: 1px solid #515151;}
#ColunaCentro .topright {height: 11px; background: url('/static/images/top_right_conteudo.jpg')  right -1px no-repeat; font-size:0; }
#ColunaCentro .minheight {height: 46em; float: left; width: 1px;}
#ColunaCentro .center {background-color: #FFF; padding: 0 5px 0 5px; }
#ColunaCentro .bottom { background: url('/static/images/top_center_conteudo.jpg') repeat-x; }
#ColunaCentro .bottomleft { background: url('/static/images/bottom_left_conteudo.jpg') 0 0 no-repeat; }
#ColunaCentro .bottomright { background: url('/static/images/bottom_right_conteudo.jpg') right 0 no-repeat; height: 11px;}
#ColunaCentro .principal { border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6; padding: 1em 0.6em 0 0; }

#ColunaCentro .conteudo {width: 42em; float:right;}

#Rodape {background-color: #666; text-align: center; font-size: 1em; color: #FFF; margin: 0; display:block;}
#LogoOktiva {text-align: center; margin: 0; padding: 1em 0 1em 0;}

/*********************** Contato **************************/
.Titulos { margin: 0 0 1em 0; padding: 0; font-size: 1.33em; font-weight: bold; color: #d6251e;}
.Titulos2 { margin: 0 0 0.5em 0; padding: 0; font-size: 1.17em; font-weight: bold; color: #d6251e;}

#ContainerFormContato { float: left; width: 27.5em; margin: 0; padding: 0;}
#ContainerEndereco { float: right; width: 12.5em; margin: 0; padding: 0 0 0 1em; border-left: 1px dashed #ccc;}
p.intro, div.intro p { margin: 0 0 1em 0; padding: 0;}
p.linha, p.linha { margin: 0 0 0.83em 0; padding: 0;}

#FormContato { display: block; margin: 0; padding: 0; width: 27em;}
#FormContato .esquerda {width: 15em; float: left;}
#FormContato .direita {width: 10.4em; float: right;}
#FormContato .input, #FormTrabalhe .input {border: 1px solid #ccc; font-size: 1em; font-family: Arial, Helvetica; color: #666;}

#FormContato #Nome, #FormContato #Email, #FormContato #Telefone, #FormContato #Cidade, #FormContato #Assunto { width: 100%; height: 1.4em;}
#FormContato #Estado {width: 100%; height: 1.6em; background-color: #FFF; width: 4.8em; border: 1px solid #ccc; font-size: 1em; font-family: Arial, Helvetica; color: #666; padding: 1px;}
#FormContato #Mensagem { width: 100%;}

.BotaoEnviar, .BotaoEnviarCurriculo {
    background: url('/static/images/bt-enviar.jpg') no-repeat; display: block; width: 81px; height: 17px; margin: 12px 0 0 0; padding: 17px 0 0 0; text-indent: -99999em;
    cursor: pointer; border: 0; font-size: 0;
}

.BotaoVisualizar {
    width: 131px; height: 17px; font-size: 0; border: 0; display: block; padding: 0; margin: 0; text-indent: -99999px; display: block; float: left;
    cursor: pointer; background: url('/static/images/bt-visualizar-mapa.jpg') no-repeat;
}

#MapaGoogle {display: none;}

p.erro, p.mensagem { margin: 0 0 1em 0; padding: 0;}

/*********************** Trabalhe Conosco **************************/
#FormTrabalhe {width: 40em;}

#FormularioTrabalheConosco {width: 32em;}
#FormularioTrabalheConosco label { display: block; margin: 0 0 0.2em 0;}

#FormTrabalhe #Nome, #FormTrabalhe #Email, #FormTrabalhe #Telefone {width: 100%; height: 1.4em;}
#FormTrabalhe #Adicionar { margin: 0.5em 0 0 0; height: 1.8em; width: 100%;}

p.Extra { display: block; font-size: 0.92em; background: url('/static/images/linha-separa-h.gif') bottom left no-repeat; margin: 0 0 1em 0; padding: 0.5em 0 1.8em 0;}

/*********************** Mapa do Site **************************/
#ContainerMapa, #ListaBusca { float: left; width: 23.33em;}

#ContainerMapa ul, #ListaResultadoBusca {margin: 0; padding: 0; display: block;}
#ContainerMapa ul li, #ListaResultadoBusca li {list-style: none; padding: 0; margin: 0 0 1em 0;}
#ContainerMapa ul li a, #ListaResultadoBusca li a {
    color: #d6251e; font-family: Arial, Helvetica; font-weight: normal; font-size: 1.17em; margin: 0; padding: 0 0 0 8px; height: 100%;
    background: url('/static/images/marcador-mapa.gif') left center no-repeat;
}
#ContainerMapa ul li ul, #ListaResultadoBusca li ul {margin: 0; padding: 0; display: block;}
#ContainerMapa ul li ul li, #ListaResultadoBusca li ul li {list-style: none; padding: 0; margin: 0.5em 0;}
#ContainerMapa ul li ul li a, #ListaResultadoBusca li ul li a {
    color: #d6251e; font-family: Arial, Helvetica; font-weight: normal; font-size: 1.17em; margin: 0; padding: 0 0 0 20px; background: none; height: 100%;
}

#ColunaDescricao, #NovaPesquisa { float: right; width: 15em; margin: 0; padding: 0 0.5em 0 1em; border-left: 1px dashed #ccc;}
#Descricao p { margin: 0 0 0.8em 0; padding: 0 0 0.8em 0; border-bottom: 1px dashed #ccc;}
#NovaBusca p, #NovaPesquisa p { margin: 0 0 0.5em 0; padding: 0;}

#FormNovaBusca #Termo {background-color: #fff; width: 98%; height: 1.4em; padding: 0.08em; color: #333; margin: 0; font-size: 1em; border: 1px solid #ccc;}
#FormNovaBusca .BotaoPesquisar {
    background: url('images/bt-pesquisar.jpg') no-repeat; display: block; float: right; margin: 8px 0 0 0; padding: 17px 0 0 0; width: 93px; height: 17px; border: 0; cursor: pointer;
}

/*********************** Resultado da Busca **************************/
.intro2 { margin: 0 0 1.5em 0;}

/*********************** Telas de Cadastro **************************/
.ParagCentro { text-align: center;}
.ParagCentro img {vertical-align: middle; margin: 0 10px 0 0;}

/********************** Nota Institucional *************************/
#ContainerConteudo {float: left; width: 31em;}
#ContainerConteudoClientes { float: left;}
#ColunaMenu {float: right; width: 8.75em; margin: 0; padding: 0 0.8em 0 0.5em; border-left: 1px dashed #ccc;}

#TextoNota { margin: 0 0 1em 0; padding: 0; line-height: 120%;}
#TextoNota img {border: 5px solid #eee; padding: 1px;}

#OpcoesNota {
    font-size: 0.92em; color: #d6251e; width: 26.78em; margin: 0 0 1.657em 0; padding: 0 0 0.8em 0; background: url('/static/images/linha-separa-h.gif') left bottom no-repeat;
}
#OpcoesNota a {font-family: Arial; font-size: 1em; color: #d6251e; text-decoration: underline;}

#ContainerImagens { margin: 0 0 1em 0; padding: 0 0 0.5em 0; clear: both; background: url('/static/images/linha-separa-h.gif') left bottom no-repeat;}
#ContainerImagens .Imagens { margin: 0; padding: 0;}
#ContainerImagens .Imagens img { margin: 0.25em 0.5em 0.25em 0; padding: 0; border: 3px solid #eee; overflow: hidden; float: left;}

#ContainerArquivos { margin: 15px 0; padding: 0 0 0.2em 0; background: url('/static/images/linha-separa-h.gif') left bottom no-repeat;}
#ContainerArquivos #ListaArquivos { display: block; margin: 1.3em 0 0 0; padding: 0;}
#ContainerArquivos #ListaArquivos li {
    margin: 0 0 10px 0; padding: 0 0 0 15px; list-style: none; font-family: Tahoma, sans-serif; font-size: 1em; background: url('images/marcador-arquivos-nota.gif') 3px center no-repeat;
}
#ContainerArquivos #ListaArquivos li a {font-weight: normal; color: #d6251e; text-decoration: underline; margin: 0; padding: 0;}

#ListaNotas {margin: 0; padding: 0; display: block;}
#ListaNotas li {list-style: none; padding: 0; margin: 0 0 1em 0;}
#ListaNotas li.atual a, #ListaNotas li a:hover {background: url('/static/images/marcador-lista-notas.gif') left center no-repeat; }
#ListaNotas li a {
    color: #d6251e; font-family: Arial, Helvetica; font-weight: normal; font-size: 1em; margin: 0; padding: 0 0 0 1.1em; height: 100%; display:block;
}

/********************** Enviar por Email ************************/
#ContentEnviar {width: 220px; display: none;}

#EnviarPorEmail {
    width: 220px; font-family: Arial; font-size: 12px; color: #666; margin: 0; padding: 0 15px; display: block; border-top: 2px solid #313234;
    background: #313234 url('images/fundo-enviar-email.jpg') left top repeat-y;
}
#EnviarPorEmail #LogoEnviarPorEmail {width: 220px; height: 82px; margin: 0 0 10px 0; padding: 0; display: block;}

#EnviarPorEmail p.txtform {margin: 0 0 10px 0; padding: 0;}
#EnviarPorEmail p.txtconfmail {margin: 0 10px; padding: 0;}
#EnviarPorEmail p.txtconfmail a {text-decoration: underline;}

#EnviarPorEmail #FormEmail { display: block; margin: 0 14px; padding: 0 0 5px 0;}
#ConfEmail {margin: 0; padding: 10px 15px 20px 15px; display: block; background: #313234 url('images/fundo-enviar-email-menor.jpg') left top repeat-y;}
#ConfEmail p {margin: 0; padding: 0;}
#ConfEmail a {color: #d6251e; text-decoration: none; margin: 0; padding: 0;}
#ConfEmail a:hover { text-decoration: underline;}
#EnviarPorEmail #FormEmail label {display: block; margin: 0 0 2px 0; padding: 0;}
#EnviarPorEmail #FormEmail .inputext {display: block; width: 98%; height: 16px; font-size: 12px; font-family: Arial; color: #333; margin: 0 0 6px 0; padding: 0; border: 1px solid #333;}

#EnviarPorEmail .BotaoEnviarEmail {
    width: 82px; height: 18px; background: url('images/bt-enviar-por-email.jpg') no-repeat; font-size: 0; margin: 12px auto; cursor: pointer; padding: 18px 0 0 0; border: 0; display: block;
}

/*************** Imagens ****************/
.alignleft {float: left; margin: 0 7px 5px 0;}
.alignright {float: right; margin: 0 0 5px 7px;}
.aligncenter {margin: 0 auto 5px auto;}
.alignnone {margin: 0 0 5px 0;}
img.capa {float: left; margin: 0 7px 5px 0;}

/********************** Capa da Seção *************************/
.chamadas_notas {line-height: 120%; width: 41.5em; margin: 0 0 1em 0; padding: 0 0 0.8em 0; border-bottom: 1px dashed #ccc;}
.chamadas_notas .titulonota { color: #d6251e; margin: 0 0 1em 0; padding: 0; font-size: 1em;}
.chamadas_notas .titulonota a {
    text-decoration: underline; color: #d6251e; font-weight: normal; color: #d6251e; margin: 0; padding: 0 0 0 0.8em; font-size: 1.17em; font-family: Tahoma, sans-serif;
    background: url('images/marcador-arquivos-nota.gif') left center no-repeat;
}
.chamadas_notas img.capa { float: left; margin: 0.35em 1em 0.92em 0; border: 5px solid #eee; padding: 1px;}
.chamadas_notas p.resumo { margin: 0; padding: 0;}
.saiba_mais {color: #d6251e; font-size: 0.92em; text-decoration: underline;}

/********************** Capa Principal *************************/
#DestaquesFloating { border-bottom: 1px dashed #ccc; margin: 0 0 3.2em 0; padding: 0 0 2.7em 0;}
.Floating { float: left; width: 13.4em; margin: 0 1.17em 0 0; padding: 0;}
.FloatingSemBorda { float: left; width: 12.5em; margin: 0; padding: 0;}

.Floating h4, .FloatingSemBorda h4, .DestaqueBottom h4 { margin: 0; padding: 0; font-size: 1.17em;}
.Floating h4 a, .FloatingSemBorda h4 a, .DestaqueBottom h4 a { text-decoration: none; color: #d6251e; margin: 0; padding: 0; font-weight: normal;}
.Floating h4 a:hover, .FloatingSemBorda h4 a:hover, .DestaqueBottom h4 a:hover { text-decoration: underline;}
.Floating img, .FloatingSemBorda img { display: block; clear: both; margin: 0.8em 0 1em 0;}
.Floating p { display: block; clear: both; margin: 1em 0 0.5em 0; padding: 0 1em 0 0; border-right: 1px dashed #ccc;}
.FloatingSemBorda p { display: block; clear: both; margin: 1em 0 0.5em 0; padding: 0;}
.Floating .conheca-mais, .FloatingSemBorda .conheca-mais, .DestaqueBottom .conheca-mais {
    margin: 0; padding: 0 0 0 0.8em; color: #d6251e; font-size: 0.92em; background: url('images/marcador-arquivos-nota.gif') left 0.4em no-repeat;
}

.DestaqueBottom a img { float: left; margin: 0 1em 1em 0; padding: 0;}
.DestaqueBottom .ConteudoFloating { float: left;}
.DestaqueBottom p {margin: 1em 0 0.5em 0; padding: 0;}