@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 #f5a700
AZUL 4484cc
*/

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


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

#flexnav li a:active {
  color: #4484cc;
}

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

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

/*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: #4484cc;
      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: #f5a700;
   }

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

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



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

   
/*buttons.css*/
/*640*/
.button-highlight {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5a700), color-stop(100%, #f5a700));
  background: -webkit-linear-gradient(top, #f5a700, #f5a700);
  background: -moz-linear-gradient(top, #f5a700, #f5a700);
  background: -o-linear-gradient(top, #f5a700, #f5a700);
  background: linear-gradient(top, #f5a700, #f5a700);
  background-color: #f5a700;
  border-color: #f5a700;
  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%, #4484cc));
    background: -webkit-linear-gradient(top, #f8b141, #4484cc);
    background: -moz-linear-gradient(top, #f8b141, #4484cc);
    background: -o-linear-gradient(top, #f8b141, #4484cc);
    background: linear-gradient(top, #f8b141, #4484cc);
    background-color: #f8b141; }

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

  .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: 100%; /* 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*/


   /*svg pin mapa*/

.marcador {
  width: 20px; /* Cambia el tamaño según lo necesites */
  height: 20px; /* Cambia el tamaño según lo necesites */
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='930.000000pt' height='1280.000000pt' viewBox='0 0 930.000000 1280.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg stroke='none' transform='translate(0.000000,1280.000000) scale(0.100000,-0.100000)' fill='black'%3E%3Cpath d='M4335 12789 c-1496 -104 -2843 -915 -3635 -2190 -232 -373 -414 -787 -529 -1204 -305 -1107 -197 -2278 305 -3295 191 -387 372 -660 676 -1020 34 -41 753 -976 1596 -2077 918 -1199 1555 -2022 1588 -2052 186 -170 442 -170 628 0 33 30 670 853 1588 2052 843 1101 1562 2036 1596 2077 304 360 485 633 676 1020 566 1147 629 2502 174 3695 -353 923 -967 1689 -1798 2242 -825 549 -1864 821 -2865 752z m559 -2254 c224 -29 398 -81 601 -180 553 -268 931 -756 1062 -1374 25 -116 27 -145 28 -366 0 -267 -10 -345 -70 -555 -161 -561 -586 -1032 -1130 -1253 -201 -82 -365 -120 -592 -139 -294 -25 -593 23 -878 139 -544 221 -969 692 -1130 1253 -60 210 -70 288 -70 555 1 221 3 250 28 366 112 527 406 965 842 1252 177 116 437 227 637 271 209 46 467 58 672 31z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: contain; /* Ajusta el tamaño para que se ajuste al contenedor */
  background-repeat: no-repeat;
  float : left;
}

/* Cambia el color */
.marcador.red {
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='930.000000pt' height='1280.000000pt' viewBox='0 0 930.000000 1280.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg stroke='none' transform='translate(0.000000,1280.000000) scale(0.100000,-0.100000)' fill='red'%3E%3Cpath d='M4335 12789 c-1496 -104 -2843 -915 -3635 -2190 -232 -373 -414 -787 -529 -1204 -305 -1107 -197 -2278 305 -3295 191 -387 372 -660 676 -1020 34 -41 753 -976 1596 -2077 918 -1199 1555 -2022 1588 -2052 186 -170 442 -170 628 0 33 30 670 853 1588 2052 843 1101 1562 2036 1596 2077 304 360 485 633 676 1020 566 1147 629 2502 174 3695 -353 923 -967 1689 -1798 2242 -825 549 -1864 821 -2865 752z m559 -2254 c224 -29 398 -81 601 -180 553 -268 931 -756 1062 -1374 25 -116 27 -145 28 -366 0 -267 -10 -345 -70 -555 -161 -561 -586 -1032 -1130 -1253 -201 -82 -365 -120 -592 -139 -294 -25 -593 23 -878 139 -544 221 -969 692 -1130 1253 -60 210 -70 288 -70 555 1 221 3 250 28 366 112 527 406 965 842 1252 177 116 437 227 637 271 209 46 467 58 672 31z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}