@font-face {
        font-family: 'rennerbook';
        src: url("/assets/css/fonts/renner__400_book-webfont.woff2") format('woff2'),
             url("/assets/css/fonts/renner__400_book-webfont.woff") format('woff');
        font-weight: normal;
        font-style: normal;

    }
    
 body {
        font-family: 'rennerbook', sans-serif !important; /*Specify your font name here*/

    }



/*FLEX NAV STYLE.CSS
morado 776DB0
AZUL 004876
*/

.flexnav li {
     /*  background: url("/img/menu-bg.png") repeat-x;*/
 background-color: #776DB0;
 color: #776DB0;


   }
.flexnav li a {
  background-color: transparent;
  border-left-color: #fff !important;
  text-align: center;
  color: #fff;
}
.flexnav li a:hover {
  text-decoration: none;
  background: #004876 !important;
}

#flexnav li a:active {
  color: #004876;
}

.flexnav li ul li a {
  background-color: #776DB0;
  
}

 .menu-button {
     /*  background: url("/img/menu-bg.png") repeat-x; boton de menu responsivo*/
     background-color: #776DB0;
    color: white;
   }

/*TAMAÑO DE LI EN EL MENU*/
@media all and (min-width: 800px) {
      .flexnav li {
         /*width: 138px !important;*/
         max-width: 11.5em !important;
      }
   }

/*COLOR FOOTER*/
#main_footer {
         /*background: url("/img/footer-bg.png") repeat-x;*/
      background-color: #5cb8b2;
      height: 50px;
      margin-top: 10px;
      border-radius: 5px 5px 0px 0px;
   }

#footer_menu {
      margin: 0px;
      /*padding: 0px; *//*CAMBIO INTEGRALIS*/
      list-style-type: none;
      height: 50px;
   }
   #footer_menu li {
      float: left;
      line-height: 50px;
      margin-right: 46px;
   }
   #footer_menu li:first-child {
      margin-left: 20px;
   }
   #footer_menu li:last-child {
      margin-right: 20px;
   }
   #footer_menu li a {
      font-size: 14px;
      font-weight: normal; /*CAMBIO INTEGRALIS*/
      display: block;
      color: #fff;/*CAMBIO INTEGRALIS*/
      text-decoration: none;
   }
   #footer_menu li a:hover {
    
      background-color: #776db0;
   }

   #footer_bottom {
      background: #776DB0;
      color: #fff;
   }
   #footer_menu li a:hover {
    
      background-color: #776db0;
   }
   #footer_bottom p {
      text-align: right;
      margin-right: 20px;
      font-size: 12px;
   }
   #footer_bottom p a {
      color: #fff;
   }

/*TITULOS */
   #content_page h1,h2,h3{
    color: #776DB0;
}

   #content_page h1 {
      font-size: 30px;
      font-weight: bold;
   }
   #content_page h2 {
      font-weight: lighter;
   }
   #content_page h3 {
      font-size: 15px;
      font-weight: bold;
   }





 .texto_per{

 	color:#776DB0;
 }



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
      background-color: #776DB0 !important;
      border-color: #776DB0 !important;
      color: #ffffff !important;
   }
   .pagination > li > a, .pagination > li > span {
      color: #776DB0 !important;
   }

   
/*buttons.css*/
/*640*/
.button-highlight {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #776DB0), color-stop(100%, #776DB0));
  background: -webkit-linear-gradient(top, #776DB0, #776DB0);
  background: -moz-linear-gradient(top, #776DB0, #776DB0);
  background: -o-linear-gradient(top, #776DB0, #776DB0);
  background: linear-gradient(top, #776DB0, #776DB0);
  background-color: #776DB0;
  border-color: #776DB0;
  color: white;
  text-shadow: 0 -1px 1px rgba(116, 72, 4, 0.35); 
}

.button-3d-highlight:hover {
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #cd8007, 0px 8px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #cd8007, 0px 8px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #cd8007, 0px 8px 3px rgba(0, 0, 0, 0.3);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8b141), color-stop(100%, #f79f15));
    background: -webkit-linear-gradient(top, #f8b141, #f79f15);
    background: -moz-linear-gradient(top, #f8b141, #f79f15);
    background: -o-linear-gradient(top, #f8b141, #f79f15);
    background: linear-gradient(top, #f8b141, #f79f15);
    background-color: #f9b54b; 
  }

  .button-highlight:hover {
    background-color: white;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2397C1), color-stop(100%, #2397C1));
    background: -webkit-linear-gradient(top, #2397C1, #2397C1);
    background: -moz-linear-gradient(top, #2397C1, #2397C1);
    background: -o-linear-gradient(top, #2397C1, #2397C1);
    background: linear-gradient(top, #2397C1, #2397C1); 
    color: white;
    border-color: #2397C1;
  }
  /* line 237, ../scss/partials/_buttons.scss color cuando se presiona boton */
  .button-highlight:active {
    background: #2380C1;
    color: #white; 
  }

/*SLIDER*/
h1 {
    text-align: center;
}
#carrusel-contenido {
    margin: 0 auto;
    overflow: hidden;
    width: 100%; /* Añadido */
}

#carrusel-caja {
    display: flex; /* Añadido */
    width: 200%; /* Ajustado según el número de elementos */
    animation: automatizacion 15s infinite linear;
}

.carrusel-elemento {
    flex: 1; /* Añadido */
    width: 25%; /* Ajustado según el número de elementos */
}

.imagenes {
    width: 100%; /* Añadido */
    height: 100%; /* Ajustado para mantener la proporción */
}

@-moz-keyframes automatizacion {
    0% { margin-left: 0; }
    45% { margin-left: 0; }

    50% { margin-left: -100%; }
    95% { margin-left: -100%; }

    100% { margin-left: 0; } /* opcional para loop suave */
/* 0% {
        margin-left: 0;
    }
    25% {
        margin-left: 0;
    }
    30% {
        margin-left: -100%;
    }
    55% {
        margin-left: -100%;
    }
    60% {
        margin-left: -200%;
    }
    85% {
        margin-left: -200%;
    }
    90% {
        margin-left: -300%;
    }
    100% {
        margin-left: -300%;
    }*/
}

@-webkit-keyframes automatizacion {
    0% { margin-left: 0; }
    45% { margin-left: 0; }

    50% { margin-left: -100%; }
    95% { margin-left: -100%; }

    100% { margin-left: 0; } /* opcional para loop suave */
/* 0% {
        margin-left: 0;
    }
    25% {
        margin-left: 0;
    }
    30% {
        margin-left: -100%;
    }
    55% {
        margin-left: -100%;
    }
    60% {
        margin-left: -200%;
    }
    85% {
        margin-left: -200%;
    }
    90% {
        margin-left: -300%;
    }
    100% {
        margin-left: -300%;
    }*/
}

@keyframes automatizacion {
    0% { margin-left: 0; }
    45% { margin-left: 0; }

    50% { margin-left: -100%; }
    95% { margin-left: -100%; }

    100% { margin-left: 0; } /* opcional para loop suave */
/* 0% {
        margin-left: 0;
    }
    25% {
        margin-left: 0;
    }
    30% {
        margin-left: -100%;
    }
    55% {
        margin-left: -100%;
    }
    60% {
        margin-left: -200%;
    }
    85% {
        margin-left: -200%;
    }
    90% {
        margin-left: -300%;
    }
    100% {
        margin-left: -300%;
    }*/
}
/*SLIDER FIN*/