/*Paleta global*/
/*Paleta global*/
nav.interes {
  background-color: #36393c;
  color: white;
  padding: 0.7rem 0; }
  nav.interes ul {
    margin: 0; }
    nav.interes ul li {
      font-size: 0.9rem;
      text-align: center; }
      @media screen and (max-width: 1000px) {
        nav.interes ul li {
          max-width: 50%;
          flex: 0 0 50%;
          margin-bottom: 0.31rem; } }
      @media screen and (max-width: 500px) {
        nav.interes ul li {
          flex: 0 0 100%;
          max-width: 100%; } }
      nav.interes ul li i {
        display: inline-block;
        margin-right: 5px;
        color: #ffc001; }

/* Sobreescribir bootstrap  */
.navbar-light .navbar-nav .nav-link {
  color: black; }

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
.navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover {
  color: #ffc001; }

.bg-faded {
  background-color: white; }

#nav-principal {
  border-bottom: solid 2px #d9d9d9; }
  #nav-principal li a {
    font-weight: bold;
    font-size: 0.9rem; }
  #nav-principal li ul {
    padding: 3px 2rem;
    width: 100%; }
    #nav-principal li ul li a {
      display: block;
      width: 100%;
      color: inherit; }
      #nav-principal li ul li a:hover {
        text-decoration: none;
        color: #ffc001; }
  #nav-principal li:last-child .dropdown-menu {
    left: initial;
    right: 0; }
  #nav-principal .navbar-brand {
    width: 4rem; }
  #nav-principal h1 {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    letter-spacing: 0.2rem; }
    @media screen and (max-width: 500px) {
      #nav-principal h1 {
        /* font-size:1rem;
         display: block;
         margin-top:10px;
         white-space: normal;
         vertical-align: bottom;
         text-align: center;
         width: 100%;*/
        display: none; } }
    #nav-principal h1 .slogan {
      display: block;
      font-size: 75%;
      margin-top: 0.5rem;
      font-weight: bold;
      letter-spacing: normal; }
  @media screen and (max-width: 575px) {
    #nav-principal .container {
      margin-left: initial;
      margin-right: initial; } }

