html, body { height: 100%; margin: 0; padding: 0;}
html { background: transparent url('/static/images/bg.jpg') left top repeat-x;}
body {
    height: auto !important; min-height: 100%; margin: 0; padding: 0; color: #666; background: transparent url('/static/images/bg_cabecalho.png')  center 0 no-repeat;
    font-family: Georgia, Verdana, sans-serif; font-size: 0.75em;
}

a {color: #48B6B6; text-decoration: none;}

a:hover {text-decoration: underline;}

form {margin: 0; padding: 0;}

input, select, textarea {color: #666; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 1em; border: 1px solid #666;}

img {border: 0;}

.ItemDeAcessibilidade {display: none;}

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

/************************** Moldura ************************/
#Geral { width: 73.75em; margin: 0 auto;}
#Cabecalho { height: 10.67em;}
#LogoOktiva { margin: 1.5em 0 0 2.08em; padding: 0; display:block; float: left;}

#ListaMenuPrincipal { width: 35.5em; float: right;}
#BtBlog a { width: 65px; height: 29px; float: left; margin: 40px 0 0 0; background: url('/static/images/bt-blog.gif') no-repeat; font-size: 0; text-indent: -99999px;}
#BtBlog a:hover, #BtBlog a.atual { background: url('/static/images/bt-blog-hover.gif') no-repeat;}
#ListaMenuPrincipal ul { margin: 3.4em 0 0 0; padding: 0; display: block; float: right; font-family: Tahoma, Georgia, sans-serif;}
#ListaMenuPrincipal ul li { margin: 0 1.2em 0 0; padding: 0; list-style: none; float: left; display: block;}
#ListaMenuPrincipal ul li a { display: block; margin: 0; padding: 0.15em 0.2em 0.1em 0.2em; color: #999; font-size: 1.33em; font-weight: normal;}
#ListaMenuPrincipal ul li a:hover { text-decoration: none;}

#ListaMenuPrincipal ul .item1 a { border-bottom: 2px solid #B9CA3A;}
#ListaMenuPrincipal ul .item1 a:hover, #ListaMenuPrincipal ul .ativo1 a { color: #FFFFFF; background-color: #B9CA3A;}
#ListaMenuPrincipal ul .item2 a { border-bottom: 2px solid #48B6B6;}
#ListaMenuPrincipal ul .item2 a:hover, #ListaMenuPrincipal ul .ativo2 a { color: #FFFFFF; background-color: #48B6B6;}
#ListaMenuPrincipal ul .item3 a { border-bottom: 2px solid #F9AD0E;}
#ListaMenuPrincipal ul .item3 a:hover, #ListaMenuPrincipal ul .ativo3 a { color: #FFFFFF; background-color: #F9AD0E;}
#ListaMenuPrincipal ul .item4 a { border-bottom: 2px solid #E5426C;}
#ListaMenuPrincipal ul .item4 a:hover, #ListaMenuPrincipal ul .ativo4 a { color: #FFFFFF; background-color: #E5426C;}

#Corpo { width: 73.75em; margin: 0 auto;}

.TopLeft { background: url('/static/images/top_left_box.png') left top no-repeat; height: 7px; padding-left: 7px; font-size: 0;}
.TopRight { background: url('/static/images/top_right_box.png') right top no-repeat; height: 7px; padding-right: 7px; font-size: 0;}
.TopCenter { background-color: #FFFFFF; height: 7px; font-size: 0;}
#Conteudo .CaixaConteudo { background-color: #FDFDFB; padding: 0.75em 1.2em 0.75em 1.5em;}
#ColunaDireita .CaixaConteudo { background-color: #FDFDFB; padding: 0.75em 1.4em;}
.BottomLeft { background: url('/static/images/bottom_left_box.png') left bottom no-repeat; height: 7px; padding-left: 7px; font-size: 0;}
.BottomRight { background: url('/static/images/bottom_right_box.png') right bottom no-repeat; height: 7px; padding-right: 7px; font-size: 0;}
.BottomCenter { background-color: #FFFFFF; height: 7px; font-size: 0;}

#Conteudo { width: 47.67em; float: left; margin-right: 1em;}
.ContainerCaixa { margin-bottom: 1em;}
#ColunaDireita { width: 25em; float: right;}

#ContRodape {padding-top: 0.83em;}
#ContRodape .topoesquerdo {background: url('/static/images/rodape_topo_esquerdo.png') no-repeat; padding-left: 15px; }
#ContRodape .topodireito {background: url('/static/images/rodape_topo_direito.png') right 0 no-repeat; padding-right: 15px; }
#ContRodape .topocentro {background: url('/static/images/rodape_topo_centro.png') repeat-x; height: 15px;}
#Rodape {background: url('/static/images/rodape_corpo.png') repeat-x; min-height: 13em;}

#LogoOktivaRodape { margin: 0 0 0 1.5em; padding: 0; display:block; float: left;}
#Rodape #col1 { width: 21.83em; float: left; margin: 0 0.83em 0 1em;}
#Rodape #col1 p { font-size: 1.17em; color: #447373; line-height: 150%; margin: 0.8em 0 0 0; padding: 0;}
#Rodape #col2 { width: 16.83em; float: left; margin-right: 2em; padding-top: 0.5em;}
#Rodape #col2 h3 { font-size: 2em; color: #447373; margin: 0; padding: 0 0 0 1.1em; font-weight: normal; background: url('/static/images/marcador-rodape.png') left 0.2em no-repeat;}
#Rodape #col2 p { font-size: 1em; color: #666666;}
#Rodape #col3 { width: 17.5em; float: left; margin: 0; padding-top: 0.5em;}
#Rodape #col3 h3 { font-size: 2em; color: #447373; margin: 0; padding: 0 0 0 1.1em; font-weight: normal; background: url('/static/images/marcador-rodape.png') left 0.2em no-repeat;}

#ListaRodape { margin: 0.75em 0 0 0; padding: 0; display: block;}
#ListaRodape li { list-style: none; float: left; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0; background: url('/static/images/separador-lista-rodape.gif') right center no-repeat;}
#ListaRodape li.Rss { background: url('/static/images/rss.jpg') left center no-repeat; padding-left: 1.5em;}
#ListaRodape li a { display: block; margin: 0; padding: 0; color: #447373; font-size: 0.83em; text-decoration: underline;}

.IcoFone {
    font-family: Tahoma, Verdana, sans-serif; font-size: 1.17em; margin: 0.6em 0 0 1.8em; padding: 0 0 0 1.4em; background: url('/static/images/ico-fone.png') left 0.35em no-repeat;
}
.IcoEmail {
    font-family: Tahoma, Verdana, sans-serif; font-size: 1.17em; margin: 0.3em 0 0 1.8em; padding: 0 0 0 1.4em; background: url('/static/images/ico-email.jpg') left 0.45em no-repeat;
}

#RedeOktiva { margin-top: 1em; padding-left: 2em;}
#RedeOktiva p { text-align: center;}
#RedeOktiva p a img { vertical-align: middle; margin: 0 0 1.2em 0.8em;}

#Validacoes { min-height: 4em;}
#Validacoes a { float: left; margin: 0 0.83em 0;}

/*********************** Fale Conosco ***********************/
#ColunaEsquerda { width: 21.2em; float: left; margin-right: 1.8em;}
#Conteudo2 { width: 50.65em; float: left;}
#Conteudo2 .CaixaConteudo { background-color: #FDFDFB; padding: 0.75em 2em 0.75em 2.3em; min-height: 15em;}
#ColunaEsquerda .CaixaConteudo { background-color: #FDFDFB; padding: 0.75em 1.4em;}

.Asterisco { color: #E5426C; font-size: 1.67em;}
.TitulosInternas { margin: 0 0 0.6em 0; padding: 0; font-size: 2.5em; font-weight: normal;}
.TitulosRosa { color: #E5426C;}
#Contatos a { margin: 0; padding: 0;}
#Contatos h4 { margin: 0 0 10px 0; padding: 0; font-size: 0; text-indent: -99999px; background: url('/static/images/img-titulo-contatos.jpg') no-repeat; width: 114px; height: 48px;}
#Contatos ul { display: block; margin: 0; padding: 0 0 0.5em 0; font-size: 1.17em;}
#Contatos ul li { list-style: none; margin: 0 0 0.5em 0; padding: 0 0 0 1em; background: url('/static/images/marcador-lista-contatos.gif') left center no-repeat;}
#Contatos li a { margin: 0; padding: 0.1em 0.35em 0.2em 0.35em; color: #AA2446; text-decoration: underline;}
#Contatos li a:hover, #Contatos ul li.ativo a { background-color: #E5426C; color: #FFFFFF; padding: 0.1em 0.3em; text-decoration: none;}

#FormContato .intro p, #FormTrabalhe .intro p, #FormSuporte .intro p { margin: 0 0 0.92em 0; padding: 0; font-size: 1em; line-height: 140%;}
#FormularioDeContato, #FormularioDeSuporte { display: block; margin: 0; padding: 0; font-size: 1.17em; width: 22.85em; float: left;}
#FormularioDeContato .linha { margin: 0 0 0.2em 0; padding: 0;}
#FormularioDeContato .input, #FormularioDeTrabalhe .input, #FormularioDeSuporte .input, #FormularioDeParceria .input {
    margin: 0.45em 0 0 0; padding: 0.2em 0.1em 0.1em 0.1em; border: 1px solid #BBD9EB; width: 99%;
}

#FormularioDeContato #EmailContato { margin-bottom: 0.5em;}
#FormularioDeContato #Mensagem, #FormularioDeTrabalhe #Mensagem, #FormularioDeSuporte #Mensagem { min-height: 8.35em;}

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

.BotaoEnviar:hover { background: url('/static/images/bt-enviar-hover.jpg') no-repeat;}

#InfosEndereco { width: 17em; float: right;}
#EnderecoOktiva { margin: 0 0 15px 0; padding: 0; display: block;}
#InfosEndereco h4 { font-size: 1.5em; color: #E5426C; font-weight: normal; margin: 0 0 0.5em 0; padding: 0;}
#InfosEndereco p { font-size: 1.17em;}
#InfosContato .ico-fone { background: url('/static/images/ico-fone.png') left 0.3em no-repeat; margin: 0 0 0.5em 0; padding: 0 0 0 1.4em;}
#InfosContato .ico-email { background: url('/static/images/ico-email.jpg') left 0.4em no-repeat; margin: 0; padding: 0 0 0 1.4em;}
.SeparadorNada { display: block; margin: 0; padding: 0.92em 0 1.2em 0;}
.SeparadorNada2 { display: block; margin: 0; padding: 0.5em 0 0.5em 0;}

#VerMapa {
    background: url('/static/images/bt-ver-mapa.jpg') left 0.2em no-repeat; display: block; margin: 0; padding: 0 0 0.5em 1.9em; color: #E5426C; text-decoration: underline;
    font-family: Tahoma, Verdana, sans-serif;
}
#LocalizacaoMapa { display: none;}

/*********************** Trabalhe Conosco ***********************/
#FormularioDeTrabalhe { display: block; margin: 0; padding: 0; font-size: 1.17em; width: 100%;}
#FormularioDeTrabalhe .linha, #FormularioDeSuporte .linha { margin: 0 0 0.2em 0; padding: 0;}
#FormularioDeTrabalhe .adicionar { margin: 0.45em 0 0 0; padding: 0;}
#FormularioDeTrabalhe .Extra { font-family: Tahoma, Verdana, sans-serif; font-size: 0.78em; margin: 0 0 0.5em 0; padding: 0;}
#FormularioDeTrabalhe #Adicionar { width: 96%;}
#FormularioDeTrabalhe .BotaoEnviar { margin-top: 16px;}

/*********************** Suporte ***********************/
#FormularioDeSuporte #EnderecoSite { width: 86.96%;}
#FormularioDeSuporte .FormEsq { width: 11em; float: left; margin: 0.5em 0;}
#FormularioDeSuporte .FormDir { width: 11em; float: right; margin: 0.5em 0;}
.TipoSuporte { display: block; margin-bottom: 0.4em;}
.RadioSemBorda { border: 0;}
#FormularioDeSuporte .BotaoEnviar { margin-top: 12px;}

#InfosContato p, #Suportes p { margin: 0; padding: 0; font-family: Tahoma, Verdana, sans-serif; font-size: 1.17em;}
#Suportes .ico-gtalk { background: url('/static/images/ico-gtalk.jpg') left center no-repeat; margin: 0 0 0.5em 0; padding: 0 0 0 1.4em;}
#Suportes .ico-msn { background: url('/static/images/ico-msn.jpg') left center no-repeat; margin: 0 0 0.5em 0; padding: 0 0 0 1.4em;}
#Suportes .ico-skype { background: url('/static/images/ico-skype.jpg') left center no-repeat; margin: 0 0 0.5em 0; padding: 0 0 0 1.4em;}

#VerBlog {
    font-family: Tahoma; color: #AA2446; text-decoration: underline; background: url('/static/images/marcador-leia-rosa.gif') left 0.5em no-repeat;
    margin: 0; padding: 0 0 0 1em;
}

/*********************** Institucional (Verde) ***********************/
.TitulosVerde { color: #A1B131;}
.TitulosAzul, .TitulosAzul a { color: #48B6B6;}
.TitulosNota { margin: 0 0 0.45em 0; padding: 0; font-size: 2em; font-weight: normal;}

#Contatos a { margin: 0; padding: 0;}
#Contatos .InstOktiva {
    margin: 0 0 10px 0; padding: 0; font-size: 0; text-indent: -99999px; background: url('/static/images/img-titulo-contatos.jpg') no-repeat; width: 114px; height: 48px;
}
.InstAgencias {
    margin: 0 0 10px 0; padding: 0; font-size: 0; text-indent: -99999px; background: url('/static/images/img-titulo-consultoria.jpg') no-repeat; width: 114px; height: 48px;
}

#ColunaSecao ul { display: block; margin: 0; padding: 0.25em 0 0.25em 0; font-size: 1.17em;}
#ColunaSecao ul li { list-style: none; margin: 0.5em 0 0 0; padding: 0 0 0 1em;}
#ColunaSecao ul li a { margin: 0; padding: 0.1em 0.35em 0.2em 0.35em; text-decoration: underline;}
#ColunaSecao ul li a:hover, #ColunaSecao ul li.atual a { color: #FFFFFF; padding: 0.1em 0.3em; text-decoration: none;}

.ListaNotasVerde li { background: url('/static/images/marcador-lista-downloads.gif') left center no-repeat;}
.ListaNotasVerde li a { color: #4F6523;}
.ListaNotasVerde li a:hover, .ListaNotasVerde li.atual a { background-color: #C1D054;}

.ListaNotasAzul li { background: url('/static/images/marcador-lista-azul.gif') left center no-repeat;}
.ListaNotasAzul li a { color: #236265;}
.ListaNotasAzul li a:hover, .ListaNotasAzul li.atual a { background-color: #48B6B6;}

#ColunaSecao .TitulosAzul {margin-bottom:0;}
#TextoNota { margin: 0; padding: 0; font-family: Georgia; font-size: 1.17em; line-height: 140%;}
#TextoNota p { margin: 0; padding: 0;}
#TextoNota img { border: none;}
.video, .audio { width: 363px; margin: 0 auto; clear: both; padding-top: 1em;}

#Imagens { margin: 0.83em 0 1.67em 0;}
#ContainerImagens .imagens, #ContainerImagens .imagens5 { margin: 0; padding: 0;}
#ContainerImagens .imagens img { margin: 0 0.75em 0.75em 0; padding: 0.08em; border: 1px solid #DFECEC; overflow: hidden; float: left;}

#ContainerArquivos #ListaArquivos { display: block; margin: 0.83em 0 0 0; padding: 0;}
#ContainerArquivos #ListaArquivos li {
    margin: 0 0 0.5em 0; padding: 0 0 0 1em; font-size: 1.17em; list-style: none; background: url('/static/images/marcador-lista-downloads.gif') left center no-repeat;
}
#ContainerArquivos #ListaArquivos li a {
    color: #B9CA3A; text-decoration: underline; margin: 0; padding: 0 0 0 1.2em; font-family: Tahoma, Verdana, sans-serif; font-size: 0.85em;
    background: url('/static/images/marcador-leia-verde.gif') left center no-repeat;
}

/*************** Formulário de Parcerias ****************/
#FormularioDeParceria { display: block; margin: 2em 0 0 0; padding: 0; font-size: 1.17em; width: 25em; float: left;}
#FormularioDeParceria .intro { margin: 0 0 0.5em 0; padding: 0; font-size: 0.79em; line-height: 140%;}
#FormularioDeParceria .linha { margin: 0 0 0.2em 0; padding: 0;}
#FormularioDeParceria #EmailParceiro, #FormularioDeParceria #TelefoneDDD { margin-bottom: 0.5em;}
#FormularioDeParceria #Mensagem { min-height: 8.35em;}

#FormularioDeParceria .BotaoEnviar {
    background: url('/static/images/bt-enviar-parcerias-hover.jpg') no-repeat; display: block; width: 86px; height: 24px; margin: 10px 0 0 0; padding: 24px 0 0 0; text-indent: -99999em;
    cursor: pointer; border: 0; font-size: 0; float: right;
}

#FormularioDeParceria .BotaoEnviar:hover { background: url('/static/images/bt-enviar-parcerias.jpg') no-repeat;}

/*************** Imagens ****************/
#TextoNota .alignleft, #PostBlog .content .alignleft {float: left; margin: 0 0.67em 0.5em 0; border: none;}
#TextoNota .alignright, #PostBlog .content .alignright {float: right; margin: 0 0 0.5em 0.67em; border: none;}
#TextoNota .aligncenter, #PostBlog .content .aligncenter {margin: 0 auto 1.5em auto; border: none; display: block;}
#TextoNota .alignnone,  #PostBlog .content .alignnone {margin: 0 0 0.5em 0; border: none;}

/*********************** Clientes **************************/
#Clientes a { margin: 0 0 5px 0; padding: 0; font-size: 0; text-indent: -99999px; width: 100px; height: 48px;}

.TitulosAmarelo, .TitulosAmarelo a { color: #F9AD0E;}
.DescClientes { margin: 0.5em 0 1em 0; padding: 0; font-size: 1.33em;}

.ListaNotasAmarelo li { background: url('/static/images/marcador-lista-clientes.gif') left center no-repeat;}
.ListaNotasAmarelo li a { color: #D89408;}
.ListaNotasAmarelo li a:hover, .ListaNotasAmarelo li.atual a { background-color: #F9AD0E;}

.ImagensClientes { width: 9.17em; height: 100px; overflow: hidden; float: left; margin: 0 2.25em 1.5em 0;}
.ImagensClientes a img { vertical-align: middle;}

#VerClientes { margin: 0; padding: 0 1.25em 0 0; font-size: 2em; color: #F9AD0E; text-decoration: underline; background: url('/static/images/bt-ver-todos.gif') right center no-repeat;}

#NavegacaoLetras { margin-bottom: 1em;}
.LetrasClientes { text-decoration: underline; color: #D89408; font-size: 1.17em;}
.TituloLetras { margin: 0 0 0.2em 0; padding: 0; float: left; font-size: 2em; font-weight: normal;}

.ListaLetras { margin: 0; padding: 0 0 0.5em 0; display: block;}
.ListaLetras li { margin: 0 0 0.25em 0; padding: 0 0.83em 0 0; list-style: none; float: left; width: 14.5em;}
.ListaLetras li a { text-decoration: underline; font-size: 1.33em; color: #D89408;}

.VoltarTopo { float: right; margin-top: 0.5em; text-decoration: underline; font-size: 0.92em; font-family: Arial;}

#ContainerArquivos #ListaArquivosClientes { display: block; margin: 0.83em 0 0 0; padding: 0;}
#ContainerArquivos #ListaArquivosClientes li {
    margin: 0 0 0.5em 0; padding: 0 0 0 1em; font-size: 1.17em; list-style: none; background: url('/static/images/marcador-lista-clientes.gif') left center no-repeat;
}
#ContainerArquivos #ListaArquivosClientes li a {
    color: #D89408; text-decoration: underline; margin: 0; padding: 0 0 0 1.2em; font-family: Tahoma, Verdana, sans-serif; font-size: 0.85em;
    background: url('/static/images/marcador-lista-downloads-clientes.gif') left center no-repeat;
}

#TagsNota { margin: 1em 0; font-size: 1.17em;}
#TagsNota a { text-decoration: underline; color: #D89408;}

/*********************** Blog **************************/
#BlogOktiva a { margin: 0 0 10px 0; padding: 0; font-size: 0; text-indent: -99999px; width: 172px; height: 40px;}

#BuscaBlog { margin: 1em 0;}
#FormBusca { display: block; margin: 0; padding: 0;}
#TermoBusca { width: 11.5em; font-size: 1.17em; color: #4F6523; margin: 0 0.25em 0 0; padding: 0.3em 0.2em; border: 1px solid #BBD9EB; vertical-align: top;}
#FormBusca #BotaoOk {
    background: url('/static/images/bt-ok-busca.jpg') no-repeat; border: 0; font-size: 0; cursor: pointer; padding: 26px 0 0 0; margin: 0; cursor: pointer; width: 44px; height: 26px;
    vertical-align: top;
}

#FormBusca #BotaoOk:hover { background: url('/static/images/bt-ok-busca-hover.jpg') no-repeat;}

#AssineRSS { display: block; margin-bottom: 8px;}

.TitulosEsqBlog { margin: 0 0 0.25em 0; padding: 0; font-size: 1.5em; font-weight: normal; color: #4F6523;}
.TitulosCapaBlog, .TitulosCapaSecao { margin: 0 0 0.25em 0; padding: 0; font-size: 1.33em; font-weight: bold;}
.TitulosCapaBlog a, .TitulosCapaSecao a { color: #666; margin: 0; padding: 0;}
.InfosPostsBlog { font-size: 0.92em; font-family: Tahoma, Verdana, sans-serif; color: #4F6523; margin-bottom: 0.92em;}
.InfosPostsBlog a { color: #4F6523; text-decoration: underline;}

.ListasBlog { display: block; margin: 0; padding: 0.25em 0 0.25em 0; font-size: 1.17em;}
.ListasBlog li { list-style: none; margin: 0.5em 0 0 0; padding: 0 0 0 1em; display: block;}
.ListasBlog li a { margin: 0; padding: 0.1em 0.35em 0.2em 0.35em; text-decoration: none;}
.ListasBlog li a:hover, .ListasBlog li.atual a { color: #FFFFFF; padding: 0.1em 0.3em; text-decoration: none;}

.chamada_post .data { font-size: 1.83em; color: #999; margin-bottom: 0.35em;}
.chamada_nota { color: #999; margin-bottom: 0.35em;}
.chamada_post .ParagLeiaMaisBlog, .chamada_nota .ParagLeiaMaisBlog { margin: 0.4em 0 0 0; padding: 0;}
.chamada_post .LeiaMaisBlog, .chamada_nota .LeiaMaisSecao {
    color: #B9CA3A; text-decoration: underline; margin: 0.5em 0 0 0; padding: 0 0 0 1.1em; font-family: Tahoma, Verdana, sans-serif; font-size: 0.85em;
    background: url('/static/images/marcador-leia-verde.gif') left 0.6em no-repeat;
}
.chamada_post .resumo, .chamada_nota .resumo { font-size: 1.17em; line-height: 120%;}

#PostsAntigos a, #PostsRecentes a { text-decoration:underline; padding: 0.15em 0.5em; color: #C1D054;}
#PostsAntigos { background: url('/static/images/marcador-leia-verde2.gif') 0.5em center no-repeat; color: #C1D054; padding: 0.15em 0 0.15em 1em; float:left;}
#PostsAntigos:hover { background: #C1D054 url('/static/images/marcador-leia-verde2-hover.gif') 0.5em center no-repeat; padding: 0.15em 0 0.15em 1em;}
#PostsAntigos:hover a { color: #FFF; text-decoration: none; padding: 0.15em 0.5em;}
#PostsRecentes { background: url('/static/images/marcador-leia-verde.gif') 12em center no-repeat; color: #C1D054; padding: 0.15em 1em 0.15em 0; float:right;}
#PostsRecentes:hover { background: #C1D054 url('/static/images/marcador-leia-verde-hover.gif') 12em center no-repeat; padding: 0.15em 1em 0.15em 0;}
#PostsRecentes:hover a { color: #FFF; text-decoration: none; padding: 0.15em 0.5em;}

#TagsEsqBlog { margin-top: 1.5em;}
#TagsEsqBlog a {color: #4F6523; text-decoration: none;}
#TagsEsqBlog a:hover { text-decoration: underline;}

/*********************** Blog - Interna**************************/
.TitsBlogInternas { margin: 0 0 0.4em 0; padding: 0; font-size: 2.5em; font-weight: normal; color: #A1B131;}
.chamada_post .texto { font-size: 1.17em; line-height: 150%;}
.chamada_post .TagsPost { margin: 2em 0;}
.chamada_post .TagsPost a { color: #4F6523; text-decoration:underline;}

#Comentarios { margin-bottom: 1.4em; padding-bottom: 1.4em; background: url('/static/images/borda-inf-comentarios.gif') left bottom no-repeat;}
.comentario { background-color: #F1F3F3; border: 1px solid #DFECEB; margin-bottom: 0.4em; padding: 0.83em 1em; font-size: 1.17em;}
.comentario p { margin: 0 0 0.5em 0; padding: 0;}
.comentario .site a { color: #666; text-decoration: underline;}
.TitulosComentarios { margin: 0 0 0.35em 0; padding: 0; color: #A1B131; font-size: 2em; font-weight: normal;}

#FormComentario { display: block; margin: 0; padding: 0; font-size: 1.17em;}
#FormComentario #Col1 { float:left; width: 17.85em;}
#FormComentario #Col2 { float:right; width: 19.42em;}
#FormComentario .linha { margin: 0 0 0.83em 0; padding: 0;}
#FormComentario .input { margin: 0.45em 0 0 0; padding: 0.2em 0.1em 0.1em 0.1em; border: 1px solid #BBD9EB; width: 99%;}
#FormComentario #Comentario { min-height: 9.28em;}

#BtComentar {
    background: url('/static/images/bt-enviar-comentario.jpg') no-repeat; display: block; width: 131px; height: 24px; margin: 0; padding: 24px 0 0 0; text-indent: -99999em;
    cursor: pointer; border: 0; font-size: 0; float: right;
}

#BtComentar:hover { background: url('/static/images/bt-enviar-comentario-hover.jpg') no-repeat;}

#InfosEndereco { width: 17em; float: right;}
#EnderecoOktiva { margin: 0 0 15px 0; padding: 0; display: block;}
#InfosEndereco h4 { font-size: 1.5em; color: #E5426C; font-weight: normal; margin: 0 0 0.5em 0; padding: 0;}
#InfosEndereco p { font-size: 1.17em; margin: 0 0 1em 0;}
#InfosEndereco .end-oktiva { font-family: Tahoma, Verdana, sans-serif;}
#InfosContato .ico-fone { background: url('/static/images/ico-fone.png') left 0.3em no-repeat; margin: 0 0 0.5em 0; padding: 0 0 0 1.4em;}
#InfosContato .ico-email { background: url('/static/images/ico-email.jpg') left 0.4em no-repeat; margin: 0; padding: 0 0 0 1.4em;}

#VerMapa {
    background: url('/static/images/bt-ver-mapa.jpg') left 0.2em no-repeat; display: block; margin: 0; padding: 0 0 0.5em 1.9em; color: #E5426C; text-decoration: underline;
    font-family: Tahoma, Verdana, sans-serif;
}

.ResultBuscaBlog { margin: 0 0 0.5em 0; padding: 0; font-size: 1.5em; color: #4F6523;}
#ListaResulBuscaBlog { display: block; margin: 1.5em 0; padding: 0; font-size: 1.33em;}
#ListaResulBuscaBlog li {
    margin: 0 0 0.25em 0; padding: 0 0 0 1em; font-weight: bold; list-style: none; background: url('/static/images/marcador-lista-downloads.gif') left center no-repeat;
}
#ListaResulBuscaBlog li a { margin: 0; padding: 0; color: #666; text-decoration: underline;}

.resumo .alignleft {float: left; margin: 0 7px 5px 0; }
.resumo .alignright {float: right; margin: 0 0 5px 7px; }
.resumo .aligncenter {margin: 0 auto 5px auto; }
.resumo .alignnone {margin: 0 0 5px 0; }

/******** Enviar por email *********/
#ContentEnviar {width: 261px; height: 360px; overflow:hidden; display: none;}

#EnviarPorEmail {
    width: 261px; height: 360px; background: url('/static/images/bg-enviar-por-email.jpg') left top no-repeat; font-family: Georgia, Verdana, sans-serif; font-size: 14px; color: #666;
    margin: 0; padding: 0; overflow: hidden;
}
#LogoEnviarEmail { display: block; margin: 10px 0 12px 0; padding: 0; text-align: center;}
#EnviarPorEmail .txtform {margin: 0; padding: 0 22px 12px 22px; text-align: center;}
#EnviarPorEmail #FormEmail, #ConfEmail {margin: 0; padding: 0 35px; font-size: 12px;}

#ConfEmail { background: url('/static/images/bg-enviar-por-email.jpg') left top no-repeat; width: 261px; height: 360px; overflow:hidden; }
#ConfEmail .txtform {padding: 0; width: 169px; } 
#ConfEmail a {color: #990000; text-decoration: underline;}
#EnviarPorEmail #FormEmail label {display: block; margin: 0 0 2px 0; padding: 0; }
#EnviarPorEmail #FormEmail .inputext {
    display: block; width: 188px; height: 19px; font-size: 12px; font-family: Arial; color: #333; border: 1px solid #a9cfe6; margin: 0 0 6px 0; padding: 0;
}

#EnviarPorEmail .BotaoEnviarEmail {
    display: block; width: 83px; height: 22px; border:0; background: url('/static/images/bt-enviar-nota-por-email.jpg') left top no-repeat; margin: 10px 0 0 52px; padding: 0;
    font-size: 0; text-indent: -99999px;
}
#EnviarPorEmail .BotaoEnviarEmail:hover { background: url('/static/images/bt-enviar-nota-por-email-hover.jpg') left top no-repeat; margin: 10px 0 0 52px; padding: 0;}

/*********************** Trabalhe Conosco ***********************/
#FormularioDeTrabalhe { display: block; margin: 0; padding: 0; font-size: 1.17em; width: 100%;}
#FormularioDeTrabalhe .linha, #FormularioDeSuporte .linha { margin: 0 0 0.2em 0; padding: 0;}
#FormularioDeTrabalhe .adicionar { margin: 0.45em 0 0 0; padding: 0;}
#FormularioDeTrabalhe .Extra { font-family: Tahoma, Verdana, sans-serif; font-size: 0.78em; margin: 0 0 0.5em 0; padding: 0;}
#FormularioDeTrabalhe #Adicionar { width: 96%;}
#FormularioDeTrabalhe .BotaoEnviar { margin-top: 16px;}

/*********************** Suporte ***********************/
#FormularioDeSuporte #EnderecoSite { width: 86.96%;}
#FormularioDeSuporte .FormEsq { width: 11em; float: left; margin-top: 0.5em;}
#FormularioDeSuporte .FormDir { width: 11em; float: right; margin-top: 0.5em;}
.TipoSuporte { display: block; margin-bottom: 0.4em;}
#FormularioDeSuporte .BotaoEnviar { margin-top: 12px;}



#ContentEnviar { display: none;}

/*********************** Newsletter - Telas ***********************/
.TitulosNews { margin: 0 0 0.35em 0; padding: 0; font-size: 2em; color: #E5426C; font-weight: normal;}

.normal { font-size: 1.17em; margin: 0 0 0.5em 0; padding: 0;}
.erro { margin: 0 0 1em 0; padding: 1.5em; background-color: #fbf2f2; color: #990000; border: 1px solid #f8e3e3; font-size: 1.17em;}
.sucesso { margin: 0 0 1em 0; padding: 1.5em; background-color: #f2fbf2; color: #006600; border: 1px solid #e3f8e4; font-size: 1.17em;}
.erro img, .sucesso img { vertical-align: middle; margin: 0 10px 5px 0;}

.NewsLinkInicio { margin: 1em 0 0.5em 0; padding: 0;}
.NewsLinkInicio a { text-decoration: underline; margin: 0; padding: 0 0 0 1.1em; font-family: Tahoma, Verdana, sans-serif; font-size: 1em;
    background: url('/static/images/marcador-leia-verde.gif') left 0.6em no-repeat;
}

/*********************** Capa Principal **************************/
#Destaques { overflow:hidden; height: 13.2em;}
#ContainerDestaques { position: relative;}
#ContainerDestaques .ClientesDestaque {
    margin: 0 0 10px -4px; padding: 0; font-size: 0; text-indent: -99999px; background: url('/static/images/img-titulo-clientes-em-destaque.jpg') no-repeat; width: 140px; height: 48px;
    position: absolute;
}
#Destaques .content { float: left; width: 20.83em; padding-top: 58px;}
#Destaques .content p { margin: 0 0 0.35em 0; padding: 0; font-size: 1.17em; line-height: 120%;}
#Destaques .ImgClienteDestaque { float: right; width: 22.08em;}
#Destaques .ImgClienteDestaque img { border: 1px solid #DFECEC; padding: 1px; width: 260px; height: 150px;}
#Destaques .chamada_destaque { display: none; height: 13.2em; overflow: hidden;}
#Destaques .visivel { display:block;}

#ContainerDestaques #Paginacao { position: absolute; top: 133px; right: 285px;}
#ContainerDestaques #Paginacao a {
    background-color: #F9Ad0E; border: 1px solid #F9Ad0E; margin-right: 0.45em; display: block; float: left; padding: 0.1em 0.8em; color: #666; text-decoration:none; font-family: Tahoma;
}
#ContainerDestaques #Paginacao a.ativo {background-color: #fff; border: 1px solid #F9Ad0E; color: #666;}
#ContainerDestaques #Paginacao a:hover {text-decoration:underline;}

.LeiaLaranja {
    font-family: Tahoma, sans-serif; color: #D89408; text-decoration: underline; background: url('/static/images/marcador-leia-laranja.gif') left 0.5em no-repeat;
    margin: 0; padding: 0 0 0 1em;
}
.LeiaAzul {
    font-family: Tahoma, sans-serif; color: #48B6B6; text-decoration: underline; background: url('/static/images/marcador-leia-azul.gif') left 0.5em no-repeat;
    margin: 0; padding: 0 0 0 1em;
}

#QueroSite p, #Consultoria p { margin: 0 0 0.83em 0; padding: 0; font-size: 1.17em; line-height: 120%;}
#ImgQueroSite { margin-bottom: 8px; width: 176px; height: 51px;}
#ComecarSite {
    margin: 0 0 2px 0; padding: 0; font-size: 0; text-indent: -99999px; display: block; background: url('/static/images/bt-vamos-comecar.jpg') no-repeat; width: 195px; height: 35px;
}
#ComecarSite:hover { display: block; background: url('/static/images/bt-vamos-comecar-hover.jpg') no-repeat; width: 195px; height: 35px;}

#ImgConsultoria { margin-bottom: 10px; width: 219px; height: 51px;}

#Newsletter h4 { margin: 0 0 0.35em 0; padding: 0; font-size: 2em; color: #E5426C; font-weight: normal;}
#Newsletter .txt { margin: 0; padding: 0 0 0.83em 0; font-size: 1.17em;}
#Newsletter p { margin: 0 0 0.5em 0; padding: 0;}
#FormCadastro { display: block; margin: 0; padding: 0 0 0 4em; background: url('/static/images/ico-news.jpg') left 0.2em no-repeat;}
#FormCadastro .input { margin: 0; padding: 0.2em 0.1em 0.1em 0.1em; border: 1px solid #BBD9EB;}
#FormCadastro #Nome { width: 10em; margin-left: 0.4em;}
#FormCadastro #Email { width: 10em; margin-left: 0.35em;}
#BotaoCadastrar {
    background: url('/static/images/bt-cadastrar.jpg') no-repeat; display: block; width: 86px; height: 22px; margin: 5px 0 0 46px; padding: 22px 0 0 0; text-indent: -99999em;
    cursor: pointer; border: 0; font-size: 0;
}
#BotaoCadastrar:hover { background: url('/static/images/bt-cadastrar-hover.jpg') no-repeat;}

#BlogOktivaCapa { margin: 0 0 10px 0;}
#BlogOktivaCapa a { margin: 0; padding: 0; font-size: 0; text-indent: -99999px; width: 172px; height: 40px;}

#IntroBlogCapa { margin: 0 0 0.83em 0; padding: 0 0 0.5em 0; background: url('/static/images/fundo-intro-blog-capa.gif') left bottom no-repeat; font-size: 1.17em;}
#IntroBlogCapa p { margin: 0 0 0.5em 0; padding: 0;}
.LeiaMaisBlogCapa {
    color: #B9CA3A; text-decoration: underline; margin: 0; padding: 0 0 0 1.1em; font-family: Tahoma, Verdana, sans-serif; font-size: 1em;
    background: url('/static/images/marcador-leia-verde.gif') left 0.6em no-repeat;
}

/************************* Site ***********/
#Status { border: 1px solid #eee; font-family:Tahoma; font-size: 0.9em; margin: 0 0 1.4em 0; }
#Status div.passo {float:left; padding:0.36em 2em 0.36em 1em; background: url('/static/images/bg_status.jpg') right center no-repeat; color: #CCC; font-weight:bold;}
#Status div.passo strong { color: #666;}
#Status #Passo4 {background:none; padding-right: 0;}
#FormTipoSite .op {width: 15.2em; padding-top: 0.4em; border-top: 1px solid #DEECEB; border-left: 1px solid #DEECEB; float: left; text-align:center; background: url('/static/images/bg_form_tipo.jpg') repeat-x; height: 22em; overflow:hidden;  }
#FormTipoSite input {padding: 0; border: 0; background:none;}

#FormTipoSite label {display:block; height: 160px; font-size: 0; text-indent: -99999px; border-top: 1px solid #DEECEB; margin-top: 5px; cursor:pointer;}
#ImgInst {background: url('/static/images/img_insti.jpg') center center no-repeat;}
#ImgInf {background: url('/static/images/img_inf.jpg') center center no-repeat;}
#ImgVit {background: url('/static/images/img_vit.jpg') center center no-repeat;}
#FormTipoSite .op div {padding: 0.4em 0.5em 0.6em 0.5em; text-align:center; border-top: 1px dashed #DFECEB; font-family: Georgia; font-size: 1.16em;}
#FormTipoSite .op div img {vertical-align:text-bottom;}
#FormTipoSite .intro {font-size: 1.16em; margin: 0 0 1em 0; }
#OpInst { border-bottom: 3px solid #E5426C; }
#OpInf { border-bottom: 3px solid #F9AD0E; }
#OpVit { border-bottom: 3px solid #B9CA3A; border-right: 1px solid #DEECEB; }

#MaisExpresso {padding-top: 0.6em;}
#MaisExpresso h3 {height: 35px; margin: 0; padding: 0; font-size: 0; text-indent: -99999px; background: url('/static/images/tit_mais_expresso.jpg') no-repeat;}
#MaisExpresso #ContMais {border: 1px solid #D3E1E0; background: #f1f3f3 url('/static/images/bg_mais.jpg') 0 -2px repeat-x; padding: 1em 0 0.3em 0.2em;}
#MaisExpresso ul {margin: 0; padding: 0;}
#MaisExpresso #ContMais li {float: left; width: 7.35em; list-style:none; margin: 0; padding: 0  0 0.5em 1.5em; background: url('/static/images/marc2.jpg') 0.4em 0.2em no-repeat; font-size: 1.16em; }
#MaisExpresso #ContMais li.last {width: 11em;}
#InfoAtualiza {border: 1px solid #D3E1E0; margin-top: 1px; background: #f1f3f3 url('/static/images/bg_mais.jpg') 0 0 repeat-x; font-size: 1.83em; color: #436D6D; font-style:italic; margin-bottom: 1em; padding-left: 2.68em; position:relative; padding-bottom: 0.2em;}
#FormTipoSite #BtAvancar {background: #f1f3f3 url('/static/images/bt_avancar.jpg') 0 0 repeat-x; display: block; float:right; height: 35px; width: 136px; font-size: 0; text-indent: -9999px; cursor:pointer;}
.marc { width: 37px; height: 35px; background: url('/static/images/marc3.png') no-repeat; position:absolute; left: 1em; top: -9px;}

#FormFuncSite { font-size: 1.16em;}
#FormFuncSite .linha0 {background-color: #f1f3f3; padding:0.4em 0.8em;  }
#FormFuncSite .linha1 {padding:0.4em 0.8em; }
#FormFuncSite .linha0 div {padding-left: 16px;}
#FormFuncSite .linha1 div {padding-left: 16px;}
#FormFuncSite .check {border: 0; padding: 0; background:none; margin: 0; width: 14px; height: 14px; }
#FormFuncSite #BtAvancar {background: #f1f3f3 url('/static/images/bt_avancar.jpg') 0 0 repeat-x; display: block; float:right; height: 35px; width: 136px; font-size: 0; text-indent: -9999px; cursor:pointer; border: 0; margin-top: 20px;}
#FormFuncSite .input {border: 1px solid #A9CFE6; width: 40%; background-color: #FFF;}
#FormFuncSite .disabled {background-color:#eee;}
#FormDados { font-size: 1.16em;}
#FormDados .input,#FormDados select {border: 1px solid #A9CFE6; width: 99%;}
#FormDados #BtAvancar {background: #f1f3f3 url('/static/images/bt_avancar.jpg') 0 0 repeat-x; display: block; float:right; height: 35px; width: 136px; font-size: 0; text-indent: -9999px; cursor:pointer; border: 0; margin-top: 20px;}
#FormDados .linha0, #FormDados .linha1, #FormDados .linha2 {margin: 0 0 0.5em 0;}
#FormDados .linha1 {float:left; width:48%;}
#FormDados .linha2 {float:right; width:48%;}
#FormDados #Dominio {width: 92%;}

#ContTiposSites {background: url('/static/images/bg_form_tipo.jpg') repeat-x; border: 1px solid #DEECEB; border-bottom: 3px solid #48B6B6; margin-bottom: 2em;}
#ContTiposSites .tipo {float: left; width: 49.8%; text-align:center; border-right: 1px solid #DFECEB; font-size: 1.16em; padding-bottom: 8px;}
#ContTiposSites .botao {
    margin: 15px auto 2px auto; padding: 0; font-size: 0; text-indent: -99999px; display: block; background: url('/static/images/bt-vamos-comecar.jpg') no-repeat; width: 195px; height: 35px;
}
#ContTiposSites .botao:hover { display: block; background: url('/static/images/bt-vamos-comecar-hover.jpg') no-repeat; width: 195px; height: 35px;}
#ContTiposSites #TipoM {border: 0;}
#ContTiposSites .tipo .img {height: 45px; padding-top: 15px; border-bottom: 1px dashed #DFECEB;}
#ContTiposSites .tipo .pr {border-bottom: 1px dashed #DFECEB; padding: 0.7em; }
#ContTiposSites .tipo .desc {height: 7.5em; overflow:hidden;}

.intro {font-size: 1.16em;}