/* Custom Page */
html, body,footer{background:none}
.nav-pills >li> a{border-radius:0px; background-color: #F2F2F2}
.nav-pills>li>a>active{
  border: 2px solid #000000;
}
.nav-pills>li{box-sizing:border;border:1px solid #ddd;}
.panel{border-radius:0px;}
.panel-heading{border-radius: 0px;}
footer {
   width: 100%;
  /* Set the fixed height of the footer here */
   height: auto;
   /*background:rgba(0,0,0,0.3);
   background:rgba(0,153,255,0.3);
   background:#42a5f5 ;*/
   
}
#encabezado{
  background:url('../img/02626bc8.png');
}
/* Custom Transparent Colors */
.transparent-3{
  background:rgba(0,0,0,0.3);
  color:#fff;
  z-index:10;
}
.transparent-green-3{
  background:rgba(50,240,0,0.3);

}
.transparent-red-3{
  background:rgba(238,12,12,0.3);

}
.transparent-purple-3{
  background:rgba(51,0,51,0.3);

}
.transparent-orange-3{
  background:rgba(255,132,10,0.3);

}
.transparent-blue-3{
  background:rgba(4,72,161,0.3);

}

/*Custom Circle Buttons*/

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

/* Custom Responsive Images */
img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/* Custom Carousel */
.carousel {
  height: 500px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
.carousel-indicators {
    bottom:10px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left:0;
  min-width: 500px;
  height:100%;
  
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}