* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  position: relative; }
  
.destaqueOrange{
    border-radius: 6px;
    border: solid 1px #ccc;
    color: #444 !important;
    display: block;
    padding: 20px;
    text-align: center;} 
     

#edDigital {
  background-color: #eee; ba
  /*FLIP*/ }
  #edDigital h2.tituloPagina {
    margin: 0 auto 20px auto;
    float: none;
    color: #3e88d7;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
    font-family: "latoregular";
    border-bottom: 1px solid #fff;
    line-height: 80px; }
  #edDigital .conteudo {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: flex-start;
    /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;
    margin: 0 auto 20px auto;
    float: none;
    padding: 20px 0;
    background-color: #fff; }
    #edDigital .conteudo section {
      -webkit-flex: 1;
      /* Safari 6.1+ */
      flex: 1; }
      #edDigital .conteudo section.capa {
        width: 240px;
        height: auto;
        padding: 0 20px;
        margin-bottom: 100px;
        text-align: center; }
        #edDigital .conteudo section.capa figure {
          padding-bottom: 2px; }
          #edDigital .conteudo section.capa figure img {
            width: 240px;
            height: auto; }
        #edDigital .conteudo section.capa div {
          width: 245px;
          background-color: #ddd; }
        #edDigital .conteudo section.capa h3 {
          font-size: 15px;
          text-transform: uppercase;
          font-family: "latoregular";
          color: #3e88d7;
          font-weight: bold;
          padding-top: 10px; }
        #edDigital .conteudo section.capa p.data {
          color: #444;
          font-family: "latoregular";
          font-size: 12px;
          padding-bottom: 10px; }
          #edDigital .conteudo section.capa p.data strong {
            font-size: 14px;
            font-weight: bold; }
      #edDigital .conteudo section.autenticacao {
        width: 400px;
        height: 475px; }
        #edDigital .conteudo section.autenticacao form {
          width: 100%;
          clear: both; }
          #edDigital .conteudo section.autenticacao form fieldset {
            border: 1px solid #ddd;
            background-color: #fff;
            width: 100%;
            margin-bottom: 15px; }
            #edDigital .conteudo section.autenticacao form fieldset label {
              background-color: #3e88d7;
              width: 40px;
              height: 40px;
              /*display: inline-block;*/
              display: block;
              float:left; }
              #edDigital .conteudo section.autenticacao form fieldset label i.ico-user-p {
                width: 40px;
                height: 40px;
                background-position: -120px -978px; }
              #edDigital .conteudo section.autenticacao form fieldset label i.ico-pass-p {
                width: 40px;
                height: 40px;
                background-position: -119px -1025px; }
            #edDigital .conteudo section.autenticacao form fieldset input {
              text-transform: uppercase;
              vertical-align: top;
              line-height: 40px;
              border: none;
              width: 80%;
              padding: 0 15px; }
              #edDigital .conteudo section.autenticacao form fieldset input:placeholder {
                color: #444; }
          #edDigital .conteudo section.autenticacao form input[type=submit].btnForm {
            margin: 45px 0 15px 0; }
        #edDigital .conteudo section.autenticacao > div {
          display: -webkit-flex;
          /* Safari */
          -webkit-align-items: flex-start;
          /* Safari 7.0+ */
          display: flex;
          align-items: flex-start; }
          #edDigital .conteudo section.autenticacao > div .blcOutros {
            cursor: pointer;
            margin: 10px;
            width: 190px;
            height: 190px;
            border: 1px solid #ddd;
            background-color: #fff;
            border-radius: 5px; }
            #edDigital .conteudo section.autenticacao > div .blcOutros a {
              padding: 0 10px;
              overflow: hidden;
              width: 100%;
              height: 100%;
              display: block; }
            #edDigital .conteudo section.autenticacao > div .blcOutros.serAssinante p, #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis p:first-child {
              font-size: 30px;
              text-align: center;
              font-family: "latoregular";
              font-weight: bold; }
            #edDigital .conteudo section.autenticacao > div .blcOutros.serAssinante p, #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis p:last-child {
              border-top: 1px dotted #ddd; }
            #edDigital .conteudo section.autenticacao > div .blcOutros.serAssinante a {
              color: #3e88d7; }
            #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis {
              color: #1DC670;
              text-align: center; }
              #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis p:first-child {
                height: 110px;
                padding-top: 25px; }
              #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis p:last-child {
                font-family: Arial, Tahoma, sans-serif;
                font-size: 16px;
                padding: 15px; }
              #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis a {
                color: #1DC670; }
                #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis a:hover {
                  background-color: #1DC670;
                  color: #fff; }
            #edDigital .conteudo section.autenticacao > div .blcOutros .pictograma {
              width: 80px;
              height: 80px;
              overflow: hidden;
              display: block;
              margin: 15px auto;
              position: relative; }
              #edDigital .conteudo section.autenticacao > div .blcOutros .pictograma .kbca {
                width: 45px;
                height: 45px;
                border-radius: 50%;
                background-color: #3e88d7;
                border: 4px solid #fff;
                display: block;
                position: absolute;
                top: 5px;
                left: 17px;
                z-index: 1; }
              #edDigital .conteudo section.autenticacao > div .blcOutros .pictograma .corpo {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                background-color: #3e88d7;
                display: block;
                position: absolute;
                top: 40px;
                left: 0px; }
        #edDigital .conteudo section.autenticacao span.esqueceuSenha,
        #edDigital .conteudo section.autenticacao span.alteraSenha {
          width: 50%;
          text-transform: uppercase;
          color: #444;
          font-size: 12px;
          font-family: "latoregular";
          display: inline-block;
          cursor: pointer; }
        #edDigital .conteudo section.autenticacao span.esqueceuSenha {
          text-align: left; }
        #edDigital .conteudo section.autenticacao span.alteraSenha {
          text-align: right; }
        #edDigital .conteudo section.autenticacao span.semSenha {
          text-transform: uppercase;
          color: #444;
          font-size: 12px;
          font-family: "latoregular";
          cursor: pointer; }
      #edDigital .conteudo section.outros {
        width: 245px;
        height: 475px;
        padding: 0 20px; }
        #edDigital .conteudo section.outros figure {
          margin-bottom: 10px; }
        #edDigital .conteudo section.outros .duvidas {
          position: relative;
          margin-top: 50px; }
          #edDigital .conteudo section.outros .duvidas .retangulo {
            background-color: #ccc;
            display: block;
            height: 40px;
            line-height: 40px;
            padding-left: 80px;
            font-size: 24px;
            color: #666;
            font-family: "latoregular";
            font-weight: bold; }
          #edDigital .conteudo section.outros .duvidas .square {
            z-index: 1;
            position: absolute;
            left: 10px;
            top: -5px;
            background-color: #3e88d7;
            border-radius: 5px;
            transform: rotate(45deg);
            width: 50px;
            height: 50px;
            border: 1px solid #fff;
            display: block; }
            #edDigital .conteudo section.outros .duvidas .square span {
              transform: rotate(-45deg);
              font-weight: bold;
              color: #fff;
              text-align: center;
              line-height: 50px;
              display: block;
              font-size: 40px;
              font-family: "latoregular"; }
          #edDigital .conteudo section.outros .duvidas a {
            display: block; }
  #edDigital nav.flip {
    font-family: "latoregular";
    font-size: 12px;
    background-color: #fff; }
    #edDigital nav.flip ul {
      display: inline-block;
      width: 100%; }
      #edDigital nav.flip ul li {
        float: left;
        text-transform: uppercase;
        margin: 0 20px; }
        #edDigital nav.flip ul li a {
          color: #444; }
        #edDigital nav.flip ul li a:hover {
          color: #3e88d7;
          cursor: pointer; }
        #edDigital nav.flip ul li:hover .ico-edHoje {
          background-position: 6px -50px; }
        #edDigital nav.flip ul li:hover .ico-colunistas {
          background-position: -34px -50px; }
        #edDigital nav.flip ul li:hover .ico-cadernos {
          background-position: -78px -50px; }
        #edDigital nav.flip ul li:hover .ico-mapaCadernos {
          background-position: -125px -50px; }
        #edDigital nav.flip ul li:hover .ico-acervo {
          background-position: -174px -50px; }
        #edDigital nav.flip ul li i {
          margin: 10px auto 0 auto; }
        #edDigital nav.flip ul li span {
          line-height: 30px; }
        #edDigital nav.flip ul li.logout {
          float: right;
          margin-top: 20px; }
          #edDigital nav.flip ul li.logout span {
            display: block;
            float: left;
            line-height: 50px; }
          #edDigital nav.flip ul li.logout:hover .arrowRight {
            background-position: -214px -65px; }
  #edDigital .subMenu {
    display: inline-block;
    color: #fff;
    background-color: #3e88d7;
    width: 100%;
    line-height: 30px;
    font-family: "latoregular";
    font-size: 15px; }
    #edDigital .subMenu a, #edDigital .subMenu a:hover {
      color: #fff;
      padding: 10px 0 5px 0;
      display: block; }
    #edDigital .subMenu li {
      float: left;
      text-transform: uppercase;
      margin: 0 20px;
      border-bottom: 5px solid #3e88d7;
      cursor: pointer; }
      #edDigital .subMenu li.ativo {
        border-bottom: 5px solid #eee !important; }
  #edDigital h1.tituloPagina {
    width: 100%;
    border-top: 2px solid #3e88d7;
    padding: 0 2%;
    background-color: #fff;
    line-height: 50px;
    font-family: "latoregular";
    font-size: 25px;
    color: #3e88d7;
    text-transform: uppercase; }
    #edDigital h1.tituloPagina legend {
      display: inline-block; }
    #edDigital h1.tituloPagina .triangulo {
      display: block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #fff;
      bottom: -10px;
      height: 0;
      left: 22px;
      position: absolute;
      width: 0; }
    #edDigital h1.tituloPagina span {
      cursor: pointer;
      float: right;
      padding: 10px;
      font-size: 16px;
      line-height: 30px;
      color: #000; }
      #edDigital h1.tituloPagina span.ativo {
        background-color: #3e88d7;
        color: #fff; }
  #edDigital .conteudoFlip {
    width: 100%; }
    #edDigital .conteudoFlip .acervo .capaAcervo li {
      width: 142px;
      float: left;
      margin: 2% 4.3%; }
      #edDigital .conteudoFlip .acervo .capaAcervo li p {
        font-family: "latoregular";
        font-size: 11px;
        color: #444;
        line-height: 16px; }
    #edDigital .conteudoFlip .colunistas figure {
      overflow: hidden;
      border: 1px solid #3e88d7;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      float: left;
      margin-right: 10px; }
    #edDigital .conteudoFlip .boxItem {
      background-color: #fff;
      border: 1px solid #ccc;
      width: 30%;
      margin: 1.65%;
      padding: 1%;
      float: left;
      font-family: "latoregular"; }
      #edDigital .conteudoFlip .boxItem .dadosColunista {
        color: #444;
        font-size: 14px;
        line-height: 130%; }
        #edDigital .conteudoFlip .boxItem .dadosColunista p.nome {
          text-transform: uppercase;
          color: #3e88d7; }
        #edDigital .conteudoFlip .boxItem .dadosColunista p.coluna {
          text-transform: uppercase; }
      #edDigital .conteudoFlip .boxItem .dias {
        width: 100%;
        display: inline-block;
        margin-top: 10px;
        padding-top: 10px;
        clear: both;
        border-top: 1px solid #ccc;
        color: #888;
        font-size: 12px;
        text-transform: uppercase; }
        #edDigital .conteudoFlip .boxItem .dias span {
          color: #3e88d7;
          padding-left: 5.5%; }
    #edDigital .conteudoFlip .mapaCadernos table {
      width: 98%;
      vertical-align: middle;
      margin: 1%;
      color: #444;
      text-transform: uppercase;
      font-family: "latoregular";
      border-collapse: collapse; }
      #edDigital .conteudoFlip .mapaCadernos table col:nth-child(even) {
        background-color: #fff; }
      #edDigital .conteudoFlip .mapaCadernos table col {
        width: 10%; }
      #edDigital .conteudoFlip .mapaCadernos table col:nth-child(1) {
        width: 30%;
        font-weight: bold; }
      #edDigital .conteudoFlip .mapaCadernos table td {
        padding: 1%; }
        #edDigital .conteudoFlip .mapaCadernos table td p {
          text-align: center;
          font-size: 11px; }
      #edDigital .conteudoFlip .mapaCadernos table thead {
        font-size: 20px;
        text-align: center;
        background-color: #eee;
        font-weight: bold; }
      #edDigital .conteudoFlip .mapaCadernos table tbody {
        border: 1px solid #ddd; }
        #edDigital .conteudoFlip .mapaCadernos table tbody tr:hover {
          border-bottom: 1px solid #aaa; }
      #edDigital .conteudoFlip .mapaCadernos table span {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        border-radius: 50%;
        background-color: #aaa; }

#paginacao {
  font-family: "latoregular";
  margin: 20px;
  text-align: center; }
  #paginacao .paginas {
    border: 1px solid #3e88d7;
    display: inline-block; }
    #paginacao .paginas * {
      color: #3e88d7;
      cursor: pointer;
      display: inline-block;
      float: left;
      font-size: 20px;
      line-height: 40px;
      padding: 0 15px;
      text-align: center; }
    #paginacao .paginas em {
      padding: 5px 0; }
      #paginacao .paginas em:first-child .arrowRight {
        transform: rotate(180deg); }

#paginacao .paginas .select, #paginacao .paginas a:hover {
  background-color: #3e88d7;
  color: #fff; }

#paginacao .paginas em:hover .arrowRight {
  background-position: -214px -65px; }

.btnForm {
  background-color: #3e88d7;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  font-family: "latoregular";
  border: none;
  border-bottom: 4px solid #1A5E86;
  width: 100%; }

.mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  padding: 0 30%;
  /*.modalDialog{width: 30%; height: 200px; -webkit-flex: 1; flex: 1; background-color: #fff; border:1px solid #aaa; border-radius: 5px;*/ }
  .mask .modalDialog {
    width: 100%;
    /*width: 30%;*/
    height: auto;
    top: 20px;
    /*-webkit-flex: 1; flex: 1;*/
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 20px; }
    .mask .modalDialog .btnFechar {
      font-family: Arial, Tahoma, sans-serif;
      position: absolute;
      top: -10px;
      right: -10px;
      border-radius: 5px;
      border: 2px solid #fff;
      width: 35px;
      height: 35px;
      background-color: #3e88d7;
      color: #fff;
      line-height: 30px;
      text-align: center; }
      .mask .modalDialog .btnFechar a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        cursor: pointer; }
    .mask .modalDialog fieldset {
      margin-bottom: 20px; }
    .mask .modalDialog h3 {
      font-family: "latoregular";
      font-size: 30px;
      color: #444;
      margin-bottom: 20px; }
  .mask legend {
    text-transform: uppercase;
    color: #555;
    font-family: "latoregular"; }
  .mask input[type=text], .mask input[type=password], .mask textarea {
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px 15px; }
  .mask form {
    display: none; }
  .mask p {
    font-family: "latoregular";
    font-size: 12px;
    margin-bottom: 15px; }

.triangulo {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 10; }

