/* SECOM */
/* Larguras */
/* Cores Padr�o Gerais */
/* Texto geral */
/* Links gerais */
/* Hover dos links gerais */
/* Menu */
/* FTitulo do menu */
/* Linha divisoria entre os itens do menu */
/* Fundo do segundo nivel do menu */
/* Fundo do terceiro nivel do menu */
/* Fundo do quarto nivel do menu */
/* Fundo do quinto nivel do menu */
/* Fundo selecionado do segundo nivel do menu */
/* Fundo selecionado do terceiro nivel do menu */
/* Fundo selecionado do quarto nivel do menu */
/* Banner Rotativo */
/* Credito da imagem do banner rotativo */
/* Titulo do banner rotativo */
/* Abstract do banner rotativo;


/* Lista de Conteudos */
/* Titulo da lista de conteudo */
/* Texto da lista de conteudo */
/* Texto do rodape da lista de conteudo */
/* Fundo da lista de conteudo */
/* Borda da lista de conteudo */
/* Galeria de Video */
/* Cor de todo texto da galeria de video */
/* Fundo da galeria de video */
/* Rodape da galeria de video */
/* Borda da galeria de video */
/* M�dulo de Midias Cinza */
/* Galeria de Albuns */
/* Titulo da galeria de albuns */
/* Abstract da galeria de albuns */
/* Link do rodape da galeria de albuns */
/* Fundo da galeria de albuns */
/* Fundo da listagem de imagens da galeria */
/* Borda da galeria de albuns */
/* Borda da listagem de imagens da galeria */
/* Borda das imagens da galeria de albuns */
/* Galeria de Audio */
/* Titulo da galeria de audio */
/* Titulo do audio em reproducao */
/* Texto da lista de audio */
/* Link do rodape da galeria de audio */
/* Fundo da galeria de audio */
/* Fundo do bloco do player */
/* Icone de audio da lista */
/* Icone de navegacao do player */
/* Borda da galeria de audio */
/* Borda da lista de audio */
/* Fontes Tipograficas */
/* Tamanho de Texto */
/* Topo */
/* Atalhos de teclado */
/* Denominacao do orgao */
/* Titulo do portal */
/* Subordinacao do orgao */
/* Barra de acessibildade */
/* Busca */
/* Barra de servi�os */
/* Breadcrumbs */
/* Menu */
/* Links do menu de relevancia */
/* Titulos do menu */
/* Primeiro nivel do menu */
/* Niveis do menu */
/* Rodape */
/* Titulo das colunas do rodape */
/* Links das colunas do rodape */
/* Banner Rotativo */
/* Credito de imagem do banner rotativo */
/* Titulo do banner rotativo */
/* Abstract do banner rotativo */
/* Lista de Conteudos */
/* Titulo da lista de conteudo */
/* Texto da lista */
/* Link do rodape da lista de conteudo */
/* Galeria de Video */
/* Titulo da galeria de video */
/* Titulo do video em destaque */
/* Abstract do video em destaque */
/* Titulo dos subdestaque de video */
/* Link do rodape da galeria de video */
/* Galeria de Albuns */
/* Titulo da galeria de albuns */
/* Abstract da galeria de albuns */
/* Link do rodape da galeria de albuns */
/* Galeria de Audio */
/* Titulo da galeria de audio */
/* Titulo do audio em reproducao */
/* Texto da lista da galeria de audio */
/* Link do rodape da galeria de audio */
/* TEMPLATES SECOM */
/* Template Branca */
/* Cores */
/* Fundo primario */
/* Fundo secundari0 */
/* Cor primaria de links, titulos, bordas e etc. */
/* Cor superior do gradiente */
/* Cor inferior do gradiente */
/* Texto do topo */
/* Links de idiomas */
/* Fundo do campo de busca */
/* Icones das redes sociais */
/* Links do breadcrumbs */
/* Links do Menu de Relevancia */
/* Titulos do menu */
/* Linha dos titulos e itens destacados do menu */
/* Linha dos itens do menu */
/* Links do menu */
/* Titulo das colunas do rodape */
/* Itens das colunas do rodape */
/* Borda lateral das colunas do rodape */
/* Fundo do rodape */
/* Fundo da barra de identidade digital do rodape */
/* ALTO CONTRASTE */
/* Cores */
/* ANVISA */
/* Azul padrao da identidade visual da ANVISA */
/* Borda padrao ANVISA */
/* THIAGO */
/* ---------- Cores Gerais Padrao ---------- */
/* Texto Corrido */
/* Itens de cor verde claro */
/* Itens de cor verde escuro */
/* Itens brancos, como label de Em Destaque */
/* Bordas cinza claro */
/* Bordas cinza medio claro */
/* Textos e icones cinza medio */
/* Voltar para o topo */
/* Textos e icones cinza escuro */
/* Links no texto */
/* Links no texto com Hover */
/* Titulo de noticias */
/* PW */
/* Anvisa - Canais de atendimento */
/*azul-claro*/
/*azul-escuro*/
/* Cores do alert */
/* Tonalidades de cinza */
/*-------------------------------------*/
.tabsAtendimento {
  /*fim-abas-externas*/ }
  .tabsAtendimento .abas-externas li {
    width: 50%;
    display: table; }
    .tabsAtendimento .abas-externas li a {
      margin: 0 auto;
      color: black;
      font-size: 16px;
      text-transform: uppercase;
      text-align: center;
      height: 40px;
      text-align: left;
      padding: 30px 0; }
      .tabsAtendimento .abas-externas li a:hover {
        background: #f9f9f9; }
      .tabsAtendimento .abas-externas li a .tabLink {
        width: auto;
        max-width: 200px;
        margin: 0 auto; }
        .tabsAtendimento .abas-externas li a .tabLink p {
          height: 40px;
          overflow: hidden;
          display: table-cell;
          vertical-align: middle; }
        .tabsAtendimento .abas-externas li a .tabLink span {
          font-size: 42px;
          color: #0066d2;
          display: inline-block;
          margin-right: 15px;
          float: left;
          height: 40px;
          overflow: hidden;
          vertical-align: middle; }
  .tabsAtendimento .content-wrap {
    position: relative; }
    .tabsAtendimento .content-wrap .abas-internas {
      width: 35%;
      height: calc(100vh - 200px); }
      .tabsAtendimento .content-wrap .abas-internas li {
        padding: 10px 10px 10px 0;
        border-bottom: 1px solid #e5e5e5;
        border-top: 1px solid #e5e5e5;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        .tabsAtendimento .content-wrap .abas-internas li a {
          display: table;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear;
          margin-right: 15px;
          border: 0 !important;
          border-radius: 0 !important;
          background: none !important;
          border-color: none !important;
          color: black !important;
          font-size: 14px;
          padding: 0;
          margin: 0;
          font-weight: bold;
          width: 100%;
          text-align: left; }
          .tabsAtendimento .content-wrap .abas-internas li a span {
            display: table-cell;
            vertical-align: middle;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
            display: inline-block;
            background: #004086;
            color: white;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            text-align: center;
            border-radius: 3px;
            font-weight: bold;
            margin-right: 10px; }
          .tabsAtendimento .content-wrap .abas-internas li a p {
            display: table-cell;
            vertical-align: middle;
            line-height: 16px;
            width: 100%; }
        .tabsAtendimento .content-wrap .abas-internas li:hover {
          background: #f9f9f9; }
        .tabsAtendimento .content-wrap .abas-internas li.active {
          position: relative;
          background: #0066d2; }
          .tabsAtendimento .content-wrap .abas-internas li.active a {
            color: white !important; }
            .tabsAtendimento .content-wrap .abas-internas li.active a span {
              background: #0066d2; }
          .tabsAtendimento .content-wrap .abas-internas li.active::before {
            content: "";
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            /*ponta cima*/
            border-right: 8px solid white;
            /*ponta meio*/
            border-bottom: 15px solid transparent;
            /*ponta baixo*/
            position: absolute;
            top: calc(50% - 15px);
            right: -1px; }
        .tabsAtendimento .content-wrap .abas-internas li:last-child {
          border-bottom: 0; }
          .tabsAtendimento .content-wrap .abas-internas li:last-child span {
            background: #0066d2; }
        .tabsAtendimento .content-wrap .abas-internas li:first-child {
          border-top: 0; }
    .tabsAtendimento .content-wrap .tab-pane .tab-content {
      position: relative; }
      .tabsAtendimento .content-wrap .tab-pane .tab-content h2 {
        font-size: 24px;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 10px; }
      .tabsAtendimento .content-wrap .tab-pane .tab-content p {
        font-size: 13px; }
    .tabsAtendimento .content-wrap .tab-pane.active .tab-conteudo {
      padding-top: 20px; }
      .tabsAtendimento .content-wrap .tab-pane.active .tab-conteudo button {
        width: 100%;
        padding: 10px;
        text-align: center;
        color: white;
        background: #0066d2 !important;
        border: 0;
        display: none; }
    .tabsAtendimento .content-wrap .tabAlert {
      border: 1px solid #c6dbef;
      background: #f9fcff;
      border-radius: 3px;
      margin-bottom: 20px;
      color: black;
      font-size: 13px;
      line-height: 16px; }
      .tabsAtendimento .content-wrap .tabAlert button {
        width: 100%;
        font-size: 12px;
        padding: 0 10px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border: 1px solid #c6dbef;
        background: #f4f8fc;
        color: #004086;
        border-radius: 2px; }
      .tabsAtendimento .content-wrap .tabAlert .alertHeader {
        padding: 5px;
        position: relative;
        border-bottom: 1px solid #c6dbef;
        background: #f4f8fc;
        color: #004086; }
        .tabsAtendimento .content-wrap .tabAlert .alertHeader span {
          font-size: 22px;
          color: #c6dbef;
          top: calc(50% - 12px);
          left: 10px;
          position: absolute; }
        .tabsAtendimento .content-wrap .tabAlert .alertHeader h3 {
          margin: 0 0 0 35px;
          font-size: 15px; }
        .tabsAtendimento .content-wrap .tabAlert .alertHeader button {
          position: absolute;
          top: 25%;
          width: auto;
          right: 15px; }
      .tabsAtendimento .content-wrap .tabAlert .alertContent {
        padding: 20px;
        overflow: hidden; }
        .tabsAtendimento .content-wrap .tabAlert .alertContent button {
          margin-top: 20px;
          float: left;
          display: none;
          height: auto;
          text-transform: uppercase; }
        .tabsAtendimento .content-wrap .tabAlert .alertContent p {
          margin: 0; }
        .tabsAtendimento .content-wrap .tabAlert .alertContent a {
          display: block;
          float: left;
          margin: 10px 10px 0 0;
          color: #004086; }
          .tabsAtendimento .content-wrap .tabAlert .alertContent a span {
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            color: white;
            background: #0066d2;
            border-radius: 2px;
            margin: 1px 5px 0 0;
            float: left; }

/*fim-tabsAtendimento*/