@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=3.0.1');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
      url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
      url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #ffffff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
}
.fondo {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    z-index: 0;
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}
.trama {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.6));
    height: 100%;
    padding-bottom: 5px !important;
}
.trama-total {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
header {
    z-index: 2800 !important;
}
header .container {
    height: 140px !important;
    position: relative;
}
header .menu {
    position: relative;
}
header .mnu-movil {
    display: none !important;
}
header .mnu-movil {
    text-decoration: none !important;
    padding-right: 15px;
}
header .mnu-movil a {
    border: 1px solid #c2cbd5;
    border-radius: 8px;
    color: #ed3237 !important;
    display: inline-block;
    font-size: 22px;
    text-align: center !important;
}
header .mnu-movil a.cerrar {
    background-color: rgba(255, 255, 255, 0.6);
}
header .mnu-movil a span {
    padding: 0px;
    margin: 0px;
}
header .mnu-movil a i {
    color: #ed3237 !important;
    margin: 0px; 
    padding: 0px 8px 0px 8px !important;
}
header .mnu-movil #cerrar {
    display: none;
}
header .mnu-web {
    display: block !important;
}

header .menu-web {
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 0px;
    font-size: 1em;
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
header .menu-web a {
    color: #ed3237;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition:  color 300ms, background-color 300ms;
    transition:  color 300ms, background-color 300ms;
    text-decoration: none;
}
header .menu-web a:hover{
    color: #373435;
}
header .menu-web a i {
    color: #000000 !important;
    padding-left: 5px;
}

header .menu-web .accesos {
    padding-bottom: 20px;
    font-size: 0.85em;
}
header .menu-web .accesos .miembros {
    border-left: #c1bcbc 1px solid;
    display: inline-block;
    padding-left: 15px;
}
header .menu-web .accesos .idioma {
    display: inline-block;
    padding-right: 8px;
}
header .menu-web .accesos .idioma a {
    display: inline-block;
    margin-right: 5px;
    padding: 3px 18px 3px 5px;
    position: relative;
    border: none !important;
}
header .menu-web .accesos .idioma a img {
    width: 15px;
    height: 13px;
    position: absolute;
    top: 5px;
    right: 2px;
}
header .menu-web .accesos .idioma a.sel {
    text-decoration: none;
    border: 1px solid #ed3237 !important;
    border-radius: 5px;
}

.mnu_desplegable {
	background-color: rgba(173, 172, 172, 0.2);
	z-index: 2200 !important;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;  /* <--- I added this */
    align-items: center;   /* <--- Change here */
	display: none;
}
.mnu_desplegable .menu {
    margin-top: 95px !important;
	background-color: rgba(0, 0, 0, 0.7);
    overflow: auto !important;
}
.mnu_desplegable .menu .barra {
    overflow: auto !important;
}
.mnu_desplegable .container {
}
.mnu_desplegable ul {
    font-family: "Libre Franklin", sans-serif;
    list-style: none;
    padding: 10px 30px;
    text-align: left;
}
.mnu_desplegable ul > li > ul {
    padding-top: 0px;
    padding-bottom: 0px;
}
.mnu_desplegable ul > li a {
    border-radius: 5px;
    color: #ffffff;
    display: block !important;
    font-style: normal !important;
    margin-bottom: 0px;
    padding: 8px 18px 8px 10px;
    text-decoration: none;
    transition: all 0.5s ease;
    position: relative;
}
.mnu_desplegable ul > li a i {
    font-weight: normal !important;
    border-radius: 50%;
    border: 2px solid #ffffff;
    width: 28px;
    height: 28px;
    line-height: 25px;
    text-align: center;
    margin-right: 5px;
    transition: all 0.5s ease;
}
.mnu_desplegable ul > li a:hover {
    background-color: rgba(170, 169, 170, 0.7);
}
.mnu_desplegable ul > li a:hover i {
    background-color: #ed3237 !important;
    border: 2px solid #ed3237;
}

/* ******************************************************
	Effect 2: Changer .linkHoverEffect_2
*********************************************************/
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    width: 100% !important;
}
.linkEffects ul {
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

.linkEffects li {
    list-style: none;
    display: inline-block;
    margin: 0px 2px;
    position: relative;
}

.linkEffects li a {
    position: relative;
    display: inline-block;
    outline: none;
    text-decoration: none;
    padding: 0px 10px;
    line-height: 42px;
}

.linkEffects li:hover a {
    color: #373435;
}

.linkEffects li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2000;
    width: 100%;
    visibility: hidden;
    text-align: center;
    opacity:0;
    transition:visibility 0.3s linear,opacity 0.3s linear;
}

