body {
    font-family: 'Roboto', sans-serif;
    color: #222;
}

h1, h2, h3 { text-transform: uppercase; text-align:center; }
h1 { /*font-size: 24px;*/ font-weight:900; color:#222; }
h2 { /*font-size: 20px;*/ font-weight:700; color:#c5b358; }
h1 { /*font-size: 24px;*/ font-weight:900; color:#222; }

.bg-success, .bg-danger { padding:3px; }
.texto { max-width:760px; margin-left:auto; margin-right:auto; text-align:justify; }


h1.protagonistas { text-align:center; margin-bottom:0; }
h2.protagonistas { text-align:center; }

a { color:#222; }

.color-primario { color:#222; }
div.color-primario { background-color:#222; color:#fff; }


.navbar-brand {
    min-height: 50px;
}

#cta { 
    /*margin-bottom: 60px;*/
    padding:40px 0 0 0;
    height:auto; 
    font-size:30px;
    text-align: left;
    /* background: #222; */
    color: #fff;
}
#cta h1 { color:#fff; text-align:left; }
#cta strong { font-weight:700; color:#c5b358; /* font-size: 1.5em; */ }
#cta label, #cta label a { font-size: 20px; color:#c5b358; }
#cta .button { text-align:right; }
#cta form { width: 100%; font-size:20px; padding:10px 0; }
    #cta form strong { color:#fff;   }
    #cta form p { font-size:20px; }
        #cta form p.small { font-size:85%; margin-top:15px; }

div.ico-gvm { margin:6px auto; text-align:left; }
span.ico-gvm { display:inline-block; margin-right:15px; margin-left:15px; }

/*#cta .ico-gvm { text-align:center; display: block; }*/

.barras { padding:30px; border-top:3px #c5b358 solid; border-bottom:3px #c5b358 solid; }

.btn-default { background: #222; color: #c5b358; }
    .btn-default:hover { background: #222; color: #fff; }

/*********** Personalizacion estilo Carrusel ********/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body.home {
  padding-bottom: 40px;
  /*color: #5a5a5a;*/
}


/* 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;*/
  background:#222 url('../i/roceta-para-fondo_100.png') 0 0 repeat;
  box-shadow: 0px 10px 15px #888888;
  z-index: 20;
}

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


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

/* Center align the text within the three columns below the carousel */
.marketing { margin-top:40px; }
.funcionales { padding-top:20px; padding-bottom:20px;  }
/*.marketing h1 { margin-bottom:40px; }*/
.marketing img { background-color:#222; padding:10px; }
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 { margin-bottom:40px; }
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


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

.featurette h1, .featurette h2 { text-align:left; }
.featurette h2 { margin-bottom:30px; }

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/*.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}*/


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

@media (min-width: 400px) {
  #cta { 
    padding:90px 0 0 0;
  }
}


@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    /*margin-top: 20px;*/
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }

  h1 { font-size:36px; }
  h2 { font-size:32px; }
  h1 { font-size:28px; }

  h3.protagonistas {  margin-bottom:30px; }

  #cta { 
      /*margin-bottom: 60px;*/
      padding:110px 80px 50px 80px;
      font-size:30px;
  }
  #cta form { width: 80%; }
  #cta form { padding:10px 20px; }
}

/*********** FIN Personalizacion estilo Carrusel ********/






/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }