@charset "utf-8";
/* CSS Document */
/*********************************************************************************************************
Carousel
**********************************************************************************************************/
.carousel {
/*	margin-top:15px;
 desloca o slider 15 px do topo*/
 border:1px solid #fff;
}
.carousel-inner {
	 background-color: #333333 !important;
}
.carousel-inner .item > img {
	max-width:100%
}
.carousel-caption {
  left: 68%;
  right: 6%;
	text-align:left;
	top:2.3em;/*padding-bottom:1.7%;*/
}
.carousel-caption span {
	font-size:2.55em !important;
	color:#FFFFFF;
	font-weight:bold;
}
.carousel-caption span > a {
	color:#FFFFFF;
}
.carousel-caption p {
	color:#FFFFFF;
	margin-top:2em;
	font-size:1.15em;
}
.carousel-indicators {
	bottom:0;
	/*left:27%;*/
	left: 50%;
  margin-left: -70px;
  width: 140px;
}
.carousel-indicators-control {
	bottom: 10px !important;
	/*left: 5% !important;*/
	width:20px;
	height:20px;
	left:100%;
	margin-left:70px;
}
.carousel-control {
	width:2%;
}
.carousel-control.left {
	left: 15px;
	height:100% !important;
	background-image:none;
	filter:none;
}
.carousel-control.right {
	right: 15px;
	height:100% !important;
	background-image:none;
	filter:none;
}
@media (min-width: 75.0625em) {
.carousel-caption {
        left: 58% !important;
        right: 6%;
        text-align:left;
        top:2.3em;
}
.carousel-caption-principal span {
        font-size:2.85em !important;
}
.carousel-caption-principal p {
        font-size:1.55em !important;
}
}
@media screen and (min-width: 40.4375em) and (max-width: 59.8125em) {


  .carousel-inner .item {
      height:100% !important;
  }


.carousel-inner > .item > img, .carousel-inner > .item > a > img {
        max-width:50% !Important;
}
.carousel-caption {
        left: 55%;
        right: 6%;
        text-align:left;
        top:25%;
}
.carousel-caption span {
        font-size:1.75em;
        color:#FFFFFF;
}
.carousel-caption span > a {
        color:#FFFFFF;
}
.carousel-caption p {
      position: absolute; left: -999em;
}
}
@media screen and (min-width: 648px) and (max-width: 957px) {
.carousel-caption span {
    font-size: 1.8em !important;
  }
}

 @media screen and (min-width: 20em) and (max-width: 40.4375em) { /* de 320 a 600 */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
        max-width:100% !important;
}
 .carousel-caption {
        left: 1%;
        right: 1%;
        text-align: left;
        top: 67% !important;
        color: #FFF;
        height: 33%;
        background-color: #000;
        padding: .5em 2em;
        margin: 0 -1em;
        opacity: 0.7;
        filter: alpha(opacity=40);
}
.carousel-caption span {
        margin:0 !important;
        padding:0 !important;
        line-height: 1.4em !important;
        font-size: 1.2em !important;
}
.carousel-caption span > a {
        color:#FFFFFF;
}
.carousel-caption p {
      position: absolute; left: -999em;
}
.carousel-indicators {
        bottom: 0;
        left: 50% !important;
}

.carousel-indicators li {
    position: relative;
    top: 10px;
}
.carousel-indicators-control {
  	bottom: 0 !important;
}

}