.linkEffects li:hover ul {
    visibility:visible;
    opacity:1;
}

.linkEffects li:hover ul,
.linkEffects li:focus ul {
    visibility:visible;
    opacity:1;
}

.linkEffects li ul li {
    display: inline-block;
    max-width: 1000px !important;
    min-width: 250px;
    padding: 5px;
    border-radius: 0 0 3px 3px;
    text-align: left !important;
    border: 1px solid #9c9b9e;
    border-radius: 10px;
    background-color: rgba(235, 235, 235, 0.9);
}

.linkEffects li ul li a {
    font-size: 0.85em;
    color: #373435 !important;
    display: block;
    padding: 4px 10px;
    height: auto !important;
    line-height: 18px !important;
}

.linkEffects li ul li a:hover {
    background: #e7e7e8;
    border-radius: 10px;
    color: #ed3237 !important;
}

.nivoSlider img {
    border-bottom-left-radius: 50% 40px;
    border-bottom-right-radius: 50% 40px;
}

.titulo-chico {
    padding-bottom: 0px !important;
}
.tabla-contenido {
    border: none !important;
    width: 100% !important;
}
.tabla-contenido .container-fluid {
    padding: 0px !important;
}
.tabla-contenido .contenido-texto,
.tabla-contenido .imagen-izquierda,
.tabla-contenido .imagen-derecha {
    display: flex;
    justify-content: center;
    flex-direction: column;  /* <--- I added this */
    text-align: justify;
}
.tabla-contenido .imagen-izquierda img,
.tabla-contenido .imagen-derecha img {
    width: 100%;
}
.tabla-contenido .imagen-izquierda img {
    width: 100% !important;
}
.tabla-contenido .imagen-derecha img{
    width: 100% !important;
}

