.ad-300x250{
  margin-bottom: 40px;
}
.col-md-4 .advertising-panel{
  margin-bottom: 30px;
}
.general-article{
  background-color: #fff;
  padding: 20px;
  padding-top: 0px;
  margin-top: 0px;
}

.clearfix.col-md-8{
  overflow: visible;
}
article.article{
  float: left;
  max-width: 100%;
}

article.article .articleGraphicImage {
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

article.article .articleGraphicImage img {
  height: auto;
}

article.article .content {
  font-family: 'FolhaIISemiBold';
  font-size: 18px;
  line-height: 1.4;
  color: #4a4a4a;
  min-height: 200px;
  margin-bottom: 50px;
}
article.article .content img {
  width: inherit;
    max-width: 100%;
    min-width: inherit;
}
article.article .exclamation-icon {
    background: url("//f.i.uol.com.br/folha/furniture/5.4/images/exclamation-icon.jpg") 0 0 no-repeat;
    display: inline-block;
    height: 14px;
    margin-bottom: -1px;
    width: 15px;
}
article.article h1 {
    font-size: 55px;
    font-family: 'FolhaIISemiBold';
    font-weight: bold;
    line-height: 1.2;
    color: #4a4a4a;
    text-align: left;
}
.article-gallery.rs_skip h1 {
    color: #fff;
    padding: 10px 0 0 20px;
    font-size: 40px;
}
#article-content h1{
    text-align: left;
    font-size: 30px;
    margin: 15px 0;
    padding: 0;
}
.article-gallery.rs_skip p {
  font-size: 1.4em;
}
article.article p.subheadline{
    font: normal 14px 'FolhaIISemiBold';
    color: #00afc3;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;
}
article.article p{
  margin: 1em 0;
}

article.article .content a:hover{
  text-decoration: underline;
}
article.article .author b{
  font-weight: bold;
}

article.article .read-more .xs-item img {
  padding-left: 0;
  margin-left: 0;
}

article.article .author p{
  margin-bottom: 10px;
  margin-top: 0;
  font-family: "FolhaIISemiBold";
  font-size: 14px;
  line-height: 1.4;
  color: #4a4a4a;
}
article.article time {
  font-family: "FolhaIISemiBold";
  font-size: 12px;
  line-height: 1.5;
  color: #8a9493;
}


article.article table.articleGraphic{
  width: 100%;
}
article.article .articleGraphicImage{
  overflow: hidden;
}
article.article .articleGraphicCaption{
    border-bottom: 1px solid #e8e8e8;
    padding: 6px 0px;
    font-family: "FolhaIISemiBold";
    font-size: 15px;
    line-height: 1.3;
    color: #8a9493;
}
article.article .articleGraphicCredit {
    font-size: 10px;
    float: right;
    line-height: 12px;
    text-align: right;
    font-family: Arial;
    display: inline;
    color: #4a4a4a;
}

article.article .rsGCaption{
  float: left;
  position: static;
}
 
article.article .three-star {
    background: url(//f.i.uol.com.br/folha/furniture/5.4/images/icn-three_stars.png) no-repeat;
    display: inline-block;
    height: 15px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 57px;
    display: block;
}
article.article time .sprite.icon-clock {
    background: url(//f.i.uol.com.br/folha/furniture/5.4/images/sprite.png?2015310301) no-repeat transparent;
    height: 14px;
    width: 14px;
    background-position: -433px -100px;
    display: inline-block;
}

article .article-gallery .advertising-88x31{
    margin-top: 10px;
    margin-right: 20px;
}

.btn-fullscreen {
    display: block;
    position: absolute;
    margin-top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 999;
    text-indent: -999999px;
    background: url("//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/gallery/fullscreen_36px.svg?2016031101");
}
article .toolbar.fixed{
      position: fixed;
      top: 50px;
      z-index: 99;
      -webkit-transform:translateZ(0); 
    }

article .article-gallery{
  background-color: #07ABC5;
  color: #fff;
}
article .containerGallery.fullscreen .article-gallery{
  background: transparent;
}
#article-content .article-gallery h1{
    font-family: 'FolhaIISemiBold';
    font-size: 29.5px;
    line-height: 1.2;
    color: #ffffff;
    padding: 20px 15px;
    margin: 0;
}
.article-gallery .rsDefault.rsHor .rsArrowLeft .rsArrowIcn, .article-gallery .rsDefault.rsHor .rsArrowRight .rsArrowIcn{
  background-position: 1px;
}
article.article .article-gallery .rsArrowIcn{
    width: 34px;
    background-size: 100%;
    height: 34px;
    margin-top: -29px;
}

article.article .article-gallery .rsDefault.rsHor .rsArrowLeft{
  left: 0
}

article.article .rsGCaption{
  padding: 12px 15px 25px 15px;
  width: 100%;
}

article.article .rsGCaption p{
  margin: 0;
  padding: 0;
}

article.article .content p a{
  color: #07ABC5;
}

article.article .begin {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
}

@media (min-width: 1260px){
  article.article .header .row{
    margin-left: -70px;
    margin-right: -70px;
  }
  article.article .title-begin {
    margin: 0 175px 30px;
  }
}

article .article-gallery .toolbar{
  height: inherit;
}

.section-masthead {
  margin-left: -10px;
  margin-bottom: 30px;
}
.section-masthead h1{
  color: #222;
  font: normal normal 28px 'UnitOTMedium', Times New Roman;
  margin-top: 40px;
  display: inline-block;
  padding-left: 10px;
  margin-top: 10px;
}
article .containerGallery.fullscreen .toolbar{
  border: 0;
}
article .containerGallery.fullscreen .rsCaption{
  width: 100%;
}

article .containerGallery .rsCaption .rsCaption-link{
  color: #fff;
  text-decoration: none;
}

article .containerGallery.fullscreen .rsCaption .rsCaption-link{
  color: #fff;
  text-decoration: none;
}

article .containerGallery.fullscreen .rsCaption .rsCaption-read-more{
  font-weight: bold;
}

@media screen and (max-width: 990px){
    .general-article{
        padding: 0 0 15px 0;
    }
    article.article .begin{
      padding-left: 15px; 
      padding-right: 15px;
    }
    article.article .title-begin{
      margin-bottom: 20px;
      padding-left: 15px; 
      padding-right: 15px;
    }
    article.article .begin{
      margin-bottom: 10px;
    }
    article.article .begin .articleGraphicCaption{
      border-bottom: 0px;
    }

    article.article h1 {
      font-size: 24px;
      line-height: 1.3;
      margin: 0;
      padding: 0;
    }
    #article-content h1{
      font-size: 24px;
      line-height: 1.3;
    }
}