.msg {
  font-size: 12px;
  border-radius: 5px;
  width: 100%;
  padding: 15px 25px;
  text-transform: uppercase;
  font-family: "latoregular";
  color: #fff;
  margin: 10px 0; }
  .msg.erro {
    background-color: #BC151C; }
  .msg.ok {
    background-color: #1DC670; }

/*RODAPE*/
#rodapePortal {
  width: 100%;
  height: 540px;
  background-color: #444444;
  clear: both; }
  #rodapePortal .topoRodape {
    width: 100%;
    height: 55px;
    border-bottom: 5px solid #2469AE;
    background-color: #3E89D7; }
  #rodapePortal .conteudoTopo {
    height: 100%;
    margin: 0 auto;
    float: none !important; }
  #rodapePortal .marcaRodape {
    float: left;
    margin: 10px; }
  #rodapePortal .conteudoTopo ul {
    float: left; }
  #rodapePortal .conteudoTopo ul li {
    float: left;
    font-size: 14px;
    font-family: 'latoregular';
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 50px; }
  #rodapePortal .baseRodape {
    width: 100%;
    height: auto; }
  #rodapePortal .conteudoRodape {
    height: 100%;
    margin: 0 auto;
    float: none; }
  #rodapePortal .colunaImpresso {
    float: left;
    padding-top: 25px;
    margin-right: 30px; }
  #rodapePortal .impresso {
    border-radius: 5px;
    position: relative;
    width: 192px;
    height: 189px;
    overflow: hidden; }
  #rodapePortal .app {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #3E89D7;
    border-radius: 5px 0 5px 0;
    padding: 5px;
    z-index: 10; }
    #rodapePortal .app a {
      display: block;
      width: 100%;
      height: 100%; }
  #rodapePortal .assine {
    border-radius: 5px;
    font-family: 'latoregular';
    border: 1px solid #666;
    margin-top: 25px;
    padding-bottom: 10px; }
    #rodapePortal .assine h4 {
      background-color: #3E89D7;
      line-height: 30px;
      color: #fff;
      font-size: 17px;
      text-transform: uppercase;
      text-align: center; }
    #rodapePortal .assine p {
      color: #ddd; }
      #rodapePortal .assine p:nth-child(even) {
        font-size: 12px;
        margin: 10px 5px 0 5px;
        font-style: italic; }
      #rodapePortal .assine p:nth-child(odd) {
        font-size: 14px;
        margin: 0px 5px 0 5px; }
      #rodapePortal .assine p:last-child {
        font-size: 12px !important; }
  #rodapePortal .colunaCanais {
    width: 320px;
    min-height: 302px;
    float: left;
    padding: 5px 30px;
    margin-top: 20px;
    border-left: 1px dotted #666;
    border-right: 1px dotted #666; }
  #rodapePortal .colunaCanais a,
  #rodapePortal .colunaEmpresas a {
    color: #ccc; }
  #rodapePortal .colunaCanais li {
    width: 120px;
    float: left;
    font-size: 14px;
    font-family: 'latoregular';
    color: #ccc;
    line-height: 26px; }
    #rodapePortal .colunaCanais li:nth-child(even) {
      margin-left: 10px; }
    #rodapePortal .colunaCanais li a:hover {
      color: #3E89D7; }
  #rodapePortal .tituloColuna {
    font-family: 'latoregular';
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px; }
  #rodapePortal .colunaEmpresas {
    float: left;
    margin-top: 20px;
    padding: 5px 20px; }
    #rodapePortal .colunaEmpresas li {
      text-transform: uppercase;
      font-size: 14px;
      font-family: 'latoregular';
      color: #ccc;
      line-height: 26px; }
    #rodapePortal .colunaEmpresas .ico-simboloAtarde-g {
      float: left;
      margin-right: 5px;
      margin-top: -10px; }
  #rodapePortal .colunaContatos {
    width: 200px;
    float: right;
    padding: 0 20px;
    margin-top: 20px;
    border-left: 1px dotted #666; }
  #rodapePortal .redesSociais {
    display: inline-block; }
    #rodapePortal .redesSociais span a {
      display: block;
      width: 100%;
      height: 100%; }
    #rodapePortal .redesSociais .ico-tw-branco,
    #rodapePortal .redesSociais .ico-fb-branco,
    #rodapePortal .redesSociais .ico-go-branco {
      margin-left: 5px; }
  #rodapePortal .faleConosco {
    border-radius: 36px;
    height: 36px;
    padding: 0 9px;
    margin: 20px 0;
    line-height: 36px;
    background-color: #fff;
    text-transform: uppercase;
    color: #333;
    font-size: 15px;
    font-family: 'latoregular'; }
    #rodapePortal .faleConosco a {
      color: #333; }
    #rodapePortal .faleConosco strong {
      font-family: 'latobold'; }
    #rodapePortal .faleConosco .ico-email-g-cinza {
      margin-top: 10px;
      margin-right: 5px; }
  #rodapePortal .redacao {
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
    padding-top: 10px; }
  #rodapePortal .redacao > p:nth-child(odd),
  #rodapePortal .classificados > p:nth-child(odd) {
    font-size: 12px;
    font-style: italic;
    color: #ddd;
    line-height: 15px; }
  #rodapePortal .whatsapp > p:nth-child(even) {
    font-size: 12px;
    font-style: italic;
    color: #ddd; }
  #rodapePortal .redacao p:nth-child(even),
  #rodapePortal .classificados p:nth-child(even) {
    font-size: 14px;
    color: #ddd;
    margin-bottom: 10px; }
  #rodapePortal .whatsapp p:nth-child(odd) {
    font-size: 14px;
    color: #ddd; }
  #rodapePortal .whatsapp .ico-wApp {
    float: left; }
  #rodapePortal .whatsapp {
    margin-bottom: 15px; }
  #rodapePortal .outrosRodape {
    width: 730px;
    float: left;
    border-top: 1px dotted #666;
    margin-top: 20px; }
    #rodapePortal .outrosRodape a {
      color: #fff; }
  #rodapePortal .atardeMais {
    float: left;
    width: 140px;
    margin: 20px; }
    #rodapePortal .atardeMais p {
      color: #fff;
      font-family: 'latoregular';
      text-transform: uppercase;
      font-size: 14px;
      text-align: right;
      width: 100px;
      float: left; }
  #rodapePortal .anuncie {
    float: left;
    width: 110px;
    margin: 20px; }
    #rodapePortal .anuncie p {
      color: #fff;
      line-height: 40px;
      font-family: 'latoregular';
      font-size: 14px;
      text-align: right;
      float: left;
      text-transform: uppercase; }
  #rodapePortal .anuncieClassi {
    float: left;
    margin: 20px;
    width: 230px; }
    #rodapePortal .anuncieClassi p {
      font-family: 'latoregular';
      text-transform: uppercase;
      font-size: 14px; }
      #rodapePortal .anuncieClassi p:nth-child(odd) {
        text-align: right;
        float: left;
        color: #fff;
        width: 130px; }
      #rodapePortal .anuncieClassi p:nth-child(even) {
        line-height: 30px;
        float: right;
        color: #ddd; }
  #rodapePortal .copyright {
    width: 100%;
    border-top: 1px dotted #666;
    line-height: 50px;
    font-family: 'latoregular';
    clear: both;
    color: #fff;
    text-align: right;
    font-size: 12px; }

/*======================================SPRITE 2015======================================*/
.sprite2015 {
  background-image: url("../images/sprite2015.png") !important;
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px; }

.ico-tw {
  width: 25px;
  height: 25px;
  background-position: 0 -71px; }

.ico-fb {
  width: 25px;
  height: 25px;
  background-position: -27px -71px; }

.ico-go {
  width: 25px;
  height: 25px;
  background-position: -55px -71px; }

.ico-tw:hover, #materia .ico-tw {
  background-position: 0 -37px; }

.ico-fb:hover, #materia .ico-fb {
  background-position: -27px -37px; }

.ico-go:hover, #materia .ico-go {
  background-position: -55px -37px; }

.ico-tw-branco {
  width: 36px;
  height: 36px;
  background-position: -84px -37px;
  float: left; }

.ico-fb-branco {
  width: 36px;
  height: 36px;
  background-position: -125px -37px;
  float: left; }

.ico-go-branco {
  width: 36px;
  height: 36px;
  background-position: -166px -37px;
  float: left; }

.ico-tw-big {
  width: 76px;
  height: 76px;
  margin: 0 3px;
  background-position: -14px -538px;
  float: left;
  text-indent: -9999px; }

.ico-fb-big {
  width: 76px;
  height: 76px;
  margin: 0 3px;
  background-position: -96px -538px;
  float: left;
  text-indent: -9999px; }

.ico-go-big {
  width: 76px;
  height: 76px;
  margin: 0 3px;
  background-position: -178px -538px;
  float: left;
  text-indent: -9999px; }

.ico-tw-p {
  width: 25px;
  height: 40px;
  background-color: #2CA8D2;
  background-position: -80px -895px;
  text-indent: -9999px; }

.ico-fb-p {
  width: 25px;
  height: 40px;
  background-color: #305891;
  background-position: -80px -855px;
  text-indent: -9999px; }

.ico-go-p {
  width: 25px;
  height: 40px;
  background-color: #CE4D39;
  background-position: -80px -937px;
  text-indent: -9999px; }

.ico-ins-p {
  width: 25px;
  height: 40px;
  background-color: #A97960;
  background-position: -81px -977px;
  text-indent: -9999px; }

.ico-zap-p {
  width: 25px;
  height: 40px;
  background-color: #2DB200;
  background-position: -81px -1017px;
  text-indent: -9999px; }

.ico-twTopo {
  width: 39px;
  height: 39px;
  background-position: 5px 3px;
  float: left;
  text-indent: -999px;
  border-radius: 50%; }

.ico-fbTopo {
  width: 39px;
  height: 39px;
  background-position: -37px 3px;
  float: left;
  text-indent: -999px;
  border-radius: 50%; }

.ico-goTopo {
  width: 39px;
  height: 39px;
  background-position: -80px 3px;
  float: left;
  text-indent: -999px;
  border-radius: 50%; }

.ico-insTopo {
  width: 39px;
  height: 39px;
  background-position: -118px 3px;
  float: left;
  text-indent: -999px;
  border-radius: 50%; }

