/************** Banner Top **************************/	
/* Half Page Height Carousel Customization */


/*slide*/
#slide-top{
  min-height:60vh;
 
  }
 
.carousel {
  height: 60vh;

}

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  -moz-transition: opacity ease-in-out .9s;
  -o-transition: opacity ease-in-out .9s;
  -webkit-transition: opacity ease-in-out .9s;
  transition: opacity ease-in-out .9s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .9s;
  -o-transition: opacity ease-in-out .9s;
  -webkit-transition: opacity ease-in-out .9s;
  transition: opacity ease-in-out .9s;
  z-index:2;
}


.carousel-control {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 50px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=0);
  opacity: 0;
  z-index:12;
  vertical-align: middle;
  padding-top: 14%;

}

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

}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

#slide-top .carousel-caption {
    position: absolute;
    right: 15%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: right;
    bottom:15%;
}

  
#slide-top .carousel-caption h2{
  text-align: right;
  font-size:27px;
  font-size:2.7rem;
  line-height:30px;
  font-weight:400;
  margin:0px;
  background-color:rgba(0,0,0,0.3);
  padding:11px 9px;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .8);
  display:inline-block;
  
}
  
#main-slider {
  color: #fff;
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

}


	
#slide-top .container .lineas{
	position:absolute;
	z-index:5;
	margin-left:46%;
	}


.carousel-indicators .active {
	background-color:#ffff00;
}

.carousel-indicators li{
	border:none;
	background-color: rgba(255,255,0,.5);
	}

#main-slider .carousel-control:hover {
  color: rgba(239,186,72,1.00);
  filter: alpha(opacity=80);
  opacity: .8;
  /*background-color:rgba(0,0,0,0.5);*/
}

#main-slider .left {
  left: 0px;
}
#main-slider .right {
  right: 0px;
}


/************** Main content **************************/

#main-content{
	margin:0px;
	background-color:#f9f9f9;
	padding:28px 0px 35px;
	}
	

#main-content h1{
	font-weight:400;
	color: #707070;
	font-size:23px;
	font-size:2.3rem;
	margin-bottom:10px;
	}
	
#main-content p{
	font-size:13px;
	font-size:1.3rem;
	color:#707070;
	line-height:27px;
	text-align:justify;
	}
	
#main-content .der{
	margin-top:20px;
	padding-left:15px;
	}




/* Extra Small devices (phones) */
@media (max-width: 767px) { 
  
#myCarousel .left,
#myCarousel .right {
	display:none;
	
}

  
#main-content h1{
font-size:20px;
font-size:2.0rem;
}

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	
#main-content{

	}
	
#main-content .der{
	margin-top:55px;
	padding-left:25px;
	}
	

}

/* medium devices (desktop and up) */
@media (min-width: 992px) {


}

@media (min-width: 1200px) {

	
}