/* Gallery * */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 100%;
  height: 300px;
  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 {
  float: left;
  height: 100%;
  max-width: 100% !important;
  overflow: hidden;
  position: relative;
  width: 100%;
  -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: #151515;
  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");
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  *background-color: #000;
  border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
  background-color: rgba(0,0,0,0.9);
}
.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;
  text-decoration: underline;
}
.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: -38px;
  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: 50%;
}
.rotate .rsDefault .rsArrowIcn{
  background-color: #fff;
    border-radius: 100%;
    width: 78px;
    height: 78px;
    bottom: 49px;
    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;
}

.colunistas .colunista-item{
  width: 262.5px;
  margin-right: 30px;
  margin-top: 30px;
  margin-bottom: 40px;
}
.colunistas .colunista-item img{ padding: 0;margin-right: 15px; border-radius: 100%; width: 70px; height: 70px; max-width: inherit; min-width: inherit; }

#colunistas .colunista-item .kicker{ color: #00afc3; margin-bottom: 8px; display: block;}

#colunistas .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;
}
#colunistas .carousel-pagination{ margin-top: 15px; }

#colunistas .carousel-pagination .active { background: #00afc3; }

#colunistas .carousel .carousel-list{
  border-bottom: 1px solid #d1d1d1;
}

.article-gallery {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  margin-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif;
}
.article-gallery .rsDefault, .article-gallery .rsDefault .rsOverflow, .article-gallery .rsDefault .rsSlide{
  background-color: #00445c;
}
.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{
  background-color: #00445c;
  border-radius:100%;
  width: 78px;
  height: 78px;
  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: 15px;
    opacity: 0.9;
    color: #fff;
}

.main-gallery, section.videos{
  background-color: #00445c;
  color: #fff;
  padding-top: 35px;
}
.videos.carousel li{
  width: 1140px;
}
.videos.carousel .container-pag{
  display: block;
    background-color: #fff;
    margin-top: 20px;
    position: relative;
    top: 1px;
    width: 200%;
    left: -50%;
}
.videos.carousel .carousel-pagination{ margin-top: 15px; }

.videos.carousel li h2{
  color: #fff;
  margin-top: 15px;
}

.videos .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;
}
.videos .carousel-pagination .active { background: #00445c; }

.videos.carousel .pane-btn, .colunistas .carousel .pane-btn{ top: 50%; border-bottom: 0; margin-top: -56px;}

.videos.carousel .pane-btn.prev{
  background-image: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/arrow_left_white_48px.svg?2016031101');
  margin-left: -40px;
}
.videos.carousel .pane-btn.next{
  background-image: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/arrow_right_white_48px.svg?2016031101');
  margin-right: -40px;
}
.colunistas .carousel .pane-btn.prev{
  margin-left: -40px;
}
.colunistas .carousel .pane-btn.prev{
  margin-right: -40px;
}

@media(min-width: 990px){
  .main-gallery .article-gallery .rsDefault.rsHor .rsArrowIcn{
    margin-top: -55px;
    background-position: -56px -56px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .videos .container-pag:after{
    display: block;
    content: '';
    height: 32px;
    position: absolute;
    width: 10%;
    right: -30px;
    margin-top: -32px;
    background: #fff;
}
  .videos .container-pag:before{
    display: block;
    content: '';
    height: 32px;
    position: absolute;
    width: 10%;
    left: -30px;
    background: #fff;
  }
  .colunistas .carousel-list li{ width: 370px; margin: 20px 0px 20px 0; padding-right: 20px; }
}



@media (max-width: 1023px) {
  .rotate{ margin-bottom: 35px; }
  .rotate .rsArrow { display: none!important; }
  section.videos{ padding-top: 0px; }
  .videos.carousel li h2{ margin: 20px 15px 0 15px; font-size: 24px; }
  .videos.carousel .carousel-list li{ overflow: hidden; width: 750px; }
  .videos .vcontainer{ margin-left: -15px; margin-right: -15px; }
  .videos.carousel .pane-btn, 
  .colunistas .carousel .pane-btn{ display: none;}
  .colunistas{ padding: 0 15px; }
  .colunistas .carousel-list li{ width: 365px}
  .colunistas .colunista-item{ margin: 0; }
  .article-gallery .rsDefault .rsArrowIcn{ background-color: transparent; width: 34px; background-size: 100%; height: 34px; }
  .article-gallery .rsDefault.rsHor .rsArrowIcn{ margin-top: -17px; }
  .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%; }
  .rsDefault .rsCaption p { font-size: 13px; }
}
@media (max-width: 320px) {
.colunistas .carousel-list li{ width: 315px}
}
@media only screen and (min-width: 0px) {
  .article-gallery .rsDefault .rsGCaption {
    background: rgb(0, 68, 92) !important;
    bottom: 0 !important;
    border-bottom: 0 none;
    font: normal 16px 'Roboto';
    margin-bottom: 15px;
  }
  .article-gallery .rsDefault .rsNav {
    display: none !important;
    width: 0;
    height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}

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

.containerGallery{
  margin: 30px 0 40px 0;
  display: inline-block;
  width: 100%;
}

.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;
  display: table;
  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 'Roboto'; 
}


.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: fixed;
    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; padding-right: 0px; }
  .side-fullgallery .rs_skip{ position: relative; bottom: 0; margin: 0 auto; display: block; width: 300px; right: 0; height: auto;}
  .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;
  }
}