.ico-twTopo:hover,
.ico-fbTopo:hover,
.ico-goTopo:hover,
.ico-insTopo:hover {
  background-color: #6EABEB; }

.ico-ampliar {
  background-position: -26px -334px;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 10px;
  right: 10px; }

.ico-pdf-p {
  background-position: -159px -334px;
  width: 17px;
  height: 21px;
  margin-left: 5px;
  float: right; }

.ico-file-p {
  background-position: -138px -334px;
  width: 16px;
  height: 20px;
  margin-left: 5px;
  float: right; }

.ico-file-g {
  background-position: -104px -174px;
  width: 54px;
  height: 55px; }

/*.ico-email{background-position: ;}*/
.ico-email-g-branco {
  width: 22px;
  height: 15px;
  background-position: -56px -334px; }

.ico-email-g-cinza {
  width: 22px;
  height: 15px;
  background-position: -56px -357px;
  float: left; }

.ico-feed {
  width: 36px !important;
  height: 36px !important;
  background-position: -233px -37px !important;
  float: left; }

.ico-atardeMais {
  background-position: -180px -117px;
  width: 35px;
  height: 35px;
  float: right; }

.ico-anuncie {
  background-position: -225px -117px;
  width: 37px;
  height: 37px;
  float: right; }

/*.ico-simboloAtarde{background-position: ;}*/
.ico-simboloAtarde-g {
  background-position: -80px -366px;
  width: 33px;
  height: 35px; }

.ico-android {
  background-position: -160px -174px;
  width: 25px;
  height: 25px;
  float: left; }

.ico-ios {
  background-position: -160px -205px;
  width: 25px;
  height: 25px;
  float: left; }

.ico-android-g {
  background-position: -56px -786px;
  width: 50px;
  height: 50px; }

.ico-android-xg {
  background-position: 2px -904px;
  width: 75px;
  height: 75px; }

.ico-ios-g {
  background-position: 2px -786px;
  width: 50px;
  height: 50px; }

.ico-ios-xg {
  background-position: 2px -984px;
  width: 73px;
  height: 80px; }

.ico-wApp {
  background-position: 0px -371px;
  width: 29px;
  height: 29px; }

.ico-foto {
  width: 35px;
  height: 34px;
  background-position: -233px -279px;
  position: absolute;
  bottom: 5px;
  right: 5px; }

.ico-video {
  width: 35px;
  height: 34px;
  background-position: -198px -279px;
  position: absolute;
  bottom: 5px;
  right: 5px; }

.noticia figure:hover .ico-foto {
  background-position: -233px -244px; }

.noticia figure:hover .ico-video {
  background-position: -198px -244px; }

.esporte figure:hover .ico-foto {
  background-position: -233px -173px; }

.esporte figure:hover .ico-video {
  background-position: -198px -173px; }

.entretenimento figure:hover .ico-foto {
  background-position: -233px -208px; }

.entretenimento figure:hover .ico-video {
  background-position: -198px -208px; }

.noticia .ico-audio-g {
  width: 54px;
  height: 55px;
  background-position: 0px -106px; }

.esporte .ico-audio-g {
  width: 54px;
  height: 55px;
  background-position: -58px -106px; }

.entretenimento .ico-audio-g {
  width: 54px;
  height: 55px;
  background-position: -117px -106px; }

.noticia .audioAtivo {
  background-position: 0px -474px !important; }

.esporte .audioAtivo {
  background-position: -58px -474px !important; }

.entretenimento .audioAtivo {
  background-position: -117px -474px !important; }

.noticia .marcacaoAspas {
  float: left;
  background-position: 5px -420px;
  width: 50px;
  height: 30px; }

.esporte .marcacaoAspas {
  float: left;
  background-position: -77px -420px;
  width: 50px;
  height: 30px; }

.entretenimento .marcacaoAspas {
  float: left;
  background-position: -35px -420px;
  width: 50px;
  height: 30px; }

.ico-seguirMateria {
  background-position: -160px -374px;
  width: 30px;
  height: 35px;
  float: right;
  margin-left: 5px; }

.seguirAtivo {
  background-position: -160px -403px; }

.ico-favorito {
  background-position: -190px -373px;
  width: 40px;
  height: 35px; }

.favoritoAtivo {
  background-position: -190px -403px; }

.ico-enviarAmigo {
  background-position: -228px -370px;
  width: 40px;
  height: 35px; }

.ico-imprimir {
  background-position: -210px -438px;
  width: 40px;
  height: 35px;
  float: left;
  cursor: pointer; }

.ico-reportarErro {
  background-position: -230px -317px;
  width: 40px;
  height: 35px; }

.ico-aumentar {
  background-position: -159px -445px;
  width: 25px;
  height: 25px;
  float: left;
  border-radius: 3px;
  background-color: #888;
  margin-right: 2px;
  margin-top: 6px;
  cursor: pointer; }

.ico-diminuir {
  background-position: -186px -445px;
  width: 25px;
  height: 25px;
  float: left;
  border-radius: 3px;
  background-color: #888;
  margin-top: 6px;
  cursor: pointer; }

.proximo-branco {
  background-position: -141px -241px;
  z-index: 2;
  padding: 20px;
  position: relative;
  background-color: #3E89D7; }

.anterior-branco {
  background-position: -141px -284px;
  z-index: 2;
  padding: 20px;
  position: relative;
  background-color: #3E89D7; }

.ico-ultimas {
  background-position: 0px -629px;
  width: 39px;
  height: 34px;
  float: left;
  margin: 0 5px; }

.ico-Passaporte-p {
  background-position: -2px -334px;
  height: 27px;
  width: 20px;
  float: left;
  margin-right: 10px; }

.areaPassaporte > .login:hover .ico-Passaporte-p {
  background-position: -182px -487px; }

.ico-contato {
  background-position: -55px -334px;
  width: 24px;
  height: 16px;
  float: left;
  margin: 12px;
  text-indent: -9999px; }

.areaPassaporte > .contato:hover .ico-contato {
  background-position: -54px -378px; }

.ico-grupo-p {
  background-position: -85px -334px;
  width: 23px;
  height: 22px;
  float: left;
  margin: 9px 13px;
  text-indent: -9999px; }

.areaPassaporte > .grupo:hover .ico-grupo-p {
  background-position: -209px -487px; }

.ico-Busca {
  width: 22px;
  height: 23px;
  background-position: -114px -334px;
  text-indent: -9999px;
  margin: 9px 13px; }

.areaPassaporte > .busca:hover .ico-Busca {
  background-position: -241px -486px; }

.ico-config {
  width: 17px;
  height: 17px;
  background-position: -195px -7px;
  margin: 12px 13px; }

.areaPassaporte > .logado.click .ico-config {
  background-position: -168px -7px; }

.ico-anuncie-blue {
  width: 35px;
  height: 35px;
  background-position: -220px -634px;
  margin: 0 auto; }

.ico-atMais-blue {
  width: 32px;
  height: 35px;
  background-position: -173px -633px;
  margin: 0 auto; }

.ico-contatos-blue {
  width: 37px;
  height: 35px;
  background-position: -116px -635px;
  margin: 0 auto; }

.ico-assine {
  width: 115px;
  height: 51px;
  background-position: -147px -689px;
  margin: 0 auto; }

.ico-mais {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #AAAAAA;
  border-radius: 50%;
  color: #AAAAAA;
  font-size: 20px;
  font-family: Arial, Tahoma, sans-serif;
  text-align: center;
  line-height: 23px; }

.ico-mais a {
  color: #aaaaaa; }

.ico-imoveis {
  width: 65px;
  height: 58px;
  background-position: -119px -797px; }

.ico-veiculos {
  width: 65px;
  height: 58px;
  background-position: -193px -797px; }

.ico-empregos {
  width: 65px;
  height: 58px;
  background-position: -120px -875px; }

.ico-diversos {
  width: 65px;
  height: 58px;
  background-position: -196px -875px; }

.ico-videos {
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: rotate(-90deg); }

.ico-videos .seta {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 25px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 35px;
  left: 25px; }

.ico-noticias {
  width: 30px;
  height: 30px;
  background-position: -1px -693px;
  float: left;
  margin: 5px 10px; }

.ico-esportes {
  width: 30px;
  height: 30px;
  background-position: -51px -693px;
  float: left;
  margin: 5px 10px; }

.ico-entretenimento {
  width: 30px;
  height: 30px;
  background-position: -100px -692px;
  float: left;
  margin: 5px 10px; }

.ico-noticias:hover {
  background-position: -1px -736px; }

.ico-esportes:hover {
  background-position: -51px -736px; }

.ico-entretenimento:hover {
  background-position: -100px -735px; }

.select .seta {
  background-position: -126px -950px;
  width: 24px;
  height: 15px;
  float: right;
  margin: 5px 10px; }

.ico-hora {
  background-position: -197px -949px;
  width: 29px;
  height: 29px;
  margin: 0 5px; }

.spriteFlip {
  background-image: url("../images/spriteFlip.png") !important;
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px; }
  .spriteFlip.ico-edHoje {
    background-position: 6px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-edHoje:hover {
      background-position: 6px -50px; }
  .spriteFlip.ico-colunistas {
    background-position: -34px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-colunistas:hover {
      background-position: -34px -50px; }
  .spriteFlip.ico-cadernos {
    background-position: -78px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-cadernos:hover {
      background-position: -78px -50px; }
  .spriteFlip.ico-mapaCadernos {
    background-position: -125px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-mapaCadernos:hover {
      background-position: -125px -50px; }
  .spriteFlip.ico-acervo {
    background-position: -174px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-acervo:hover {
      background-position: -174px -50px; }
  .spriteFlip.arrowRight {
    background-position: -214px -15px;
    width: 44px;
    height: 30px;
    float: left; }

@media screen and (min-width: 1024px) {
  .grid1 {
    width: 65px;
    float: left; }

  .grid2 {
    width: 130px;
    float: left; }

  .grid3 {
    width: 195px;
    float: left; }

  .grid4 {
    width: 260px;
    float: left; }

  .grid5 {
    width: 310px;
    float: left; }

  .grid6 {
    width: 390px;
    float: left; }

  .grid7 {
    width: 460px;
    float: left; }

  .grid8 {
    width: 520px;
    float: left; }

  .grid9 {
    width: 585px;
    float: left; }

  .grid10 {
    width: 635px;
    float: left; }

  .grid11 {
    width: 715px;
    float: left; }

  .grid12 {
    width: 780px;
    float: left; }

  .grid13 {
    width: 845px;
    float: left; }

  .grid14 {
    width: 910px;
    float: left; }

  .grid15 {
    width: 975px;
    float: left; }

  .grid16 {
    width: 1040px;
    float: left; }

  .grid17 {
    width: 1105px;
    float: left; }

  .grid18 {
    width: 1170px;
    float: left; }

  .grid19 {
    width: 1235px;
    float: left; } }
@media screen and (max-width: 768px) {
  .m-grid15 {
    width: 100%; }
    .m-grid15 fieldset {
      width: 100%;
      float: none; }
    .m-grid15 form {
      padding: 20px; }

  #rodapePortal {
    display: none; }

  #edDigital nav.flip ul li {
    margin: 0 7px;
    font-size: 10px; }
    #edDigital nav.flip ul li.logout {
      position: absolute;
      bottom: -50px;
      z-index: 10;
      right: 0; }
  #edDigital h1.tituloPagina {
    line-height: 40px;
    font-size: 20px; }
    #edDigital h1.tituloPagina legend {
      width: 100%; }
    #edDigital h1.tituloPagina span {
      font-size: 12px; }
  #edDigital .conteudoFlip .boxItem .dias span {
    padding-left: 4%; }
  #edDigital .conteudoFlip .boxItem {
    width: 98%; }
  #edDigital .conteudoFlip .acervo .capaAcervo li {
    margin: 2% 5%; }
  #edDigital .conteudoFlip .mapaCadernos table td {
    font-size: 12px; }
  #edDigital .conteudoFlip .mapaCadernos table span {
    width: 10px;
    height: 10px; }
  #edDigital .subMenu {
    font-size: 10px; }
    #edDigital .subMenu li {
      margin: 0 1%;
      line-height: 20px;
      width: 23%;
      text-align: center; } }
/*===[inicio] TOPO PORTAL===*/
#topoPortal {
  width: 100%;
  height: 60px;
  background-color: #3E88D7;
  margin-bottom: 15px;
  position: relative; }
  #topoPortal h1.marca {
    width: 200px;
    height: 60px;
    background: url(../images/marcaTopo.png) no-repeat center;
    margin: 0 auto; }
    #topoPortal h1.marca a {
      text-indent: -9999px;
      display: block; }
  #topoPortal .menu {
    position: absolute;
    left: 20px;
    top: 0px;
    border-right: 1px solid #fff; }
    #topoPortal .menu > .triangulo {
      display: block;
      bottom: 0;
      right: -5.4px;
      border-top: transparent;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #fff; }
    #topoPortal .menu:hover {
      background-color: #444; }
      #topoPortal .menu:hover .ico-menu::before {
        border-color: #3e88d7; }
      #topoPortal .menu:hover > nav {
        display: block; }
    #topoPortal .menu > nav {
      background-color: #444;
      position: absolute;
      top: 60px;
      width: 180px;
      height: auto;
      display: none;
      z-index: 99999;
      border-bottom: 5px solid #6EABEB; }
  #topoPortal .ico-menu {
    cursor: pointer;
    font-size: 17px;
    margin: 15px; }
    #topoPortal .ico-menu::before {
      border-bottom: 0.4em solid #fff;
      border-color: #fff;
      border-top: 1em double #fff;
      content: "";
      float: left;
      height: 0.3em;
      left: 0;
      top: 0.2em;
      width: 2em;
      margin-bottom: 17px; }
    #topoPortal .ico-menu .ativo::before {
      border-color: #3e88d7; }
  #topoPortal .iconegrupos {
    position: absolute;
    left: 105px;
    top: 10px; }

.redesSociaisAtarde {
  position: fixed;
  right: 0px;
  top: 20%;
  z-index: 99999;
  width: 235px; }

.redesSociaisAtarde i {
  float: left;
  cursor: pointer; }

.redesSociaisAtarde > div {
  clear: both; }

.aba-fb {
  position: absolute;
  top: 0;
  right: -185px;
  width: 210px;
  z-index: 998; }

.aba-tw {
  position: absolute;
  top: 41px;
  right: -185px;
  width: 210px;
  z-index: 998; }

.aba-go {
  position: absolute;
  top: 82px;
  right: -185px;
  width: 210px;
  z-index: 998; }

.aba-ins {
  position: absolute;
  top: 123px;
  right: -185px;
  width: 210px;
  z-index: 998; }

.aba-zap {
  position: absolute;
  top: 164px;
  right: -185px;
  width: 210px;
  z-index: 998; }

