@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

    body {
      padding-bottom: 40px;
      color: #5a5a5a;
font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;	  
  overflow-x: hidden !important;
    }

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

    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 15;
      margin-top: 10px;
      margin-bottom: -90px; 
    }
	
    .navbar-wrapper .navbar {
    }

    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    .navbar .brand {
      padding: 14px 20px 16px; 
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 15px;
	  margin-right: 5px;
    }


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

    /* Carousel base class */
    .carousel {
      margin-bottom: 20px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 470px;
    }
	
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
	
    .carousel-caption .btn {
      margin-top: 10px;
    }


    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
	
    .marketing h2 {
      font-weight: normal;
    }
	
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }

    .marketing img.icono {
       -webkit-border-radius: 80px;
       -moz-border-radius: 80px;
       border-radius: 80px; 
       background: #eeeeee;
		padding: 25px;	
			 }

     .marketing a p {color: #666666; }
	 
	 .marketing a:hover {text-decoration: none; }


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 20px 0px 20px 0px; /* Space out the Bootstrap <hr> more */
    }
	
    .featurette {
      padding-top: 90px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
	
	 .featurette.margin-top { margin-top: 80px;  }
	
    .featurette-image {
	width: 50%;
	height: 50%;
      margin: -80px 10px 10px 10px;
      -webkit-border-radius: 80px;
       -moz-border-radius: 80px;
       border-radius: 80px; 
       -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
       -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
       box-shadow: 0 2px 10px rgba(0,0,0,.25);	  
	   border: solid 7px #FFFFFF;
    }

    .featurette-image.pull-left {
      margin-right: 50px;
    }
	
    .featurette-image.pull-right {
      margin-left: 50px;
    }

    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }

    /* Back to top */
a.back_to_top {
background: #f95757 url('../img/flecha_subir.png') no-repeat 55px 6px ;
padding: 4px 28px 4px 15px;
      -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
       border-radius: 15px;
	   display: block;
	   color: #FFFFFF;
	   font-size: 12px;
}


    /* CONTACTO */
.direccion {
background: url('../img/icono_direccion.png') no-repeat 0px 6px ;
padding: 10px 0px 10px 40px;
margin: 0px;
}

.telefono {
background: url('../img/icono_telefono.png') no-repeat 0px 6px ;
padding: 10px 0px 10px 40px;
margin: 0px;
}


@media (max-width: 400px) {

 contacto >  form > div {
    margin: 0 0 15px 0; 
  }
  
 contacto >  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  
  contacto > form > div > div,
  contacto > form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  
  contacto > input[type=text],
  contacto > input[type=email],
  contacto > input[type=url],
 contacto >  input[type=password],
 contacto >  textarea,
 contacto >  select {
    width: 100%; 
  }
}


@media (max-width: 979px) {

contacto > form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}

contacto > form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}

contacto > form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}

contacto > form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}

contacto > form > div > fieldset label {
	font-size: 90%;
}

contacto > fieldset {
	border: 0;
  padding: 0;
}

contacto > input[type=text],
contacto > input[type=email],
contacto > input[type=url],
contacto > input[type=password],
contacto > textarea {
	width: 100%;
  border-top: 1px solid #e23e40;
  border-left: 1px solid #e23e40;
  border-right: 1px solid #e23e40;
  border-bottom: 1px solid #e23e40;
}

contacto > input[type=text],
contacto > input[type=email],
contacto > input[type=url],
contacto > input[type=password] {
  width: 50%;
}

contacto > input[type=text]:focus,
contacto > input[type=email]:focus,
contacto > input[type=url]:focus,
contacto > input[type=password]:focus,
contacto > textarea:focus {
  outline: 0;
  border-color: #e23e40;
}
}


@media (min-width: 1200px) {
  contacto > form > div > label,
	legend {
  	text-align: right !important;
  }
}


    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
	  
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .item {
        height: 350px;
      }
	  
      .carousel img {
  }

  .carousel-caption h1 { margin-top: -100px !important ; width: 400px; padding-left: 10px;}	 
.carousel-caption .lead { font-size: 14px !important; margin-top: 10px; width: 380px; padding-left: 10px;}	  


      .featurette {
        height: auto;
        padding: 0;
      }
	  
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: left;
        width: 50%;
        margin: 10px 30px 20px 10px;
      }
	  
   .featurette-heading {
        font-size: 30px;
      }	  
	  
    }


    @media (max-width: 767px) {

      .navbar-inner {
        margin: -20px;
      }

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
	
      .carousel .container {
      }
	  
      .carousel .item {
        height: 300px;
      }
	  
      .carousel img {
   margin-top: 65px;
      }
	  
.carousel-caption h1 { font-size: 22px !important; margin-top: 15px !important ; width: 200px;}	 
.carousel-caption .lead { font-size: 12px !important; margin-top: 10px; width: 200px; }	  
	  
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
	  
      .carousel-caption h1 {
        font-size: 30px;
      }
	  
      .carousel-caption .lead,
     {
        font-size: 16px;
      }
	  
	   .carousel-caption .btn {display: none;}
	   
	    .featurette-image.pull-left,
      .featurette-image.pull-right {
   -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
       border-radius: 20px; 
       -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
       -moz-box-shadow: 0 2px 5px rgba(0,0,0,.25);
       box-shadow: 0 2px 5px rgba(0,0,0,.25);	  
	   border: solid 4px #FFFFFF;
	   margin: 20px;
  
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
	  
      .featurette .lead {
        font-size: 16px ;
        line-height: 1.5;
      }
    }
	
	
    @media (max-width: 400px) {
	
	   .navbar .brand img {
      width: 120px;
	  padding: 10px 10px 10px 10px;
    }
	
    .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: left;
        margin: 10px 0px 20px 10px;
      }
	
	      .carousel .item {
        height: 210px;
      }

 .featurette-heading {
        font-size: 30px;
width: 80%;
float: left;
      }
	  
      .featurette .lead {
        font-size: 16px ;
        line-height: 1.5;
		float: left;

      }
	
   .carousel img {
   margin-top: 65px;
      }
	  
.carousel-caption h1 { font-size: 12px; padding-top: 0px !important; margin-top: -5px !important; width: 130px; padding-left:0px;}	 
.carousel-caption .lead { display: none;}	  
.carousel-caption .btn { display: none;}	

	 }