body {margin: 0; padding: 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; background: url('/static/images/back-site.gif') left top repeat; }

a {color: #990000; text-decoration: none;}

a:hover {text-decoration: underline;}
 
form {margin: 0; padding: 0;}

input, select, textarea {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;}

/******************* Moldura ************************/
#GeralExterno { width: 79.16em;  margin: 0 auto; background: url('/static/images/borda-esq-geral.png') right top repeat-y; padding-right: 7px;  }
#GeralInterno { background: url('/static/images/borda-bottom-geral.png') left bottom repeat-x;  padding-bottom: 8px;  }
.ConteudoCabecalho, #Conteudo { background-color: #fff; }

#ContainerCabecalho { position: relative; z-index: 1; height: 217px;}

#Logomarca { position: absolute; z-index: 10; display:block; width: 371px; height: 192px;  top: 24px; left: 32px; }
#Redessociais { position: absolute; z-index: 10; top: 7px; right: 14px; }
#Redessociais a {display: block; float: right; margin-left: 14px}

#Path { padding: 0 0 1.5em 0; font-size: 0.83em;  color: #fff; font-family: Verdana, Tahoma, sans-serif; width: 70em; float: left; }
#Path a { color: #000; text-decoration:underline; }

#Rodape { background: #70A4B9 url('/static/images/borda-rodape.jpg') left top repeat-x; padding: 2.9em 0 0 0; color: #000;  }
.email, .org, .endereco, .rss { float:left; }
#Rodape .email { padding: 1.25em 0 2em 0; margin: 0;  }
#Rodape .email span { padding: 0.33em 2em 0.33em 3.75em; border-right: 1px dotted #000; color: #000; background: url('/static/images/icon-email-rodape.gif') 2em center no-repeat; }
#Rodape .org { padding: 1.25em 0 0 0; margin: 0;  }
#Rodape .org span { padding: 0.41em 1.91em 0.41em 1.91em; border-right: 1px dotted #000; color: #000; }
#Rodape .endereco { padding: 0;  margin: 0;}
#Rodape .endereco p { padding: 0.41em 2.5em 0 2.08em; margin: 0; line-height: 125%; font-family: Arial, Helvetica, serif;  color: #000;}
#Rodape .rss { padding: 1.33em 0 0 0; }
#Rodape .rss span { padding: 0.66em 0.41em 0.33em 0.91em;border-left: 1px dotted #000; color: #000; overflow:visible;}
#Rodape .rss a { color: #000; text-decoration: none; display: inline; padding: 0.5em 2.3em 0.5em 0; background: url('/static/images/icon-rss.gif') right center no-repeat; }
#Rodape .rss a:hover {text-decoration: underline; }
#Rodape .rss a:visited { color: #000; }

#LogomarcaOktiva { width: 79.16em; margin: 0 auto; text-align: center; padding: 0.75em 0 1em 0; }

.Titulos { margin: 0 0 1em 0; padding: 0 0 0.25em 0; color: #990000; font-weight: normal; font-size: 1.83em; border-bottom: 1px solid #990000; }
.Titulos a { color: #990000; text-decoration:none; }
.Titulos a:hover { text-decoration: none; }
.Subtitulos { margin: 0 0 0.41em 0; padding: 0; color: #990000; font-style:italic; font-size: 1.33em; }

.TitulosNewsletter { margin: 0 0 1em 0; padding: 0 0 0.25em 0; color: #990000; font-weight: normal; font-size: 1.7em; border-bottom: 1px solid #990000; }

#ListaMenuPrincipal { background-color: #DEEBED; }
#ListaMenuPrincipal ul { background-color: #DEEBED; margin: 0; padding: 0.75em 1.5em 0.75em 2.08em; list-style: none; }
#ListaMenuPrincipal ul li { margin: 0; padding: 0 1.75em 0 0.75em; display: inline; background: #DEEBED url('/static/images/icon-bullet.gif') left center no-repeat; font-family: Georgia,serif; font-size: 1.16em; font-weight: bold; }
#ListaMenuPrincipal ul .ultimo { padding-right: 0; }
#ListaMenuPrincipal ul li a { color: #333; }
#ListaMenuPrincipal ul .atual a { text-decoration: underline; }
#BottomMenu { background: url('/static/images/back-bottom-menu-principal.jpg') left top repeat-x; height: 28px; }

#MenuLojas { margin: 0; padding: 0; list-style: none; }
#MenuLojas li { margin: 0 0 1.16em 0; padding: 0; height: 100%; font-size: 1.16em; font-family: Georgia, serif; }
#MenuLojas li a { color: #000; display: block; background: url('/static/images/icon-menu-lojas.gif') left 0.1em no-repeat; padding-left: 1.58em; }
#MenuLojas .atual a, #MenuLojas li a:hover { background: url('/static/images/icon-menu-lojas-ativo.gif') left 0.1em no-repeat; text-decoration: none; font-weight: bold; }

#MenuFerramentas { margin-bottom: 1.83em; }
#MenuFerramentas ul { margin: 0; padding: 0; list-style: none; }
#MenuFerramentas ul li { margin: 0; padding: 0.3em 0.66em 0.3em 0.66em; float:left; border-right: 1px solid #000; display: block; }
#MenuFerramentas ul li a { color: #000; font-size: 0.83em; display:block; }
#MenuFerramentas ul li a:hover { text-decoration: underline; }
#MenuFerramentas ul li#Inicio { padding-left: 0.33em; }
#MenuFerramentas ul li#Inicio a { background: url('/static/images/icon-home.gif') center top no-repeat; padding: 1.66em 0 0 0; width: 2.93em; }
#MenuFerramentas ul li#Mapa { padding-right: 0.66em; }
#MenuFerramentas ul li#Mapa a { background: url('/static/images/icon-sitemap.gif') center top no-repeat; padding: 1.66em 0 0 0;  width: 6.3em; }
#MenuFerramentas ul li#Fale { padding-right: 0; border-right: 0px; }
#MenuFerramentas ul li#Fale a { background: url('/static/images/icon-email.gif') center top no-repeat; padding: 1.66em 0 0 0;  width: 3.66em; }

#FormBusca { margin-bottom: 1.75em; }
#FormBusca #TermoBuscaGeral { border: 0.08em solid #ccc; width: 10.66em; vertical-align:middle; padding: 0.2em 0.3em 0.2em 0.3em; margin-right: 5px; }
#FormBusca .bt_oK { vertical-align:middle; border: 0px; }

#BannerMarca { margin-bottom: 1.33em; }

#Interna1, #Interna2, #SemColuna, #Interna3, #Interna4, #Interna5 { float:left; margin-bottom: 2em; background-color: #fff; }
#Interna1 { width: 14.41em; padding: 0 2.33em 0 1.41em; }
#Interna2 { width: 34.08em; }
#Interna3 { width: 22.16em; padding: 0 1.91em 0 1em; }
#Interna4 { width: 40.83em; padding: 0 1.91em 0 0; }
#Interna5 { width: 16.83em; }
#SemColuna { width: 58em; }


#ContainerBoletim  { padding: 0.6em 0 0 0; margin-bottom: 1em;}
#ContainerBoletim  .txt {margin: 0 0 1em 0; }
#ContainerBoletim  .titulos h3 {margin: 0; padding: 0; }
#ContainerBoletim form {padding-left: 0.4em;}
#ContainerBoletim  .linha {margin: 0 0 0.8em 0; }
#ContainerBoletim  label { }
#ContainerBoletim #FormCadastro {margin-top:-1em;}
#ContainerBoletim #Nome, #ContainerBoletim #Email {width: 13.9em; border: 1px solid #aeaeae;}
.botao {font-size: 0; text-indent: -9999px; border: 0; padding: 0;}
#BotaoCadastrar {width:90px; height:22px; cursor:pointer; background: url('/static/images/bt_cadastrar.gif') no-repeat; float:right;  padding-top: 20px;}


/******** Contato **********/
.form_desc { padding: 0; margin: 0; line-height: 120%; }
#FormularioDeContato .ultimo { padding: 1em 0 0.66em 0; }
.CorDestaque { color: #990000; }
#FormContato #NomeContato { width: 99%; }
#FormContato #Assunto { width: 99%; }
#FormContato #Mensagem { width: 99%; }
#FormContato .linha { padding: 0; margin: 0.25em 0 0.58em 0;}
#FormContato label { font-size: 1.16em; color: #333; }
#FormContato #BtEnviar { border: none; padding:0; margin-top: 0.50em; float:right; }
#FormContato .inputform, #FormContato .textform {border: 1px inset #aeaeae; width: 99%;}
#FormContato .textform { height: 9.75em; }
#FormContato .esquerda {width: 48%; float:left; margin: 0 0 0.58em 0; padding: 0;}
#FormContato .direita {width: 48%; float:right; margin: 0 0 0.58em 0; padding: 0;}

#ContainerInfosContato .info { padding: 0 0 0 1.8em; background: url('/static/images/icone-contato-seta.gif') 0.91em center no-repeat; margin: 0 0 0.83em 0; }
#ContainerInfosContato .ico-fone { font-weight:bold; padding: 0 0 0 2em; background: url('/static/images/icone-contato-fone.gif') 0.66em center no-repeat; margin: 0 0 0.83em 0;}
#ContainerInfosContato .ico-email { font-weight:bold; padding: 0 0 0 2em; background: url('/static/images/icone-contato-email.gif') 0.66em center no-repeat; margin: 0 0 0.83em 0;}
#ContainerInfosContato #BtMapa { margin-left: 26px; }
#LocalizacaoMapa { display: none; }

.erro, .sucesso { padding: 1.5em 1.5em 1.5em 4.5em; font-size: 1.16em; }
.erro { background: #FBF0F0 url('/static/images/erro.gif') 1.58em center no-repeat; border: 0.08em solid #FF9191; color: #990000; }
.sucesso { background: #F0FBF0  url('/static/images/sucesso.gif') 1.58em center no-repeat; border: 0.08em solid #ACEBAF; color: #006600; }

/********** Mapa do site ***********/
#ListaMapa ul { margin: 1.33em 0 1.5em 0; padding: 0 0 0.41em 0; list-style: none; background: url('/static/images/borda-lista-mapa.gif') 1.83em bottom no-repeat; }
#ListaMapa ul li { margin: 0 0 1.25em 0; padding: 0 0 0 1.83em; }
#ListaMapa ul li ul { margin: 1.15em 0 1.25em 0; padding: 0 0 0 0.41em; background: none; }
#ListaMapa ul li a { color: #333; text-decoration:underline; font-size: 1.16em; }
#ContainerInfosBusca { padding-top: 1.83em; }

#TermoMapa { width: 24.41em; border: inset 1px; vertical-align:middle; margin-top: 1em; }
#BtPesquisar { vertical-align:middle; margin-top: 1em; }

/******** Resultado da busca ********/
.sem_registro { padding-bottom: 1em; }

/******** Capa da categoria ********/
.chamada_nota { margin-bottom: 1.33em; }
.titulospost { margin: 0 0 0.25em 0; padding: 0; font-size: 1.16em; }
.titulospost a { color: #797979; text-decoration:none; }
.titulospost a:hover { text-decoration:underline; }
.chamada_nota .miniaturanota { float:left; background-color: #F9F8F5; border: 1px solid #E9E5DA; padding: 3px; margin: 0 10px 5px 0; }
.ver_mais { background: url('/static/images/icon-arrow-resumo.gif') left 0.5em no-repeat; padding-left: 0.5em; }
.ver_mais a { color: #990000; font-size: 0.91em; text-decoration:underline; }

/******* Post *********************/
.SemBorda { border-bottom: 0; margin-bottom: 0; }
#TextoNota { line-height: 160%; font-size: 1.16em; }
.content .alignleft, .texto_nota .alignleft { float:left; background-color: #F9F8F5; padding: 3px; border: 1px solid #E9E5DA; margin: 0 7px 3px 0; }
.content .alignright, .texto_nota .alignright  { float:right; background-color: #F9F8F5; padding: 3px; border: 1px solid #E9E5DA; margin: 0 0 5px 7px; }
.content .alignnone, .texto_nota .alignnone  { background-color: #F9F8F5;padding: 3px; border: 1px solid #E9E5DA; margin:5px 0 5px 0; }
.content .aligncenter, .texto_nota .aligncenter  { margin:5px auto 5px auto; background-color: #F9F8F5; padding: 3px; border: 1px solid #E9E5DA; }

.content .legendaalignleft {float:left; margin: 0 10px 5px 0;  background-color: #F9F8F5; padding: 3px; border: 1px solid #E9E5DA;}
.content .legendaalignright {float:right; margin: 0 0 5px 10px;  background-color: #F9F8F5; padding: 3px; border: 1px solid #E9E5DA;}
.content .legendaaligncenter {margin:0 auto 5px auto;  background-color: #F9F8F5; padding: 3px; border: 1px solid #E9E5DA; }
.content .legendaalignnone {margin:0 0 5px 0; background-color: #F9F8F5; padding: 3px; border: 1px solid #E9E5DA; }
.content .legenda { font-size: 0.75em; font-style: italic; }

.ListaNotas ul { margin: 0; padding: 0 0 0 0.91em; list-style: none; }
.ListaNotas ul li { margin: 0 0 0.5em 0; padding: 0 0.5em 0 2.75em; font-size: 1.16em; background: url('/static/images/icon-arrow-resumo.gif') 1.83em 0.5em no-repeat; }
.ListaNotas ul li a { color: #333; text-decoration:underline; }
.ListaNotas ul .atual { background: #FFF0F0 url('/static/images/borda-menu-interno-ativo.gif') left top repeat-y; padding: 0.16em 0 0.25em 2.75em; } 

.video, .audio { text-align: center; margin: 1em 0 1em 0; }

#OpcoesNota { margin: 1.08em 0 1.41em 0; padding: 0; color:#990000; background: url('/static/images/borda-bottom-post.gif') left bottom no-repeat; padding: 0.5em 0 1.91em 0; }
#OpcoesNota a { color:#990000;  text-decoration: underline; }
#OpcoesNota #BtEnviarAmigo { background: url('/static/images/icon-email-post.gif') 0.4em 3px no-repeat; display: inline; padding-left: 1.8em; }
#OpcoesNota #BtImprimir { background: url('/static/images/icon-print-post.gif') 0.16em 3px no-repeat; display: inline; padding-left: 1.7em; }

.SubtitulosPost { font-size: 1.33em; font-weight:bold; margin-bottom: 0.41em; }

#ContainerImagens { margin-bottom: 1.33em; background: url('/static/images/borda-bottom-post.gif') left bottom no-repeat; padding: 0 0 1.91em 0; }
#ContainerImagens img { background-color: #E1F2FC; padding: 3px; margin: 0 3px 4px 0; }

#ContainerArquivos { background: url('/static/images/borda-bottom-post.gif') left bottom no-repeat; padding: 0 0 1.91em 0; margin-bottom: 1.5em; }
#ContainerArquivos ul { margin: 0; padding: 0; list-style: none; }
#ContainerArquivos ul li { margin: 0; padding: 0; background: url('/static/images/icon-arrow-lista-arq.gif') left center no-repeat; padding-left: 0.66em; color: #333; }
#ContainerArquivos ul li a { color: #990000; font-size: 0.91em; text-decoration: underline; font-weight: bold; }

/*********** Enviar por email *************/
#ContentEnviar, #EnviarPorEmailConf {width: 261px; height: 319px; overflow:hidden;   }
#ContentEnviar { display: none; }
#EnviarPorEmail, #ConfEmail  {width: 261px; height: 319px; background: url('/static/images/back-enviar-por-email.jpg') left top no-repeat;  font-size: 14px; color: #666; margin: 0; padding: 0; overflow:hidden;}
#ConfEmail { background: url('/static/images/back-enviar-por-email.jpg') left top no-repeat; }
#FormEmail {margin: 0; padding: 124px 0 0 19px; }
#EnviarPorEmail .txtform {margin: 0; padding: 0 0 13px 16px;  color: #333; }
#ConfEmail .txtform {margin: 0; padding: 130px 0 13px 16px;  color: #333; }
#ConfEmail a {text-decoration: underline;}
#EnviarPorEmail #FormEmail label {display: block; margin: 0; padding: 0; color: #333; font-weight: bold; font-size: 12px; font-family: Verdana, Tahoma, sans-serif; }
#EnviarPorEmail #FormEmail .inputext { border: 1px inset #333; width: 217px; overflow:hidden;  font-size: 12px; color: #333; margin: 1px 0 6px 0; height: 15px; padding-top: 2px}
#ContainerBotaoEnviar {  text-align: center; padding-top: 0px; padding-right: 24px;}
#ContainerBotaoEnviar .BotaoEnviarEmail { border: 0px solid #fff; }

/********** Capa Blog **************/
.resumo_blog .miniaturanota { border: 0px; padding: 0; }
.resumo_blog { font-family: Verdana, Tahoma, sans-serif; color: #333; line-height: 150%; }
.info { padding-top: 1em; }
.info a { color: #cc0000; text-decoration:underline; }
.qcomentario { padding-top: 0.75em; }
.qcomentario img {vertical-align:middle;}
.qcomentario a, .qcomentario span { text-decoration: underline; color: #990000;}
.content, .info { padding-left: 0.5em; }
#CapaBlog .Titulos { margin-bottom: 1.1em; }
#CapaBlog .Titulos a:hover { text-decoration:none; }
#CapaBlog .alignleft { float:left; background-color: #E1F2FC; padding: 3px;  margin: 0 7px 3px 0; border: 0px; }
#CapaBlog .alignright { float:right; background-color: #E1F2FC; padding: 3px;  margin: 0 0 5px 7px; border: 0px; }
#CapaBlog .alignnone { background-color: #E1F2FC;padding: 3px;  margin:5px 0 5px 0; border: 0px; }
#CapaBlog .aligncenter { margin:5px auto 5px auto; background-color: #E1F2FC; padding: 3px; border: 0px; }

#PgAnterior {float: right;}
#PgSeguinte {float: left;}
#PgAnterior a, #PgSeguinte a { color: #990000; text-decoration:none; font-weight: bold; }
#PgAnterior a:hover, #PgSeguinte a:hover { text-decoration:underline; }

#ColunaDireitaBlog .Titulos { margin-bottom: 0.5em; }
#ColunaDireitaBlog .bottom { margin-bottom: 1em; }
#ContArquivo .lista {display: none; padding-left: 1em;}
#ColunaDireitaBlog .ListaNotas ul li a { color: #666; }
.ListaNotas h4 {margin: 0 0 0.5em 0; padding: 0 0.5em 0 2.75em; font-size: 1.16em; background: url('/static/images/icon-arrow-resumo.gif') 1.83em 0.4em no-repeat; font-weight:normal; }
.ListaNotas h4 a { color: #666; }
#Tags { overflow:hidden; }
#Tags a { color: #990000; } 

/********* Post ***************/
#FormComentario .inputtext, #FormComentario textarea {border: 1px inset #ccc; font-size: 1em; font-family: Verdana, Tahoma, sans-serif; color: #666; width: 98.2%;}
#FormComentario #Col1 {width: 15em; margin: 0; padding: 0; float: left; }
#FormComentario #Col2 {width: 24em; float:right; margin: 0;}
#FormComentario .linhaform {margin: 0 0 0.5em 0;}
#FormComentario #BtComentar {width:160px; height:22px; background: url('/static/images/bt_comentar.jpg') no-repeat; font-size: 0; cursor: pointer; padding-top: 23px; vertical-align: top; border: 0; float:right; }
#FormComentario textarea {height: 8.5em; margin-bottom: 0.8em;}
#FormComentario label { font-size: 1.16em; color: #333; font-family: Verdana, Tahoma, sans-serif; }
#ContainerComentarios { padding: 0 0 1.08em 0;}
#ContainerComentarios .qcomentario {margin-bottom: 1em;}
.comentario { background-color: #FFF0F0; border: 1px solid #990000; padding: 0.8em 1em; margin-bottom: 0.33em;}
.comentario p {margin:0 0 0.8em;}
.comentario .data {font-style:italic;}
.comentario a { color: #0091DB;  text-decoration: underline; }

/******** Capa do site ***********/
#DestaquesCapaBlogs { width: 43.5em; float: left; }
#ContDestaques {position:relative; margin-bottom: 2em; height: 13.33em; width: 42.08em; background-color:#F2F4F7; }
#ContDestaques .img {float: right; width: 16.66em; margin-right: 1.83em; }
#ContDestaques .texto { float:left; width: 19.41em; padding: 0 0 0 1.75em; }
#ContDestaques .img img {border: 1px solid #E9E5DA; background-color: #F9F8F5; padding: 3px; }
.chamada_destaque {padding: 1em 0 0 0; display: none; overflow:hidden;}
#ContDestaques .visivel {display: block;}
#ContDestaques .Titulos { font-size: 1.5em; margin-bottom: 0.1em; font-family: Arial, serif;  border-bottom: 0px; padding-bottom: 0.2em;  }
#ContDestaques .Titulos a { text-decoration: none; color: #797979; }

.chamada_destaque .resumo {line-height: 140%;}


#Paginacao {position:absolute; bottom: 7px; left: 1.83em; width: 8.83em; }
#Paginacao a.ativo { background:  url('/static/images/bg_pag-ativo.gif') 0 0 no-repeat; color: #797979; }
#Paginacao a {display:block; margin-right: 0.5em; width: 14px; height: 17px; text-decoration:none;  float:left;  text-align:center; padding: 2px 0 0 0; font-size: 0.91em; color: #fff; background:  url('/static/images/bg_pag.gif') 0 0 no-repeat; }
#Paginacao a:hover { background:  url('/static/images/bg_pag-ativo.gif') 0 0 no-repeat; color: #797979; }

#ContainerUltimasBlog { width: 43.5em; float: left; border-bottom: 1px solid #ccc; }
#ContainerUltimasBlog .resumo { margin: 0; padding: 0; color: #666; }
#ContainerUltimasBlog #Novidades { background: url('/static/images/icon-novidades.gif') left 0 no-repeat; padding-left: 1.3em; }

#LojasDestaque {border-bottom: 1px solid #ccc; }

#ListaPublicidade { float: right; width: 145px; }
#ListaPublicidade ul { margin: 0; padding: 0; list-style: none; }

#LojasDestaque { margin-bottom: 1.91em; }

/********** Capa lojas ************/
#CapaLojas { width: 13.16em; float: left; margin: 0 1.33em 0 0; }
.titlojas { font-family: Georgia, serif; font-size: 1.16em; color: #797979; font-weight: bold; }
.TitLojas {  margin-bottom: 0; background: url('/static/images/icon-novidades.gif') left 0 no-repeat; padding-left: 1.3em; }
#ContainerListaNotas .Titulos { margin-bottom: 0; background: url('/static/images/icon-novidades.gif') left 0 no-repeat; padding-left: 1.3em;  }