.cont-aba {
  float: left;
  width: 120px;
  min-height: 40px;
  padding: 10px;
  border-width: 2px;
  border-style: solid;
  background-color: #fff; }
  .cont-aba a {
    color: #444;
    font-family: 'latoregular';
    font-size: 13px; }

.aba-fb .cont-aba {
  border-color: #305891; }

.aba-tw .cont-aba {
  border-color: #2CA8D2; }

.aba-go .cont-aba {
  border-color: #CE4D39; }

.aba-ins .cont-aba {
  border-color: #A97960; }

.aba-zap .cont-aba {
  border-color: #2DB200; }

fieldset {
  border: none; }

.areaPassaporte {
  cursor: pointer;
  background-color: #6EABEB;
  border-radius: 20px;
  height: 40px;
  min-width: 250px;
  position: absolute;
  right: 25px;
  top: 10px; }
  .areaPassaporte .aba {
    background-color: #444;
    position: absolute;
    z-index: 9999;
    top: 40px;
    border-bottom: 8px solid #6EABEB;
    display: none;
    padding: 15px; }
    .areaPassaporte .aba input[type=text],
    .areaPassaporte .aba input[type=email],
    .areaPassaporte .aba input[type=password],
    .areaPassaporte .aba input[type=search] {
      border: medium none;
      line-height: 35px;
      width: 100%; }
  .areaPassaporte label {
    border-radius: 20px;
    background-color: #fff;
    height: 40px;
    width: 100%;
    margin-top: 10px;
    color: #777;
    font-size: 16px;
    font-family: 'latoregular';
    line-height: 40px;
    padding: 0 15px;
    display: block; }
  .areaPassaporte input[type="submit"] {
    background-color: #6EABEB;
    box-shadow: 0 4px 0 0 #3E88D7; }
  .areaPassaporte .logado {
    float: left;
    position: relative;
    border-radius: 15px 0  0 15px;
    min-width: 100px;
    height: 40px;
    border-right: 1px solid #3E88D7; }
    .areaPassaporte .logado .usuario {
      float: left; }
      .areaPassaporte .logado .usuario span {
        font-size: 13px;
        font-family: 'latoregular';
        color: #fff;
        line-height: 40px;
        margin: 0 5px; }
    .areaPassaporte .logado figure {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 1px solid #fff;
      float: left;
      margin: 4px;
      overflow: hidden; }
    .areaPassaporte .logado .config {
      float: right; }
    .areaPassaporte .logado.click .config {
      background: #444; }
    .areaPassaporte .logado .aba {
      border-radius: 20px 0px 0 0;
      right: 0px;
      height: 100px;
      width: 205px;
      z-index: 9999; }
  .areaPassaporte .lembrarSenha {
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Tahoma, sans-serif;
    line-height: 40px; }
    .areaPassaporte .lembrarSenha:hover {
      text-decoration: underline; }
  .areaPassaporte .contato {
    float: left;
    width: 50px;
    border-right: 1px solid #3E88D7;
    height: 40px; }
    .areaPassaporte .contato:hover {
      background: #444; }
  .areaPassaporte .grupo {
    float: left;
    width: 50px;
    border-right: 1px solid #3E88D7;
    height: 40px; }
    .areaPassaporte .grupo:hover, .areaPassaporte .grupo.click {
      background: #444; }
    .areaPassaporte .grupo .aba {
      border-radius: 20px 20px 0 0;
      right: 0px;
      height: auto;
      width: 335px;
      z-index: 9999;
      font-family: 'latoregular'; }
    .areaPassaporte .grupo p {
      color: #6CABEB;
      font-size: 18px; }
      .areaPassaporte .grupo p:first-child {
        border-bottom: 1px dotted #fff;
        font-size: 25px;
        line-height: 40px; }
    .areaPassaporte .grupo ul {
      margin: 15px 0; }
    .areaPassaporte .grupo li a {
      font-size: 14px;
      line-height: 25px;
      color: #ccc;
      margin-left: 15px; }
  .areaPassaporte .busca {
    float: right;
    border-radius: 0 20px 20px 0;
    width: 50px;
    height: 40px; }
    .areaPassaporte .busca:hover {
      background: #444; }
    .areaPassaporte .busca.click {
      border-radius: 0 20px 0px 0;
      background: #444; }
    .areaPassaporte .busca .aba {
      border-radius: 20px 0 0 0;
      right: 0;
      height: auto;
      width: 320px; }
    .areaPassaporte .busca input[type=submit] {
      margin-top: 10px; }
  .areaPassaporte .busca.click .aba,
  .areaPassaporte .login.click .aba,
  .areaPassaporte .grupo.click .aba,
  .areaPassaporte .logado.click .aba {
    display: block; }

.click {
  display: block; }

.login {
  float: left;
  border-radius: 20px 0  0 20px;
  min-width: 100px;
  height: 40px;
  padding: 7px 5px 0 15px;
  border-right: 1px solid #3E88D7; }
  .login > span {
    text-transform: uppercase;
    color: #fff;
    font-family: 'latoregular';
    font-size: 13px;
    line-height: 27px; }
  .login:hover {
    background: #444; }
    .login:hover > span {
      color: #3e88d7; }
  .login .click {
    border-radius: 20px 0 0px 0;
    background: #444; }
  .login .aba {
    border-radius: 20px 20px 0 0;
    right: 0px;
    height: auto;
    width: 335px;
    z-index: 9999; }
    .login .aba span {
      display: inline-block;
      font-size: 12px;
      padding-top: 10px; }
  .login input[type=checkbox] {
    margin-right: 5px; }
  .login fieldset {
    color: #fff;
    display: inline-block;
    font-family: Arial,Tahoma,sans-serif;
    margin-bottom: 15px;
    padding: 10px 0;
    width: 100%; }
  .login .cadastrar {
    width: 100%;
    padding: 20px 0;
    height: auto;
    background-color: #555555;
    font-family: Arial, Tahoma, sans-serif;
    color: #fff;
    font-size: 12px;
    text-align: center; }
    .login .cadastrar a {
      color: #fff; }
      .login .cadastrar a p:first-child {
        color: #6DABEB;
        font-size: 16px; }

form.degustacao {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px;
  display: inline-block;
  background-color: #ddd;
  font-family: "latoregular";
  font-size: 20px;
  color: #444; }
  form.degustacao > * {
    margin: 10px 5px; }
  form.degustacao .cep {
    margin-bottom: 0; }
  form.degustacao input[type=text], form.degustacao input[type=password], form.degustacao select {
    width: 100%;
    height: 40px;
    border: none; }
  form.degustacao input[type=radio] {
    margin-right: 10px; }
  form.degustacao label {
    line-height: 40px;
    padding-right: 15px; }
  form.degustacao fieldset.cep input[type=text] {
    width: 310px !important; }
  form.degustacao fieldset.cep button {
    border: none;
    border-radius: 5px;
    padding: 0 20px;
    line-height: 38px;
    margin-left: 10px;
    background-color: #247FB8;
    color: #fff;
    text-transform: uppercase;
    font-family: "latoregular";
    font-size: 16px; }
  form.degustacao label.check {
    font-size: 15px;
    font-family: "latoregular"; }
  form.degustacao label.check input {
    margin-right: 15px; }
  form.degustacao input[type=submit].grid5 {
    float: none;
    margin: 20px auto;
    display: table; }

.faq {
  width: 100%; }
  .faq .topo img {
    float: left;
    margin-right: 30px; }
  .faq .topo p {
    font-size: 30px;
    color: #545454;
    line-height: 120%;
    padding-top: 30px;
    padding-right: 20px;
    font-family: 'latoregular'; }
  .faq .questoes {
    background-color: #ddd;
    border-radius: 5px;
    width: 100%;
    font-family: 'latolight';
    font-size: 18px;
    overflow: hidden; }
    .faq .questoes li {
      border-bottom: 1px solid #fff;
      width: 100%;
      min-height: 40px;
      line-height: 40px;
      cursor: pointer; }
      .faq .questoes li:hover, .faq .questoes li.ativo {
        background-color: #3E89D7;
        color: #fff; }
        .faq .questoes li:hover .number, .faq .questoes li.ativo .number {
          background-color: #3E89D7;
          border: 1px solid #fff;
          color: #fff; }
      .faq .questoes li .resposta {
        display: none;
        line-height: 26px;
        padding: 20px;
        background-color: #ddd;
        color: #444; }
      .faq .questoes li .number {
        margin: 5px 10px;
        float: left;
        display: block;
        background-color: #3E89D7;
        border: 1px solid #ddd;
        border-radius: 50%;
        color: #fff;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 28px; }
  .faq a.btnDuvidas {
    clear: both;
    display: list-item;
    height: 50px;
    margin: 30px auto;
    width: 400px;
    clear: both;
    cursor: pointer; }

.menu > nav > ul {
  padding: 5px 0;
  font-family: 'latoregular';
  font-size: 14px;
  color: #fff;
  text-transform: uppercase; }

.menu > nav > ul > li {
  padding: 0 15px;
  line-height: 35px;
  height: 35px;
  /*position: relative;*/ }

.menu > nav > ul > li > a {
  color: #fff; }

.menu > nav > ul > li:hover {
  background-color: #3E88D7; }

.menu > nav ul.grupos {
  border-top: 1px solid #777;
  border-bottom: 1px solid #777; }

.menu > nav ul.grupos li:hover {
  background-color: #f4f4f4; }

.menu > nav ul.grupos li.noticias:hover a {
  color: #3E89D7; }

.menu > nav ul.grupos li.esportes:hover a {
  color: #00BE32; }

.menu > nav ul.grupos li.entretenimento:hover a {
  color: #FE7300; }

.menu > nav ul.outros {
  border-top: 1px solid #777; }

.menu > nav ul.outros p {
  font-size: 11px;
  text-transform: none;
  font-style: italic;
  padding: 0 15px; }

.menu > nav li > .triangulo {
  position: inherit;
  transform: rotate(90deg);
  display: none;
  float: right;
  margin-right: -30px;
  margin-top: 12px;
  /*bottom: 12px; right: -15px;*/
  border-top: transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #3E88D7; }

.menu > nav li:hover > .triangulo {
  display: block;
  z-index: 999; }

.menu > nav a {
  float: left;
  width: 100%; }

/*.menu > nav li:hover .conteudo-sub{display:block;}*/
/*a.subItens:hover .publicidade.submenu{display:block;}*/
.conteudo-sub {
  min-height: 480px;
  position: absolute;
  left: 180px;
  top: 0;
  z-index: 998;
  background-color: #fff;
  display: none;
  border-bottom: 5px solid #6eabeb;
  border-right: 1px solid #ddd; }

.conteudo-sub ul {
  width: 200px;
  min-height: 390px;
  height: 88.4%;
  padding: 15px 30px;
  background-color: #f4f4f4;
  font-family: 'latoregular';
  font-size: 16px;
  color: #444;
  text-transform: none;
  line-height: 170%; }

.conteudo-sub > ul li a {
  color: #444; }

.conteudo-sub ul li:hover {
  color: #3E87D7; }

.publicidade-submenu {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 9999;
  width: 300px;
  height: 88.4%;
  min-height: 390px;
  padding: 0 25px;
  background-color: #fff;
  color: #999;
  font-size: 11px;
  font-family: 'latoregular';
  font-style: italic;
  text-transform: none; }

.atalhos {
  width: 500px;
  height: 90px;
  font-family: 'latoregular';
  font-size: 11px;
  color: #3E88D7;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #ddd; }

.atalhos > div {
  float: left;
  border-right: 1px solid #ddd;
  width: 120px;
  padding-top: 15px; }

.atalhos > div:last-child {
  border: none;
  width: 140px; }

/*===[fim] TOPO PORTAL===*/
/*ATARDE MOBILE*/
#edDigital.mobile h2.tituloPagina {
  padding: 0 4%;
  font-size: 30px;
  line-height: 40px; }
#edDigital.mobile .conteudo {
  padding: 4%; }
  #edDigital.mobile .conteudo section.autenticacao {
    width: 100%;
    height: auto; }
    #edDigital.mobile .conteudo section.autenticacao .atardeMais img, #edDigital.mobile .conteudo section.autenticacao .centralAssinatura img {
      width: 100%;
      margin: 1% 0; }
    #edDigital.mobile .conteudo section.autenticacao .duvidas {
      position: relative;
      margin: 10% 0; }
      #edDigital.mobile .conteudo section.autenticacao .duvidas .retangulo {
        background-color: #ccc;
        display: block;
        height: 50px;
        line-height: 50px;
        padding-left: 100px;
        font-size: 24px;
        color: #666;
        font-family: "latoregular";
        font-weight: bold; }
      #edDigital.mobile .conteudo section.autenticacao .duvidas .square {
        z-index: 1;
        position: absolute;
        left: 10px;
        top: -5px;
        background-color: #3e88d7;
        border-radius: 5px;
        transform: rotate(45deg);
        width: 60px;
        height: 60px;
        border: 1px solid #fff;
        display: block; }
        #edDigital.mobile .conteudo section.autenticacao .duvidas .square span {
          transform: rotate(-45deg);
          font-weight: bold;
          color: #fff;
          text-align: center;
          line-height: 60px;
          display: block;
          font-size: 50px;
          font-family: "latoregular"; }
      #edDigital.mobile .conteudo section.autenticacao .duvidas a {
        display: block;
        width: 80%;
        margin: 0 auto; }
#edDigital.mobile .mask {
  padding: 0 4%; }

/*CSS JORNAL MASSA*/
#edDigital.massa {
  /*===[inicio] TOPO MASSA===*/
  /*FLIP*/ }
  #edDigital.massa #topoMassa {
    width: 100%;
    height: 75px;
    background-color: #D90101;
    margin-bottom: 15px;
    position: relative; }
    #edDigital.massa #topoMassa h1.marca {
      width: 150px;
      height: 55px;
      padding: 10px;
      background: url(../images/marcaMassa.png) no-repeat center;
      margin: 10px 50px;
      float: left; }
      #edDigital.massa #topoMassa h1.marca a {
        text-indent: -9999px;
        display: block; }
    #edDigital.massa #topoMassa .btn {
      background-color: #D90101;
      border-radius: 5px;
      border: 1px solid #EF8181;
      color: #fff;
      float: right;
      margin: 15px 30px;
      overflow: hidden; }
      #edDigital.massa #topoMassa .btn a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px 15px;
        color: #fff;
        font-family: "latoregular";
        font-size: 20px;
        text-align: center; }
        #edDigital.massa #topoMassa .btn a:hover {
          background-color: #fff;
          color: #D90101; }
  #edDigital.massa h2.tituloPagina {
    color: #D90101; }
  #edDigital.massa .conteudo section.capa h3 {
    color: #D90101; }
  #edDigital.massa .conteudo section.autenticacao form fieldset label {
    background-color: #D90101; }
  #edDigital.massa .conteudo section.autenticacao > div .blcOutros {
    width: 400px;
    height: 110px;
    margin: 10px 0; }
    #edDigital.massa .conteudo section.autenticacao > div .blcOutros.serAssinante a {
      color: #D90101; }
    #edDigital.massa .conteudo section.autenticacao > div .blcOutros .pictograma {
      float: left;
      width: 85px; }
      #edDigital.massa .conteudo section.autenticacao > div .blcOutros .pictograma .kbca {
        background-color: #D90101; }
      #edDigital.massa .conteudo section.autenticacao > div .blcOutros .pictograma .corpo {
        background-color: #D90101; }
    #edDigital.massa .conteudo section.autenticacao > div .blcOutros p {
      line-height: 100px;
      border-top: none; }
  #edDigital.massa .conteudo section.outros {
    font-family: "latoregular";
    font-weight: bold;
    font-size: 18px; }
    #edDigital.massa .conteudo section.outros .vantagens h4 {
      text-transform: uppercase;
      color: #D90101;
      margin-bottom: 30px;
      font-weight: bold; }
    #edDigital.massa .conteudo section.outros .vantagens li {
      border-bottom: 1px dotted #eee;
      padding-bottom: 25px;
      color: #666;
      font-size: 14px;
      margin-bottom: 20px; }
      #edDigital.massa .conteudo section.outros .vantagens li i.ico-check {
        float: left;
        width: 21px;
        height: 21px;
        margin-right: 10px;
        background-position: -115px -155px; }
    #edDigital.massa .conteudo section.outros .contatos {
      font-size: 19px; }
      #edDigital.massa .conteudo section.outros .contatos i.ico-phone-g {
        float: left;
        width: 100px;
        height: 100px;
        margin-right: 15px;
        background-position: 0 -150px; }
      #edDigital.massa .conteudo section.outros .contatos span {
        font-size: 12px;
        display: block; }
      #edDigital.massa .conteudo section.outros .contatos p {
        display: inline-block;
        margin-bottom: 20px; }
  #edDigital.massa nav.flip ul li a:hover {
    color: #D90101;
    cursor: pointer; }
  #edDigital.massa nav.flip ul li.logout:hover .arrowRight {
    background-position: -214px -113px; }
  #edDigital.massa nav.flip ul li:hover .ico-edHoje {
    background-position: 6px -99px; }
  #edDigital.massa nav.flip ul li:hover .ico-acervo {
    background-position: -174px -99px; }
  #edDigital.massa nav.flip ul li:hover .arrowRight {
    background-position: -214px -113px; }
  #edDigital.massa .subMenu {
    background-color: #D90101; }
    #edDigital.massa .subMenu li {
      border-bottom: 5px solid #D90101; }
  #edDigital.massa h1.tituloPagina {
    border-top: 2px solid #D90101;
    color: #D90101; }
    #edDigital.massa h1.tituloPagina span.ativo {
      background-color: #D90101; }
  #edDigital.massa .conteudoFlip .colunistas figure {
    border: 1px solid #D90101; }
  #edDigital.massa .conteudoFlip .boxItem .dadosColunista p.nome {
    color: #D90101; }
  #edDigital.massa .conteudoFlip .boxItem .dias span {
    color: #D90101; }
  #edDigital.massa #paginacao .paginas {
    border: 1px solid #D90101; }
    #edDigital.massa #paginacao .paginas * {
      color: #D90101; }
  #edDigital.massa #paginacao .paginas .select, #edDigital.massa #paginacao .paginas a:hover {
    background-color: #D90101; }
  #edDigital.massa .btnForm {
    background-color: #D90101;
    border-bottom: 4px solid #b20000; }
  #edDigital.massa .mask .modalDialog .btnFechar {
    background-color: #D90101; }

#edDigital.massa.mobile #topoMassa h1 {
  float: none;
  margin: 2% auto; }
#edDigital.massa.mobile #topoMassa .btn {
  display: none; }
#edDigital.massa.mobile .conteudo section.autenticacao > div {
  display: block; }
  #edDigital.massa.mobile .conteudo section.autenticacao > div .blcOutros {
    width: 100%; }
    #edDigital.massa.mobile .conteudo section.autenticacao > div .blcOutros p {
      line-height: 35px;
      padding: 6% 0; }
#edDigital.massa.mobile .conteudo section.autenticacao .vantagens {
  font-family: "latoregular"; }
  #edDigital.massa.mobile .conteudo section.autenticacao .vantagens h4 {
    text-transform: uppercase;
    color: #D90101;
    margin: 5% 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center; }
  #edDigital.massa.mobile .conteudo section.autenticacao .vantagens ul {
    margin: 0 5% 5% 5%; }
    #edDigital.massa.mobile .conteudo section.autenticacao .vantagens ul li {
      border-bottom: 1px dotted #eee;
      padding-bottom: 7%;
      color: #666;
      font-size: 14px;
      margin-bottom: 0px; }
      #edDigital.massa.mobile .conteudo section.autenticacao .vantagens ul li i.ico-check {
        float: left;
        width: 21px;
        height: 21px;
        margin-right: 10px;
        background-position: -115px -155px; }
#edDigital.massa.mobile .conteudo section.autenticacao .contatos {
  font-size: 19px;
  margin: 0 10%;
  font-family: "latoregular"; }
  #edDigital.massa.mobile .conteudo section.autenticacao .contatos i.ico-phone-g {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 15px;
    background-position: 0 -150px; }
  #edDigital.massa.mobile .conteudo section.autenticacao .contatos span {
    font-size: 12px;
    display: block; }
  #edDigital.massa.mobile .conteudo section.autenticacao .contatos p {
    display: inline-block;
    margin-bottom: 20px; }

/*# sourceMappingURL=cssEdDigital.css.map */