@media (max-width: 480px){
  .containerGallery.fullscreen .article-gallery{ padding: 0; }
  article.article .rsGCaption p, .rsGCaption-area p{
      font-size: 13px;
    }
    article.article .article-gallery h1{
      font-size: 24px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  .totalImg{ float: none !important; text-align: center; }
  .containerGallery.fullscreen .article-gallery .current{
    left: 50%;
  }
  .main-gallery .containerGallery.fullscreen h1{
    margin-right: 40px;
  }
}
@media (min-width: 1023px){
  .containerGallery.fullscreen{ padding-top: 30px; }
}


/* =============================================================================
   Livraria - Bookstore
   ========================================================================== */
#bookstore-home {
  border: 1px solid #ccc;
  border-radius: 2px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}
.sprite.livraria {
  background-image: url('//f.i.uol.com.br/folha/especial/2016/olimpiada-no-rio/svg/logotipo_livraria.svg?2016031101');
  text-indent: -9999px;
  height: 95px;
  width: 218px;
}
.sprite.ofertas_do_dia {
  background-position: -722px -313px;
  text-indent: -9999px;
  height: 42px;
  width: 220px;
}
.sprite.icon-publifolha {
  background-position: -809px -110px;
  text-indent: -9999px;
  height: 25px;
  width: 125px;
}
#bookstore-home .sprite.facebook {
  background-position: -731px -289px;
  display: block;
  height: 20px;
  text-indent: -9999px;
  width: 15px;
}
#bookstore-home .sprite.twitter {
  background-position: -750px -289px;
  display: block;
  height: 20px;
  text-indent: -9999px;
  width: 15px;
}
#bookstore-home > header {
  border-bottom: 1px solid #ccc;
  min-height: 60px;
  height: 60px;
  overflow: hidden;
}
#bookstore-home > header h2 {
  float: left;
  margin-top: -10px;
}
#bookstore-home > header .website {
  border-left: 1px solid #ae0c1b;
  border-right: 1px solid #ae0c1b;
  float: left;
  margin: 14px 10px 0;
  padding: 10px 10px 0;
}
#bookstore-home > header a {
  color: #ae0c1b;
}
#bookstore-home > header .social-media {
  float: left;
}
#bookstore-home .social-media li {
  display: inline-block;
  margin: 28px 0 0;
  list-style: none;
}
#bookstore-home .social-media li a {
  transition: all .2s ease-in;
}
#bookstore-home .social-media li a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}
#bookstore-home .products li {
  display: inline-block;
  margin: 20px 8px;
  text-align: center;
  width: 170px;
  vertical-align: top;
}
#bookstore-home .products li a:hover {
  text-decoration: none;
}
#bookstore-home .products li h4 {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 5px;
}
#bookstore-home .products li .old-price {
  color: #666;
  display: block;
  font-size: 11px;
  line-height: 1.2;
}
#bookstore-home .products li .real-price {
  color: #333;
  display: block;
  font-size : 16px;
  font-weight : 700;
  line-height: 1.2;
} 
#bookstore-home .products li img {
  max-height: 160px;
  max-width: 180px;
  min-width: auto;
  transition: all .3s ease-in;
}
#bookstore-home .buy {
  background: #e10b28;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
  padding: 2px 18px;
  text-decoration: none;
  transition: all .3s ease-in;
}
#bookstore-home .buy:hover,
#bookstore-home .products li a:hover .buy {
  background: #c90c28;
} 
#bookstore-home .products li a:hover img {
  opacity: .9;
  filter: alpha(opacity=90);
}
#bookstore-home .products li .buy {
  display: inline-block;
  margin: 10px auto;
}
#bookstore-home .books {
  height: 250px;
  margin-bottom: 20px;
  margin-top: 0;
  position: relative;
}
#bookstore-home .books .content {
  height: 250px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#bookstore-home .books .prev ,
#bookstore-home .books .next {
  background: #ededed;
  border-radius: 0 4px 4px 0;
  display: block;
  position: absolute;
  top: 85px;
  z-index: 110;
}
#bookstore-home .books .prev {
  left: 0;
  padding: 0 2px 10px 0;
}
#bookstore-home .books .next {
  padding: 0 0 10px;
  right: 0;
}
#bookstore-home .books .prev > span ,
#bookstore-home .books .next > span {
  border: 14px solid transparent;
  display: block;
  height: 0;
  width: 0;
}
#bookstore-home .books .prev > span {
  border-right: 14px solid #666;
  margin: 14px 10px 0 -4px;
}
#bookstore-home .books .next > span {
  border-left: 14px solid #666;
  margin: 14px -4px 0 12px;
}
#bookstore-home .books .products {
  display: block;
  font-size: 0;
  margin: 0 0 0 3px;
  position: absolute;
}
#bookstore-home .books .products .buy {
  display: block;
  width: 93px;
}
#bookstore-home .books .prev.inactive span {
  border-right-color: #ccc;
}
#bookstore-home .books .next.inactive span {
  border-left-color: #ccc;
}

@media (max-width: 480px){
  #bookstore-home{display: none;}
}

#shopping{
  width: 300px;
  margin: 0 auto;
}