html, body{
  height: 100%;
}
a:hover{
  text-decoration: none;
}

body{
  font-family: 'Montserrat';
  position: relative;
  padding-top: 63px;
}

label{
  color: #ffffff;
}

.btn-primary{
  background-color: #ffffff;
  color: #8B9364;
  border-color: #ffffff;
}

.btn-primary:hover{
  background-color: #AFBB7C;
  color: #ffffff;
  border-color: #AFBB7C;
}

.link-footer{
  color: #000000;
}
/* Botones sociales */
.fb-compartir{
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
}

.fb-txt{
  font-size: 14px;
}

.boton.facebook {
 background: #3b5998;
}

.facebook:hover{
  color: #ffffff;
}

.boton {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-right: 30px;
  padding-left: 70px;
  position: relative;
  background-color:rgb(0,0,0);
  color:rgb(255,255,255);
  text-decoration: none;
  text-transform: none
  letter-spacing: 1px;
  margin-bottom: 14px;
  text-shadow:1px 1px 0px rgba(0,0,0,0.5);
}

.boton p{font-size: 18px;}
.boton span {
  position: absolute;
  left: 0;
  width: 50px;
  font-size:30px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid  rgba(0,0,0,0.15);
  text-decoration: none;
}

/*.icons-to-left{
  display: inline-block;
}*/

.margin-der{
  margin-right: 25px;
}

#productos,#contacto, #nosotros{
  padding-top: 60px;
}

/* ELEMENTOS / TEXTOS */
#facebook-home{
  text-align: center;
  color: #ffffff;
}

#linkedin-home{
  color: #ffffff;
}

.h1-24{
font-size: 54px;
color: #8B9364;
}

.icons-txt{
  margin-bottom: 15%;
}

.titulo{
  background-color: #908F96;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 60px;
  padding-right: 60px;
  color: #ffffff;
  font-size: 42px;
}

.parrafo{
  font-size: 18px;
}
.white-txt{
  color: #ffffff;
}

.div-center{
  text-align: center;
}

.center-row{
  text-align: center;
}

.col-margin{
  margin-left: 40px;
  margin-right: 40px;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}
/* vertical spacing between columns */

[class*="col-"] {
  margin-bottom: 30px;
}

.bold{
  font-weight: 900;
  color: #AFBB7C;
}

.icon-text{
  font-size: 18px;
  padding-left: 10px;
  display: inherit;
}

.col-bg-gris{
  background-color: #eeeeee;
  padding: 20px;
}

.col-bg-blue{
  background-color: #004379;
  padding: 20px;
  color: #ffffff;
  text-align: center;
}

.google-maps {
  position: relative;
  padding-bottom: 50%; // This is the aspect ratio
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.button-inscribite{
  background-color: #ffffff;
  color: #004379;
  border-color: #004379;
  margin-left: 15px;
}


/* MENÚ */
.nav-item{
  margin-right: 10px;
}

.navbar-brand{
  font-size: 28px;
}

.navbar-light .navbar-nav .nav-link{
  color: #ffffff;
}

.bg-dark{
  background-color: #ffffff !important;
}

.navbar-dark .navbar-toggler{
  color: #8B9364;
}

.navbar-light .navbar-brand{
  color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link{
  color: #8B9364;
}

.info-contacto{
  color: #8B9364;
}

.info-contacto:hover{
  color: #AFBB7C;
  text-decoration: none !important;
}

.navbar-dark .navbar-nav .nav-link:hover{
  color: #AFBB7C;
}

.navbar-dark .navbar-nav .nav-link:focus{
  color: #AFBB7C;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
  color: #000000;
}


/* SLIDER */
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* LUGAR */
.bg-gris{
  background-color: #eeeeee;
}


/* OBJETIVOS */
.bg-verde{
  background-color: #8B9364;
}

.button-white-celeste{
  background-color: #ffffff;
  color: #2fafb8;
  border-color: #2fafb8;
}

.titu-center{
  text-align: center;
}

.form-colu{
  width: 60%;
  margin: 0 auto;
}

/* PROGRAMA */
.bg-rojo{
  background-color: #eb573b;
}

.button-white-rojo{
  background-color: #ffffff;
  color: #eb573b;
  border-color: #eb573b;
}

.cuadro-white{
  background-color: #ffffff;
  padding: 20px;
  color: #eb573b;
  height: 82%;
}

.misma-altura{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


/* PROFESORES */
.profe-nombre{
  font-size: 32px;
}


/* INSCRIPCION */
.bg-azul{
  background-color: #004C84;
}

.separador{
  border-top: 1px solid #ffffff;
  width: 50%;
}

.pago-container{
  background-color: #ffffff;
  padding: 20px;
  border-radius: 30px;
  width: 50%;
  text-align: center;
  margin: 0 auto;
}

.col-50{
  padding-left: 20%;
  padding-right: 20%;
}

.txt-grande{
  font-size: 18px;
}

.img-boton{
  margin-bottom: 20px;
}


/* FOOTER */
.footer{
  background-color: #ffffff;
  height: 60px;
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 20px;
}

.footer-txt{
  padding: 20px;
}


@media (max-width: 768px){
  .col-sm-3 {
    text-align: center;
  }

  .col-sm{
    text-align: center;
  }

  .txt-left{
    text-align: left;
  }

  .separador{
    width: 100%;
  }

  .pago-container{
    width: 100%;
  }

  .col-margin{
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .cuadro-white{
    height: auto;
  }

  /* inscripcion */
  .col-50{
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-inscribite{
    margin-left: 0px;
  }
}