.mask2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  padding: 0 30%;
  /*.modalDialog{width: 30%; height: 200px; -webkit-flex: 1; flex: 1; background-color: #fff; border:1px solid #aaa; border-radius: 5px;*/ }
  .mask2 .modalDialog {
    width: 100%;
    /*width: 30%;*/
    height: auto;
    top: 20px;
    /*-webkit-flex: 1; flex: 1;*/
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 20px; }
    .mask2 .modalDialog .btnFechar {
      font-family: Arial, Tahoma, sans-serif;
      position: absolute;
      top: -10px;
      right: -10px;
      border-radius: 5px;
      border: 2px solid #fff;
      width: 35px;
      height: 35px;
      background-color: #3e88d7;
      color: #fff;
      line-height: 30px;
      text-align: center; }
      .mask2 .modalDialog .btnFechar a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        cursor: pointer; }
    .mask2 .modalDialog fieldset {
      margin-bottom: 20px; }
    .mask2 .modalDialog h3 {
      font-family: "latoregular";
      font-size: 30px;
      color: #444;
      margin-bottom: 20px; }
  .mask2 legend {
    text-transform: uppercase;
    color: #555;* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  position: relative; }
  
.destaqueOrange{
    border-radius: 6px;
    border: solid 1px #ccc;
    color: #444 !important;
    display: block;
    padding: 20px;
    text-align: center;} 
     

#edDigital {
  background-color: #eee; ba
  /*FLIP*/ }
  #edDigital h2.tituloPagina {
    margin: 0 auto 20px auto;
    float: none;
    color: #3e88d7;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
    font-family: "latoregular";
    border-bottom: 1px solid #fff;
    line-height: 80px; }
  #edDigital .conteudo {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: flex-start;
    /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;
    margin: 0 auto 20px auto;
    float: none;
    padding: 20px 0;
    background-color: #fff; }
    #edDigital .conteudo section {
      -webkit-flex: 1;
      /* Safari 6.1+ */
      flex: 1; }
      #edDigital .conteudo section.capa {
        width: 240px;
        height: auto;
        padding: 0 20px;
        margin-bottom: 100px;
        text-align: center; }
        #edDigital .conteudo section.capa figure {
          padding-bottom: 2px; }
          #edDigital .conteudo section.capa figure img {
            width: 240px;
            height: auto; }
        #edDigital .conteudo section.capa div {
          width: 245px;
          background-color: #ddd; }
        #edDigital .conteudo section.capa h3 {
          font-size: 15px;
          text-transform: uppercase;
          font-family: "latoregular";
          color: #3e88d7;
          font-weight: bold;
          padding-top: 10px; }
        #edDigital .conteudo section.capa p.data {
          color: #444;
          font-family: "latoregular";
          font-size: 12px;
          padding-bottom: 10px; }
          #edDigital .conteudo section.capa p.data strong {
            font-size: 14px;
            font-weight: bold; }
      #edDigital .conteudo section.autenticacao {
        width: 400px;
        height: 475px; }
        #edDigital .conteudo section.autenticacao form {
          width: 100%;
          clear: both; }
          #edDigital .conteudo section.autenticacao form fieldset {
            border: 1px solid #ddd;
            background-color: #fff;
            width: 100%;
            margin-bottom: 15px; }
            #edDigital .conteudo section.autenticacao form fieldset label {
              background-color: #3e88d7;
              width: 40px;
              height: 40px;
              /*display: inline-block;*/
              display: block;
              float:left; }
              #edDigital .conteudo section.autenticacao form fieldset label i.ico-user-p {
                width: 40px;
                height: 40px;
                background-position: -120px -978px; }
              #edDigital .conteudo section.autenticacao form fieldset label i.ico-pass-p {
                width: 40px;
                height: 40px;
                background-position: -119px -1025px; }
            #edDigital .conteudo section.autenticacao form fieldset input {
              text-transform: uppercase;
              vertical-align: top;
              line-height: 40px;
              border: none;
              width: 80%;
              padding: 0 15px; }
              #edDigital .conteudo section.autenticacao form fieldset input:placeholder {
                color: #444; }
          #edDigital .conteudo section.autenticacao form input[type=submit].btnForm {
            margin: 45px 0 15px 0; }
        #edDigital .conteudo section.autenticacao > div {
          display: -webkit-flex;
          /* Safari */
          -webkit-align-items: flex-start;
          /* Safari 7.0+ */
          display: flex;
          align-items: flex-start; }
          #edDigital .conteudo section.autenticacao > div .blcOutros {
            cursor: pointer;
            margin: 10px;
            width: 190px;
            height: 190px;
            border: 1px solid #ddd;
            background-color: #fff;
            border-radius: 5px; }
            #edDigital .conteudo section.autenticacao > div .blcOutros a {
              padding: 0 10px;
              overflow: hidden;
              width: 100%;
              height: 100%;
              display: block; }
            #edDigital .conteudo section.autenticacao > div .blcOutros.serAssinante p, #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis p:first-child {
              font-size: 30px;
              text-align: center;
              font-family: "latoregular";
              font-weight: bold; }
            #edDigital .conteudo section.autenticacao > div .blcOutros.serAssinante p, #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis p:last-child {
              border-top: 1px dotted #ddd; }
            #edDigital .conteudo section.autenticacao > div .blcOutros.serAssinante a {
              color: #3e88d7; }
            #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis {
              color: #1DC670;
              text-align: center; }
              #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis p:first-child {
                height: 110px;
                padding-top: 25px; }
              #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis p:last-child {
                font-family: Arial, Tahoma, sans-serif;
                font-size: 16px;
                padding: 15px; }
              #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis a {
                color: #1DC670; }
                #edDigital .conteudo section.autenticacao > div .blcOutros.acessoGratis a:hover {
                  background-color: #1DC670;
                  color: #fff; }
            #edDigital .conteudo section.autenticacao > div .blcOutros .pictograma {
              width: 80px;
              height: 80px;
              overflow: hidden;
              display: block;
              margin: 15px auto;
              position: relative; }
              #edDigital .conteudo section.autenticacao > div .blcOutros .pictograma .kbca {
                width: 45px;
                height: 45px;
                border-radius: 50%;
                background-color: #3e88d7;
                border: 4px solid #fff;
                display: block;
                position: absolute;
                top: 5px;
                left: 17px;
                z-index: 1; }
              #edDigital .conteudo section.autenticacao > div .blcOutros .pictograma .corpo {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                background-color: #3e88d7;
                display: block;
                position: absolute;
                top: 40px;
                left: 0px; }
        #edDigital .conteudo section.autenticacao span.esqueceuSenha,
        #edDigital .conteudo section.autenticacao span.alteraSenha {
          width: 50%;
          text-transform: uppercase;
          color: #444;
          font-size: 12px;
          font-family: "latoregular";
          display: inline-block;
          cursor: pointer; }
        #edDigital .conteudo section.autenticacao span.esqueceuSenha {
          text-align: left; }
        #edDigital .conteudo section.autenticacao span.alteraSenha {
          text-align: right; }
        #edDigital .conteudo section.autenticacao span.semSenha {
          text-transform: uppercase;
          color: #444;
          font-size: 12px;
          font-family: "latoregular";
          cursor: pointer; }
      #edDigital .conteudo section.outros {
        width: 245px;
        height: 475px;
        padding: 0 20px; }
        #edDigital .conteudo section.outros figure {
          margin-bottom: 10px; }
        #edDigital .conteudo section.outros .duvidas {
          position: relative;
          margin-top: 50px; }
          #edDigital .conteudo section.outros .duvidas .retangulo {
            background-color: #ccc;
            display: block;
            height: 40px;
            line-height: 40px;
            padding-left: 80px;
            font-size: 24px;
            color: #666;
            font-family: "latoregular";
            font-weight: bold; }
          #edDigital .conteudo section.outros .duvidas .square {
            z-index: 1;
            position: absolute;
            left: 10px;
            top: -5px;
            background-color: #3e88d7;
            border-radius: 5px;
            transform: rotate(45deg);
            width: 50px;
            height: 50px;
            border: 1px solid #fff;
            display: block; }
            #edDigital .conteudo section.outros .duvidas .square span {
              transform: rotate(-45deg);
              font-weight: bold;
              color: #fff;
              text-align: center;
              line-height: 50px;
              display: block;
              font-size: 40px;
              font-family: "latoregular"; }
          #edDigital .conteudo section.outros .duvidas a {
            display: block; }
  #edDigital nav.flip {
    font-family: "latoregular";
    font-size: 12px;
    background-color: #fff; }
    #edDigital nav.flip ul {
      display: inline-block;
      width: 100%; }
      #edDigital nav.flip ul li {
        float: left;
        text-transform: uppercase;
        margin: 0 20px; }
        #edDigital nav.flip ul li a {
          color: #444; }
        #edDigital nav.flip ul li a:hover {
          color: #3e88d7;
          cursor: pointer; }
        #edDigital nav.flip ul li:hover .ico-edHoje {
          background-position: 6px -50px; }
        #edDigital nav.flip ul li:hover .ico-colunistas {
          background-position: -34px -50px; }
        #edDigital nav.flip ul li:hover .ico-cadernos {
          background-position: -78px -50px; }
        #edDigital nav.flip ul li:hover .ico-mapaCadernos {
          background-position: -125px -50px; }
        #edDigital nav.flip ul li:hover .ico-acervo {
          background-position: -174px -50px; }
        #edDigital nav.flip ul li i {
          margin: 10px auto 0 auto; }
        #edDigital nav.flip ul li span {
          line-height: 30px; }
        #edDigital nav.flip ul li.logout {
          float: right;
          margin-top: 20px; }
          #edDigital nav.flip ul li.logout span {
            display: block;
            float: left;
            line-height: 50px; }
          #edDigital nav.flip ul li.logout:hover .arrowRight {
            background-position: -214px -65px; }
  #edDigital .subMenu {
    display: inline-block;
    color: #fff;
    background-color: #3e88d7;
    width: 100%;
    line-height: 30px;
    font-family: "latoregular";
    font-size: 15px; }
    #edDigital .subMenu a, #edDigital .subMenu a:hover {
      color: #fff;
      padding: 10px 0 5px 0;
      display: block; }
    #edDigital .subMenu li {
      float: left;
      text-transform: uppercase;
      margin: 0 20px;
      border-bottom: 5px solid #3e88d7;
      cursor: pointer; }
      #edDigital .subMenu li.ativo {
        border-bottom: 5px solid #eee !important; }
  #edDigital h1.tituloPagina {
    width: 100%;
    border-top: 2px solid #3e88d7;
    padding: 0 2%;
    background-color: #fff;
    line-height: 50px;
    font-family: "latoregular";
    font-size: 25px;
    color: #3e88d7;
    text-transform: uppercase; }
    #edDigital h1.tituloPagina legend {
      display: inline-block; }
    #edDigital h1.tituloPagina .triangulo {
      display: block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #fff;
      bottom: -10px;
      height: 0;
      left: 22px;
      position: absolute;
      width: 0; }
    #edDigital h1.tituloPagina span {
      cursor: pointer;
      float: right;
      padding: 10px;
      font-size: 16px;
      line-height: 30px;
      color: #000; }
      #edDigital h1.tituloPagina span.ativo {
        background-color: #3e88d7;
        color: #fff; }
  #edDigital .conteudoFlip {
    width: 100%; }
    #edDigital .conteudoFlip .acervo .capaAcervo li {
      width: 142px;
      float: left;
      margin: 2% 4.3%; }
      #edDigital .conteudoFlip .acervo .capaAcervo li p {
        font-family: "latoregular";
        font-size: 11px;
        color: #444;
        line-height: 16px; }
    #edDigital .conteudoFlip .colunistas figure {
      overflow: hidden;
      border: 1px solid #3e88d7;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      float: left;
      margin-right: 10px; }
    #edDigital .conteudoFlip .boxItem {
      background-color: #fff;
      border: 1px solid #ccc;
      width: 30%;
      margin: 1.65%;
      padding: 1%;
      float: left;
      font-family: "latoregular"; }
      #edDigital .conteudoFlip .boxItem .dadosColunista {
        color: #444;
        font-size: 14px;
        line-height: 130%; }
        #edDigital .conteudoFlip .boxItem .dadosColunista p.nome {
          text-transform: uppercase;
          color: #3e88d7; }
        #edDigital .conteudoFlip .boxItem .dadosColunista p.coluna {
          text-transform: uppercase; }
      #edDigital .conteudoFlip .boxItem .dias {
        width: 100%;
        display: inline-block;
        margin-top: 10px;
        padding-top: 10px;
        clear: both;
        border-top: 1px solid #ccc;
        color: #888;
        font-size: 12px;
        text-transform: uppercase; }
        #edDigital .conteudoFlip .boxItem .dias span {
          color: #3e88d7;
          padding-left: 5.5%; }
    #edDigital .conteudoFlip .mapaCadernos table {
      width: 98%;
      vertical-align: middle;
      margin: 1%;
      color: #444;
      text-transform: uppercase;
      font-family: "latoregular";
      border-collapse: collapse; }
      #edDigital .conteudoFlip .mapaCadernos table col:nth-child(even) {
        background-color: #fff; }
      #edDigital .conteudoFlip .mapaCadernos table col {
        width: 10%; }
      #edDigital .conteudoFlip .mapaCadernos table col:nth-child(1) {
        width: 30%;
        font-weight: bold; }
      #edDigital .conteudoFlip .mapaCadernos table td {
        padding: 1%; }
        #edDigital .conteudoFlip .mapaCadernos table td p {
          text-align: center;
          font-size: 11px; }
      #edDigital .conteudoFlip .mapaCadernos table thead {
        font-size: 20px;
        text-align: center;
        background-color: #eee;
        font-weight: bold; }
      #edDigital .conteudoFlip .mapaCadernos table tbody {
        border: 1px solid #ddd; }
        #edDigital .conteudoFlip .mapaCadernos table tbody tr:hover {
          border-bottom: 1px solid #aaa; }
      #edDigital .conteudoFlip .mapaCadernos table span {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        border-radius: 50%;
        background-color: #aaa; }

#paginacao {
  font-family: "latoregular";
  margin: 20px;
  text-align: center; }
  #paginacao .paginas {
    border: 1px solid #3e88d7;
    display: inline-block; }
    #paginacao .paginas * {
      color: #3e88d7;
      cursor: pointer;
      display: inline-block;
      float: left;
      font-size: 20px;
      line-height: 40px;
      padding: 0 15px;
      text-align: center; }
    #paginacao .paginas em {
      padding: 5px 0; }
      #paginacao .paginas em:first-child .arrowRight {
        transform: rotate(180deg); }

#paginacao .paginas .select, #paginacao .paginas a:hover {
  background-color: #3e88d7;
  color: #fff; }

#paginacao .paginas em:hover .arrowRight {
  background-position: -214px -65px; }

.btnForm {
  background-color: #3e88d7;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  font-family: "latoregular";
  border: none;
  border-bottom: 4px solid #1A5E86;
  width: 100%; }

.mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  padding: 0 30%;
  /*.modalDialog{width: 30%; height: 200px; -webkit-flex: 1; flex: 1; background-color: #fff; border:1px solid #aaa; border-radius: 5px;*/ }
  .mask .modalDialog {
    width: 100%;
    /*width: 30%;*/
    height: auto;
    top: 20px;
    /*-webkit-flex: 1; flex: 1;*/
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 20px; }
    .mask .modalDialog .btnFechar {
      font-family: Arial, Tahoma, sans-serif;
      position: absolute;
      top: -10px;
      right: -10px;
      border-radius: 5px;
      border: 2px solid #fff;
      width: 35px;
      height: 35px;
      background-color: #3e88d7;
      color: #fff;
      line-height: 30px;
      text-align: center; }
      .mask .modalDialog .btnFechar a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        cursor: pointer; }
    .mask .modalDialog fieldset {
      margin-bottom: 20px; }
    .mask .modalDialog h3 {
      font-family: "latoregular";
      font-size: 30px;
      color: #444;
      margin-bottom: 20px; }
  .mask legend {
    text-transform: uppercase;
    color: #555;
    font-family: "latoregular"; }
  .mask input[type=text], .mask input[type=password], .mask textarea {
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px 15px; }
  .mask form {
    display: none; }
  .mask p {
    font-family: "latoregular";
    font-size: 12px;
    margin-bottom: 15px; }

.triangulo {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 10; }

