/****************************************************************************************************************************************************
 *  CAROUSEL
 ****************************************************************************************************************************************************/

/* Buttons */
.carouselPlay,
.carouselPlay span,
.carouselDesc,
.carouselShare {
  position: absolute;
  background: url("/portal/imagens/classic/carousel/btn_video.png");
}
.carouselShare {
  top: 10px;
  right: 10px;
  background-position: -75px 0;
  text-indent: -9999px;
  overflow: hidden;
  zoom: 1;
  width: 45px;
  height: 46px;
}
.carouselShare:hover {
  background-position: -75px -75px;
}
.carouselShare:focus {
  background-position: -75px -145px;
}
.carouselPlay {
  left: 167px;
  top: 87px;
  width: 66px;
  height: 66px;
  padding: 0;
  border: 0;
  display: block;
  text-indent: 66px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-touch-callout: none;
}
.carouselPlay span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 66px;
  height: 66px;
}
.carouselPlay span:hover {
  background-position: 0 -75px;
}
.carouselPlay span:focus {
  background-position: 0 -145px;
}
.carouselDesc {
  width: 380px;
  line-height: 30px;
  bottom: 0;
  left: 0;
  color: #FFF;
  font-size: 12px;
  font-family: Arial, Sans-Serif;
  background: url("/portal/imagens/classic/carousel/bg_op70percent.png");
  display: block;
  border-top: 1px solid #000;
  text-align: center;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
/* // Buttons */
/* Carousel general */
.carousel {
  height: 235px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  position: relative;
  /* z-index */
  -webkit-transform: translate3D(0, 0, 0)
}
.carousel .box-lnks {width:100%;height:0;position:absolute;bottom:0;left:0;line-height:43px;}
.carousel .box-lnks .bg {width:100%;height:100%;position:absolute;top:0;left:0;background-color:#003f78;opacity:.8;filter:alpha(opacity=80)}
.carousel .box-lnks p {position:relative;padding:0;text-align:right;padding:0 20px;}
.carousel .box-lnks p a {color:#FFF;text-decoration:none;background:url("imagens/geral/seta-link-3d.png") no-repeat  right center; display:inline-block; padding-right:11px;line-height:1.25em;min-height:17px;margin-left:17px;}
.carousel .box-lnks p a:hover {text-decoration:underline;}
.carousel .wrap-selo {position:relative;}
.carousel .wrap-selo .btn-antes, .carousel .wrap-selo .btn-depois {position:absolute;top:6px}
.carousel .wrap-selo .btn-antes img, .carousel .wrap-selo .btn-depois img {width:auto;height:auto;display:block;}
.carousel .wrap-selo .btn-antes {left:0}
.carousel .wrap-selo .btn-depois {right:8px}

.carousel li {
  position: absolute;
  z-index: -1;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  cursor: pointer;
}
.carousel li .carouselFrame,
.carousel li img {
  width: 380px;
  height: 235px;
  display: block;
  overflow: hidden
}
.carousel .selected .carouselFrame{cursor:default}
.carousel .right2,
.carousel .right1,
.carousel .selected,
.carousel .left1,
.carousel .left2 {
  opacity: 1;
}
.carousel.carouselItemAmount-3 .right2, .carousel.carouselItemAmount-3 .left2 {
  opacity: 0;
}
.carousel .selected {
  z-index: 10;
}
.carousel .right1, .carousel .left1 {
  z-index: 5;
}
.carousel .right2, .carousel .left2 {
  z-index: 1;
}
.carousel .carouselFrame {
  position: relative;
  display: block;
}
.carousel .carouselFrame > a img {
  border: 0;
}
.carousel .boxVideo, .carousel .selectedContent {
  width:380px;
  height:235px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  /* Fix for IE7, IE8 and IE9 */

  background: url("/portal/imagens/classic/carousel/btn_video.png") no-repeat 1000px 0;
  /* // Fix for IE7, IE8 and IE9 */

}
.carousel .boxLinks {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.carousel .img {
  -ms-interpolation-mode: bicubic;
}
/* // Carousel General */
/* Carousel perspective */
.carouselPerspective500x235.carousel {

  -webkit-perspective: 500;
  -moz-perspective: 500px;
  perspective: 500;

}
.carouselPerspective500x235.carousel li {
  top: 2.5px;
  left: 50px;
}

.carouselPerspective710x235.carousel li {
  top: 2.5px;
  left: 166px;
}

/* // Carousel perspective */
/* Carousel general js activated on the browser */
.js .carousel {
  /* initial values */

}
.js .carousel .selectedContent {
  display: none;
}
.js .carousel .selected .selectedContent {
  display: block;
}
.js .carousel .boxVideo {
  display: none;
}
.js .carousel .carouselDesc {
  bottom: -50px;
}
.js .carousel .carouselShare {
  top: -50px;
}

.js .carousel .playingVideo .boxVideo { display: block; }
.js .carousel .playingVideo .carouselDesc,
.js .carousel .playingVideo .carouselPlay { display: none; }
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
	.js .carousel .playingVideo .carouselShare { display: none; }
}

/* // Carousel general js activated on the browser */


/* General Animation Settings */

.left3ToLeft2,
.left2ToLeft1,
.left1ToSelected,
.selectedToRight1,
.right1ToRight2,
.right2ToRight3,
.left2ToLeft3,
.left1ToLeft2,
.selectedToLeft1,
.right1ToSelected,
.right2ToRight1,
.right3ToRight2	 {
	-webkit-animation: 0.5s 1 linear;
	-moz-animation: 0.5s 1 linear;
}
/* // General Animation Settings */

.carouselJavascript li .carouselFrame {
  width: auto;
  height: auto;
  position:relative;
}

/* // Setting the classes for the animations */
/****************************************************************************************************************************************************
 *  CAROUSEL
 ****************************************************************************************************************************************************/
 	
.carousel-unload li {left:-99999px; top:-99999px;}
.carousel-unload .left2 {left:5px; top:58px; z-index:1;}
.carousel-unload .left1 {left:83px; top:28px; z-index:2;}
.carousel-unload .selected {left:165px; top:3px; z-index:3;}
.carousel-unload .right1 {left:343px; top:28px; z-index:2;}
.carousel-unload .right2 {left:515px; top:58px; z-index:1;}

.carousel-unload .selected img {height:238px; width:380px;}
.carousel-unload .left2 img,
.carousel-unload .right2 img {height:120px; width:190px;}
.carousel-unload .left1 img,
.carousel-unload .right1 img {height:180px; width:285px;}