/* Space out content a bit */
body {
  /*padding-top: 20px;*/
  padding-bottom: 20px;
   background: -webkit-linear-gradient(#87B3E9, #ffffff);
   background: -moz-linear-gradient(#87B3E9, #ffffff);
   background: -o-linear-gradient(#87B3E9, #ffffff);
   background-repeat:no-repeat;
}
h1{
  font-size: 2em;
  font-weight:bold;
  color:#ad9e51;
}
h2, h3{
  font-size: 1.6em;
  font-weight:bold;
}
h2{
  color:#FBDE2A;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}
/* Customize container */

.container{
  background-color:#ffffff;
}
.transparente{
	background:transparent;
}
.jumbotron{
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
}
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}
@media screen and (max-width: 595px) {
	
	h1{
	  font-size: 1.5em;
	}
	h2, h3{
	  font-size: 1.2em;
	}
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    height:150px !important;
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
	background-image:url("../img/fondo.jpg");
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

.derecha{
	float:right;
}
.datos{
	padding-top:25px;
	color:#0057B1;
	font-weight:bold;
}