.msg {
  font-size: 12px;
  border-radius: 5px;
  width: 100%;
  padding: 15px 25px;
  text-transform: uppercase;
  font-family: "latoregular";
  color: #fff;
  margin: 10px 0; }
  .msg.erro {
    background-color: #BC151C; }
  .msg.ok {
    background-color: #1DC670; }

/*RODAPE*/
#rodapePortal {
  width: 100%;
  height: 540px;
  background-color: #444444;
  clear: both; }
  #rodapePortal .topoRodape {
    width: 100%;
    height: 55px;
    border-bottom: 5px solid #2469AE;
    background-color: #3E89D7; }
  #rodapePortal .conteudoTopo {
    height: 100%;
    margin: 0 auto;
    float: none !important; }
  #rodapePortal .marcaRodape {
    float: left;
    margin: 10px; }
  #rodapePortal .conteudoTopo ul {
    float: left; }
  #rodapePortal .conteudoTopo ul li {
    float: left;
    font-size: 14px;
    font-family: 'latoregular';
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 50px; }
  #rodapePortal .baseRodape {
    width: 100%;
    height: auto; }
  #rodapePortal .conteudoRodape {
    height: 100%;
    margin: 0 auto;
    float: none; }
  #rodapePortal .colunaImpresso {
    float: left;
    padding-top: 25px;
    margin-right: 30px; }
  #rodapePortal .impresso {
    border-radius: 5px;
    position: relative;
    width: 192px;
    height: 189px;
    overflow: hidden; }
  #rodapePortal .app {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #3E89D7;
    border-radius: 5px 0 5px 0;
    padding: 5px;
    z-index: 10; }
    #rodapePortal .app a {
      display: block;
      width: 100%;
      height: 100%; }
  #rodapePortal .assine {
    border-radius: 5px;
    font-family: 'latoregular';
    border: 1px solid #666;
    margin-top: 25px;
    padding-bottom: 10px; }
    #rodapePortal .assine h4 {
      background-color: #3E89D7;
      line-height: 30px;
      color: #fff;
      font-size: 17px;
      text-transform: uppercase;
      text-align: center; }
    #rodapePortal .assine p {
      color: #ddd; }
      #rodapePortal .assine p:nth-child(even) {
        font-size: 12px;
        margin: 10px 5px 0 5px;
        font-style: italic; }
      #rodapePortal .assine p:nth-child(odd) {
        font-size: 14px;
        margin: 0px 5px 0 5px; }
      #rodapePortal .assine p:last-child {
        font-size: 12px !important; }
  #rodapePortal .colunaCanais {
    width: 320px;
    min-height: 302px;
    float: left;
    padding: 5px 30px;
    margin-top: 20px;
    border-left: 1px dotted #666;
    border-right: 1px dotted #666; }
  #rodapePortal .colunaCanais a,
  #rodapePortal .colunaEmpresas a {
    color: #ccc; }
  #rodapePortal .colunaCanais li {
    width: 120px;
    float: left;
    font-size: 14px;
    font-family: 'latoregular';
    color: #ccc;
    line-height: 26px; }
    #rodapePortal .colunaCanais li:nth-child(even) {
      margin-left: 10px; }
    #rodapePortal .colunaCanais li a:hover {
      color: #3E89D7; }
  #rodapePortal .tituloColuna {
    font-family: 'latoregular';
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px; }
  #rodapePortal .colunaEmpresas {
    float: left;
    margin-top: 20px;
    padding: 5px 20px; }
    #rodapePortal .colunaEmpresas li {
      text-transform: uppercase;
      font-size: 14px;
      font-family: 'latoregular';
      color: #ccc;
      line-height: 26px; }
    #rodapePortal .colunaEmpresas .ico-simboloAtarde-g {
      float: left;
      margin-right: 5px;
      margin-top: -10px; }
  #rodapePortal .colunaContatos {
    width: 200px;
    float: right;
    padding: 0 20px;
    margin-top: 20px;
    border-left: 1px dotted #666; }
  #rodapePortal .redesSociais {
    display: inline-block; }
    #rodapePortal .redesSociais span a {
      display: block;
      width: 100%;
      height: 100%; }
    #rodapePortal .redesSociais .ico-tw-branco,
    #rodapePortal .redesSociais .ico-fb-branco,
    #rodapePortal .redesSociais .ico-go-branco {
      margin-left: 5px; }
  #rodapePortal .faleConosco {
    border-radius: 36px;
    height: 36px;
    padding: 0 9px;
    margin: 20px 0;
    line-height: 36px;
    background-color: #fff;
    text-transform: uppercase;
    color: #333;
    font-size: 15px;
    font-family: 'latoregular'; }
    #rodapePortal .faleConosco a {
      color: #333; }
    #rodapePortal .faleConosco strong {
      font-family: 'latobold'; }
    #rodapePortal .faleConosco .ico-email-g-cinza {
      margin-top: 10px;
      margin-right: 5px; }
  #rodapePortal .redacao {
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
    padding-top: 10px; }
  #rodapePortal .redacao > p:nth-child(odd),
  #rodapePortal .classificados > p:nth-child(odd) {
    font-size: 12px;
    font-style: italic;
    color: #ddd;
    line-height: 15px; }
  #rodapePortal .whatsapp > p:nth-child(even) {
    font-size: 12px;
    font-style: italic;
    color: #ddd; }
  #rodapePortal .redacao p:nth-child(even),
  #rodapePortal .classificados p:nth-child(even) {
    font-size: 14px;
    color: #ddd;
    margin-bottom: 10px; }
  #rodapePortal .whatsapp p:nth-child(odd) {
    font-size: 14px;
    color: #ddd; }
  #rodapePortal .whatsapp .ico-wApp {
    float: left; }
  #rodapePortal .whatsapp {
    margin-bottom: 15px; }
  #rodapePortal .outrosRodape {
    width: 730px;
    float: left;
    border-top: 1px dotted #666;
    margin-top: 20px; }
    #rodapePortal .outrosRodape a {
      color: #fff; }
  #rodapePortal .atardeMais {
    float: left;
    width: 140px;
    margin: 20px; }
    #rodapePortal .atardeMais p {
      color: #fff;
      font-family: 'latoregular';
      text-transform: uppercase;
      font-size: 14px;
      text-align: right;
      width: 100px;
      float: left; }
  #rodapePortal .anuncie {
    float: left;
    width: 110px;
    margin: 20px; }
    #rodapePortal .anuncie p {
      color: #fff;
      line-height: 40px;
      font-family: 'latoregular';
      font-size: 14px;
      text-align: right;
      float: left;
      text-transform: uppercase; }
  #rodapePortal .anuncieClassi {
    float: left;
    margin: 20px;
    width: 230px; }
    #rodapePortal .anuncieClassi p {
      font-family: 'latoregular';
      text-transform: uppercase;
      font-size: 14px; }
      #rodapePortal .anuncieClassi p:nth-child(odd) {
        text-align: right;
        float: left;
        color: #fff;
        width: 130px; }
      #rodapePortal .anuncieClassi p:nth-child(even) {
        line-height: 30px;
        float: right;
        color: #ddd; }
  #rodapePortal .copyright {
    width: 100%;
    border-top: 1px dotted #666;
    line-height: 50px;
    font-family: 'latoregular';
    clear: both;
    color: #fff;
    text-align: right;
    font-size: 12px; }

/*======================================SPRITE 2015======================================*/
.sprite2015 {
  background-image: url("../images/sprite2015.png") !important;
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px; }

.ico-tw {
  width: 25px;
  height: 25px;
  background-position: 0 -71px; }

.ico-fb {
  width: 25px;
  height: 25px;
  background-position: -27px -71px; }

.ico-go {
  width: 25px;
  height: 25px;
  background-position: -55px -71px; }

.ico-tw:hover, #materia .ico-tw {
  background-position: 0 -37px; }

.ico-fb:hover, #materia .ico-fb {
  background-position: -27px -37px; }

.ico-go:hover, #materia .ico-go {
  background-position: -55px -37px; }

.ico-tw-branco {
  width: 36px;
  height: 36px;
  background-position: -84px -37px;
  float: left; }

.ico-fb-branco {
  width: 36px;
  height: 36px;
  background-position: -125px -37px;
  float: left; }

.ico-go-branco {
  width: 36px;
  height: 36px;
  background-position: -166px -37px;
  float: left; }

.ico-tw-big {
  width: 76px;
  height: 76px;
  margin: 0 3px;
  background-position: -14px -538px;
  float: left;
  text-indent: -9999px; }

.ico-fb-big {
  width: 76px;
  height: 76px;
  margin: 0 3px;
  background-position: -96px -538px;
  float: left;
  text-indent: -9999px; }

.ico-go-big {
  width: 76px;
  height: 76px;
  margin: 0 3px;
  background-position: -178px -538px;
  float: left;
  text-indent: -9999px; }

.ico-tw-p {
  width: 25px;
  height: 40px;
  background-color: #2CA8D2;
  background-position: -80px -895px;
  text-indent: -9999px; }

.ico-fb-p {
  width: 25px;
  height: 40px;
  background-color: #305891;
  background-position: -80px -855px;
  text-indent: -9999px; }

.ico-go-p {
  width: 25px;
  height: 40px;
  background-color: #CE4D39;
  background-position: -80px -937px;
  text-indent: -9999px; }

.ico-ins-p {
  width: 25px;
  height: 40px;
  background-color: #A97960;
  background-position: -81px -977px;
  text-indent: -9999px; }

.ico-zap-p {
  width: 25px;
  height: 40px;
  background-color: #2DB200;
  background-position: -81px -1017px;
  text-indent: -9999px; }

.ico-twTopo {
  width: 39px;
  height: 39px;
  background-position: 5px 3px;
  float: left;
  text-indent: -999px;
  border-radius: 50%; }

.ico-fbTopo {
  width: 39px;
  height: 39px;
  background-position: -37px 3px;
  float: left;
  text-indent: -999px;
  border-radius: 50%; }

.ico-goTopo {
  width: 39px;
  height: 39px;
  background-position: -80px 3px;
  float: left;
  text-indent: -999px;
  border-radius: 50%; }

.ico-insTopo {
  width: 39px;
  height: 39px;
  background-position: -118px 3px;
  float: left;
  text-indent: -999px;
  border-radius: 50%; }

