/** Carousel
***********************************************************************/
.carousel .carousel-titulo {
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	width:100%;
	top:15px;
	color:#fff;
	font-size: 30px;	
	margin-top:0px;
	/*z-index:10;*/
	text-shadow: 2px 2px 2px rgba(0,0,0,.9);
	line-height:24px;
	text-align:right;
	padding-right:20px;	
}

.carousel-esq{
	width:50%;
	height:100%;
	position: absolute;
	background: rgba(255, 255, 255, 0.5); 
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	float:right;
}

.carousel-dir{
	width:50%;
	height:100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	float:right;
}
.carousel-barco {
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	width:50%;
	height:100%;
	top:0px;
	color:#fff;
	font-size: 50px;	
	margin-top:0px;
	/*z-index:10;*/
	text-shadow: 2px 2px 2px rgba(0,0,0,.9);
	border:0px solid red;
	background: rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	
}

.carousel .texto h1{
	font-weight: 300;
	font-size: 30px;	
	color:#fff;
}

.carousel .texto p{
	font-weight:400;
	font-size: 20px;
	color: #fff;
	line-height:30px;
}

.carousel-inner {
  border-radius:0px;
}

/*
CONTRÔLES
************************/
.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
  color:#ffffff;
 }

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.carousel .carousel-control {
  visibility: hidden;
}
.carousel:hover .carousel-control {/*visible ou hidden para aparecer ou não os controles*/
  visibility: visible;
  /*visibility: hidden;*/
}

.carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding:10px;
  color: #fff;
  text-align:center;
  font-size: 18px;
  text-shadow: 4px 4px 10px #000;
  min-height:60px;
}

.carousel-indicators {
  position: absolute;
  bottom:-35px;
  right:0;
  left: 0;
  width: 100%;
  z-index:15;
  margin:0;
  padding:0 0px 0 0;
  text-align:center;
  border-radius:0px;
  border:0px;
}

.carousel-indicators li{
	background-color:#808080;
	width:15px;
	height:15px;
	cursor: pointer;
	border:0px;
	border-radius:50%;
}

.carousel-indicators li.active{
	background-color:#eb6834;
	width:15px;
	height:15px;
	cursor: pointer;
	border:0px;
	border-radius:50%;
	margin-top:-11px;
}
/*
.carousel .carousel-indicators {
  visibility: hidden;
}
.carousel:hover .carousel-indicators {
  visibility: visible;
}
*/


/* carousel - fade - ex de classe: <div id='Carousel' class='carousel slide carousel-fade'> */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}


/********************************************************/

.carousel-item {/*class='carousel carousel-item'*/
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-full {/*class='carousel carousel-full'*/
  width: 100%;
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-250 { 
  background-position: center;
  height: 250px;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-350 { 
  background-position: center;
  height: 350px;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-400 { 
  background-position: center;
  height: 400px;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-450 { 
  background-position: center;
  height: 450px;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-500 { /*class='carousel carousel-500'*/
  width:100%;
  height:500px;
  min-height:300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.carousel-550 { 
  background-position: center;
  /*height:100%;*/
  height: 550px;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-600 { 
  background-position: center;
  /*height:100%;*/
  height: 600px;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-650 { 
  background-position: center;
  /*height:100%;*/
  height: 650px;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/* Carousel Home */
/*
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}
*/
/* Background images are set within the HTML using inline CSS, not here */
/*
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
*/