assets/css/style.css


/* FONTS Gilmer */
@font-face {font-family: 'gilmer'; font-weight: 100; font-style:normal; src: url("../fonts/Gilmer-Light.otf") format("opentype");}
@font-face {font-family: 'gilmer'; font-weight: normal; font-style:normal; src: url("../fonts/Gilmer-Regular.otf") format("opentype");}
@font-face {font-family: 'gilmer'; font-weight: bold; font-style:normal; src: url("../fonts/Gilmer-Bold.otf") format("opentype");}
.gilmer {font-family: "gilmer", sans-serif;}

/* FONTS Font Awesome */
@font-face {font-family: 'Font Awesome 5 Free'; font-weight: 400; src: url("../fonts/Font-Awesome-5-Free-Regular-400.otf") format("opentype");}
@font-face {font-family: 'Font Awesome 5 Free'; font-weight: 900; src: url("../fonts/Font-Awesome-5-Free-Solid-900.otf") format("opentype");}




.border-sect-blanco {
  
  
  border-bottom: 6px solid #fff;
}
.nav-fill .nav-item {
    font-weight: 800;
  font-size: 1.0rem;
}
/* .  carrusel */
.carousel-caption 
.nav-link {
    display: block;
    padding: .9rem 1rem;
}

.navbar {
   padding: .0rem 0rem!important;
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #273269;
}


.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
  background-color: #5C3089;
}


.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
  background-color: #5C3089;
}


