/* IMAGEN EFECTO SALTAR */
.img_saltar {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transition: 0.6s ease-in-out, transform 0.6s;
}
.img_saltar:hover {
-webkit-animation: mover 0.3s infinite  alternate;
animation: mover 0.3s infinite  alternate;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
.active{
  background-color: rgb(132, 208, 236);
}
.alto-barra {
  height: 46px;
  /* margin-top: auto; */
}

/* IMAGEN OSCURECER */
.img_oscurecer:hover {filter: brightness(50%);}
/* DROPDOWN MENU ON HOVER */
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    transform: scale(0);
    transition: ease-out 0.3s;
    background-color: rgb(152, 188, 194);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4);

  }
  .nav-item :hover {  
    background-color: rgb(194, 211, 219);
  }
  
  .dropdown:hover .dropdown-menu {
    transform: scale(1);
  }
  .dropdown-menu1 {
    border: none;
    display: block;
    transform: scale(1) !important;
    height: 0px;
    overflow: hidden;
    padding: 0px;
    top: 180px;
    transition: all 0.3s;
  }
  .dropdown:hover .dropdown-menu1 {
    display: block;
    top: 100%;
    height: inherit;
  }
  /* POSICIONAMIENTO ELEMENTOS CARUSEL */
  .left-up {
    position: absolute;
    top: 1px;
    left: 1px;
    /*font-size: 28px;*/
    height: 100%;
    width: auto;
    background-color: rgb(13, 14, 13);
    opacity: 0.5;
  }

  .texto_carrusel{
      margin: 5%;
  }

  .sombra_div {
    box-shadow: 6px 6px 6px 2px rgba(74, 80, 163, 0.4);;
  }
  
  .separator {
    padding: 40px;
  }

  .separator30 {
    padding: 30px;
  }

  /* If the screen size is 981px wide or more, set the font-size of <div> to 30px */
  @media screen and (min-width: 981px) {
    .texto_tamano {
      font-size: 24px;
    }
  }

/* If the screen size is 980px wide or less, set the font-size of <div> to 18px */
  @media screen and (max-width: 980px) {
    .texto_tamano {
      font-size: 12px;
    }
  }
/* CAROUSEL FADE */
/*.carousel-fade, 
  .carousel-inner,
      .item {
          transition-property: opacity;
      }
      
      .item,
      .active.left,
      .active.right {
          opacity: 0;
      }

      .active,
      .next.left,
      .prev.right {
          opacity: 1;
      }

      .next,
      .prev,
      .active.left,
      .active.right {
          left: 0;
          transform: translate3d(0, 0, 0);
      }

  .carousel-control {
      z-index: 2;
  }*/
/*  NOTICIAS  */
.formato_noticia{
  margin: 5%;
  border-style: solid;
  background-color: rgb(187, 203, 209);
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
}

.formato_texto{
  margin: 5%;
}

#img_news{
  transform: rotate(20deg);
  margin-top: 2%;
  margin-right: 5%;
}

/*  BODY */
html {
  height: 100%;
}
body
{
  font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
  background-image:url("../images/fondo.png");
  background-repeat: no-repeat;
  background-size:auto;
  min-height: 1800px;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.center-box-20p {
  margin-top: 20%;
  margin-bottom: 20%;
}
.center-box-10p {
  margin-top: 10%;
  margin-bottom: 10%;
}

/*  NAVBAR */

/*  FOOTER */
.footer {
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../images/footer-bg.png");
  background-position: center center;
  background-repeat: repeat;
  /* max-height: 25%; */
}
.container-foot {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}

/* NOSOTROS */
.formato_nosotros{
  background-color: rgb(187, 203, 209);
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
  height: 300px;
}

.separator15p {
  padding: 15%;
}

.separator5p {
  padding: 5%;
}

.formato_texto_us{
  margin: 5%;
}

/* CREDITOS */
.formato_creditos{
  background-color: rgb(187, 203, 209);
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
  height: 300px;
}
.formato_creditos_beh{
  background-color: rgb(4, 23, 31);
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
  height: 300px;
}
#detras_consumo{
  position:absolute;
  width: 105%;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transition: 0.6s ease-in-out, transform 0.6s;
}
#encima_consumo{
  position: relative;
  /*background-color: red;*/
}
@media screen and (min-width: 901px) {
  #encima_consumo:hover #detras_consumo {
    transform: translateX(545px);
    -webkit-transform: translateX(545px);
    transition: ease-in-out 0.6s;
  }
}
@media screen and (min-width: 501px) and (max-width: 900px) {
  #encima_consumo:hover #detras_consumo {
    transform: translateX(250px);
    -webkit-transform: translateX(250px);
    transition: ease-in-out 0.6s;
  }
}
@media screen and (max-width: 500px) {
  #encima_consumo:hover #detras_consumo {
    z-index: 5;
    /*-webkit-transform: translate3d(0px,0px,20px);*/
    transition-property: z-index;
    transition-duration: 0.8s;
  }
}
/*  SEGUROS  */
.container2 {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgb(128, 166, 179);
}

.container2:hover .overlay {
  opacity: 0.8;
}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.text_format {
  color: rgb(246, 246, 248);
  font-size: 30px;
}

ol.carousel-indicators li.active {
  background: rgb(21, 117, 180);
  height: 3px;
  border: 0px;
  margin-top: 10px;
}

.carousel-control-prev, .carousel-control-next {
  height: 50px;
  width: 50px;
  background-color: #5062b3;
  border-radius: 50%;
  margin-top: 15%;
}

.fondobarra-fedessa {
  background-color: #d8e3e7;
  opacity: 95%;
}
.pading-0 {
  padding: 0px;
}

#loading {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  position: fixed;
  /* display: none; */
  opacity: 0.7;
  background-color: rgb(231, 227, 227);
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 33%;
  left: 40%;
  z-index: 100;
}

.show_wait {
  display: block;
}

.noshow_wait {
  display: none;
}