/*
|--------------------------------------------------------------------------
| Publicidade Fixa
|--------------------------------------------------------------------------
*/

@media only screen and (min-width: 768px) {

.banner-topo-fixed{
      width: 100%;
}

.banner-scroll-fixed{
      position: fixed;
      z-index: 9999;
      top: 31px;
      background-color: #eeeeee;
      left: 0;
      right: 0;
      -webkit-box-shadow: 0px 1px 0px 0px #d8d8d8;
      -moz-box-shadow: 0px 1px 0px 0px #d8d8d8;
      box-shadow: 0px 1px 0px 0px #d8d8d8;
      transition: all ease 0.5s;

}

.banner-scroll-fixed #super{
  margin: 10px 0;
}
  /* --- ANIMACOES --- */

  .animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }

  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes fadeOut {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
  }

}

/*
|--------------------------------------------------------------------------
| Publicidade Fixa Mobile
|--------------------------------------------------------------------------
*/

@media only screen and (max-width: 767px) {

.banner-topo {
    width: 100%;
    position: fixed !important;
    bottom: 0px;
    z-index: 999999 !important;
    margin: 0!important;
    padding: 0px !important;
}

.banner-topo + .divisoria-padrao {
  display: none;
}

.banner-topo div#super {
  background-color: #f3f3f3;
  padding: 5px 0px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

}