@media screen and (max-width: 990px){
    article.article .col-md-4{
      margin-top: 30px;
    }
    article.article .title-begin{
      padding: 0 15px;
    }
    article.article .begin{
      margin-bottom: 0px;
    }
    article.article .begin .articleGraphicImage img{
      display: none;
      width: 150%;
      max-width: inherit;
    }
    article.article .begin .articleGraphicCaption{
      padding: 10px 0 30px;
    }
    article.article .options{
      padding-left: 15px;
      padding-left: 15px;
    }
    
    article .containerGallery .rsCaption{
      width: 100%;
    }
    article .article-gallery h1{
      margin: 0px;
    }
    article .article-gallery .advertising-88x31{
      display: none;
    }

    .general-article .district-ads{
      margin-top: 0;
    }
    article .article-gallery .current{
    position: relative;
    display: block;
    float: none;
    top: -15px;
    margin-bottom: 15px;
    left: 50%;
    margin-left: -50px;
    }

    .options .short-cut input[type="text"]{
      position: absolute;
      margin-left: -79px;
      margin-top: 21px;
      z-index: 1;
    }
}

/* Foto antes e depois */
article.article .articleGraphic .box-image-differ img {width: 535px; height: auto; max-width: none;}
.articleGraphic .ui-resizable{position:relative}
.articleGraphic .ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}
.articleGraphic .ui-resizable-disabled .ui-resizable-handle,
.articleGraphic .ui-resizable-autohide .ui-resizable-handle{display:none}
.articleGraphic .ui-resizable-e{cursor:e-resize;width:154px;right:-77px;top:0;background: url(//f.i.uol.com.br/folha/furniture/5.4/images/bt-arraste-154x28.png) no-repeat center}
.articleGraphic .image-differ-preload{position:relative;height:20px;background: url(//f.i.uol.com.br/folha/furniture/5.4/images/loading-alternate.gif) no-repeat center}
.articleGraphic .image-differ-preload .box-image-differ{position:absolute;width:1px;height:1px;overflow:hidden;top:-10px}
.articleGraphic .box-image-differ{position:relative;overflow:hidden}
.articleGraphic .box-image-differ-ui{position:absolute;left:0;top:0;width:50%;border-right:solid 1px #000}
.articleGraphic .box-image-differ-ui .box{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.articleGraphic .box-image-differ .ui-resizable-resizing .ui-resizable-e{background-image:none}

@media (max-width: 768px){
  article.article .articleGraphic .box-image-differ img {width: 720px; height: auto; max-width: none;}
}
@media (max-width: 736px){
  article.article .articleGraphic .box-image-differ img {width: 704px; height: auto; max-width: none;}
}
@media screen and (max-width: 667px){
  article.article .articleGraphic .box-image-differ img {width: 637px; height: auto; max-width: none;}
}
@media screen and (max-width: 630px){
  article.article .articleGraphic .box-image-differ img {width: 384px; height: auto; max-width: none;}
}
@media screen and (max-width: 375px){
  article.article .articleGraphic .box-image-differ img {width: 344px; height: auto; max-width: none;}
}
@media screen and (max-width: 320px){
  article.article .articleGraphic .box-image-differ img {width: 291px; height: auto; max-width: none;}
}


/* =============================================================================
   Comentários
   ========================================================================== */
.comments-article{
  margin-top: 0;
  margin-bottom: 45px;
  padding: 0 8px;
}

.comments-article header h2 {
    border-bottom: 1px solid #000;
    color: #000;
    font: normal 36px 'folhaii-heavy';
    margin: 0 0 16px 0;
    padding-bottom: 7px;
    text-transform: lowercase;
}

.comments-article header {
  display: inline-block;
  width: 100%;
}
.comments-article header p {
  margin-bottom: 16px;
}
.comments-article .btn-comment-default {
  background-color: #07ABC5;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin:0 24px 24px 0;
  padding: 6px 8px;
  text-align: center;
  text-decoration: none;
  width: 160px;
}
@media screen and (max-width: 630px){
  .comments-article .btn-comment-default {
    float: none;
    margin-top: 16px;
    width: 100%;
  }
}

.hide-text,
.comments-article > article > header .to-report,
.comments-article .rating .comment-like,
.comments-article .rating .comment-dislike {
  font: 0/0 a !important;
  color: transparent !important;
  text-shadow: none !important;
}
.comments-article .hide,
.comments-article .share {
  display: none !important;
  visibility: hidden;
}
.comments-article > article > header:before,
.comments-article > article > header:after,
.comments-article footer:before,
.comments-article footer:after {
  content: " ";
  display: table;
}
.comments-article > article > header:after,
.comments-article footer:after {
  clear: both;
}
.comments-article > article > header h3 a::before,
.comments-article header .more:after,
.comments-article .comment-action:after,
.comments-article .section-sprite,
.comments-article .sprite {
  background: transparent url(//f.i.uol.com.br/ruf/furniture/1/images/sprite-ruf-mobile-vs3.png) 0 0 no-repeat; display: inline-block; text-indent: -9999px;
}
.comments-article > article > header h3 a::before,
.comments-article header .more:after,
.comments-article .comment-action:after,
.comments-article .section-sprite,
.comments-article .sprite {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.comments-article .warning {
  width: 18px;
  height: 16px;
  background-position: -422px -60px;
}
.comments-article .comment-like,
.comments-article .comment-dislike {
  width: 23px;
  height: 17px;
}
.comments-article .comment-like {
  background-position: -364px -60px;
}
.comments-article .comment-dislike {
  background-position: -393px -60px;
}
.comments-article > article > header h3 a:before,
.comments-article .support {
  width: 16px;
  height: 16px;
  background-position: -340px -60px;
  margin-right: 8px;
}
.comments-article .section-sprite.reply {
  width: 18px;
  height: 15px;
  background-position: -189px -119px;
  margin-right: 10px;
}
.comments-article .comment-large {
  width: 20px;
  height: 20px;
  background-position: -309px -60px;
  float: left;
  margin-right: 10px;
}
.comments-article article {
  border-bottom: 1px dotted #ccc;
}
.comments-article article:first-of-type {
  border-top: 1px dotted #ccc;
  margin-top: 16px;
}
.comments-article article:not(:last-of-type) .terms {
  display: none;
}
.comments-article header .more {
  display: block;
  color: #000;
  font: 700 16px/50px Arial, Georgia, serif;
  border-bottom: 1px dotted #ccc;
  margin-top: 16px;
}
.comments-article .user-info {
  margin-bottom: 8px;
}
.comments-article .user-info a {
  color: #666;
  font: italic 14px "Arial-BoldItalicMT", Arial, Helvetica, sans-serif;
}
.comments-article .comment-action {
  display: inline-block;
  margin: 16px 0;
  font: 700 14px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #07ABC5;
  letter-spacing: 0.03em;
}

.terms-conditions {
  display: inline-block;
  float: right;
  margin-top: 12px;
}
.terms-conditions a {
  color: #07ABC5;
  font-size: 14px;
  font-weight: bold;
}
.comments-article header .more:after,
.comments-article .comment-action:after {
  content: "";
  width: 8px;
  height: 12px;
  margin: 0 10px;
  background-position: -92px -365px;
}
.comments-article > article > header {
  padding: 16px 0 10px 0;
}
.comments-article > article > header h3 {
  display: inline-block;
}
.comments-article > article > header h3 a {
  font: 800 italic 14px/22px Arial, Helvetica, sans-serif;
  color: #666;
  letter-spacing: 0;
}
.comments-article > article > header h3 a:before {
  content: "";
  margin: 0 10px;
}
.comments-article > article > header .time {
  font: italic 14px Arial, Helvetica, sans-serif;
  color: #666;
  display: inline-block;
  padding-bottom: 10px;
}
.comments-article > article > header .to-report,
.rating .vote{
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  box-shadow: 1px 2px 2px #f0f0f0;
  float: right;
  list-style: none outside;
  font: 700 12px "Arial-BoldItalicMT", Arial, Helvetica, sans-serif;
  color: #666;
  margin: 0 2px;
  padding: 10px 7px;
  transition: background-color 0.2s ease-in;
  vertical-align: middle;
}
.comments-article footer .terms-conditions{
  display: inline-block;
  float: right;
}
.comments-article footer .terms-conditions a {
  position: static;
  background: inherit;
  color: #7b7a6c;
  font: normal 15px 'FolhaIISemiBold';
  line-height: 18px;
  text-transform: uppercase;
}
.comments-article footer .terms-conditions a:after {
    background: url("//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/arrow45_20px.svg?2016031101");
    content: '';
    display: block;
    float: right;
    height: 13px;
    margin-left: 6px;
    margin-top: 2.5px;
    position: relative;
    width: 13px;
}
.comments-article .comment-body {
  margin: 10px 0 0 0;
  clear: both;
}
.comments-article .comment-body p {
  color: #000;
  font: 16px Arial, Georgia, serif;
  margin: 0;
  overflow-x: hidden;
}
.comments-article .confirm-rating::after,
.comments-article .confirm-rating::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
}
.comments-article .confirm-rating::after {
  top: -21px;
  z-index: 0;
  border-bottom: 20px solid #cacaca;
}
.comments-article .confirm-rating {
  position: absolute;
  background-color: #fff;
  border: 1px solid #cacaca;
  font: 700 11px/130% Arial, sans-serif;
  margin: 70px 0 0 -60px;
  padding: 10px;
  width: 130px;
}
.comments-article .confirm-rating.good {
  right: 10px;
}
.comments-article .confirm-rating.bad {
  right: 20px;
}
.comments-article .confirm-rating h4 {
  color: #016fcd;
  font: 700 11px/130% Arial, sans-serif;
  letter-spacing: normal;
}
.comments-article .confirm-rating.bad > h4 {
  color: #ed1c24;
}
.comments-article .confirm-rating .action {
  text-align: center;
}
.comments-article .confirm-rating .action a {
  background-color: #e6e7e8;
  color: #404040;
  display: block;
  font-size: 14px;
  padding: 8px 0;
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.comments-article .confirm-rating .unstyled {
  margin-top: 10px;
}
.comments-article .confirm-rating .unstyled li {
  margin-bottom: 0;
}
.comments-article .confirm-rating .unstyled a {
  font: 700 11px/130% Arial, sans-serif;
  color: #006;
}
.comments-article footer .terms {
  text-align: right;
  margin: 15px 0;
}
.comments-article footer small {
  font: normal 12px Arial, Georgia, serif;
  color: #777;
}
.comments-article > article > footer .reply.btn {
  width: 120px;
  font: 700 12px "Arial-BoldItalicMT", Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 20px 0;
  color: #666;
  float: right;
  font-family: Arial, Georgia, serif;
  border: none;
  box-shadow: none;
}
.comments-article footer {
  padding: 0;
  margin: 15px 0 15px 0;
  background-color: #fff;
}

.tm-ads.hidden-xs.custom-ad {
  margin-bottom: 60px;
}

article.news aside p.erramos {
  border-bottom: 1px solid #ed1c24;
  color: #ed1c24;
  font-size: 17px;
  padding-left: 5px;
  position: relative;
  text-transform: inherit;
  font-weight: bold;
}
article.news aside p.erramos:before {
  content: '';
  background: url("//f.i.uol.com.br/folha/furniture/5.4/images/exclamation-icon.jpg") 0 0 no-repeat;
  display: block;
  height: 14px;
  left: 0;
  top: 4px;
  position: absolute;
  width: 15px;
}

article.news aside ul {
    list-style: none outside none;
    margin: 10px 0;
    padding: 0;
}

article.news aside li {
    background: url(//f.i.uol.com.br/folha/furniture/5.4/images/bg-square.png?2013082801) no-repeat 0 8px;
    font-size: 16px;
    margin-bottom: 3px;
    padding-left: 10px;
}

article.news time {
    color: #666;
    font-size: 14px;
    line-height: 16px;
}

article.news time {
    font-style: italic;
}

article.news .star {
    background: url(//f.i.uol.com.br/star.gif) no-repeat center;
    height: 30px;
    overflow: hidden;
    text-align: center;
    text-indent: -9999px;
}

@media (max-width: 480px) {
  .comments-article header h2 {
    margin-left: 16px;
  }

  /* Comentários */
  .comments-article header h2 {
    font-size: 30px;
    line-height: 43px;
  }
}

/* =============================================================================
   Section Sprite
   ========================================================================== */
.section-sprite.icon-rss {
    background-position: -21px -18px;
    float: left;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 15px;
}
.section-sprite.icon-rss-small {
background-position: -464px -272px;
  height: 24px;
  width: 28px
}


.section-sprite.icon-warning {
    background-position: -404px -271px;
  height: 24px;
    width: 32px
}
.section-sprite.icon-ask {
    background-position: -305px -18px;
    height: 15px;
    width: 17px;
}
.section-sprite.icon-font {
    background-position: -433px -273px;
  height: 24px;
    width: 32px
}
.section-sprite.comment-large {
    background-position: -107px -110px;
    height: 35px;
    width: 42px;
}
.section-sprite.facebook {
    background-position: -218px -18px;
    height: 18px;
    width: 18px;
}
.section-sprite.facebook-small {
    background-position: -219px -40px;
    height: 12px;
    width: 12px;
}
.section-sprite.icon-whatsapp-small {
    background-position: -255px -40px;
    height: 12px;
    width: 12px;
}
.section-sprite.twitter {
    background-position: -242px -18px;
    height: 18px;
    width: 18px;
}
.section-sprite.google_plus {
    background-position: -265px -18px;
    height: 18px;
    width: 18px;
}
.section-sprite.reply {
    background-position: -287px -18px;
    height: 12px;
    width: 13px;        
}
.section-sprite.comment-like {
    display: inline-block;
    text-indent: -9999px;
}
.section-sprite.comment-dislike {
    display: inline-block;
    text-indent: -9999px;
}

.video-player{
  min-height: 400px;
}
.video-box, .infographic-box {
    margin-bottom: 20px;
    position: relative;
}
.video-box video.video-player {
    background: #000;
    max-height: 430px;
    width: 100%
}

.video-box .fluid-width-video-wrapper .video-player {
    position: absolute;
}

@media screen and (max-width: 990px){
  .article.news{
    overflow: hidden: 
  }
  #article-content p iframe{
    max-width: 100% !important;
  }
  #article-content p:not(.artHtml5) iframe{
    height: 400px !important;
  }
}

.toolbar{
  height: 332px;
  width: 64px;
  border: 1px solid #e0e5e8;
  border-radius: 5px;
  border-radius: 5px;
}
.toolbar .share-counter{
  width: 100%;
  display: block;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background-color:#e0e5e8;
  border-bottom: 1px solid #CACACA;
}
.toolbar .share-counter .icon{
  display: block;
  width: 14px;
  height: 20px;
  margin: 0 auto;
}
.toolbar .share-counter .counter{
  display: block;
  text-align: center;
  font: normal 12px 'FolhaIISemiBold';
  color: #a1a090
}

.toolbar .btn{
  display: block;
  margin: 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 0px;
  margin-bottom: 10px;
}
.toolbar .btn .icon-facebook{ margin-left: -5px; }
.toolbar .btn .icon-twitter{ margin-left: -6px; }
.toolbar .btn .icon-googleplus{ margin-left: -5px; }
.toolbar .btn .icon-linkedin{ margin-left: -6px; }
.toolbar .btn .icon-facebook{ margin-left: -5px; }
.toolbar .btn .icon-email{ margin-left: -7px; }

.options{
  float: left;
  width: 100%;
  border-top: 1px solid #e0e5e8;
  border-bottom: 1px solid #e0e5e8;
  padding-top: 10px;
  height: 47px;
  margin-bottom: 25px;
}

.options .items{
  float: right;
}
.options .items li{
  float: left;
  margin-left: 27px;
  font-family: "FolhaIISemiBold";
  font-size: 12px;
  line-height: 1.5;
  color: #8a9493;
  text-transform: uppercase;
}
.options .items li:first-child{
  margin-left: 0;
}
.options .items li.font{
  margin-top: 3px;
}
.options .items a {
    color: inherit;
}

.options .icon-url,
.options .icon-font-L,
.options .icon-font-S,
.options .icon-warning{
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
}
.options .icon-url{
    margin-right: 5px;
    margin-top: 2.5px;
    vertical-align: text-bottom;
    background: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/article/toolbar_link.svg?2016031101') no-repeat;
}
.options .icon-font-L{
    margin-right: 5px;
    vertical-align: middle;
    background: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/article/toolbar_text_larger.svg?2016031101') no-repeat;
}
.options .icon-font-S{
    margin-right: 5px;
    vertical-align: middle;
    background: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/article/toolbar_text_smaller.svg?2016031101') no-repeat;
}
.options .icon-warning{
    margin-right: 5px;
    margin-top: 5px;
    background: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/article/toolbar_alert.svg?2016031101') no-repeat;
}

.options .font a{
  display: inline-block;
  float: left;
  margin-right: 27px;
}
.options .font a:last-child { margin-right: 0}

.box.read-more{
  display: table;
  margin-bottom: 30px;
  width: 100%;
}
.box.read-more header{
  margin-bottom: 15px;
}

.box.read-more h2 {
    color: #07ABC5;
    border-bottom: 1px solid #07ABC5;
    font: normal 28px 'folhaii-heavy';
    padding-bottom: 5px;
    text-transform: lowercase;
}

.box.read-more .list-square {
  margin: 0;
}

.box.read-more .beside{
  width: 77px;
  height: 77px;
  margin-right: 18px;
  float: left;
}

.box.read-more li {
  background: none;
  float: left;
  margin: 0 0 10px;
  padding-bottom: 6px;
  padding-left: 0;
  width: 100%;
}
.box.read-more li h3{
  font-family: "FolhaIISemiBold";
  font-size: 14px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #4a4a4a;
  margin-top: 0;
  margin-bottom: 0;
}

.box .aux-title{
    border-bottom: 1px solid #e0e5e8;
    font-family: 'folhaii-heavy';
    margin-top: 0;
    font-size: 30px;
    line-height: 1.2;
    color: #4a4a4a;
    padding-bottom: 15px;
}
.box.gray .aux-title{
  border-bottom: 1px solid #8a9493;
}
.box.read-more .xs-item h3{
  padding: 0;
}

div#readspeaker_button{
  width: 175px
}
@media (max-width: 320px){
  div#readspeaker_button{
    margin-left: -15px;
  }
}

@media (max-width: 500px){
  div#readspeaker_button{
    margin-left: -15px;
  }
  .article-gallery .share-item .label:before {
    margin-top: 92px;
  }
}

@media (max-width: 990px){
  .box .aux-title{
    font-size: 24px;
  }
  .toolbar{
    height: 44px;
    width: 100%;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
  }
  .toolbar .share-counter{
    display: none;
  }
  .toolbar .btn{
    display: inline-block;
    float: left;
    margin-bottom: 0;
    width: 16.666%
  }
  .options .icon-url,
  .options .icon-font-L,
  .options .icon-font-S,
  .options .icon-warning{
    display: inline-block;
    width: 18px;
    height: 18px;
    float: left;
    position: relative;
  }
  .options .items{
    margin-right: 15px;
  }
  .options .items li{
    margin-left: 10px;
    width: 30px;
    text-indent: -999999px;
  }
  .options .items li.font{
    width: 60px;
  }
  .options .items li a{
    margin-right: 10px;
  }
}


.article-gallery .share-item{
      margin-top: -130px;
}

/* ------------------------------------------ */



/* Gallery * */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 100%;
  height: 645px;
  position: relative;
  direction: ltr;
  -webkit-backface-visibility: hidden;
}
.royalSlider > * {
  float: left;
}
.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}
.royalSlider > .rsContent,
.royalSlider > .rsSlideRoot {
  visibility: visible;
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink,
.rsWebkit3d .rsContent {
  -webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d .rsContent,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}
.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}
.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}
.rsThumb {
  float: left;
  position: relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}
.rsGCaption {
  width: 100%;
  float: left;
  text-align: left;
  z-index: 90;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none;
}
.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
/*.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto !important;
}*/
.rsContent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.rsAutoHeight .rsContent {
  position: relative;
  height: auto;
}
.rsPreloader {
  position: absolute;
  z-index: 0;
}
.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}
.rsNav {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.rsNavItem {
  -webkit-tap-highlight-color: rgba(0,0,0,0.25);
}
.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}
.rsTabs {
  float: left;
  background: none !important;
}
.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}
.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: 0.3s;
}
.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}
.rsABlock,
.rsSBlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}
img.rsImg {
  max-width: none;
  min-width: 0;
}
.rsNoDrag {
  cursor: auto;
}
a.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  -webkit-backface-visibility: hidden;
  outline: none;
  padding: 0;
  margin: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.abBlackBox {
  color: #fff;
  background: #000;
  background: rgba(0,0,0,0.75);
  padding: 15px;
}
.abWhiteBox {
  color: #000;
  background: #fff;
  background: rgba(255,255,255,0.75);
  padding: 15px;
}
.abTextAlignCenter {
  text-align: center;
}
/*- Core */
/******************************
*
*  RoyalSlider Default Skin
*
*    1. Arrows
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #07ABC5;
  color: #fff;
}
/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 0;
}
.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px;
}
.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0;
}
.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0;
}
.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 0;
}
.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 0;
}
.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background: url("//f.i.uol.com.br/app/2/rs-default.png");
  border-radius: 2px;
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -64px -32px;
}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -64px -64px;
}
.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px;
}
.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px;
}
.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: 0.2;
  display: none;
}
/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #000;
  background: rgba(0,0,0,0.75);
  text-align: center;
  line-height: 8px;
  overflow: hidden;
}
.rsDefault .rsBullets * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.rsDefault .rsBullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #777;
  background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
  background-color: #fff;
}
/***************
*
*  3. Thumbnails
*
****************/
.rsDefault .rsThumbsHor {
  width: 100%;
  height: 52px;
}
.rsDefault .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%;
}
.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px;
}
.rsDefault .rsThumb img {
  width: 100%;
  height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
  background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.3;
}
.rsDefault .rsTmb {
  display: block;
}
/* Thumbnails with text */
.rsDefault .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #fff;
}
.rsDefault .rsTmb span {
  color: #ddd;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}
/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #000;
  background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
  background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0;
}
.rsDefault .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url("//f.i.uol.com.br/app/2/rs-default.png");
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px;
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px;
}
.rsDefault .rsThumbsArrowDisabled {
  display: none !important;
}
/***************
*
*  4. Tabs
*
****************/
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
}
.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #d9d9dd;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  -webkit-box-shadow: inset 1px 0 0 #fff;
  box-shadow: inset 1px 0 0 #fff;
  *display: inline;
  *zoom: 1;
}
.rsDefault .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf;
}
.rsDefault .rsTab:active {
  border: 1px solid #d9d9dd;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2) inset;
}
.rsDefault .rsTab.rsNavSelected {
  color: #fff;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102,102,102,0.65) inset;
  background: #acacac;
  background-image: -webkit-linear-gradient(top, #acacac, #bbb);
  background-image: -moz-llinear-gradient(top, #acacac, #bbb);
  background-image: linear-gradient(to bottom, #acacac, #bbb);
}
/***************
*
*  5. Fullscreen button
*
****************/
.rsDefault .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer;
}
.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("//f.i.uol.com.br/app/2/rs-default.png") 0 0;
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  *background-color: #000;
  border-radius: 2px;
}
.rsDefault .rsFullscreenIcn:hover {
  background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0;
}
/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0,0,0,0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  background: url("//f.i.uol.com.br/app/2/rs-default.png") no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  *background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%;
}
.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px;
}
.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("//f.i.uol.com.br/app/2/rs-default.png") -64px 0;
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  *background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0,0,0,0.9);
}
/***************
*
*  7. Preloader
*
****************/
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url("//f.i.uol.com.br/app/2/preloader-white.gif");
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
/***************
*
*  8. Global caption
*
****************/