.submenu {
  width: 100%; }
  .submenu.activo {
    background-color: #f7f7f9; }
  .submenu + ul {
    display: none; }
  .submenu + ul.activo {
    display: block; }
  .submenu.up:after {
    font-family: FontAwesome;
    content: "\f0d7";
    right: 10px;
    position: absolute; }
  .submenu:after {
    font-family: FontAwesome;
    content: "\f0d8";
    right: 10px;
    position: absolute; }

.contenedor-submenu {
  position: absolute;
  background: #fff;
  z-index: 500;
  right: -5rem;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 0.25rem;
  top: 2rem; }

/*Paleta global*/
footer {
  background-color: #323232;
  padding: 1vh 0;
  overflow: hidden; }
  footer dl {
    margin-top: 1vh; }
    footer dl dt {
      color: #878484;
      font-size: 1.0rem;
      display: inline-block;
      text-align: center; }
    footer dl dd {
      margin-bottom: 0; }
    footer dl label {
      color: #878484;
      font-size: 0.8rem;
      display: inline-block;
      cursor: text;
      margin-bottom: 0; }
    footer dl span {
      color: #878484;
      font-size: 0.8rem !important; }
  footer .siguenos a {
    color: #878484;
    text-decoration: none;
    font-size: 1.8rem; }
    footer .siguenos a:hover {
      color: #ffc001; }
  footer .enlaces_interes a, footer .aliados a, footer .contact a {
    color: #878484;
    text-decoration: underline;
    font-size: 0.8rem; }
    footer .enlaces_interes a:hover, footer .aliados a:hover, footer .contact a:hover {
      color: #ffc001; }
  footer .contactenos dd {
    overflow: hidden; }
  footer .contactenos label {
    white-space: pre-wrap; }

.btn_calculadora {
  position: fixed;
  height: 4rem;
  width: 4rem;
  background-color: #37c386;
  bottom: 5vh;
  right: 2vw;
  border-radius: 50px;
  z-index: 500; }
  .btn_calculadora a {
    color: #fff;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.6rem; }
  .btn_calculadora:hover {
    background-color: #349269; }

body {
  font-family: 'Roboto', sans-serif;
  background-color: #f6f6f6; }

h2 {
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold; }

.contenedor_seccion h3 {
  color: #ffc001;
  padding: 1.5vh 0; }

/*Botones*/
.btn_primario {
  background-color: #ffc001;
  border: 1px solid #d79800; }

.btn_secundario {
  background-color: #3d84bb;
  border: 1px solid #155c93; }
  .btn_secundario:hover {
    background-color: #5198cf; }

.btn_terciario {
  background-color: #37c386;
  border: 1px solid #0f9b5e; }
  .btn_terciario:hover {
    background-color: #4bd79a; }

/*Posicionamiento*/
.centro {
  text-align: center; }

.derecha {
  text-align: right; }

/*Tablas */
.mensaje_vacio_tabla {
  font-size: 1.2rem;
  color: #cbcbcb;
  text-align: center; }

.oculto {
  display: none !important; }

.contenedor_seccion {
  padding-top: 5vh;
  padding-bottom: 5vh; }

.menu_admon {
  position: absolute;
  right: 0; }

.copyright {
  color: #6b6a69;
  font-size: 0.8rem;
  text-align: center; }
  .copyright:hover {
    color: #fff; }

section {
  padding: 2.7rem 0; }

#carousel-hero {
  height: 70vh; }

/* Carousel base class */
.seccion-carousel {
  padding-top: 0;
  /* Since positioning the image, we need to help out the caption */
  /* Declare heights because of positioning of img element */ }
  .seccion-carousel .carousel-caption {
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 15px;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    text-align: left; }
  .seccion-carousel p {
    text-align: justify;
    font-weight: 100;
    font-size: 1rem;
    margin-bottom: 0; }
  .seccion-carousel .carousel-item {
    height: 70vh;
    background-color: #777; }
    .seccion-carousel .carousel-item img {
      position: absolute;
      top: 0;
      object-fit: contain;
      left: 0;
      min-width: 100%; }

/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
/* Featurettes
------------------------- */
#carousel-hero .carousel-item {
  background-color: black; }
  #carousel-hero .carousel-item img {
    opacity: 0.65; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    line-height: 1.4; }

  .featurette-heading {
    font-size: 50px; } }
@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem; } }
.seccion-productos {
  background-color: #f6f6f6; }
  .seccion-productos .btn {
    color: #444647; }
    .seccion-productos .btn:hover {
      color: white; }
  .seccion-productos .producto {
    margin-bottom: 1.5rem;
    text-align: center; }
    .seccion-productos .producto img {
      background-color: #ffc001;
      width: 120px;
      height: 120px;
      padding: 0.5rem; }
    .seccion-productos .producto h3 {
      margin: 1.2rem 0; }
    .seccion-productos .producto h3 + p {
      text-align: justify; }
    .seccion-productos .producto p {
      margin-right: .75rem;
      margin-left: .75rem; }
    .seccion-productos .producto a:hover {
      background-color: #ffc001; }

.seccion-nuestra-historia_old {
  background: white;
  padding-bottom: 0; }
  .seccion-nuestra-historia_old .evento {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    position: relative;
    padding: 1.5rem 15px; }
    .seccion-nuestra-historia_old .evento .contenido {
      display: inline-block;
      text-align: center; }
      .seccion-nuestra-historia_old .evento .contenido h3 {
        font-size: 7rem;
        color: #878484;
        font-weight: 100;
        font-family: "Roboto Light";
        margin-bottom: 0.3rem; }
      .seccion-nuestra-historia_old .evento .contenido p {
        max-width: 300px; }
    .seccion-nuestra-historia_old .evento img {
      position: absolute;
      width: 130px;
      height: 130px;
      padding: 0.2rem;
      border: solid 1px #dedede;
      top: 2rem;
      background: white;
      left: calc(100% - 65px); }
    .seccion-nuestra-historia_old .evento:first-child img {
      top: 0; }
    .seccion-nuestra-historia_old .evento:last-child {
      border: none !important;
      text-align: center !important; }
      .seccion-nuestra-historia_old .evento:last-child img {
        display: none; }
    .seccion-nuestra-historia_old .evento:nth-child(even) {
      border-left: solid 1px #dedede;
      border-right: none;
      text-align: right; }
      .seccion-nuestra-historia_old .evento:nth-child(even) img {
        left: auto;
        right: calc(100% - 65px); }
    @media screen and (max-width: 768px) {
      .seccion-nuestra-historia_old .evento {
        text-align: center !important;
        background: black;
        border: none;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0; }
        .seccion-nuestra-historia_old .evento:last-child .contenido {
          position: static;
          background: black; }
        .seccion-nuestra-historia_old .evento:nth-child(even) {
          border: none; }
        .seccion-nuestra-historia_old .evento .contenido {
          z-index: 1;
          position: absolute;
          background: rgba(255, 255, 255, 0.2);
          color: white;
          text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          padding: 2rem; }
          .seccion-nuestra-historia_old .evento .contenido h3 {
            color: inherit; }
        .seccion-nuestra-historia_old .evento img {
          display: block;
          position: static;
          width: 100%;
          border-radius: 0;
          padding: 0;
          border: none;
          height: 400px; } }
  .seccion-nuestra-historia_old a {
    display: block;
    background-color: #ffc001;
    text-align: center;
    color: white;
    padding: 1.2rem;
    outline: none;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .seccion-nuestra-historia_old a:hover {
      background-color: #e7ad00; }
  @media screen and (max-width: 768px) {
    .seccion-nuestra-historia_old .container {
      max-width: initial;
      width: 100%;
      margin: 0 !important;
      padding: 0; }
      .seccion-nuestra-historia_old .container .row {
        margin: 0; } }

.seccion-nuestra-historia {
  background: white;
  padding-bottom: 0; }
  .seccion-nuestra-historia li {
    margin: 1.3rem 0; }
    .seccion-nuestra-historia li .contenedor-imagen {
      display: flex;
      align-content: center;
      justify-content: center;
      align-items: center; }
      .seccion-nuestra-historia li .contenedor-imagen img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        object-position: center center; }
    .seccion-nuestra-historia li h3 {
      margin-bottom: 0.83rem;
      font-size: 1.5rem; }
      .seccion-nuestra-historia li h3 span {
        display: block;
        font-size: 1.6rem;
        color: #f6b900; }
  .seccion-nuestra-historia p {
    text-align: justify; }
  .seccion-nuestra-historia a {
    display: block;
    background-color: #ffc001;
    text-align: center;
    color: white;
    padding: 1.2rem;
    outline: none;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .seccion-nuestra-historia a:hover {
      background-color: #e7ad00; }

.seccion-nuestros-clientes .card-deck {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .seccion-nuestros-clientes .card-deck {
      flex-flow: column nowrap; }
      .seccion-nuestros-clientes .card-deck .card {
        margin: 1.8rem 0; } }
.seccion-nuestros-clientes .card .card-block {
  padding-top: 5.80769rem;
  padding-bottom: 0;
  color: #878484;
  position: relative;
  padding-right: 1rem; }
  .seccion-nuestros-clientes .card .card-block p {
    text-align: justify; }
.seccion-nuestros-clientes .card img {
  position: absolute;
  width: 7.55rem;
  height: 7.55rem;
  top: -3.775rem;
  left: 20px;
  object-fit: cover;
  object-position: top center; }
.seccion-nuestros-clientes .card .card-text {
  margin-top: 25px;
  margin-bottom: 0;
  height: 0;
  position: relative; }
  .seccion-nuestros-clientes .card .card-text:before {
    content: "\201C";
    display: inline;
    line-height: 1rem;
    top: 0.6rem;
    font-size: 3rem;
    color: #ffc001; }
.seccion-nuestros-clientes .card .contenido {
  height: 15rem;
  overflow: hidden;
  padding: 0 1rem;
  position: relative; }
  .seccion-nuestros-clientes .card .contenido > * {
    text-align: justify; }
.seccion-nuestros-clientes .card .contenido:before {
  content: '...';
  position: absolute;
  top: 13.4rem;
  right: 0; }
.seccion-nuestros-clientes .card .contenido:after {
  content: '';
  background: inherit;
  position: absolute;
  right: 0;
  width: 1rem;
  height: 1.5rem;
  z-index: 1; }
.seccion-nuestros-clientes .card .card-footer {
  background-color: white;
  border-top: none;
  text-align: center; }

.seccion-sucursales {
  padding-bottom: 0;
  position: relative; }
  .seccion-sucursales h2 {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 15px;
    background: white;
    padding: 15px;
    border: solid 1px #dedede; }
  .seccion-sucursales #map_wrapper {
    height: 500px; }
    .seccion-sucursales #map_wrapper .info_content {
      min-width: 200px;
      font-size: 0.8rem; }
      .seccion-sucursales #map_wrapper .info_content p {
        color: #485753; }
      .seccion-sucursales #map_wrapper .info_content h3 {
        font-size: 1.1rem;
        color: #e7ad00; }
      .seccion-sucursales #map_wrapper .info_content img {
        width: 5rem;
        height: 3.5rem;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px; }
  .seccion-sucursales #map_canvas {
    height: 100%;
    width: 100%; }

.card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }

@media (max-width: 425px) {
  .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    margin: 2vh 0; } }
.collage {
  /*  -webkit-column-count:2; !* Chrome, Safari, Opera *!
    -moz-column-count: 2; !* Firefox *!
    column-count: 2;*/
  max-height: 40vh;
  overflow: hidden; }

.collage img {
  width: 100%;
  padding: 7px 0; }

@media (max-width: 500px) {
  .collage {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1; } }

/*# sourceMappingURL=index.css.map */