.home,
.interna,
.comite,
.directorio,
.servicio,
.miembro,
.actividad,
.publicacion {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
.home h3,
.interna h3,
.comite h3,
.directorio h3,
.servicio h3,
.miembro h3,
.publicacion h3 {
    font-size: 1.71428em;
    font-weight: 800;
    color: #373435;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.home h3 span,
.interna h3 span,
.comite h3 span,
.directorio h3 span,
.servicio h3 span,
.miembro h3 span,
.publicacion h3 span {
    color: #ff0303;
    font-size: 0.8em;
}
.home .enlace {
    float: right;
    padding-top: 10px;
}
.home .enlace a {
    margin-right: 0px;
    border: 1px solid #ed3237;
    border-radius: 15px;
    color: #ed3237;
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    padding: 5px 18px;
    text-decoration: none;
    transition: all 0.5s ease;
}
.home .enlace a:hover {
    border: 1px solid #373435;
    color: #373435;
}
/*Home presentación*/
.presentacion {
    position: relative;
}
.presentacion .contenido {
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
}
.presentacion .imagen .img {
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
    border-radius: 7px;
    padding: 5px;
}
.presentacion .imagen .img img {
    border-radius: 7px !important;
    width: 100%;
}
/*Home actividad*/
.actividad-home {
    position: relative;
}
.actividad-home a {
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
    border-radius: 7px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 18px;
    margin-left: 10px;
    margin-right: 10px;
    transition: all 0.5s ease;
}
.actividad-home a .info {
    display: flex;
    align-items: center; 
    justify-content: flex-start;
    padding-bottom: 15px;
}
.actividad-home a .info .fecha {
    background-color: #ed3237;
    border-radius: 7px;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.3em;
    padding: 5px 5px;
    text-align: center;
    width: 100px !important;
}
.actividad-home a .info .titulo {
    color: #373435;
    font-weight: bold;
    padding-left: 10px;
}
.actividad-home a .img {
    border-radius: 7px;
}
.actividad-home a .img img {
    border-radius: 7px;
    width: 100%;
    opacity: 0.65;
    transition: opacity 0.3s;
}
.actividad-home a:hover {
    background-color: #ffffff;
}
.actividad-home a:hover .img img {
    opacity: 1;
}
/*Home publicación*/
.publicacion-home {
    position: relative;
}
.publicacion-home a {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 7px;
    display: block;
    text-decoration: none;
    padding: 5px 18px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
}
.publicacion-home a img {
    width: 100%;
}
.publicacion-home a .texto {
    padding: 20px;
    border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.75);
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    position: absolute;
    font-weight: bold;
    font-size: 1.1485em;
    color: #373435;
    
    justify-content: center;
    flex-direction: column;  /* <--- I added this */
    align-items: center;   /* <--- Change here */
    text-align: center;
    display: flex;
    opacity: 0;
    z-index: 2;
    transition-property: top, opacity;
    transition-duration: 0.3s;
}
.publicacion-home a:hover .texto {
    opacity: 1;
}
.publicacion-home a .texto span {
    border-radius: 15px;
    display: inline-block;
    font-size: 0.85em;
    line-height: normal !important;
    margin-top: 10px;
    background-color: #ed3237;
    color: #ffffff;
    padding: 10px 15px;
}
/*Home noticias*/
.noticia-home {
    position: relative;
}
.noticia-home .box {
    border: 1px solid #cccccc;
    background-color: #f4f4f4;
    border-radius: 7px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
    color: #373435;
    font-size: 1.14em;
    transition: all 0.5s ease;
}
.noticia-home .box:hover {
    background-color: #e0e1e0;
}
.noticia-home .box img {
    width: 100%;
    border-radius: 7px;
    margin-bottom: 10px;
}
.noticia-home .box a {
    border-radius: 15px;
    display: inline-block;
    font-size: 0.85em;
    margin-top: 10px;
    border: #ed3237 1px solid;
    background-color: #ffffff;
    color: #ed3237;
    line-height: normal !important;
    padding: 10px 15px;
    text-decoration: none;
    transition: all 0.1s ease;
}
.noticia-home .box a:hover {
    background-color: #ed3237;
    color: #ffffff;
}

.contacto {
    background-color: #cccccc;
    color: #3e3f3f;
    margin-top: 30px;
}
.contacto h4 {
    background-color: #d7d7d7;
    color: #00000c;
    text-align: center;
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 1.714em;
    padding: 10px;
}
.contacto h5 {
    color: #ff0303;
    font-size: 1.1485em;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
.contacto .datos {
    color: #000000;
    font-size: 1em;
    text-align: right;
}
.contacto .datos div {
    padding-top: 2px;
    padding-bottom: 5px;
}
.contacto .datos div i {
    color: #ed3237;
    margin-left: 10px;
}
.contacto .container {
    padding-top: 15px;
    padding-bottom: 15px;
}
.contacto .form-control {
    background-color: #ebebeb;
    border: #b7b7b7 1px solid;
    color: #4c4e51;
    font-size: 0.85em !important;
    font-family: Arial, Helvetica, sans-serif;
    padding: 4px 8px;
}
.login button,
.contacto button {
    border: #ed3237 1px solid !important;
    border-radius: 9px;
    font-size: 0.8em;
    background-color: #ffffff;
    color: #ed3237;
    padding: 3px 12px;
    transition: all 0.5s ease;
} 
.login button:hover,
.contacto button:hover {
    background: #ed3237 1px solid;
    background-color: #ed3237;
    color: #ffffff;
}

/*Interna*/
.interna .contenido,
.comite .contenido,
.servicio .contenido,
.miembro .contenido {
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 20px 30px;
    text-align: justify;
}
.interna .contenido .imagen {
    width: 100%;
}
.interna .contenido .fila {
    padding-bottom: 20px;
}
.interna .contenido .img-texto {
    width: 100%;
    border-radius: 8px;
}
/*Comité*/
.comite .lista {
    padding: 20px;
}
.comite .lista h5 {
    color: #1a3d83;
    font-weight: bolder;
    font-size: 1.12em !important;
    margin: 0px;
    padding-left: 20px;
}
.comite .lista h5 i {
    display: inline-block;
    margin-left: -30px;
}
.comite .lista .titulo {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.comite .lista .datos {
    border-left: 4px solid #1a3d83;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
/*Directorio*/
.directorio .box {
    background-color: #f9f8f5;
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 10px 10px;
}
.directorio .box .titulo {
    background-color: #1a3d83;
    border-radius: 8px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 15px;
}
.directorio .box .datos {
    padding: 0px 10px;
}
/*Servicio*/
.servicio .lista {
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    list-style: none;
}
.servicio .lista li {
    padding-bottom: 20px;
    position: relative;
    clear: both;
}
.servicio .lista h5 {
    color: #ed3237;
    font-size: 1.2em;
    font-weight: bold;
}
.servicio .lista img {
    float: left;
    max-width: 250px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.servicio .lista>li::before{  
    font-family: FontAwesome;
    font-weight: normal !important;
    content: "\f18e";
    position: absolute;
    left: -20px;
}
.servicio .lista>li ul {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*Miembro*/
.miembro ul {
    list-style: none;
    padding-bottom: 0px;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
.miembro ul li {
    padding-bottom: 15px;
    position: relative;
}
.miembro ul li div {
    color: #ed3237;
}
.miembro ul li::before{  
    font-family: FontAwesome;
    font-weight: normal !important;
    position: absolute;
    left: -20px;
}
/*Publicacion*/
.publicacion {
    position: relative;
}
.publicacion a.box {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 7px;
    display: block;
    text-decoration: none;
    padding: 5px 18px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.publicacion a.box img {
    width: 100%;
}
.publicacion a.box .texto {
    border-radius: 7px;
    background-color: rgba(240, 240, 240, 0.75);
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-weight: bold;
    font-size: 1.1em;
    color: #373435;
    position: absolute;
    padding: 20px;
    line-height: normal;
    height: 25%;
    
    justify-content: center;
    flex-direction: column;  /* <--- I added this */
    align-items: center;   /* <--- Change here */
    text-align: center;
    display: flex;
    opacity: 1;
    transition: height 0.5s ease-out;

}
.publicacion a.box .texto span {
    display: none;
}
.publicacion a.box:hover .texto {
    height: 100%;
    z-index: 2;
    opacity: 1;
    transition: height 0.5s ease-out;

}
.publicacion a.box:hover .texto span {
    border-radius: 15px;
    display: inline-block;
    font-size: 0.85em;
    line-height: normal !important;
    margin-top: 10px;
    background-color: #ed3237;
    color: #ffffff;
    padding: 10px 15px;
}
.publicacion .img-detalle {
    border-radius: 8px;
    border: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 20px;
}
.publicacion .botonera {
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: right;
}
.publicacion .botonera a {
    background-color: #ffffff !important;
    border: 1px solid #ed3237;
    border-radius: 15px;
    color: #ed3237;
    display: inline-block !important;
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 10px;
    padding: 5px 18px;
    text-decoration: none;
    transition: all 0.5s ease;
}
.publicacion .botonera a:hover {
    border: 1px solid #ed3237;
    background-color: #ed3237 !important;
    color: #ffffff;
}
.publicacion .botonera p {
    border: 1px solid #4c4e51;
    border-radius: 15px;
    color: #4c4e51;
    display: inline-block;
    font-weight: bold;
    margin: 0px !important;
    padding: 5px 18px;
}

/*Enlace*/
.enlace a.box {
    background-color: #f9f8f5;
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 10px 10px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #373435;
}
.enlace a.box:hover {
    color: #ed3237;
} 
.enlace a.box img {
    border-radius: 8px;
    width: 100%;
}
.enlace a.box p {
    text-align: center;
    margin: 0px;
    padding-top: 10px;
}

/*Actividad*/
.actividad {
    background-color: transparent !important;
}
.actividad .box {
    background-color: rgba(240, 240, 240, 0.9);
    border: 1px solid #898c8b;
    border-radius: 8px;
    padding: 30px;
}
.actividad .foto img {
    width: 100%;
    border-radius: 8px;
}
.actividad .contenido {
    text-align: justify;
}
.actividad .titulo {
    padding-bottom: 30px;
}
.actividad .fecha {
    font-size: 1.3em;
    font-family: "Libre Franklin", sans-serif;
    font-weight: bold;
    display: block;
    padding: 10px;
    text-align: center;
}
.actividad h2 {
    font-size: 1.71em;
    font-family: "Libre Franklin", sans-serif;
    font-weight: bold;
    margin: 0px;
}
.actividad h2 span {
    display: block;
    font-size: 0.66em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal !important;
    padding-top: 10px;
}
.actividad h4 {
    font-size: 1.15em;
    font-weight: bold;
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
} 
.actividad .botonera a {
    background-color: #ffffff !important;
    border: 1px solid #ed3237;
    border-radius: 15px;
    color: #ed3237;
    display: inline-block;
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 10px;
    padding: 5px 13px;
    text-decoration: none;
    transition: all 0.5s ease;
}
.actividad .botonera a i {
    padding-right: 4px;
}
.actividad .botonera a:hover {
    border: 1px solid #ed3237;
    background-color: #ed3237 !important;
    color: #ffffff;
}
.actividad .submenu {
    font-family: "Libre Franklin", sans-serif;
    list-style: none;
    padding-left: 0px;
}
.actividad .submenu > li {
    display: inline;
    padding: 0px 3px;
}
.actividad .submenu > li a {
    background-color: #f6f4f4;
    border-radius: 20px;
    color: #272626;
    display: inline-block;
    padding: 8px 20px 8px 15px;
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(164,164,165,0.75);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(164,164,165,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(164,164,165,0.75);
    transition: all 0.5s ease;
}
.actividad .submenu > li a i {
    padding-right: 5px;
}
.actividad .submenu > li a:hover {
    background-color: #ed3237 !important;
    color: #ffffff;
}
.actividad .submenu > li a.sel {
    background-color: #ed3237;
    color: #ffffff;
}

/*Galerías*/
.galerias {
    position: relative;
    padding-top: 20px;
}
.galerias h4 {
    font-family: "Libre Franklin", sans-serif;
    margin: 0px;
    padding: 0 0 20px 0;
}
.galerias .opciones,
.galerias .descargas {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.galerias .opciones {
    padding-right:20px;
    border-right: #cccccc 1px solid;
}
.galerias .descargas li,
.galerias .opciones li {
    padding-bottom: 15px;
}
.galerias .opciones a.sel {
    opacity: 1;
}
.galerias .opciones a {
    border-radius: 8px;
    border: 5px solid #ffffff;
    color: #ffffff;
    display: block;
    padding: 5px 20px 5px 10px;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(174,174,174,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(174,174,174,1);
    box-shadow: 0px 0px 5px 0px rgba(174,174,174,1);
    transition: all 0.5s ease;
    opacity: 0.6;
}
.galerias .opciones a:hover {
    opacity: 1;
}
.galerias .opciones a i {
    padding-right: 5px;
}
.galerias .opciones a.foto {
    background-color: #e24f33;
}
.galerias .opciones a.video {
    background-color: #3d67a1;
}
.galerias .opciones a.archivo {
    background-color: #55815c;
}
.galerias .descargas {
    padding: 10px 10px;
}
.galerias .descargas a {
    color: #373435;
    text-decoration: none;
    display: flex;
    align-items: center; 
    justify-content: flex-start;
    margin-bottom: 5px;
}
.galerias .descargas a:hover {
    text-decoration: underline;
}
.galerias .descargas .fa {
    font-weight: bold;
    font-size: 1.8em;
    padding-right: 10px;
}
.galerias .fa-file-word-o {
    color: #1976D2;
}
.galerias .fa-file-excel-o {
    color: #4CAF50;
}
.galerias .fa-file-powerpoint-o {
    color: #F57C00;
}
.galerias .fa-file-pdf-o {
    color: #E53935;
}
.galerias .fa-file-archive-o {
    color: #673AB7;
}
.galerias .fa-code {
    color: #90CAF9;
}
.galerias .fa-file-o {
    color: #4DB6AC;
}
.galerias .fa-file-video-o {
    color: #F44336;
}
.galerias .fa-file-audio-o {
    color: #546E7A;
}
.galerias .fa-file-image-o {
    color: #E65100;
}
.galerias .imagenes,
.galerias .videos {
    padding-bottom: 20px;
}
.galerias .imagenes a,
.galerias .videos a {
    background-color: #e3e1e1;
    border: 1px solid #cccccc;
    border-radius: 8px;
    color: #373435;
    display: block;
    font-size: 0.9em;
    padding: 10px;
    text-decoration: none;
    transition: all 0.5s ease;
}
.galerias .imagenes a img,
.galerias .videos a img {
    width: 100%;
    border-radius: 8px;
}
.galerias .imagenes a span,
.galerias .videos a span {
    display: block;
    padding-top: 5px;
    text-align: center;
}
.galerias .imagenes a:hover,
.galerias .videos a:hover {
    background-color: #d7d7d7;
    color: #000000;
}
.galerias .videos a p {
    display: block;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.galerias .videos a i {
    color: #ffffff;
    font-size: 2.1em;
    width: 1.9em;
    height: 1.9em;
    border-radius: 50%;
    background-color: #7d7d7d;
    line-height: 1.9em;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 40%;
    transition: all 0.5s ease;
}
.galerias .videos a:hover i {
    background-color: #4DB6AC;
}

/*Login*/
.login {
    justify-content: center;
    text-align: center;
    flex-direction: column;  /* <--- I added this */
    align-items: center;   /* <--- Change here */
    display: flex;
    min-width: 320px;
    max-width: 500px;
}
.login .box {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin-top: 15px;
}
.login h1 {
    font-size: 1.2em !important;
}
.login .box .label {
    display: flex;
    align-items: center; 
    justify-content: flex-end;
}
.login .box input {
    font-size: 0.9em !important;
}
.login button {
    font-size: 1em !important;
    margin-left: 3px;
    margin-right: 3px;
}

/*Buscador*/
.buscador {
    position: relative;
    padding-bottom: 20px;
}
.buscador .row {
    padding-bottom: 8px;
}
.buscador .label {
    display: flex;
    align-items: center; 
    justify-content: flex-start;
}
.buscador .select {
    text-align: right;
}
.buscador select {
    border-radius: 1px;
    border: #dcdcdc 2px solid;
    font-weight: bold;
    padding: 0.3559em 2.5em 0.3559em 1em;
    width: 98%;
    background-image:
      linear-gradient(45deg, transparent 50%, #ed3237 50%),
      linear-gradient(135deg, #ed3237 50%, transparent 50%);
    background-position:
      calc(100% - 17px) calc(0.9em + 0px),
      calc(100% - 10px) calc(0.9em + 0px);
    background-size:
      7px 9px,
      7px 9px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.buscador select.chico {
    width: auto !important;
}

.paginado {
    padding-top: 10px;
    text-align: right;
}
.paginado a {
    border:#ed3237 1px solid;
    border-radius: 47%;
    color: #ed3237;
    display: inline-block;
    font-size: 0.83em !important;
    line-height: 18px;
    margin-left: 1px;
    margin-right: 1px;
    width: 18px;
    height: 19px;
    text-decoration: none;
    text-align: center;
}
.paginado a:hover {
    color: #838383;
    border: #ed3237 1px solid;
}
.paginado a.sel {
    background-color: #ed3237;
    color: #ffffff;
}

.menu-pie{
    background-color: #e1e1e1;
    padding-top: 30px;
    padding-bottom: 30px;
}
.menu-pie .tit {
    padding: 10px 0px;
}
.menu-pie .tit a{
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: bold;
    font-size: 1.2857em;
    color: #3d3e3b;
    text-decoration: none;
}
.menu-pie .sec a {
    color: #3d3e3b;
    font-size: 0.9em;
    text-decoration: none;
    display: block;
    padding: 3px 0px;
}
.menu-pie .sec a i {
    color: #ed3237;
    font-weight: normal !important;
    padding-left: 10px;
    display: none;
    transition: all 0.5s ease;
}
.menu-pie .sec a:hover {
    text-decoration: underline;
}
.menu-pie .sec a:hover i {
    display: inline-block;
}

footer {
    background-color: #ed3237;
    color: #ffffff;
    font-size: 1.14285em;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Animaciones*/
.regular_actividad {
    position: relative;
}
.regular_actividad .slick-prev,
.regular_actividad .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    line-height: normal !important;
    color: #ed3237 !important;
    border: 1px solid #ed3237;
    border-radius: 50%;
}
.regular_actividad .slick-prev:before, 
.regular_actividad .slick-next:before {
    color: #ed3237 !important;
    line-height: normal !important;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.regular_actividad .slick-prev:hover, 
.regular_actividad .slick-next:hover {
    line-height: normal !important;
    border: 1px solid #6c6c6c;
    color: #6c6c6c !important;
}
.regular_actividad .slick-prev {
    top: -40px;
    left: auto;
    right: 65px;
}
.regular_actividad .slick-next {
    top: -40px;
    right: 10px;
}
.regular_actividad .slick-prev:before {
    content: '<';
    line-height: normal !important;
}
.regular_actividad .slick-next:before {
    content: '>';
    line-height: normal !important;
}

/*Whatsapp*/
.whatasapp {
    position: fixed;
    right: 20px;
    bottom: 25px;
    z-index: 2000;
}
.whatasapp a {
    display: block;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    background-color: #0dc143;
    color: #ffffff;
    font-weight: bold;
    font-size: 35px;
    line-height: 50px !important;
}

/*Formulario*/
.alerta_err {
    border: 1px solid #ed3237;
    border-left: 5px solid #ed3237;
    border-radius: 0px;
    margin-right: 5px;
    color: #ed3237;
    padding: 4px;
}
.alerta_ok {
    border: 1px solid #129112;
    border-left: 5px solid #129112;
    border-radius: 0px;
    margin-right: 5px;
    color: #129112;
    padding: 4px;
}
.frm-error {
    border: 1px solid #ed3237 !important;
}

/*Validar Password*/
#pswd_info {
	bottom: -75px;
	bottom: -115px\9;
	/* IE Specific */
	right: 55px;
	width: 100%;
	margin-top: 10px;
	padding: 8px;
	background: #fefefe;
	font-size: .85em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
	background-color: #f8f7e6;
    text-align: left;
}
#pswd_info h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}
#pswd_info {
	margin-bottom: 0px;
}
#pswd_info::before {
	position: absolute;
	top: -12px;
	left: 45%;
	color: #ddd;
	text-shadow: none;
	display: block;
}
#pswd_info ul {
    margin-bottom: 0px;
    padding-left: 1rem;
}
#pswd_info li {
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px !important;
	line-height: normal !important;
}
.invalid {
	color: #ec3f41;
}
.valid {
	color: #214761;
}
#pswd_info {
	display: none;
}

/*CK Editor*/
ul.lista-texto          {   padding-top: 20px; padding-bottom: 20px; list-style: none;}
ul.lista-texto li       {   padding-bottom: 10px;}
ul.lista-texto li::before{  
    font-family: FontAwesome;
    font-weight: normal !important;
    margin-left: -15px;
    padding-right: 5px;
    content: "\f18e";
}
ul.lista-texto strong   {   color: #ff0303;}