.ico-twTopo:hover,
.ico-fbTopo:hover,
.ico-goTopo:hover,
.ico-insTopo:hover {
  background-color: #6EABEB; }

.ico-ampliar {
  background-position: -26px -334px;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 10px;
  right: 10px; }

.ico-pdf-p {
  background-position: -159px -334px;
  width: 17px;
  height: 21px;
  margin-left: 5px;
  float: right; }

.ico-file-p {
  background-position: -138px -334px;
  width: 16px;
  height: 20px;
  margin-left: 5px;
  float: right; }

.ico-file-g {
  background-position: -104px -174px;
  width: 54px;
  height: 55px; }

/*.ico-email{background-position: ;}*/
.ico-email-g-branco {
  width: 22px;
  height: 15px;
  background-position: -56px -334px; }

.ico-email-g-cinza {
  width: 22px;
  height: 15px;
  background-position: -56px -357px;
  float: left; }

.ico-feed {
  width: 36px !important;
  height: 36px !important;
  background-position: -233px -37px !important;
  float: left; }

.ico-atardeMais {
  background-position: -180px -117px;
  width: 35px;
  height: 35px;
  float: right; }

.ico-anuncie {
  background-position: -225px -117px;
  width: 37px;
  height: 37px;
  float: right; }

/*.ico-simboloAtarde{background-position: ;}*/
.ico-simboloAtarde-g {
  background-position: -80px -366px;
  width: 33px;
  height: 35px; }

.ico-android {
  background-position: -160px -174px;
  width: 25px;
  height: 25px;
  float: left; }

.ico-ios {
  background-position: -160px -205px;
  width: 25px;
  height: 25px;
  float: left; }

.ico-android-g {
  background-position: -56px -786px;
  width: 50px;
  height: 50px; }

.ico-android-xg {
  background-position: 2px -904px;
  width: 75px;
  height: 75px; }

.ico-ios-g {
  background-position: 2px -786px;
  width: 50px;
  height: 50px; }

.ico-ios-xg {
  background-position: 2px -984px;
  width: 73px;
  height: 80px; }

.ico-wApp {
  background-position: 0px -371px;
  width: 29px;
  height: 29px; }

.ico-foto {
  width: 35px;
  height: 34px;
  background-position: -233px -279px;
  position: absolute;
  bottom: 5px;
  right: 5px; }

.ico-video {
  width: 35px;
  height: 34px;
  background-position: -198px -279px;
  position: absolute;
  bottom: 5px;
  right: 5px; }

.noticia figure:hover .ico-foto {
  background-position: -233px -244px; }

.noticia figure:hover .ico-video {
  background-position: -198px -244px; }

.esporte figure:hover .ico-foto {
  background-position: -233px -173px; }

.esporte figure:hover .ico-video {
  background-position: -198px -173px; }

.entretenimento figure:hover .ico-foto {
  background-position: -233px -208px; }

.entretenimento figure:hover .ico-video {
  background-position: -198px -208px; }

.noticia .ico-audio-g {
  width: 54px;
  height: 55px;
  background-position: 0px -106px; }

.esporte .ico-audio-g {
  width: 54px;
  height: 55px;
  background-position: -58px -106px; }

.entretenimento .ico-audio-g {
  width: 54px;
  height: 55px;
  background-position: -117px -106px; }

.noticia .audioAtivo {
  background-position: 0px -474px !important; }

.esporte .audioAtivo {
  background-position: -58px -474px !important; }

.entretenimento .audioAtivo {
  background-position: -117px -474px !important; }

.noticia .marcacaoAspas {
  float: left;
  background-position: 5px -420px;
  width: 50px;
  height: 30px; }

.esporte .marcacaoAspas {
  float: left;
  background-position: -77px -420px;
  width: 50px;
  height: 30px; }

.entretenimento .marcacaoAspas {
  float: left;
  background-position: -35px -420px;
  width: 50px;
  height: 30px; }

.ico-seguirMateria {
  background-position: -160px -374px;
  width: 30px;
  height: 35px;
  float: right;
  margin-left: 5px; }

.seguirAtivo {
  background-position: -160px -403px; }

.ico-favorito {
  background-position: -190px -373px;
  width: 40px;
  height: 35px; }

.favoritoAtivo {
  background-position: -190px -403px; }

.ico-enviarAmigo {
  background-position: -228px -370px;
  width: 40px;
  height: 35px; }

.ico-imprimir {
  background-position: -210px -438px;
  width: 40px;
  height: 35px;
  float: left;
  cursor: pointer; }

.ico-reportarErro {
  background-position: -230px -317px;
  width: 40px;
  height: 35px; }

.ico-aumentar {
  background-position: -159px -445px;
  width: 25px;
  height: 25px;
  float: left;
  border-radius: 3px;
  background-color: #888;
  margin-right: 2px;
  margin-top: 6px;
  cursor: pointer; }

.ico-diminuir {
  background-position: -186px -445px;
  width: 25px;
  height: 25px;
  float: left;
  border-radius: 3px;
  background-color: #888;
  margin-top: 6px;
  cursor: pointer; }

.proximo-branco {
  background-position: -141px -241px;
  z-index: 2;
  padding: 20px;
  position: relative;
  background-color: #3E89D7; }

.anterior-branco {
  background-position: -141px -284px;
  z-index: 2;
  padding: 20px;
  position: relative;
  background-color: #3E89D7; }

.ico-ultimas {
  background-position: 0px -629px;
  width: 39px;
  height: 34px;
  float: left;
  margin: 0 5px; }

.ico-Passaporte-p {
  background-position: -2px -334px;
  height: 27px;
  width: 20px;
  float: left;
  margin-right: 10px; }

.areaPassaporte > .login:hover .ico-Passaporte-p {
  background-position: -182px -487px; }

.ico-contato {
  background-position: -55px -334px;
  width: 24px;
  height: 16px;
  float: left;
  margin: 12px;
  text-indent: -9999px; }

.areaPassaporte > .contato:hover .ico-contato {
  background-position: -54px -378px; }

.ico-grupo-p {
  background-position: -85px -334px;
  width: 23px;
  height: 22px;
  float: left;
  margin: 9px 13px;
  text-indent: -9999px; }

.areaPassaporte > .grupo:hover .ico-grupo-p {
  background-position: -209px -487px; }

.ico-Busca {
  width: 22px;
  height: 23px;
  background-position: -114px -334px;
  text-indent: -9999px;
  margin: 9px 13px; }

.areaPassaporte > .busca:hover .ico-Busca {
  background-position: -241px -486px; }

.ico-config {
  width: 17px;
  height: 17px;
  background-position: -195px -7px;
  margin: 12px 13px; }

.areaPassaporte > .logado.click .ico-config {
  background-position: -168px -7px; }

.ico-anuncie-blue {
  width: 35px;
  height: 35px;
  background-position: -220px -634px;
  margin: 0 auto; }

.ico-atMais-blue {
  width: 32px;
  height: 35px;
  background-position: -173px -633px;
  margin: 0 auto; }

.ico-contatos-blue {
  width: 37px;
  height: 35px;
  background-position: -116px -635px;
  margin: 0 auto; }

.ico-assine {
  width: 115px;
  height: 51px;
  background-position: -147px -689px;
  margin: 0 auto; }

.ico-mais {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #AAAAAA;
  border-radius: 50%;
  color: #AAAAAA;
  font-size: 20px;
  font-family: Arial, Tahoma, sans-serif;
  text-align: center;
  line-height: 23px; }

.ico-mais a {
  color: #aaaaaa; }

.ico-imoveis {
  width: 65px;
  height: 58px;
  background-position: -119px -797px; }

.ico-veiculos {
  width: 65px;
  height: 58px;
  background-position: -193px -797px; }

.ico-empregos {
  width: 65px;
  height: 58px;
  background-position: -120px -875px; }

.ico-diversos {
  width: 65px;
  height: 58px;
  background-position: -196px -875px; }

.ico-videos {
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: rotate(-90deg); }

.ico-videos .seta {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 25px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 35px;
  left: 25px; }

.ico-noticias {
  width: 30px;
  height: 30px;
  background-position: -1px -693px;
  float: left;
  margin: 5px 10px; }

.ico-esportes {
  width: 30px;
  height: 30px;
  background-position: -51px -693px;
  float: left;
  margin: 5px 10px; }

.ico-entretenimento {
  width: 30px;
  height: 30px;
  background-position: -100px -692px;
  float: left;
  margin: 5px 10px; }

.ico-noticias:hover {
  background-position: -1px -736px; }

.ico-esportes:hover {
  background-position: -51px -736px; }

.ico-entretenimento:hover {
  background-position: -100px -735px; }

.select .seta {
  background-position: -126px -950px;
  width: 24px;
  height: 15px;
  float: right;
  margin: 5px 10px; }

.ico-hora {
  background-position: -197px -949px;
  width: 29px;
  height: 29px;
  margin: 0 5px; }

.spriteFlip {
  background-image: url("../images/spriteFlip.png") !important;
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px; }
  .spriteFlip.ico-edHoje {
    background-position: 6px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-edHoje:hover {
      background-position: 6px -50px; }
  .spriteFlip.ico-colunistas {
    background-position: -34px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-colunistas:hover {
      background-position: -34px -50px; }
  .spriteFlip.ico-cadernos {
    background-position: -78px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-cadernos:hover {
      background-position: -78px -50px; }
  .spriteFlip.ico-mapaCadernos {
    background-position: -125px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-mapaCadernos:hover {
      background-position: -125px -50px; }
  .spriteFlip.ico-acervo {
    background-position: -174px 0px;
    width: 44px;
    height: 43px; }
    .spriteFlip.ico-acervo:hover {
      background-position: -174px -50px; }
  .spriteFlip.arrowRight {
    background-position: -214px -15px;
    width: 44px;
    height: 30px;
    float: left; }

@media screen and (min-width: 1024px) {
  .grid1 {
    width: 65px;
    float: left; }

  .grid2 {
    width: 130px;
    float: left; }

  .grid3 {
    width: 195px;
    float: left; }

  .grid4 {
    width: 260px;
    float: left; }

  .grid5 {
    width: 310px;
    float: left; }

  .grid6 {
    width: 390px;
    float: left; }

  .grid7 {
    width: 460px;
    float: left; }

  .grid8 {
    width: 520px;
    float: left; }

  .grid9 {
    width: 585px;
    float: left; }

  .grid10 {
    width: 635px;
    float: left; }

  .grid11 {
    width: 715px;
    float: left; }

  .grid12 {
    width: 780px;
    float: left; }

  .grid13 {
    width: 845px;
    float: left; }

  .grid14 {
    width: 910px;
    float: left; }

  .grid15 {
    width: 975px;
    float: left; }

  .grid16 {
    width: 1040px;
    float: left; }

  .grid17 {
    width: 1105px;
    float: left; }

  .grid18 {
    width: 1170px;
    float: left; }

  .grid19 {
    width: 1235px;
    float: left; } }
@media screen and (max-width: 768px) {
  .m-grid15 {
    width: 100%; }
    .m-grid15 fieldset {
      width: 100%;
      float: none; }
    .m-grid15 form {
      padding: 20px; }

  #rodapePortal {
    display: none; }

  #edDigital nav.flip ul li {
    margin: 0 7px;
    font-size: 10px; }
    #edDigital nav.flip ul li.logout {
      position: absolute;
      bottom: -50px;
      z-index: 10;
      right: 0; }
  #edDigital h1.tituloPagina {
    line-height: 40px;
    font-size: 20px; }
    #edDigital h1.tituloPagina legend {
      width: 100%; }
    #edDigital h1.tituloPagina span {
      font-size: 12px; }
  #edDigital .conteudoFlip .boxItem .dias span {
    padding-left: 4%; }
  #edDigital .conteudoFlip .boxItem {
    width: 98%; }
  #edDigital .conteudoFlip .acervo .capaAcervo li {
    margin: 2% 5%; }
  #edDigital .conteudoFlip .mapaCadernos table td {
    font-size: 12px; }
  #edDigital .conteudoFlip .mapaCadernos table span {
    width: 10px;
    height: 10px; }
  #edDigital .subMenu {
    font-size: 10px; }
    #edDigital .subMenu li {
      margin: 0 1%;
      line-height: 20px;
      width: 23%;
      text-align: center; } }
/*===[inicio] TOPO PORTAL===*/
#topoPortal {
  width: 100%;
  height: 60px;
  background-color: #3E88D7;
  margin-bottom: 15px;
  position: relative; }
  #topoPortal h1.marca {
    width: 200px;
    height: 60px;
    background: url(../images/marcaTopo.png) no-repeat center;
    margin: 0 auto; }
    #topoPortal h1.marca a {
      text-indent: -9999px;
      display: block; }
  #topoPortal .menu {
    position: absolute;
    left: 20px;
    top: 0px;
    border-right: 1px solid #fff; }
    #topoPortal .menu > .triangulo {
      display: block;
      bottom: 0;
      right: -5.4px;
      border-top: transparent;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #fff; }
    #topoPortal .menu:hover {
      background-color: #444; }
      #topoPortal .menu:hover .ico-menu::before {
        border-color: #3e88d7; }
      #topoPortal .menu:hover > nav {
        display: block; }
    #topoPortal .menu > nav {
      background-color: #444;
      position: absolute;
      top: 60px;
      width: 180px;
      height: auto;
      display: none;
      z-index: 99999;
      border-bottom: 5px solid #6EABEB; }
  #topoPortal .ico-menu {
    cursor: pointer;
    font-size: 17px;
    margin: 15px; }
    #topoPortal .ico-menu::before {
      border-bottom: 0.4em solid #fff;
      border-color: #fff;
      border-top: 1em double #fff;
      content: "";
      float: left;
      height: 0.3em;
      left: 0;
      top: 0.2em;
      width: 2em;
      margin-bottom: 17px; }
    #topoPortal .ico-menu .ativo::before {
      border-color: #3e88d7; }
  #topoPortal .iconegrupos {
    position: absolute;
    left: 105px;
    top: 10px; }

.redesSociaisAtarde {
  position: fixed;
  right: 0px;
  top: 20%;
  z-index: 99999;
  width: 235px; }

.redesSociaisAtarde i {
  float: left;
  cursor: pointer; }

.redesSociaisAtarde > div {
  clear: both; }

.aba-fb {
  position: absolute;
  top: 0;
  right: -185px;
  width: 210px;
  z-index: 998; }

.aba-tw {
  position: absolute;
  top: 41px;
  right: -185px;
  width: 210px;
  z-index: 998; }

.aba-go {
  position: absolute;
  top: 82px;
  right: -185px;
  width: 210px;
  z-index: 998; }

.aba-ins {
  position: absolute;
  top: 123px;
  right: -185px;
  width: 210px;
  z-index: 998; }

.aba-zap {
  position: absolute;
  top: 164px;
  right: -185px;
  width: 210px;
  z-index: 998; }

