@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
AMARILLO #b73b35
AZUL #4b568c
*/

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


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

#flexnav li a:active {
  color: #4b568c;
}

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

 .menu-button {
     /*  background: url("/img/menu-bg.png") repeat-x; boton de menu responsivo*/
     background-color: #b73b35;
    color: white;
   }
#home_menu {
    /*background: url("/img/menu-bg-hover.png") repeat-x !important;*/
    background: #4b568c;; 
  }

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

/*COLOR FOOTER*/
#main_footer {
         /*background: url("/img/footer-bg.png") repeat-x;*/
      background-color: #4b568c;
      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: #b73b35;
   }

   #footer_bottom {
      background: #b73b35;
      color: #fff;
   }
   #footer_menu li a:hover {
    
      background-color: #b73b35;
   }
   #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: #b73b35;
}

   #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:#b73b35;
 }



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

   
/*buttons.css*/
/*640*/
.button-highlight {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b73b35), color-stop(100%, #b73b35));
  background: -webkit-linear-gradient(top, #b73b35, #b73b35);
  background: -moz-linear-gradient(top, #b73b35, #b73b35);
  background: -o-linear-gradient(top, #b73b35, #b73b35);
  background: linear-gradient(top, #b73b35, #b73b35);
  background-color: #b73b35;
  border-color: #b73b35;
  color: white;
  text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.35); /*sombra texto blanco */
}

.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%, #4b568c));
    background: -webkit-linear-gradient(top, #f8b141, #4b568c);
    background: -moz-linear-gradient(top, #f8b141, #4b568c);
    background: -o-linear-gradient(top, #f8b141, #4b568c);
    background: linear-gradient(top, #f8b141, #4b568c);
    background-color: #f8b141; }

    /*641 BUTTONS*/
  .button-highlight:hover {
    background-color: white;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4b568c), color-stop(100%, #4b568c));
    background: -webkit-linear-gradient(top, #4b568c, #4b568c);
    background: -moz-linear-gradient(top, #4b568c, #4b568c);
    background: -o-linear-gradient(top, #4b568c, #4b568c);
    background: linear-gradient(top, #4b568c, #4b568c); 
    color: white;
    border-color: #4b568c;
    }

  .button-highlight:active {
    background: green;
    color: orange; }


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

#carrusel-caja {
    display: flex; /* Añadido */
    width: 400%; /* 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;
    }
    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;
    }
    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;
    }
    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*/