.rsDefault .rsThumbsHor {
  position: absolute;
  bottom: 0;
  padding: 10px 0px;
}
.royalSlider.rsFullscreen {
  z-index: 100 !important;
  overflow: hidden !important;
}
.rsDefault .rsGCaption {
  width: 95%;
  bottom: 72px;
  padding: 15px 50px 25px 10px;
  left: 0;
  background: rgba(0,0,0,0.8) !important;
  border-bottom: 1px solid #7d7d7d;
  font-size: 14px;
  line-height: 20px;
}
.rsDefault .rsCaption {
  float: left;
  width: 100%;
}
.rsDefault .rsCaption p {
  display: inline-block;

  float: left;

}
.rsGCaption .credit {
  /*float: right;*/
  font-size: 10px;
  padding: 5px 0;
  position: static;
  /* width: 100%; */
  color: #fff;
  /* padding: 5px 0 0 0; */
}
.rsGCaption .credit span {
  display: inline;
  padding-right: 10px;
}
.rsCaption a {
  color: #ddd;
}
.rsDefault .rsThumb {
  width: 76px;
  height: 52px;
  border: 4px solid #676768;
}
.rsDefault .rsThumb.rsNavSelected {
  background: none;
  border-color: #1ea3ff;
}
.rsDefault .rsThumb.rsNavSelected img {
  opacity: 1;
}