.cont-aba {
  float: left;
  width: 120px;
  min-height: 40px;
  padding: 10px;
  border-width: 2px;
  border-style: solid;
  background-color: #fff; }
  .cont-aba a {
    color: #444;
    font-family: 'latoregular';
    font-size: 13px; }

.aba-fb .cont-aba {
  border-color: #305891; }

.aba-tw .cont-aba {
  border-color: #2CA8D2; }

.aba-go .cont-aba {
  border-color: #CE4D39; }

.aba-ins .cont-aba {
  border-color: #A97960; }

.aba-zap .cont-aba {
  border-color: #2DB200; }

fieldset {
  border: none; }

.areaPassaporte {
  cursor: pointer;
  background-color: #6EABEB;
  border-radius: 20px;
  height: 40px;
  min-width: 250px;
  position: absolute;
  right: 25px;
  top: 10px; }
  .areaPassaporte .aba {
    background-color: #444;
    position: absolute;
    z-index: 9999;
    top: 40px;
    border-bottom: 8px solid #6EABEB;
    display: none;
    padding: 15px; }
    .areaPassaporte .aba input[type=text],
    .areaPassaporte .aba input[type=email],
    .areaPassaporte .aba input[type=password],
    .areaPassaporte .aba input[type=search] {
      border: medium none;
      line-height: 35px;
      width: 100%; }
  .areaPassaporte label {
    border-radius: 20px;
    background-color: #fff;
    height: 40px;
    width: 100%;
    margin-top: 10px;
    color: #777;
    font-size: 16px;
    font-family: 'latoregular';
    line-height: 40px;
    padding: 0 15px;
    display: block; }
  .areaPassaporte input[type="submit"] {
    background-color: #6EABEB;
    box-shadow: 0 4px 0 0 #3E88D7; }
  .areaPassaporte .logado {
    float: left;
    position: relative;
    border-radius: 15px 0  0 15px;
    min-width: 100px;
    height: 40px;
    border-right: 1px solid #3E88D7; }
    .areaPassaporte .logado .usuario {
      float: left; }
      .areaPassaporte .logado .usuario span {
        font-size: 13px;
        font-family: 'latoregular';
        color: #fff;
        line-height: 40px;
        margin: 0 5px; }
    .areaPassaporte .logado figure {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 1px solid #fff;
      float: left;
      margin: 4px;
      overflow: hidden; }
    .areaPassaporte .logado .config {
      float: right; }
    .areaPassaporte .logado.click .config {
      background: #444; }
    .areaPassaporte .logado .aba {
      border-radius: 20px 0px 0 0;
      right: 0px;
      height: 100px;
      width: 205px;
      z-index: 9999; }
  .areaPassaporte .lembrarSenha {
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Tahoma, sans-serif;
    line-height: 40px; }
    .areaPassaporte .lembrarSenha:hover {
      text-decoration: underline; }
  .areaPassaporte .contato {
    float: left;
    width: 50px;
    border-right: 1px solid #3E88D7;
    height: 40px; }
    .areaPassaporte .contato:hover {
      background: #444; }
  .areaPassaporte .grupo {
    float: left;
    width: 50px;
    border-right: 1px solid #3E88D7;
    height: 40px; }
    .areaPassaporte .grupo:hover, .areaPassaporte .grupo.click {
      background: #444; }
    .areaPassaporte .grupo .aba {
      border-radius: 20px 20px 0 0;
      right: 0px;
      height: auto;
      width: 335px;
      z-index: 9999;
      font-family: 'latoregular'; }
    .areaPassaporte .grupo p {
      color: #6CABEB;
      font-size: 18px; }
      .areaPassaporte .grupo p:first-child {
        border-bottom: 1px dotted #fff;
        font-size: 25px;
        line-height: 40px; }
    .areaPassaporte .grupo ul {
      margin: 15px 0; }
    .areaPassaporte .grupo li a {
      font-size: 14px;
      line-height: 25px;
      color: #ccc;
      margin-left: 15px; }
  .areaPassaporte .busca {
    float: right;
    border-radius: 0 20px 20px 0;
    width: 50px;
    height: 40px; }
    .areaPassaporte .busca:hover {
      background: #444; }
    .areaPassaporte .busca.click {
      border-radius: 0 20px 0px 0;
      background: #444; }
    .areaPassaporte .busca .aba {
      border-radius: 20px 0 0 0;
      right: 0;
      height: auto;
      width: 320px; }
    .areaPassaporte .busca input[type=submit] {
      margin-top: 10px; }
  .areaPassaporte .busca.click .aba,
  .areaPassaporte .login.click .aba,
  .areaPassaporte .grupo.click .aba,
  .areaPassaporte .logado.click .aba {
    display: block; }

.click {
  display: block; }

.login {
  float: left;
  border-radius: 20px 0  0 20px;
  min-width: 100px;
  height: 40px;
  padding: 7px 5px 0 15px;
  border-right: 1px solid #3E88D7; }
  .login > span {
    text-transform: uppercase;
    color: #fff;
    font-family: 'latoregular';
    font-size: 13px;
    line-height: 27px; }
  .login:hover {
    background: #444; }
    .login:hover > span {
      color: #3e88d7; }
  .login .click {
    border-radius: 20px 0 0px 0;
    background: #444; }
  .login .aba {
    border-radius: 20px 20px 0 0;
    right: 0px;
    height: auto;
    width: 335px;
    z-index: 9999; }
    .login .aba span {
      display: inline-block;
      font-size: 12px;
      padding-top: 10px; }
  .login input[type=checkbox] {
    margin-right: 5px; }
  .login fieldset {
    color: #fff;
    display: inline-block;
    font-family: Arial,Tahoma,sans-serif;
    margin-bottom: 15px;
    padding: 10px 0;
    width: 100%; }
  .login .cadastrar {
    width: 100%;
    padding: 20px 0;
    height: auto;
    background-color: #555555;
    font-family: Arial, Tahoma, sans-serif;
    color: #fff;
    font-size: 12px;
    text-align: center; }
    .login .cadastrar a {
      color: #fff; }
      .login .cadastrar a p:first-child {
        color: #6DABEB;
        font-size: 16px; }

form.degustacao {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px;
  display: inline-block;
  background-color: #ddd;
  font-family: "latoregular";
  font-size: 20px;
  color: #444; }
  form.degustacao > * {
    margin: 10px 5px; }
  form.degustacao .cep {
    margin-bottom: 0; }
  form.degustacao input[type=text], form.degustacao input[type=password], form.degustacao select {
    width: 100%;
    height: 40px;
    border: none; }
  form.degustacao input[type=radio] {
    margin-right: 10px; }
  form.degustacao label {
    line-height: 40px;
    padding-right: 15px; }
  form.degustacao fieldset.cep input[type=text] {
    width: 310px !important; }
  form.degustacao fieldset.cep button {
    border: none;
    border-radius: 5px;
    padding: 0 20px;
    line-height: 38px;
    margin-left: 10px;
    background-color: #247FB8;
    color: #fff;
    text-transform: uppercase;
    font-family: "latoregular";
    font-size: 16px; }
  form.degustacao label.check {
    font-size: 15px;
    font-family: "latoregular"; }
  form.degustacao label.check input {
    margin-right: 15px; }
  form.degustacao input[type=submit].grid5 {
    float: none;
    margin: 20px auto;
    display: table; }

.faq {
  width: 100%; }
  .faq .topo img {
    float: left;
    margin-right: 30px; }
  .faq .topo p {
    font-size: 30px;
    color: #545454;
    line-height: 120%;
    padding-top: 30px;
    padding-right: 20px;
    font-family: 'latoregular'; }
  .faq .questoes {
    background-color: #ddd;
    border-radius: 5px;
    width: 100%;
    font-family: 'latolight';
    font-size: 18px;
    overflow: hidden; }
    .faq .questoes li {
      border-bottom: 1px solid #fff;
      width: 100%;
      min-height: 40px;
      line-height: 40px;
      cursor: pointer; }
      .faq .questoes li:hover, .faq .questoes li.ativo {
        background-color: #3E89D7;
        color: #fff; }
        .faq .questoes li:hover .number, .faq .questoes li.ativo .number {
          background-color: #3E89D7;
          border: 1px solid #fff;
          color: #fff; }
      .faq .questoes li .resposta {
        display: none;
        line-height: 26px;
        padding: 20px;
        background-color: #ddd;
        color: #444; }
      .faq .questoes li .number {
        margin: 5px 10px;
        float: left;
        display: block;
        background-color: #3E89D7;
        border: 1px solid #ddd;
        border-radius: 50%;
        color: #fff;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 28px; }
  .faq a.btnDuvidas {
    clear: both;
    display: list-item;
    height: 50px;
    margin: 30px auto;
    width: 400px;
    clear: both;
    cursor: pointer; }

.menu > nav > ul {
  padding: 5px 0;
  font-family: 'latoregular';
  font-size: 14px;
  color: #fff;
  text-transform: uppercase; }

.menu > nav > ul > li {
  padding: 0 15px;
  line-height: 35px;
  height: 35px;
  /*position: relative;*/ }

.menu > nav > ul > li > a {
  color: #fff; }

.menu > nav > ul > li:hover {
  background-color: #3E88D7; }

.menu > nav ul.grupos {
  border-top: 1px solid #777;
  border-bottom: 1px solid #777; }

.menu > nav ul.grupos li:hover {
  background-color: #f4f4f4; }

.menu > nav ul.grupos li.noticias:hover a {
  color: #3E89D7; }

.menu > nav ul.grupos li.esportes:hover a {
  color: #00BE32; }

.menu > nav ul.grupos li.entretenimento:hover a {
  color: #FE7300; }

.menu > nav ul.outros {
  border-top: 1px solid #777; }

.menu > nav ul.outros p {
  font-size: 11px;
  text-transform: none;
  font-style: italic;
  padding: 0 15px; }

.menu > nav li > .triangulo {
  position: inherit;
  transform: rotate(90deg);
  display: none;
  float: right;
  margin-right: -30px;
  margin-top: 12px;
  /*bottom: 12px; right: -15px;*/
  border-top: transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #3E88D7; }

.menu > nav li:hover > .triangulo {
  display: block;
  z-index: 999; }

.menu > nav a {
  float: left;
  width: 100%; }

/*.menu > nav li:hover .conteudo-sub{display:block;}*/
/*a.subItens:hover .publicidade.submenu{display:block;}*/
.conteudo-sub {
  min-height: 480px;
  position: absolute;
  left: 180px;
  top: 0;
  z-index: 998;
  background-color: #fff;
  display: none;
  border-bottom: 5px solid #6eabeb;
  border-right: 1px solid #ddd; }

.conteudo-sub ul {
  width: 200px;
  min-height: 390px;
  height: 88.4%;
  padding: 15px 30px;
  background-color: #f4f4f4;
  font-family: 'latoregular';
  font-size: 16px;
  color: #444;
  text-transform: none;
  line-height: 170%; }

.conteudo-sub > ul li a {
  color: #444; }

.conteudo-sub ul li:hover {
  color: #3E87D7; }

.publicidade-submenu {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 9999;
  width: 300px;
  height: 88.4%;
  min-height: 390px;
  padding: 0 25px;
  background-color: #fff;
  color: #999;
  font-size: 11px;
  font-family: 'latoregular';
  font-style: italic;
  text-transform: none; }

.atalhos {
  width: 500px;
  height: 90px;
  font-family: 'latoregular';
  font-size: 11px;
  color: #3E88D7;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #ddd; }

.atalhos > div {
  float: left;
  border-right: 1px solid #ddd;
  width: 120px;
  padding-top: 15px; }

.atalhos > div:last-child {
  border: none;
  width: 140px; }

/*===[fim] TOPO PORTAL===*/
/*ATARDE MOBILE*/
#edDigital.mobile h2.tituloPagina {
  padding: 0 4%;
  font-size: 30px;
  line-height: 40px; }
#edDigital.mobile .conteudo {
  padding: 4%; }
  #edDigital.mobile .conteudo section.autenticacao {
    width: 100%;
    height: auto; }
    #edDigital.mobile .conteudo section.autenticacao .atardeMais img, #edDigital.mobile .conteudo section.autenticacao .centralAssinatura img {
      width: 100%;
      margin: 1% 0; }
    #edDigital.mobile .conteudo section.autenticacao .duvidas {
      position: relative;
      margin: 10% 0; }
      #edDigital.mobile .conteudo section.autenticacao .duvidas .retangulo {
        background-color: #ccc;
        display: block;
        height: 50px;
        line-height: 50px;
        padding-left: 100px;
        font-size: 24px;
        color: #666;
        font-family: "latoregular";
        font-weight: bold; }
      #edDigital.mobile .conteudo section.autenticacao .duvidas .square {
        z-index: 1;
        position: absolute;
        left: 10px;
        top: -5px;
        background-color: #3e88d7;
        border-radius: 5px;
        transform: rotate(45deg);
        width: 60px;
        height: 60px;
        border: 1px solid #fff;
        display: block; }
        #edDigital.mobile .conteudo section.autenticacao .duvidas .square span {
          transform: rotate(-45deg);
          font-weight: bold;
          color: #fff;
          text-align: center;
          line-height: 60px;
          display: block;
          font-size: 50px;
          font-family: "latoregular"; }
      #edDigital.mobile .conteudo section.autenticacao .duvidas a {
        display: block;
        width: 80%;
        margin: 0 auto; }
#edDigital.mobile .mask {
  padding: 0 4%; }

/*CSS JORNAL MASSA*/
#edDigital.massa {
  /*===[inicio] TOPO MASSA===*/
  /*FLIP*/ }
  #edDigital.massa #topoMassa {
    width: 100%;
    height: 75px;
    background-color: #D90101;
    margin-bottom: 15px;
    position: relative; }
    #edDigital.massa #topoMassa h1.marca {
      width: 150px;
      height: 55px;
      padding: 10px;
      background: url(../images/marcaMassa.png) no-repeat center;
      margin: 10px 50px;
      float: left; }
      #edDigital.massa #topoMassa h1.marca a {
        text-indent: -9999px;
        display: block; }
    #edDigital.massa #topoMassa .btn {
      background-color: #D90101;
      border-radius: 5px;
      border: 1px solid #EF8181;
      color: #fff;
      float: right;
      margin: 15px 30px;
      overflow: hidden; }
      #edDigital.massa #topoMassa .btn a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px 15px;
        color: #fff;
        font-family: "latoregular";
        font-size: 20px;
        text-align: center; }
        #edDigital.massa #topoMassa .btn a:hover {
          background-color: #fff;
          color: #D90101; }
  #edDigital.massa h2.tituloPagina {
    color: #D90101; }
  #edDigital.massa .conteudo section.capa h3 {
    color: #D90101; }
  #edDigital.massa .conteudo section.autenticacao form fieldset label {
    background-color: #D90101; }
  #edDigital.massa .conteudo section.autenticacao > div .blcOutros {
    width: 400px;
    height: 110px;
    margin: 10px 0; }
    #edDigital.massa .conteudo section.autenticacao > div .blcOutros.serAssinante a {
      color: #D90101; }
    #edDigital.massa .conteudo section.autenticacao > div .blcOutros .pictograma {
      float: left;
      width: 85px; }
      #edDigital.massa .conteudo section.autenticacao > div .blcOutros .pictograma .kbca {
        background-color: #D90101; }
      #edDigital.massa .conteudo section.autenticacao > div .blcOutros .pictograma .corpo {
        background-color: #D90101; }
    #edDigital.massa .conteudo section.autenticacao > div .blcOutros p {
      line-height: 100px;
      border-top: none; }
  #edDigital.massa .conteudo section.outros {
    font-family: "latoregular";
    font-weight: bold;
    font-size: 18px; }
    #edDigital.massa .conteudo section.outros .vantagens h4 {
      text-transform: uppercase;
      color: #D90101;
      margin-bottom: 30px;
      font-weight: bold; }
    #edDigital.massa .conteudo section.outros .vantagens li {
      border-bottom: 1px dotted #eee;
      padding-bottom: 25px;
      color: #666;
      font-size: 14px;
      margin-bottom: 20px; }
      #edDigital.massa .conteudo section.outros .vantagens li i.ico-check {
        float: left;
        width: 21px;
        height: 21px;
        margin-right: 10px;
        background-position: -115px -155px; }
    #edDigital.massa .conteudo section.outros .contatos {
      font-size: 19px; }
      #edDigital.massa .conteudo section.outros .contatos i.ico-phone-g {
        float: left;
        width: 100px;
        height: 100px;
        margin-right: 15px;
        background-position: 0 -150px; }
      #edDigital.massa .conteudo section.outros .contatos span {
        font-size: 12px;
        display: block; }
      #edDigital.massa .conteudo section.outros .contatos p {
        display: inline-block;
        margin-bottom: 20px; }
  #edDigital.massa nav.flip ul li a:hover {
    color: #D90101;
    cursor: pointer; }
  #edDigital.massa nav.flip ul li.logout:hover .arrowRight {
    background-position: -214px -113px; }
  #edDigital.massa nav.flip ul li:hover .ico-edHoje {
    background-position: 6px -99px; }
  #edDigital.massa nav.flip ul li:hover .ico-acervo {
    background-position: -174px -99px; }
  #edDigital.massa nav.flip ul li:hover .arrowRight {
    background-position: -214px -113px; }
  #edDigital.massa .subMenu {
    background-color: #D90101; }
    #edDigital.massa .subMenu li {
      border-bottom: 5px solid #D90101; }
  #edDigital.massa h1.tituloPagina {
    border-top: 2px solid #D90101;
    color: #D90101; }
    #edDigital.massa h1.tituloPagina span.ativo {
      background-color: #D90101; }
  #edDigital.massa .conteudoFlip .colunistas figure {
    border: 1px solid #D90101; }
  #edDigital.massa .conteudoFlip .boxItem .dadosColunista p.nome {
    color: #D90101; }
  #edDigital.massa .conteudoFlip .boxItem .dias span {
    color: #D90101; }
  #edDigital.massa #paginacao .paginas {
    border: 1px solid #D90101; }
    #edDigital.massa #paginacao .paginas * {
      color: #D90101; }
  #edDigital.massa #paginacao .paginas .select, #edDigital.massa #paginacao .paginas a:hover {
    background-color: #D90101; }
  #edDigital.massa .btnForm {
    background-color: #D90101;
    border-bottom: 4px solid #b20000; }
  #edDigital.massa .mask .modalDialog .btnFechar {
    background-color: #D90101; }

#edDigital.massa.mobile #topoMassa h1 {
  float: none;
  margin: 2% auto; }
#edDigital.massa.mobile #topoMassa .btn {
  display: none; }
#edDigital.massa.mobile .conteudo section.autenticacao > div {
  display: block; }
  #edDigital.massa.mobile .conteudo section.autenticacao > div .blcOutros {
    width: 100%; }
    #edDigital.massa.mobile .conteudo section.autenticacao > div .blcOutros p {
      line-height: 35px;
      padding: 6% 0; }
#edDigital.massa.mobile .conteudo section.autenticacao .vantagens {
  font-family: "latoregular"; }
  #edDigital.massa.mobile .conteudo section.autenticacao .vantagens h4 {
    text-transform: uppercase;
    color: #D90101;
    margin: 5% 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center; }
  #edDigital.massa.mobile .conteudo section.autenticacao .vantagens ul {
    margin: 0 5% 5% 5%; }
    #edDigital.massa.mobile .conteudo section.autenticacao .vantagens ul li {
      border-bottom: 1px dotted #eee;
      padding-bottom: 7%;
      color: #666;
      font-size: 14px;
      margin-bottom: 0px; }
      #edDigital.massa.mobile .conteudo section.autenticacao .vantagens ul li i.ico-check {
        float: left;
        width: 21px;
        height: 21px;
        margin-right: 10px;
        background-position: -115px -155px; }
#edDigital.massa.mobile .conteudo section.autenticacao .contatos {
  font-size: 19px;
  margin: 0 10%;
  font-family: "latoregular"; }
  #edDigital.massa.mobile .conteudo section.autenticacao .contatos i.ico-phone-g {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 15px;
    background-position: 0 -150px; }
  #edDigital.massa.mobile .conteudo section.autenticacao .contatos span {
    font-size: 12px;
    display: block; }
  #edDigital.massa.mobile .conteudo section.autenticacao .contatos p {
    display: inline-block;
    margin-bottom: 20px; }

/*# sourceMappingURL=cssEdDigital.css.map */

.container img {
    min-width: 45%;
    min-height:20%;
    width: auto;
    height: auto;
}
 
.mask2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  padding: 0 30%;
  /*.modalDialog{width: 30%; height: 200px; -webkit-flex: 1; flex: 1; background-color: #fff; border:1px solid #aaa; border-radius: 5px;*/ }
  .mask2 .modalDialog {
    width: 100%;
    /*width: 30%;*/
    height: auto;
    top: 20px;
    /*-webkit-flex: 1; flex: 1;*/
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 20px; }
    .mask2 .modalDialog .btnFechar {
      font-family: Arial, Tahoma, sans-serif;
      position: absolute;
      top: -10px;
      right: -10px;
      border-radius: 5px;
      border: 2px solid #fff;
      width: 35px;
      height: 35px;
      background-color: #3e88d7;
      color: #fff;
      line-height: 30px;
      text-align: center; }
      .mask2 .modalDialog .btnFechar a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        cursor: pointer; }
    .mask2 .modalDialog fieldset {
      margin-bottom: 20px; }
    .mask2 .modalDialog h3 {
      font-family: "latoregular";
      font-size: 30px;
      color: #444;
      margin-bottom: 20px; }
  .mask2 legend {
    text-transform: uppercase;
    color: #555;
    font-family: "latoregular"; }
  .mask2 input[type=text], .mask input[type=password], .mask textarea {
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px 15px; }
  .mask2 form {
    display: block; }
  .mask2 p {
    font-family: "latoregular";
    font-size: 12px;
    margin-bottom: 15px; }
    font-family: "latoregular"; }
  .mask2 input[type=text], .mask input[type=password], .mask textarea {
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px 15px; }
  .mask2 form {
    display: block; }
  .mask2 p {
    font-family: "latoregular";
    font-size: 12px;
    margin-bottom: 15px; }