@charset "utf-8";
/* CSS Document */
/*********************************************************************************************************
Carousel
**********************************************************************************************************/
.carousel {
	margin-top:15px;
} /*desloca o slider 15 px do topo*/
.carousel-inner {
	 background-color: #333333 !important;
}
.carousel-inner .item > img {
	max-width:100%
}
.carousel-caption {
	left: 68%;
	left/*\**/: 58%\9;
	right: 6%;
	text-align:left;
	top:2.3em;/*padding-bottom:1.7%;*/
}
.carousel-caption h1 {
	font-size:2.15em;
	color:#FFFFFF;
}
.carousel-caption h1 > a {
	color:#FFFFFF;
}
.carousel-caption p {
	color:#FFFFFF;
	margin-top:2em;
	font-size:1.15em;
}
.carousel-indicators {
	bottom:0;
	left:27%;
}
.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 h1 {
        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 > img, .carousel-inner > .item > a > img {
        max-width:50% !Important;
}
.carousel-caption {
        left: 55%;
        right: 6%;
        text-align:left;
        top:25%;
}
.carousel-caption h1 {
        font-size:1.75em;
        color:#FFFFFF;
}
.carousel-caption h1 > a {
        color:#FFFFFF;
}
.carousel-caption p {
        color:#FFFFFF;
        margin-top:2em;
        font-size:.9em;
        display:none;
}
}
 @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%;
}
.carousel-caption h1 {
        margin:0 !important;
        padding:0 !important;
        line-height: 1em !important;
        font-size: 1em !important;
}
.carousel-caption h1 > a {
        color:#FFFFFF;
}
.carousel-caption p {
        display:none !important;
}
.carousel-indicators {
        bottom: 0;
        left: 50% !important;
}
}