/* Reset */
blockquote, body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, ol, option, p, select, table, textarea, ul { margin:0; padding:0 }
img, input, fieldset, select, textarea { border:none }
li { list-style-type:none }
hr { display:none }

/* Cores */
body { background:#1D3675 }
body, legend .obrigatorio, .fs-composto legend { color:#6A6A6A } /* cinza médio */
.b-noticias .noticia-titulo { color:#202020 } /* cinza escuro */
.form-campo label { color:#0C1D40 } /* azul escuro */
a:visited, .h1, .h1 a, .lista-definicao-a > dt, .ct-submenu a, .legend1, .legend2 { color:#183172 } /* azul médio */
a, .h2, .destaque { color:#43619A } /* azul claro */
a:active, .sindipetro, .jq .download:hover a, .b-inicial .h2, .b-inicial .h2 :first-child, .b-inicial .evento dt, #newsletter .submit input { color:#9A1519 } /* vermelho */

/* Fontes - family, weight */
body, input, legend, textarea, select { font-family:"myriad-pro-condensed", "Arial Narrow", Arial, Helvetica, sans-serif; font-weight:300 }

/* Fontes - size, line-height */
html { font-size:100% }
body, input, legend, textarea, select { font-size:62.5% }
button, dd p, dd ul, h1, h2, h3, h4, h5, h6, input, legend, ol p, ol ul, p label, select, textarea, td p, ul ol, ul p, ul dl, ul ul, .ct-conteiner { font-size:1em }
address, dl, ol, p, table, ul, .download { font-size:1.5em; line-height:1.8em }
.wf-active address, .wf-active dl, .wf-active ol, .wf-active p, .wf-active table, .wf-active ul, .wf-active .download { font-size:1.8em; line-height:1.5em }

/* Links */
a:active { outline:1px dotted }
a:hover, .jq .download:hover a, .link-bloco:hover a { text-decoration:none }

/* Margens */
address, dl, ol, p, table, ul { margin:1.5em 0 }
.defaultSkin .mce_h2 span.mceText, .defaultSkin .mce_h3 span.mceText, .defaultSkin .mce_h4 span.mceText, .defaultSkin .mce_h5 span.mceText { margin:0 }

/* Listas */
.bloco { margin-left:0 }
.itens > li { margin-bottom:1.5em }

.lista-simples { margin-left:1.5em }
.lista-simples > li { list-style:disc outside }

.lista-definicao-a > dt { margin-top:1.5em }
.lista-definicao-a > dd.destaque { padding-left:7px; margin-left:7px; background:url(/_images/diversos/bullet3.png) no-repeat left; color:#000 }
.lista-definicao-a > dt:first-child, .lista-definicao-a > dt:first-child + dd { margin-top:0 }

/* Tabelas */
.tabela-a { margin-right:auto; margin-left:auto; background:#FFF; border-collapse:collapse }
.tabela-a th, .tabela-a td { padding:2px 5px; border:1px solid #CCC }
.tabela-a th { background:#43619A; border-bottom-width:0; border-color:#FFF; color:#FFF }
.tabela-a .moeda { text-align:right }

/* Classes Gerais */
.centralizado { text-align:center }
.clear { clear:both }
.destaque { font-weight:bold }
.destaque2 { padding:13px; background:#DEDEDE; color:#000; border-radius:5px; font-weight:bold }

.wf-active .destaque { font-size:0.833em; line-height:1.8em }
.wf-active p.destaque { font-size:1.8em; line-height:1.5em }
.mensagem { margin:3em 0; font-style:italic }
.observacao-simples { font-size:1em }
.primeiro { margin-top:0 !important; margin-left:0 !important }
.separador { display:none !important }
.sucesso { padding:0 10px; border-radius:5px; background:rgba(133, 168, 208, 0.5); color:#333 }
.ultimo { margin-right:0 !important; margin-bottom:0 !important }

.texto-nota { margin: 0; }

.botao { margin:0; font-size:1em !important; text-align:right }
.botao a { display:inline-block; width:69px; padding-right:8px; font-weight:normal; font-size:1.2em; line-height:27px; background:url(/_images/diversos/botao_bg1.png) no-repeat; color:#FFF; text-align:center; text-transform:uppercase; text-decoration:none }
.wf-active .botao a { font-size:1.5em }

.coluna > :first-child { margin-top:0 }
.coluna1 { width:216px !important }
.coluna2 { width:464px !important }
.coluna3 { width:712px !important }
.coluna4 { width:960px !important }
.coluna1, .coluna2, .coluna3 { float:left; margin-right:32px }

.download { padding:13px 13px 14px; background:rgba(204, 204, 204, 0.5) }
.download strong { font-weight:bold }
.download-arquivo, .download a { font-size:0.833em }
.download.coluna1, .download.coluna2 { margin-top:0 }

.galeria ul { overflow:hidden }
.galeria li { float:left; margin:0 40px 40px 0 }
.galeria li:nth-child(4n+4) { margin-right:0 !important }
.galeria a { display:block; border:1px solid #CECECE; border-radius:3px }
.galeria img { display:block }

.galeria .jcarousel-clip { margin:0 30px; overflow:hidden }
.galeria .jcarousel-clip-horizontal { width:652px }
.galeria .jcarousel-item { margin:0 20px 0 0 }
.galeria .jcarousel-item:nth-child(4n+4) { margin-right:0 !important }

.galeria .jcarousel-prev, .galeria .jcarousel-next { position:absolute; top:0; display:block; width:30px; height:100px; text-indent:-9999px; overflow:hidden; background-image:url(/_images/diversos/galeria_navegacao.png); background-repeat:no-repeat; cursor:pointer }
.galeria .jcarousel-prev { left:0; background-position:left center }
.galeria .jcarousel-next { right:0; background-position:right center }
.galeria .jcarousel-prev-disabled, .galeria .jcarousel-next-disabled { background:none; cursor:default }

.h1 { margin-bottom:0.6428em; font-style:italic; font-weight:bold; font-size:4.2em; line-height:1.285em; text-shadow:1px 1px 1px rgba(18, 35, 66, 0.8); text-transform:uppercase }
.h2 { margin:1.35em 0; font-weight:bold; font-size:2em; line-height:1.35em; text-transform:uppercase }
.h1 a, .h2 a { text-decoration:none; outline:none }

.mensagem-atencao { padding:13px 13px 14px; background:#FFDB6F; color:#000; border-radius:5px }
.mensagem-atencao dt { font-weight:bold }
.mensagem-atencao dd { padding-left:10px; background:url(/_images/diversos/bullet_erro.png) no-repeat 0 0.6em }
.coluna1 .mensagem-atencao { font-size:1.1em }
.coluna1 .mensagem-atencao dd { padding-left:0; background:none }

.sindipetro { font-weight:bold; text-transform:uppercase }

.mensagem-informacao { padding:13px 0 14px; background:#DEDEDE; color:#000; border-radius:5px }
p.mensagem-informacao { padding-left:22px; background-position:12px }
.mensagem-informacao li, p.mensagem-informacao { padding-left:15px; background-image:url(/_images/diversos/bullet_erro.gif); background-repeat:no-repeat; background-position:0 0.6em }
.mensagem-informacao a { color:#000 }
.mensagem-informacao a:hover { color:#FFF !important; border-color:#FFF !important }

/* Estrutura */
.ct-conteiner { position:relative; width:960px; padding:0 10px; margin:0 auto }

#ct-bg1 { background:#FFF url(/_images/bg_gradient.jpg) repeat-x }
#ct-bg2 { background:url(/_images/bg_listras.png) }

#ct-cabecalho { background:url(/_images/menu_bg.png) repeat-x 0 30px }
#ct-cabecalho-bg { background:url(/_images/menu_sombra.png) no-repeat center 105px }
#ct-cabecalho .ct-conteiner { overflow:hidden; }

#ct-logo { float:left; padding:0; margin:22px 0 0 -8px; background:url(/_images/sup_logo_bg.png?v2); background-repeat: no-repeat; }
#ct-logo * { display:block; width:160px; height:116px; text-indent:-9999px; overflow:hidden; background:url(/_images/sup_logo.png?v2); background-repeat: no-repeat; }

#ct-menu { position:relative; float:inline-end; margin:30px 0 0; font-weight:normal; font-size:1.5em; line-height:4.933em; text-transform:lowercase; text-shadow:1px 1px 1px #000 }
.wf-active #ct-menu { font-size:1.8em; line-height:4.1em }
#ct-menu li { float:left; padding-left:9px; margin-left:9px; background:url(/_images/menu_separador.png) no-repeat left }
.wf-active #ct-menu li { padding-left:10px; margin-left:10px }
#ct-menu li:first-child { padding-left:0; margin-left:0; background:none }
#ct-menu li a { display:block; color:#FFF; text-decoration:none; outline:none }
#ct-menu li a:active { color:#EE1D25 }

#ct-instagram { position:absolute; right:10px; margin-top:5px; padding-left:30px; text-decoration:none; background:url(/_images/instagram-brands-solid.svg) no-repeat left; color:#5F5F5F; font-weight:normal; font-size:0.9em; line-height:2.308em }
#ct-facebook { position:absolute; right:42px; margin-top:5px; padding-left:30px; text-decoration:none; background:url(/_images/facebook-brands-solid.svg) no-repeat left; color:#5F5F5F; font-weight:normal; font-size:0.9em; line-height:2.308em }
.wf-active #ct-restrita { font-size:1.6em; line-height:1.875em }

#ct-conteudo { margin-top:44px; overflow:hidden }

  #conteudo { float:right; margin-right:0 }
  #conteudo, #conteudo-auxiliar { margin-bottom:108px }
  #conteudo > :first-child, #conteudo-auxiliar > :first-child { margin-top:0 !important }
  #conteudo .h1 { clear:both }

  .ct-submenu { font-weight:normal; font-size:1.8em; line-height:1.5em }
  .wf-active.ct-submenu { font-size:2em; line-height:1.35em }
  .ct-submenu li { margin-bottom:1px; border:1px solid #BDBDBD; border-radius:3px; background:url(/_images/submenu/bg.png) }
  .ct-submenu a { display:block; padding:13px 0 14px 50px; text-decoration:none; background-image:url(/_images/submenu/texto.png); background-repeat:no-repeat; background-position:left }
  .ct-submenu a:hover, .ct-submenu .ativo a { background-position:-220px }
  .ct-submenu .longo { line-height:1em }
  .ct-submenu .longo a { padding-top:9px; padding-right:10px; padding-bottom:9px }
  .ct-submenu .ativo { border:none; background-position:0 -60px }
  .ct-submenu .ativo a { color:#FFF }

  #ct-caminho, #ct-caminho span { background-image:url(/_images/diversos/caminho_bg.png) }
  #ct-caminho { position:relative; float:left; margin-left:-7px; padding-left:15px; background-position:0 -30px; background-repeat:no-repeat; ont-weight:bold; font-size:1.6em; line-height:1.6875em }
  .wf-active #ct-caminho { font-size:1.8em; line-height:1.5em }
  #ct-caminho span { display:block; padding-right:8px; border-radius:0 3px 3px 0 }
  #ct-caminho * { color:#FFF; text-shadow:1px 1px 1px #122342 }
  #ct-caminho a { text-decoration:none }

#ct-atalhos { clear:both; padding-bottom:54px }
#ct-atalhos ul { overflow:hidden; font-weight:bold; font-size:2.6em; line-height:1.0384em }
.wf-active #ct-atalhos ul { font-size:3em; line-height:0.9em }

  #ct-atalhos li { float:left; width:205px; padding-bottom:6px; margin-left:16px; background:url(/_images/inicial/atalhos_sombra.png) no-repeat left bottom; text-align:center }
  #ct-atalhos li:first-child { margin-left: 60px; }
  #ct-atalhos li.ultimo { width:172px }

  #ct-atalhos li span { display:block; background:url(/_images/inicial/atalhos_bg.png) no-repeat left }
  #ct-atalhos li:first-child span { background-position:-16px }
  #ct-atalhos li.ultimo span { background-position:right }

  #ct-atalhos li a { display:block; padding:13px 16px 14px 0; color:#FFF; background-repeat:no-repeat; background-position:right; text-decoration:none }
  #ct-atalhos li.ultimo a { padding-left:16px }

    #at-boletos a { background-image:url(/_images/inicial/atalho-boletos.png) }
    #at-contribuicao a { background-image:url(/_images/inicial/atalho-boletos.png) }
    #at-associadas a { background-image:url(/_images/inicial/atalho-boletos.png) }
    #at-convencoes a { background-image:url(/_images/inicial/atalho-associadas.png) }

    #at-boletos { line-height:2.076em }
    .wf-active #at-boletos { line-height:1.8em }

#ct-patrocinadores { background:#F1F1F1 url(/_images/bg_listras.png) }

  #ct-patrocinadores-bg { padding:27px 0; background:url(/_images/inf_bg1.png) no-repeat center bottom }
  #ct-patrocinadores .ct-conteiner { overflow:hidden }

  #ct-patrocinadores .h2 { color:#535353; font-style:italic; text-transform:none; }

  .patrocinadores { float:left }
  .patrocinadores p { font-size:1em; line-height:81px }
  .patrocinadores p, .patrocinadores p * { vertical-align:middle }
  .patrocinadores p a { display:inline-block; margin-right:50px }

  #filiado .h2 { font-size: 2.2em; margin: 25px 0; line-height: 1rem;}
  #filiado p { margin: 0; }

  #patrocinadores .h2 { font-size: 3em; margin: 25px 0; line-height: 1rem;}

  #apoiadores { margin-right: 0;}
  #apoiadores .h2 { font-size: 2.2em; margin: 25px 0; line-height: 1rem;}
  #apoiadores p { margin: 0; }

#ct-assinatura { position:absolute; top:0; right:0; text-indent:-9999px; overflow:hidden; margin:0 }
#ct-assinatura, #ct-assinatura a { width:33px; height:28px; background:url(/_images/tua.png) no-repeat 5px 5px }
#ct-assinatura a { position:absolute; top:0; left:0; display:block }
#ct-assinatura a:hover { background-position:-45px 5px }

#ct-rodape { padding-top:27px; padding-bottom:27px; color:#FFF; text-align:center }
#ct-rodape address { margin:0; font-style:normal; font-size:1.8em; line-height:1.5em }
.wf-active #ct-rodape address { font-size:2em; line-height:1.35em }s

/* Específicas */
#sm-apresentacao a { background-image:url(/_images/submenu/livro-fechado.png) }
#sm-diretoria a { background-image:url(/_images/submenu/executivo.png) }
#sm-base a { background-image:url(/_images/submenu/mapa-brasil.png) }
#sm-empresas a { background-image:url(/_images/submenu/maos.png) }
#sm-convenios a { background-image:url(/_images/submenu/cartao.png) }
#sm-assessorias a { background-image:url(/_images/submenu/pessoas.png) }
#sm-contribuicao a { background-image:url(/_images/submenu/boleto.png) }
#sm-atendimentoonline a { background-image:url(/_images/submenu/pessoa.png) }

.share { display:flex; margin:1.5em 0; font-size:1.8em; line-height:1.5em }
.share > a { padding:0 5px; font-size:22px; text-align:center }
.share > a > svg { display:inline-block; height:0.875em; overflow:visible; vertical-align:-.125em }

@media print {
  * { font-family:"Times New Roman", Times, serif !important; color:#333 !important }
  body { background:#FFF }
  #ct-menu, #ct-restrita, #conteudo-auxiliar, #ct-caminho, #ct-atalhos, #ct-rodape, .share { display:none }
  #ct-bg1, #ct-bg2, #ct-cabecalho-bg, #ct-cabecalho, #ct-logo, #ct-logo *, #ct-conteudo, #conteudo, .h1, .ct-conteiner { position:static; float:none; width:auto; height:auto; padding:0; margin:0; width:auto !important; background:none; text-indent:0; overflow:visible; text-shadow:none }
  .lista-simples > li { list-style:disc outside }
  address, dl, ol, p, table, ul, .download { font-size:1.2em; line-height:1.5em }
  .h1 { font-size:2em; text-transform:none }
  .h2 { font-size:1.6em; text-transform:none }
  #ct-logo { margin-bottom:1em; font-size:1.8em }
  #ct-logo a { text-decoration:none }
}