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

body {
  /*padding-top: 3rem;
  padding-bottom: 3rem;*/
  color: #5a5a5a;
  font-family: Lato !important;
  background-color: #09185f;
}

h3 {
  font-size: 16px !important;
  margin-top: 20px;
}

input.valid, select.valid {
    border-color: #468847;
    background-image: url(../img/iconos/ok.png);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.manito {
  cursor: pointer;
}

.help-block, .form-error {
  display: none;
}

input.error, select.error {
    border-color: #b94a48;
    background-image: url(../img/iconos/error.png);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

input.error, input.valid, select.error, select.valid {
    background-position: right 5px center;
    background-repeat: no-repeat;
}


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

.headerContacto {
  font-size: 10px;
  font-weight: 600;
}

.fondoBlanco {
  background-color: #FFF;
}

.fondoAzulClaro {
  background-color: #0c2285;
}

.fondoAzuloscuro {
  background-color: #09185f;
}

.nav-item, .derecha {
  text-align: right;
}

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

.navbar-light ,.navbar-nav, .nav-link{
    color: #1E3742;
}

a.nav-link:hover, a.nav-link:active, a.dropdown-item:hover, .btn-masinfo, .resaltado, h3, .btnAzul:hover  {
  color: #5daccd !important;
  text-decoration:none !important;
}

.btn-primary:hover, .btnAzul:hover  {
  color:  #FFF !important;
  text-decoration:none !important;
}

.LineaSeparadoraMenu {
  line-height: 40px;
}

.chicoAzul {
  width: 10px;
  margin: 0.1rem 1.5rem;
  border-color: #1E3742;
}

.chicoBlanco {
  width: 30px;
  margin: auto;
  border-color: #FFF;
}

.grandeAzul {
  width: 50px;
  margin: 40px auto;
  border-color: #1E3742;
}

.grandeBlanco {
  width: 50px;
  margin: 40px auto;
  border-color: #FFF;
}

.dropdown .dropdown-menu {
    border: 1px solid transparent;
}

.gris {
    background-color: #f8f9fa;
}

.font-w {
  color: #FFF !important;
}

.m-top-11 {
  margin-top: 11px;
}

.m-top-20 {
  margin-top: 20px;
}

.m-bot-20 {
  margin-bottom: 20px ! important;
}

@media (max-width: 940px) {
  .LineaSeparadoraMenu {
    display: none;
  }
}

.h1Banner {
  color: #FFF;
  font-weight: 400 !important;
  font-style: normal !important;
}

.fondoCarousel {
  background-color: rgba(30, 55, 66, 0.4);
  -moz-border-radius: 5px 5px;
  border-radius: 5px 5px ;
}

.remodal {
  // Fondo Ventana Confirmación
  -moz-border-radius: 5px 5px !important;
  border-radius: 5px 5px !important;
}

.carousel-caption-100 {
    max-width: 100%;
    width: 100%;
    left: 0;
    top: 3rem;
    z-index: 10;
}

.lead40 {
  margin: 0px 40px;
}

.containerOpacity {
  filter: alpha(opacity=50); /* internet explorer */
-khtml-opacity: 0.5;      /* khtml, old safari */
-moz-opacity: 0.5;       /* mozilla, netscape */
opacity: 0.5;           /* fx, safari, opera */
background-color: #000;
}

.altoProducto {
  height: 175px;
}

.btn-primary {
    background-color: #5dacdd !important;
    border-color: #5dacdd !important;
}

.anchorOculto-350 {
  position: absolute;
  margin-top: -350px;
}

.anchorOculto-200 {
  position: absolute;
  margin-top: -200px;
}

.anchorOculto-150 {
  position: absolute;
  margin-top: -150px;
}

.anchorOculto-100 {
  position: absolute;
  margin-top: -100px;
}

.anchorOculto-50 {
  position: absolute;
  margin-top: -500px;
}

.titulosSeccion {
  color: #003855;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 600 !important;
}

.fondoSeccion {
  background-image: url("../img/img-fondo-secciones.jpg");
  background-position: center;
  opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
}

.pt-64 {
  padding-top: 64px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-40 {
  padding-bottom: 40px;
}

.titulosColor {
  color: #003855;
  font-size: 20px;
}

.btnAzul {
  background-color: #003855 !important;
  border-color: #003855 !important;
  color: #FFF;
}

.flechaSubir {
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
  width: 100%;
  text-align: right;
}

@media (min-width: 576px) {
  .flechaSubir {
      max-width: 540px;
  }
}

@media (min-width: 940px) {
  .flechaSubir {
      max-width: 720px;
  }
}

@media (min-width: 992px) {
  .flechaSubir {
      max-width: 960px;
  }
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}



.textoFooterIzq, .textoFooterDer {
  text-align: center !important;
  font-size: 14px;
  font-weight: 300 !important;
}

.text-productos {
  text-align: center;
  font-weight: 300;
}

@media (min-width: 992px) {
  .textoFooterIzq {
    text-align: left !important;
  }

  .textoFooterDer {
    text-align: right !important;
  }

  .text-productos {
    text-align: justify;
  }
}

@media (max-width: 992px) {
  .lead, .lead40 {
    text-align: center !important;
  }

  .titulosProductos {
    text-align: center;
  }
}

/* Carousel base class
.carousel {
  margin-bottom: 4rem;
}*/
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  left: -9999px;  /*important */
  right: -9999px;  /*important */
  margin: auto;  /*important */
  max-width: none;  /*important */
  min-width: 100%;
  height: 100%;
  position: absolute;
}

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

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


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

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

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


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

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}