.Recursos {
  background-color: #432770!important;
  
}
.Noticias {
  background-color: #4D71B4!important;
  
}
.Actividades {
  background-color: #5C3089!important;
  
}
.Publicaciones {
  background-color: #5C3089!important;
  
}
.Documentos {
  background-color: #5C3089!important;
}
/* modulos */
.Modulos {
  background-color: #5C3089!important;
  
}
.a_modulo a {

}
.a_modulo a:hover{
  color:#9cb8ef!important

}
.a_modulo a:visited{
  color:#9cb8ef!important
}
ul.link-ul-single {
	
}
li.link_descarg-single {
	list-style: none;
}
h3.tit-mod-single {
	font-weight: bold!important;
    color: #feef71!important;
    font-size: 1.0rem!important;
}
a.single-modulo-a {
	font-weight: bold!important;
    color: #fff!important;
    font-size: 0.9rem!important;	
}
a:hover.single-modulo-a {
	font-weight: bold!important;
    color: #Ffef71!important;
    font-size: 0.9rem!important;	
}
p.subtitulo-pdf-single {
	font-weight: bold;
    color: #fff;
    font-size: 1rem!important;	
}
p.descripcion-pdf {
	font-weight: normal;
    color: #fff;
    font-size: 0.9rem;		
}
h4.tit_descrg-single {
	font-weight: bold;
    color: #fff;
    font-size: 0.9rem!important;	
}
/* modulos */
h3.h3-list-cat {
  font-weight: bold;
    color: #fff;
    font-size: 1.2rem!important;
}
span.leer_mas_title {
  color: #fae80f;
    font-size: 0.8rem;  
}
/* BODY */
body {font-family: 'gilmer',Helvetica,Arial,sans-serif;}
a {color:#404F9D;} a:hover {color:#436EB4; text-decoration:none;}
h2 {
  font-size:  22px;
}

/* TEXTOS */
.text-azul {color: #404F9D;}
.text-morado {color: #464280;}
.text-azul-medio {color: #436EB4;}
.text-verde {color: #3DB8B8;}

/* BORDES */
.border-morado {border-color: #404F9D!important;}
.border-verde {border-color: #3DB8B8!important;}
.border-rojo {border-color:#E94144!important;}
.border-2 {border-width:2px !important;}
.border-3 {border-width:3px !important;}
.border-4 {border-width:4px !important;}
.border-5 {border-width:5px !important;}
.border-6 {border-width:6px !important;}
.border-7 {border-width:7px !important;}
.border-8 {border-width:8px !important;}
.border-9 {border-width:9px !important;}
.border-10 {border-width:10px !important;}

/* BACKGROUNDS */
.bg-azul {background-color: #3157a0;}
.bg-morado {background-color: #423780;}
.bg-magenta {background-color: #5c3189;}


.bg-azul-oscuro {background-color: #Ffef71;}
.bg-azul-medio {background-color: #5C3089;}
.bg-verde {background-color: #3DB8B8;}
.bg-franja {background: url("../img/franjas.svg") no-repeat; background-position: center; background-size: cover; height: 16px; }

/* BOTONES  */
.btn-azul {color: white; background-color: #404F9D;}

.btn-azul-oscuro {color: white; background-color: #Ffef71;}

.btn-azul:hover, .btn-azul:active {color: white;;background-color: #2D3F8E;}
.btn-morado {color: white; background-color: #2A2956;}
.btn-morado:hover, .btn-morado:active {background-color: #1A1A44;}
.btn_vr {background-color: #fff;border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;border: 0px solid #000000;}

/* PAGINACI脫N */
.pagination .page-item {margin:0px 4px;}
.pagination .page-item a {color:#ADADAD; border:none; font-weight:bold; padding:5px 12px;}
.pagination .page-item a:hover {background-color:#fff; color:#245ea3;}
.pagination .active a {background-color:#008fca !important;}
.pagination .active a:hover {color:#fff;}

/* OTROS */
.w-1px {width: 1px;} .h-1px {height: 1px;}
.w-20px {width: 20px;} .h-20px {height: 20px;}
.w-25px {width: 25px;} .h-25px {height: 25px;}
.w-30px {width: 30px;} .h-30px {height: 30px;}
.w-40px {width: 40px;} .h-40px {height: 40px;}
.w-50px {width: 50px;} .h-50px {height: 50px;}
.w-70px {width: 70px;} .h-70px {height: 70px;}
.subrayado {text-decoration: underline;} .subrayado:hover {text-decoration: underline;}
/* noticias */
.bg-azul-medio h2 {
  font-weight: bold;
  color:#fff; 
}
.bg-azul-medio h2 {
  font-weight: bold;
    color: #fff;
    font-size: 3.5rem;
}
.noborderbottom {
  border:none;
}
.noborderbottom h2{
  border: solid 0rem #ef4144!important;
}
.bg-azul-medio h3 {
    font-weight: bold;
    color: #fff;
    /*font-size: 1.6rem;*/
    /*border-bottom: solid 0.5rem #3f4dac;
  padding-bottom: 0.7rem;*/
  
  font-weight: bold;
    color: #fff;
    font-size: 1.2rem;
}
a.mas-info {
  color:#263367!important;
  
}
.bg-azul-medio p {
    font-weight: normal;
    color: #fff;
    font-size: 0.9rem;
}
.bg-azul-medio-p {

}
.bg-azul-medio-p p {
  font-size: 1.2rem;
    line-height: 1.9rem;
  
}
h2 a {
  color:#fff!important; 
}
h2 a:hover {
  color:#4480e6!important;  
}
h2 a:visited {
  color:#fff!important; 
}
.padding-resum-cat {
  border-bottom: 2px #1b69b2 solid;
  
}
.alto-header {
  min-height: 90px;
}
.color-back-header {
    background-color: #2f579f;
    margin-top: 3%;
    border-top-left-radius: .0rem;
    border-top-right-radius: .0rem;
    border-top: solid 3px #Ffef71;
  border-bottom: solid 3px #Ffef71;
}

h3.h3-act {
  color: #40509d;
  font-size: 1.2rem;
}
.border-modal-quehacemos {
  border-top: 16px solid #433680;
  border-bottom: 16px solid #433680;
}
p.subtitulo_pdf {
  font-size: 1.1rem!important;
  margin-bottom: 1px!important;
}
p.descripcion_pdf {
  font-size: 0.9rem!important;
  margin-bottom: 1px!important;
}
.h3-modal-qh {
  font-size: 1.2rem;
  color:#404F9D;
}
.back-modal-recursos {
  background-color: #5C3089!important;
}
.h3-modal-recursos {
  color: #fff;
    font-size: 1.1rem;
  width: 100%;
}
.back-color-header-modal-recursos {
  background-color: #432770;
}
.text-modal p {
  color:#fff!important;
  background-color:#432770;
}
.text-modal  {
  color:#fff!important;
  background-color:#432770;
}
.separa_fond_secc {
  background-color:  rgb(248 248 251);
}

.navigation {
  


}
.carousel-caption {
	
	
	
}
.carousel-caption p {
  color:#404F9D;
}
.carousel-caption h1 {
  font-size: 1.3rem;
  font-weight: 800;
}
.carousel-caption a {
  color:#404F9D;  
}
.carousel-caption a:hover {
  color:#e83d49;  
}
.carousel-caption a:visited {
  color:#e83d49;
  
}
.navigation a{
  color:#fff;
}
.dropdown-menu {
    width: 100%;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
}
.dropdown-menu a {
   color:#000;
}
.dropdown-menu a:hover {
   color:#fff!important;
   background-color: #5C3089;
}
.dropdown-menu a:visited {
   color:#000;
}
/* menu */
.navbar-dark .navbar-toggler {
  background-color: rgb(50 86 159);
    margin-top: 2%!important;
    margin-bottom: 2%!important;
}
.navbar-collapse ul {
  margin: 0px 0px 0px 0px;
  
}
.bg-azul-medio .btn_vr {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 0px solid #000000;
    color: #4c78bb;
    font-weight: bold;
}
.bg-azul-medio .btn_car_mas {
  background-color: #2b2957;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 0px solid #000000;
    color: #fff;
    font-weight: bold;
}
.border_right_noti {
  border-right:2px solid #fff;
}
.border_right_noti:last-child {
  border-right:none;
}

.center_btn {text-align: center;}

.card-img-top {
  
}
.card-img-top {
    /*border-top-left-radius: calc(0rem - 0px);
    border-top-right-radius: calc(0rem - 0px);*/
  
}
.border_img {
  border-radius: 100%!important;
}
.valor-img {
  /*height:255px;*/
  /*min-width:255px;*/
}
.borde-todas-conferencias {
  border:4px solid #fff;
}
a.todas-conferencias {
  color:#F8ED50;
  font-size: 1.2rem;
}
a:hover.todas-conferencias {
  color:#fff;
}
/*
.card {
  border-radius: 0rem;
  border: solid 1.3rem;
  color:#fff;
}*/
.pad_not  {
  position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;    
}
.no_border_b {
  border-bottom: none !important;
}
/* */


ol.carousel-indicators {
  margin-bottom: 0rem!important;
}

.carousel-caption{
  width: 100%!important;
  position: absolute;
  right: 0%!important;
  bottom: 0px!important;
  left: 0%!important;
  z-index: 10;
  padding-top: 0px!important;
  padding-bottom: 0px!important; 
  color: #fff;
  text-align: center;
 
  }


/* section noticias */
h3.todas-noticias {
  font-weight: bold;
    color: #fff!important;
    font-size: 1.2rem;
    border-bottom: none;
    padding-bottom: 0rem; 
}
h3:hover.todas-noticias {
  font-weight: bold;
    color: #fff!important;
    font-size: 1.6rem;
    border-bottom: none;
    padding-bottom: 0rem; 
}
a:hover, a:focus, a:active a:visited{
    color: #fff;
}
a:visited {
    color: #feed03;
}
.sect_noti {
  background-color: #31569f;

  
  
}
.contenido_noticia_destacada {
  background-color: #fff;
  
  
}
.contenido_noticia_destacada a{
  color: #404f92;
  font-weight: bold;
  
  
}
h3.tit-header-modal-noti-dest {
  color: #404F92;
    font-size: 1.2rem;
    font-weight: bold;
}
.span9{
  border-radius: 2.25rem!important;
  
}

.fecha_block_actividades {
  position: absolute;
  background-color: #5071b3;
  border:solid 2px #feec03;
}
.fecha_block_actividades_modal {
  position: relative;
  background-color: #5071b3;
  border:solid 2px #feec03;
}
.fecha_block_actividades h5{
  text-align: center;
    font-size: 2.2rem;
    color: #fff!important;
    font-weight: bold;
  margin-bottom: 0px;
    padding-bottom: 0px;
}
.fecha_block_actividades p{
    text-align: center;
    font-size: 1.2rem;
    color: #fff!important;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
span.fecha_block_actividades_num {
  text-align: center;
    font-size: 2.2rem;
    color: #fff!important;
    font-weight: bold;
  margin-bottom: 0px;
    padding-bottom: 0px;
  display: block;
}
span.fecha_block_actividades_mes {
  text-align: center;
    font-size: 1.2rem;
    color: #fff!important;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
  display: block;
}
.actividades_sect {
  
}
.actividades_sect p {
  color: #fff;
    font-size: 1rem;
    line-height: 1.3rem;
}
.texto-modal p {
  color:#000;
  
}
.texto-modal a {
  color:#e91e63;
  
}
.actividades_sect a {
  color:#Ffef71!important;
  
}
h2.titulos_secciones{
  color:#fff;
  font-weight: bold;
  font-size: 2.4rem;
}
h3.h3-tit-noti {
  color: #404F92;
    font-size: 1.2rem;
    font-weight: bold;
}
p.contenido_noticia_destacada_texto {
  color: #404F92;
    font-size: 1.0rem;
    line-height: 1.5rem;
}
.noticias_destacadas-sidebar {
  background-color: #5071b3;
}
h4.tit_noti_sidebar {
  color: #Ffef71;
  font-size: 1.1rem;
   /* font-weight: bold;*/
}
a.link_list {
  
  
}
.resum_not {
  
  
}
.resum_not li {
  color:#fff
  
}
.resum_not a {
  color:#fff;
  font-size: 1.0rem;
    line-height: 1.1rem;
}
.border_bottom {
  border-bottom: solid 1px #5071b3;
}
.border_bottom2 {
    border-bottom: solid 1px #fff;
}
.border_bottom_blanco {
  border-bottom: solid 1px #fff;
}
p.parrafo_actividades {
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .1rem .1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn2 {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .1rem .1rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.border-top {
  border-top: 1px solid #Ffef71!important;
}
/* paginacion */
.pagenator__container {
  margin: auto;
  display: -webkit-box;
  display: flex;
  min-height: 320px;
}
.pagenator__page {
  width: 100%;
  height: 100%;
  margin: auto;
  display: none;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.pagenator__paginator {
  margin: 2rem 0;
}
.pagenator__navitem {
  cursor: pointer;
  margin: 0 0.25rem;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
  padding: 0.25rem 0.5rem;
}
.pagenator__navitem:hover,
.pagenator__navitem--active {
  background-color: #717171;
}
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* programa icec */
.sect_programa {
  background-color: #433680 ;

  
  
}
.sect_programa p{
  color: #fff ;

}


.border_bottom_prom {
  border-bottom: solid 1px #Ffef71;

}
h4.tit_quienes_somos {
    color: #Ffef71;
    font-size: 1.3rem;
}
.seccion_destacada_bid_image {
  
}
.seccion_destacada_bid_image p{
  color:#fff;
}a.color_link_mod {
  color:#feef73;  
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: .25rem;
}

.border_lateral_qa {
  border-left: solid 2px #feef73;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem!important;
}
.card-body h4 {


}
.card-body p {
  color:#fff;

}
.enlace_ver_mas a {
    font-size: 0.8rem;
    color:#fff;

}
.enlace_ver_mas a {

  
}
.col_recursos {
  min-height: 286px;

}

.modulo1_border {
  border-right: 2px solid #ffff;

}
.sect_recursos {
  background-color: #5c3089;
  
}
ul.listado_congreso {
  list-style:none;
  margin: 0 0 0em 0em;
  padding: 0 0 0em 0em;
  
}
li.tit_noti_sidebar {
  color: #Ffef71;
    font-size: 1.1rem;
  
}

ul.listado_footer {
  list-style: none;
  color: #404F92;
  padding: 0px;
  margin: 0px;
}
ul.listado_footer a {
  list-style: none;
  color: #404F92;
  padding: 0px;
  margin: 0px;
}
ul.listado_footer a:hover {
  list-style: none;
  color: #6f7dbf;
  padding: 0px;
  margin: 0px;
}
ul.listado_footer a:visited {
  list-style: none;
  color: #6f7dbf;
  padding: 0px;
  margin: 0px;
}


li.listado_footer {
  list-style: none;
  color: #404F92;
}
.border_imagen_destc {
  border: solid 5px #fff;
  
}
.col_link_modal a {
  
  
}
a.col_link_modal {
  color:#Ffef71;
  
}
a:hover.col_link_modal {
  color:#E6E119;
  
}
.alt-zona {
  height: 123px!important;
  background-color: #3B4997;
    border: 2px solid #Ffef71;
}
div.alt-zona:hover {
    background-color:#9C9CCD;
}


.anch-image {
  width:62%;
}
.zonas_regiones {
  
}
.zonas_regiones p{
  
}
.zonas_regiones a{
  font-weight: bold;
  color:#Ffef71;
}

.contenedor-regiones {
  display: grid;
  padding: 0rem;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: repeat(2, 150px);
  font-size: 5rem;
}

.contenedor-regiones div {
  background-color: rebeccapurple;
  color: white;
  padding: 1rem;
}
h2.modal-title {
  background-color: transparent;
}
.style-date {
  color:#404F9D;
  display: block;
}
/* red */
.cuerpo-modal-red {
  
  
}
li.nombre_coordinador {
  color: #464646!important;
  font-weight: 600;
  font-size: 1.0rem!important;
  line-height: 1.0rem;
}
li.cargo_coordinador{
  color: #464646!important;
  font-weight: 300;
  font-size: 1.0rem!important;
  line-height: 1.2rem;
}
li.correo_coordinador{
  color: #464646!important;
  font-weight: 300;
  font-size: 0.8rem!important;
  line-height: 1.2rem;
}
li.nombre_cargo {
  color: #3d4b92!important;
  font-weight: 300!important;
  font-size: 0.8rem!important;
  line-height: 1.0rem;
}
.col-fond {
  background-color: rgb(248 248 251)
}
.correo_coordinador a {
  color: #3d4b92!important;
  font-weight: 600;
  font-size: 0.8rem!important;
  line-height: 1.2rem;
}
.correo_coordinador a:hover {
  color: #9cb8ef!important;
  font-weight: 600;
  font-size: 0.8rem!important;
  line-height: 1.2rem;
}
/* red */

.modal-header {
  
  
}
.modal-header h2 {
  color:#404F9D;
}
.modal-body h3 {
  font-size: 1.2rem;
}
.modal-body span {
  font-size: 0.8rem;
}
.modal-body ul {
  font-size: 0.8rem;
    padding-left: 0px;
    margin-left: 0px;
}
.modal-body li {
  font-size: 0.8rem;
  list-style:none!important;
}
.modal-body p {
  font-size: 0.9rem;
  color:#404F9D;
}
.modal-body h4 {
  font-size: 0.8rem;
  color:#404F9D;
}
.modal-body a {
	font-size: 0.8rem;
    color: #404F9D!important;
    list-style: none!important;
    font-weight: bold;
}
.modal-body a:hover {
  font-size: 0.8rem;
  color:#9cb8ef!important;
  list-style:none!important;
}
.border-modal-red {
  border-top: 16px solid #4f71b1;
  border-bottom: 16px solid #4f71b1;
  
}
.nume-modal {
  background-color: #404F9D;
  color:#fff;
}
.borde_noticia_destacada {
  border: 20px solid #4F71B1;
  
  
}
.borde_modal_agenda_actividades {
  border: 20px solid #2F579F;
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    /*border: 20px solid #4F71B1;*/
    border-radius: .3rem;
    outline: 0;
}
h4.modal_list_congre {
  color:#Ffef71;
  font-size: 0.8rem;
}
button.btn_carrusel {
  background-color: #404f92!important;
    color: #ffff!important;
    font-size: 20px;
  
}
button.btn_carrusel a  {
  color:#fff!important;
  
}
button.btn_carrusel a:hover{
  color:#fff;
  
}
.fond_ver_mas_noticias {
  background-color: #512480;
  font-size: 0.8rem;
}
.ver_mas_noti a{
  color:#fff;
}
.ver_mas_noti a:hover{
  color:#Ffef71;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #5C3089;
}.dropdown-menu a:active{
    color: #Ffef71!important;
}
.dropdown-menu a:visited {
    color: #9a9595;
}
/* .........................  portafolio .......................... */
ul.gallery-items {
  margin: 0px!important;
    padding-inline-start: 0px!important;
    padding: 0px!important;
} 
.gallery-items { font-size: 0; }

.gallery-item {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  transition: height 500ms ease;
}

.gallery-expander {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}

.gallery-contents { position: relative; }

.gallery-contents:after {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -30px;
  width: 0;
  height: 0;
  content: '';
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  -webkit-transition: border-bottom-width 500ms ease;
  -o-transition: border-bottom-width 500ms ease;
  transition: border-bottom-width 500ms ease;
}

.gallery-item.active .gallery-contents:after { border-bottom-width: 30px; }




.gallery-item {
  text-align: left;
  font-size: 25px;
  margin: 0 0px;
  padding: 10px 0;
}

.gallery-item .thumbnail {
  position: relative;
  width: 300px;
  height: 220px;
  overflow: hidden;
  cursor: pointer;
}

.gallery-item .thumbnail > img {
  /*position: absolute;
  top: 50%;
  margin-top: -300px;
  max-width: 300px;*/
}

.gallery-item .title {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
}

.gallery-contents:after { border-bottom-color: #f8ed50; }

.gallery-expander { background: #f8ed50; }

.gallery-expander-contents {
  /*margin: 0 auto;*/
  width: 100%;
  padding: 20px 0;
}
@media (min-width: 640px) and (max-width: 999px) {

.gallery-expander-contents { width: 640px; }
}
@media (max-width: 639px) {

.gallery-expander-contents { width: 100%; }
}
.gallery-expander-contents:after {
  clear: both;
  display: table;
  content: '';
}
.gallery-expander-contents > div.col {
  float: left;
  width: 480px;
}
@media (min-width: 640px) and (max-width: 999px) {

.gallery-expander-contents > div.col { width: 310px; }
}
@media (max-width: 639px) {

.gallery-expander-contents > div.col {
  float: none;
  padding: 25px 20px 0;
  width: auto;
}
}

.gallery-expander-contents > div.col + div.col { margin-left: 40px; }
@media (min-width: 640px) and (max-width: 999px) {

.gallery-expander-contents > div.col + div.col { margin-left: 20px; }
}
@media (max-width: 639px) {

.gallery-expander-contents > div.col + div.col { margin-left: 0px; }
}

.gallery-expander-contents div.close {
  position: absolute;
  top: 10px;
  right: 20px;
}

.gallery-expander-contents div.title {
  font-weight: 500;
  color: #D28A3C;
}

.gallery-expander-contents div.contents {
  margin-top: 10px;
  border-top: 1px solid #BCB098;
  border-bottom: 1px solid #BCB098;
  padding: 10px 0;
  font-size: 14px;
  line-height: 24px;
  color: #797262;
}

.gallery-expander-contents div.image > img {
  width: 100%;
  display: block;
}
/* ______________________ */
/* galeria efecto hover */
figure {
    margin: 2 0 0rem!important;
}
figure.snip0015 {
  font-family: 'Raleway', Arial, sans-serif;
    color: #fff;
    position: relative;
    overflow: hidden;
    /* margin: 10px; */
    min-width: 186px;
    max-width: 385px;
    height: 332px;
    /* width: 100%; */
    background: #000000;
    text-align: center;
  border: solid 2px #Ffef71;
}
figure.snip0015 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0015 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0015 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.9em 1em;
  width: 100%;
  height: 100%;
}
figure.snip0015 figcaption::before {
  position: absolute;
  top: 50%;
  right: 30px;
  bottom: 50%;
  left: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0015 h2, h5,
figure.snip0015 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0015 h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0015 h5 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
figure.snip0015 h2 span {
  font-weight: 800;
}
figure.snip0015 p {
  font-weight: 200  ;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0015 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0015:hover img {
  opacity: 0.35;
}
figure.snip0015:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0015:hover figcaption h5 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0015:hover figcaption p {
  opacity: 0.9;
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
figure.snip0015:hover figcaption a {
  opacity: 1.5;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0015:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  top: 30px;
  bottom: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figcaption h2 {
  color:#fff;
  font-size: 1rem;
  background-color: transparent!important;
}
figcaption h5 {
  color:#fff;
  font-size: .9rem;
  background-color: transparent!important;
}
figcaption p {
  color:#fff;
  font-size: .8rem;
  background-color: transparent!important;
}
/* ........................efecto hover cuadros congresos grid............................ */


*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }



/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  /*margin: 10px 1%;*/
  min-width: 300px;
  max-width: 480px;
  max-height: 360px;
  width: 48%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}


.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #233267;
  padding: 10px;
  border: 1px solid white;
  border-radius: .9rem;
  box-shadow: 2px 2px 3px white;
  overflow: scroll;
  div{
    h4{
      font-size: 14px;
      font-weight: bold;
      color: white;
    }
    div{
      font-weight: 500;
      font-size: 14px;
      
      p{
        display: block;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 0;
        margin-right: 0;
        font-size: 12px;
      };
      a{
        display: flex;
      justify-content: center;  
      align-self: center;
      margin: 5px auto;
        border: 1px solid white;
        border-radius: .9rem;
        padding: 5px 5px;
        color: white;
        font-weight: 700;
        font-size: 12px;
      }
    }
  }
}
#recipeCarousel .card-body:hover .overlay{
  opacity: 1;
}

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
  border: solid 2px #ffef72;
}

figure.effect-oscar img {
  opacity: 0.9rem;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
  padding: 0.9em;
  background: rgba(73,155,234,1);
background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(44,86,159,0.85) 51%, rgba(44,86,159,0.71) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(51%, rgba(44,86,159,0.85)), color-stop(100%, rgba(44,86,159,0.71)));
background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(44,86,159,0.85) 51%, rgba(44,86,159,0.71) 100%);
background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(44,86,159,0.85) 51%, rgba(44,86,159,0.71) 100%);
background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(44,86,159,0.85) 51%, rgba(44,86,159,0.71) 100%);
background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(44,86,159,0.85) 51%, rgba(44,86,159,0.71) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#2c569f', GradientType=1 );
}

figure.effect-oscar figcaption::before {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid #fff;
  content: '';
}

figure.effect-oscar h2 {
  margin: 10% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);

}
figure.effect-oscar h2 a {
  
  
}
figure.effect-oscar h2 a.h2-hover {
   color: #ffef72!important;
}
figure.effect-oscar h2 a:hover.h2-hover {
   
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

figure.effect-oscar:hover h2 {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  color:#2C569F!important;
}
figure.effect-oscar:hover h2 a {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  color:#2C569F!important;
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  color:#2C569F!important;
}

figure.effect-oscar:hover figcaption {
  background: rgba(246,233,44,1);
background: -moz-linear-gradient(left, rgba(246,233,44,1) 0%, rgba(246,233,44,0.75) 50%, rgba(246,233,44,0.55) 90%, rgba(246,233,44,0.55) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,233,44,1)), color-stop(50%, rgba(246,233,44,0.75)), color-stop(90%, rgba(246,233,44,0.55)), color-stop(100%, rgba(246,233,44,0.55)));
background: -webkit-linear-gradient(left, rgba(246,233,44,1) 0%, rgba(246,233,44,0.75) 50%, rgba(246,233,44,0.55) 90%, rgba(246,233,44,0.55) 100%);
background: -o-linear-gradient(left, rgba(246,233,44,1) 0%, rgba(246,233,44,0.75) 50%, rgba(246,233,44,0.55) 90%, rgba(246,233,44,0.55) 100%);
background: -ms-linear-gradient(left, rgba(246,233,44,1) 0%, rgba(246,233,44,0.75) 50%, rgba(246,233,44,0.55) 90%, rgba(246,233,44,0.55) 100%);
background: linear-gradient(to right, rgba(246,233,44,1) 0%, rgba(246,233,44,0.75) 50%, rgba(246,233,44,0.55) 90%, rgba(246,233,44,0.55) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e92c', endColorstr='#f6e92c', GradientType=1 );
}

figure.effect-oscar:hover img {
  opacity: 0.4;
}


/* .................................................................... */


/* secci贸n mapa */
.secc_map {
  font-size: 1.2rem;
}
.secc_map h2 {
  font-weight: bold;
    color: #3f4dac;
    font-size: 3.1rem;
  border-bottom: solid 0.5rem #ef4144;
    padding-bottom: 0.7rem;
}
.secc_map p {
  font-weight: normal;
    color: #474280;
    font-size: 1.6rem;
}
/* red dual */
.bg-verde h2 {
  font-weight: bold;
    color: #3f4dac;
    font-size: 3.1rem;
  border-bottom: solid 0.5rem #ef4144;
    padding-bottom: 0.7rem; 
}
.bg-verde p {
  font-weight: normal;
    color: #3b76e6;
    font-size: 1.6rem;  
}
.bg-verde ul {
  margin: 0px!important;
    padding: 0px!important;
}
.bg_conten_red {
  background-color: #fff;
}
/* */
.bg-azul-medio h2 {
  font-weight: bold;
    color: #fff;
    font-size: 3.1rem;
  border-bottom: solid 0.5rem #ef4144;
    padding-bottom: 0.7rem; 
}
.bg-azul-medio h4 {
  font-weight: bold;
    color: #fff;
    font-size: 1.8rem;
    padding-bottom: 0.7rem;

}
.bg-azul-medio_parrafo {
  
  
}
.bg-azul-medio_parrafo p{
  
  
}
/* proyecto de apoyo */
.bg-proyect  {
  background-color: #3f4dac;

}
.bg-proyect h2 {
  font-weight: bold;
    color: #fff;
    font-size: 3.1rem;
  border-bottom: solid 0.5rem #10c9c2;
    padding-bottom: 0.7rem; 
}
.bg-proyect p {
  font-weight: normal;
    color: #fff;
    font-size: 1.6rem;  
}
/* listado documentos */
.list_doc {
  
  
}
.list_doc h2{
  font-weight: bold;
    color: #fff;
    font-size: 3.1rem;
    border-bottom: solid 0.5rem #3f4dac;
    padding-bottom: 0.7rem; 
}
.list_doc h3{
  color:#3f4dac;
  font-weight: bold;
  font-size: 1.50rem;
  border-bottom:solid 0.5rem #3f4dac;
}
.list_doc ul {
  list-style:none
}
.list_doc li {
  
}
.list_doc p {
  color: #fff;
  font-size: 1.10rem;
}
.p-list {
  padding: 0px;
  
}
.pmo-50 {
  padding: 0% 4% 0% 0%;
  
}
.number_agen {
  font-size: 6rem;
  font-weight: 700;
  line-height: 7rem;
}
.fecha_agen {
  font-weight: 700;
    font-size: 2rem;
  line-height: 3.6rem;
}

.lineaazul {
    background: #474697;
    background: rgba(71, 70, 151, 1);
}

.linearoja {
    background: #D83638;
    background: rgba(216, 54, 56, 1);
}

.carousel-control-prev{
  left: -25px;
}
.carousel-control-next{
  right: -25px;
}
@media (min-width: 992px) {
  
}

@media (min-width: 768px) {

}

@media (min-width: 576px) {
.modal-dialog {
    max-width: 50%!important;
    margin: 1.75rem auto;
}
}
@media (max-width: 575.98px) {
.reduccion-font-h2 {font-size: calc(3.1rem - 4.1vw)!important;}
.reduccion-font-p {font-size: calc(1.6rem - 1.9vw)!important;}
.border_right_noti {
    border-right: none;
}
.reducir-font {font-size: calc(1.2rem - 0.9vw);}
.hide-xs {display: none;}
.pmo-50 {
  padding:0% 40% 0% 40%;
  
}
.anch-image {
  width:50%
}
}
@media screen and (max-width: 900px) and (min-width: 300px) {
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-caption {
    width: 100%!important;
    position: absolute;
    right: 0%!important;
    top: 113px!important;
    left: 0%!important;
    z-index: 10;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    color: #fff;
    text-align: center;
   
}

h3.todas-noticias {
    font-weight: bold;
    color: #fff!important;
    font-size: 1.1rem!important;
    border-bottom: none;
    padding-bottom: 0rem;
}
.alt-zona {
    height: 66px!important;
    background-color: #3B4997;
    border: 2px solid #Ffef71;
}
.mapa-red {
	display:none;
	
}
.fecha_block_actividades {
    position: relative;
    background-color: #5071b3;
    border: solid 2px #feec03;
}
button.btn_carrusel {

    font-size: 16px;
  
}
}