.carousel img{
  height: auto;
  max-width: 100%;
  min-width: auto;
  width: auto;
}

.carousel li {
  text-align: left;
  width: 170px;
}

.carousel .pane-btn.prev {
  background-image: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/arrow_left_48px.svg?2016031101');
  left: 0;
  margin-left: -35px;
}
.carousel .pane-btn.next {
  background-image: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/arrow_right_48px.svg?2016031101');
  margin-right: -35px;
  right: 0;
}
.carousel .pane-btn {
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  cursor: pointer;
  display: inline-block;
  height: 56px;
  background-position: 1px;
  background-repeat: no-repeat;
  margin-top: -56px;
  position: absolute;
  transition: all .3s ease;
  width: 35px;
  z-index: 2;
}

.carousel-container{
  display: block;
  overflow: hidden;
  position: relative;
  -moz-backface-visibility: hidden;
  -moz-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: translate3d(0,0,0) scale3d(1,1,1);
  width: 100%;
}

.carousel .carousel-list {
  -moz-backface-visibility: hidden;
  -moz-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  position: relative;
  transform-style: preserve-3d;
  transform: translate3d(0,0,0) scale3d(1,1,1);
  width: 3000%;
  display: table;
}
.carousel ul li, .carousel .carousel-list li {
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  float: left;
  overflow: hidden;
  position: relative;
  transform-style: preserve-3d;
  transform: translate3d(0,0,0);
}
.carousel .animate {
  -moz-transition: all .8s;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.unstyled { list-style: none outside none; }

.carousel{ text-align: center; }

.carousel-pagination {
  display: inline-table;
  margin-top: 20px;
  text-align: center;
}
.carousel-pagination li {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #d1d1d1;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 10px;
  margin-right: 15px;
  width: 10px;
}
.carousel-pagination .active { background: #777; }


/*  ==========================================================================
  CAROUSEL & ROTATE
  ========================================================================== */

.rotate .container{
  width: 100%;
  display: block;
  color: #444;
}
.rotate .container p{
  margin-top: 15px;
}

.rotate img.rsImg{
  margin-bottom: 150px;

}
.rotate .rsDefault, .rotate .rsDefault .rsOverflow, .rotate .rsDefault .rsSlide{
  background: #fff;
  max-width: 100% !important;
}

.rotate .rsDefault .rsBullets{
  position: relative;
  border-top: 1px solid #ccc;
  margin-top: 35px;
  background: rgba(255,255,255, 0);
}
.rotate .rsDefault .rsBullet span{
  width: 12px;
  height: 12px;
}
.rotate .rsDefault .rsBullet{
  padding: 15px 7px 4px;
}

.rotate .rsDefault .rsBullet.rsNavSelected span{
  background-color: #00afc3;
}
.rotate .rsDefault .rsBullet span{
  background-color: #ccc;
}
.rotate .rsDefault .rsArrow{
  height: 40%;
}
.rotate .rsDefault .rsArrowIcn{
  background-color: #fff;
    border-radius: 100%;
    width: 78px;
    height: 78px;
    bottom: 0;
    top: initial;
    background-size: 63px 63px;
}
.rotate .rsDefault.rsHor .rsArrowRight .rsArrowIcn{
  background-image: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/arrow_right_48px.svg?2016031101');
  background-position: 7px 7px;
}
.rotate .rsDefault.rsHor .rsArrowLeft .rsArrowIcn{
  background-image: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/arrow_left_48px.svg?2016031101');
  background-position: 12px 7px;
  margin-left: -65px;
}
.rotate .container{
  margin-bottom: ;
}

.article-gallery {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  margin-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif;
}
.fullscreen .article-gallery .rsDefault .rsOverflow{
  background-color: #333;
}
.fullscreen .article-gallery .rsDefault{
  background-color: #333; 
}
.fullscreen .rsDefault .rsSlide{
  background-color: #333; 
}
.article-gallery .rsDefault .rsArrowIcn{
  border-radius:100%;
  width: 78px;
  height: 78px;
  margin-top: -39px;
  background-size: 63px 63px;
}
.article-gallery .rsDefault.rsHor .rsArrowRight .rsArrowIcn{
  background-image: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/arrow_right_white_48px.svg?2016031101');
}
.article-gallery .rsDefault.rsHor .rsArrowLeft .rsArrowIcn{
  background-image: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/arrow_left_white_48px.svg?2016031101');
}
.article-gallery .rsDefault.rsHor .rsArrowLeft{
  left: -44px;
}
.article-gallery .current{
    position: absolute;
    right: 15px;
    margin-top: -65px;
    opacity: 0.9;
    color: #fff;
    font-family: FolhaIISemiBold-Medium;
    font-size: 14px;
    line-height: 1.4;
}



@media (max-width: 990px) {

  .article-gallery .rsDefault .rsArrowIcn{
    background-color: transparent;
    width: 34px;
      background-size: 100%;
      height: 34px;
      margin-top: -29px;
  }
  .article-gallery .rsDefault.rsHor .rsArrowRight .rsArrowIcn{
    background-position: inherit;
  }
  .article-gallery .rsDefault.rsHor .rsArrowLeft .rsArrowIcn{
    background-position: inherit;
    background-repeat: no-repeat;
  }
  .article-gallery .rsDefault.rsHor .rsArrowLeft{
    left: 0;
  }
  .rsDefault .rsGCaption{
    float: left;
    position: static;
    width: 100%;
  }

}
@media only screen and (min-width: 0px) {
  .article-gallery .rsDefault .rsGCaption {
    background: #07ABC5 !important;
    bottom: 0 !important;
    border-bottom: 0 none;
    font-family: "FolhaIISemiBold";
    font-size: 14px;
    line-height: 1.4;
  }
  .article-gallery .rsDefault .rsNav {
    display: none !important;
    width: 0;
    height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}

/* =============================================================================
  GALLERY FULLSCREEN
  ========================================================================== */

.containerGallery{
    width: 100%;
    margin-bottom: 30px;
}

.containerGallery.fullscreen .article-gallery .current{
  right: inherit;
  margin-top: 20px;
  left: 15px;
}

.containerGallery.fullscreen{
  background-color: #333;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: scroll;
  display: block;
  height: 100%;
  z-index: 99999999
}

.containerGallery.fullscreen .article-gallery .rsDefault.rsHor .rsArrowLeft .rsArrowIcn{ background-position: 1px; }
.containerGallery.fullscreen .article-gallery .rsDefault.rsHor .rsArrowRight .rsArrowIcn{ background-position: 1px; }
.containerGallery.fullscreen .article-gallery .rsDefault.rsHor .rsArrowLeft{ left: 0px;}
.containerGallery.fullscreen .article-gallery .rsDefault.rsHor .rsArrowRight{ right: 10px; }
.containerGallery.fullscreen .rsDefault .rsArrowIcn{
 background-color: transparent; 
     width: 38px;
    background-color: transparent;
    height: 38px;
    background-size: 100% 100%;
}
.containerGallery.fullscreen .toolbar{
  margin-top: 20px;
  margin-bottom: 10px;
  display: table;
  width: 100%;
}
.side-fullgallery{ margin-top: 55px; }
.side-fullgallery .rs_skip{
  height: 270px;
  position: fixed;
  bottom: 100px;
  right: 30px;
}
.side-fullgallery .credit{ font-size: 12px; color: #fff; position: static; display: inline; }
.side-fullgallery .rsGCaption-area{
  float: right;
  /*width: 300px;*/
  padding-right: 30px;
  color: #fff;
  font: normal 16px 'FolhaIISemiBold'; 
}


.article-gallery .current:before{
    background:  url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/gallery_36px.svg?2016031101') 0 0 no-repeat;
    content: '';
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
    left: -5px;
    margin-bottom: -7px;
}
.btn-closeFullscreen{
    display: block;
    position: absolute;
    right: 30px;
    text-indent: -9999px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    z-index: 999;
    background: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/gallery/close_24px.svg?2016031101') 0 0 no-repeat;
}

.share-fullgallery .share{
  width: 44px;
    height: 44px;
    display: block;
    float: left;
    background-color: rgba(0,0,0,0.5);
    margin-right: 15px;
    padding: 10px;
}
.share-fullgallery .share:last-child{margin: 0}

.share-fullgallery .share a{
  display: block;
    height: 100%;
    text-indent: -9999px;
}
.share-fullgallery .share.facebook a{ background: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/gallery/social_facebook_18px.svg?2016031101') 0 0 no-repeat; }
.share-fullgallery .share.twitter a{ background: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/gallery/social_twitter_18px.svg?2016031101') 0 0 no-repeat; }
.share-fullgallery .share.plusone a{ background: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/gallery/social_googleplus_18px.svg?2016031101') 0 0 no-repeat; }
.share-fullgallery .share.whatsapp a{ background: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/gallery/social_whatsapp_18px.svg?2016031101') 0 0 no-repeat; }

@media (max-width: 1024px){
  .gfullwidth, .gfullwidth .col-lg-9, .gfullwidth .side-fullgallery{ padding: 0; }
  .containerGallery.fullscreen{ display: block;overflow: scroll; padding: 30px 0; }
  .containerGallery.fullscreen .current{ margin-top: 20px; }
  .totalImg{ margin-bottom: 8px; color: #cfcfcf }
  .btn-closeFullscreen{position: absolute; right: 10px}
  .side-fullgallery{ height: auto; display: block; float: left; width: 100%; margin-top: 0; }
  .side-fullgallery .rsGCaption-area{ width: auto; float: none; margin-bottom: 40px; }
  .side-fullgallery .rs_skip{ position: relative; bottom: 0; margin: 0 auto; display: block; width: 300px; right: 0}
  .share-fullgallery{ float: none !important; width: 221px; margin: 0 auto; }
  .article-gallery .current{ position: relative; display: block; float: left; margin-top: 0px; margin-bottom: 15px; left: 50%; margin-left: -40px;
  }
  #article-content .article-gallery h1{ font-size: 20px;}
}

@media (max-width: 480px){
  article.article .title-begin{
      padding: 0 15px;
    }
  .containerGallery.fullscreen .article-gallery{ padding: 0; }
  .totalImg{ float: none !important; text-align: center; }
  .containerGallery.fullscreen .article-gallery .current{
    left: 50%;
  }

  .video-player {
    min-height: 230px;
  }
}
@media (min-width: 1023px){
  .containerGallery.fullscreen{ padding-top: 30px; padding-left: 200px; padding-right: 200px; }
}