/* ************************************ FUENTES PERSONALIZADAS ******************************************** */
@font-face {
  font-family: 'textaalt-heavyuploaded_file';
  src: url('../fonts/texta_alt_heavy-webfont.woff2') format('woff2'),
    url('../fonts/texta_alt_heavy-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'textaalt-regularuploaded_file';
  src: url('../fonts/texta_alt_regular-webfont.woff2') format('woff2'),
    url('../fonts/texta_alt_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'textalight';
  src: url('../fonts/texta_light-webfont.woff2') format('woff2'),
    url('../fonts/texta_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'textalight';
  src: url('../fonts/texta_light-webfont.woff2') format('woff2'),
    url('../fonts/texta_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'textaalt-regularuploaded_file';
  src: url('../fonts/texta_alt_regular-webfont.woff2') format('woff2'),
    url('../fonts/texta_alt_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'textaalt-heavyuploaded_file';
  src: url('../fonts/texta_alt_heavy-webfont.woff2') format('woff2'),
    url('../fonts/texta_alt_heavy-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* ************************************ BODY ******************************************** */
body {
  margin: 0;
  font-family: 'textalight';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
  color: #264466;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100vh;
}

b { font-family: 'textaalt-heavyuploaded_file'; }

.txtCenter { text-align: center; }

main {
  flex: 1;
}
.content {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em;
}

.miContainer { width: 1170px; margin: 0 auto; }

/* ************************************ ESTILOS INICIO ******************************************** */

/* NAVEGACION AZUL FUERTE */
.redes {
  background-color: #264466;
  padding: 7px;
/*  display: flex;
  align-items: center;*/
}
.left{
  flex: 5;
}
.right{
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.social-icons {
  display: flex;
  padding: 3px 0;
  /*align-items: center;
  margin-left: 90px;*/
}
.social-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
  text-decoration: none;
  color: #fff;
}
.social-icon p {
  margin-bottom: 5px;
  font-size: 10px;
  color: #fff;
  text-decoration: none;
  margin: 0;
}
.contacto {
  color: #264466;
/*  display: flex;*/
  text-align: right;
}
.btn, .btn:hover {
  background-color: #f49a5f;
  color: #264466;
  font-size: 10px;
  font-weight: bold;
  width: 100px;
}
a.btn {
  text-decoration: none;
}
.login {
  display: flex;
  margin-right: 50px;
  margin-top: 5px;
}
.login a{
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
.bi{
  padding-right: 5px;
}

/* NAVEGACION AZUL CLARO */
/*header { position: flex; }*/

.inicio header,
.inicio .buscador { background-color: #65839d; }

.inicio .buscador { padding: 50px 0 100px 0; }

.secInt header { background-color: #399bba; }
.secEmpresasMiembro header,
.secEmpresasMiembro .header { background-color: #264466; }

.secOrganizaciones header,
.secOrganizaciones .header { background-color: #65839D; }

.secProyectos header,
.secProyectos .header { background-color: #95aec2; }

.secBuenasPracticas header,
.secBuenasPracticas .header { background-color: #8ba888; }

.secRecursos header,
.secRecursos .header { background-color: #f49a5f; }



.header-img {
  height: 60px;
  margin-right: 20px;
  margin-top: 20px;
}
.container {
  display: flex;
  align-items: center;
  width: 100%;
}
.links {
  display: flex;
  margin-left: auto;
  padding-right: 20px;
  align-items: center;
  margin-top: 20px;
}
.links a {
  color: #fff;
  margin-right: 15px;
  text-decoration: none;
  font-size: 16px;
}
.nav-link { color: #fff; font-size: 15px; }

.nav-link:focus, .nav-link:hover { color: #fff; border-bottom: 1px solid #fff; }

.navbar-toggler:focus { box-shadow: none; }

.container-txt {
  margin-top: 40px;
  font-size: 30px;
}
/* BUSCADOR */
.search-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.search-container input[type=text] {
  padding: 10px;
  border: none;
  border-bottom: 0.5px solid #fff;
  font-size: 18px;
  background-color: transparent;
  color: #fff !important;
  margin-right: 10px;
  width: 650px;
  outline: none;
}
.search-container button[type=submit] {
  background-color: transparent;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}
.search-container input[type=text]::placeholder {
  color: #fff;
}

/* CARDS */
.cards-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -50px;
}
.conte {
  width: 310px;
  float: left;
  margin: 0;
  border: none;
  overflow: hidden;
}
.azul,
.verde,
.naranja {
  height: 490px;
  width: 390px;
  color: #fff;
  position: relative;
}

.conte.azul { background: url('../img/crs_ele-01.jpg'); background-size: cover; }
.conte.verde { background: url('../img/crs_ele-02.jpg'); background-size: cover; }
.conte.naranja { background: url('../img/crs_ele-03.jpg'); background-size: cover; }


.conte.azul:hover { background: url('../img/crs_ele-04.jpg'); background-size: cover; }
.conte.verde:hover { background: url('../img/crs_ele-05.jpg'); background-size: cover; }
.conte.naranja:hover { background: url('../img/crs_ele-06.jpg'); background-size: cover; }


.conte h3 {
  padding-top: 40px;
  padding-left: 40px;
  text-align: inherit;
}
.conte p {
  padding-top: 20px;
  padding-left: 40px;
  font-size: 20px;
  align-items: center;
}
.explorar {
  height: 40px;
  padding-left: 40px;
  /* padding-top: 20px; */
  padding-right: 10px;
}
.conte a {
  font-size: 20px;
  text-decoration: none;
  color: #fff;
}
/* CARDS */
.imgcard {
  height: 45px;
  width: 45px;
  margin-left: 50px;
}
.card-text {
  margin-top: 20px;
}
.card-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.card-content p {
  font-size: 20px;
  font-weight: bold;
  color: #004466;
}
/* INFORMACION */
.containerinf {
  padding: 50px 0;
}
.containerinf img {
  height: 70px;
}
/* CARD INFO COLOR*/
.fondo-de-color {
  padding: 80px 0;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24.9%, rgba(222,235,243,1) 25%, rgba(222,235,243,1) 100%);
  /*z-index: 0;
  width: 100%;
  height: 500px;
  display: flex;
  margin-top: 250px;*/
}


.fondo-de-color .col { padding: 0 5px !important; }

/* IMAGEN */
.contenedor-imagen {
  z-index: 1;
/*  margin-top: -685px;*/
  display: grid;
  place-items: center;
  position: relative;
}
.imagen-central {
  width: 1170px;
  height: auto;
  display: flex;
}
.texto-organizaciones {
/*  display: flex;
  margin: 0;
  padding-top: 30px;
  padding-left: 90px;*/
}
.texto-organizaciones p {
  font-size: 25px;
  font-weight: bold;
}
.col-2 {
  margin: 0;
  margin-top: -40px;
  padding: 1px;
  width: 150px;
  height: 150px;
}
/* CARD AZUL FONDO IMAGEN */
.containerbilbioteca {
  display: flex;
  justify-content: flex-end;
  margin-top: -50px;
}
.card1 {
    width: 325px;
    height: 270px;
    background-color: #004466;
    color: white;
    font-weight: bold;
    margin-top: -190px;
    margin-right: 90px;
    z-index: 1;
    padding: 30px;
    border-left: 3px solid #fff;
}
.line {
  display: block;
  width: 90px;
  height: 3px;
  background-color: #ee6c3c;
  margin-top: 15px;
  margin-left: 20px;
}
.card1 h4.card-title { color: #fff; font-weight: bold; margin-top: 10px; margin-left: 20px; }

.link {
  color: white;
  text-decoration: none;
  margin-left: 30px;
  display: flex;
  margin-top: 60px;
  align-items: center;
}

.card1 .link { margin-top: 30px; }
.card1 .link img { height: 30px; width: 30px; margin-right: 10px; }

/* PAGINACION IMAGEN INTEGRARSE */
.pagination {
  display: flex;
  align-items: center;
  float: right;
  margin-top: -630px;
  margin-left: 950px;
  margin-right: 30px;
}
.prev,
.next {
  border: none;
  background-color: transparent;
  width: 100%;
}
.imgbutton {
  width: 60px;
  height: 60px;
}
.page-number {
  margin: 0px auto;
  color: #fff;
  font-size: 20px;
}
/* SECCION DE MATERIALES POPULARES */
.contenedorpopular {
  display: flex;
  padding-top: 30px;
}
.mateizq,
.mateder {
  padding: 20px;
  height: 150px;
}
.mateizq {
  flex: 2;
  text-align: center;
  border-right: 1px solid white;
}
.mateizq h4{
  color: #6584AA;
  font-weight: bold;
  padding-top: 40px;
  padding-left: 50px;

}
.mateder {
  flex: 2;
  text-align: left;
  display: flex;
  float: left;
  padding-left: 650px;
}
.btn-imagen {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  margin-left: 10px;
}
.btn-imagen img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

/* CONTENIDO DE PROGRESS BAR */
.containerbar {
  display: flex;
  align-items: center;
  padding-top: 50px;
  padding-left: 450px;
}
.progress-bar {
  width: 200px;
  height: 5px;
  background-color: #ccc;
  margin: 0;
  margin-left: 100px;
}
.recursos {
  padding-left: 250px;
  text-decoration: none;
  color: 004466;
  font-weight: bold;
  display: flex;
  font-size: 20px;
}
/* GLOSARIO CONTENEDOR */
.contenedorglosario {
/*  display: flex;*/
  color: #fff;
  background-color: #ee6c3c;
}
.gloizq,
.gloder,
.glocentro {
  padding: 20px;
}
.gloizq {
/*  flex: 1;*/
  text-align: center;
  height: 200px;
}
.gloder {
/*  flex: 1.5;*/
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 100px;
}
.gloder a {
  text-decoration: none;
  text-align: left;
  padding: 10px;
  color: #fff;
  font-size: 18px;
}
.gloder img {
  height: 30px;
}
.gloder a img {
  margin-right: 10px;
  display: inline-block;
}
.glocentro {
/*  flex: 2;*/
  text-align: left;
  flex-direction: column;
  height: 160px;
  margin-top: 40px;
  border-left: 2px solid white;
}
.glocentro p{
  margin-left: 30px;
}

.clearfix { clear: both; }

.resaltado { background-color: yellow; font-weight: bold; }

/* ************************************ ESTILOS DE EMPRESAS MIEMBRO ******************************************** */


.secEmpresasMiembro .imgazul,
.secOrganizaciones .imgazul {
  background: rgb(222,235,243);
  background: linear-gradient(180deg, rgba(222,235,243,1) 0%, rgba(222,235,243,1) 84.9%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
  padding: 50px 0;
}

/*.secEmpresasMiembro .contenido{ 
  background: rgb(38,68,102);
  background: linear-gradient(180deg, rgba(38,68,102,1) 0%, rgba(38,68,102,1) 39.9%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
 }*/

.secOrganizaciones .contenido { 
  background: rgb(101,131,157);
  background: linear-gradient(180deg, rgba(101,131,157,1) 0%, rgba(101,131,157,1) 29.9%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
 }

.secProyectos .contenido { 
  background: rgb(149,174,194);
  background: linear-gradient(180deg, rgba(149,174,194,1) 0%, rgba(149,174,194,1) 19.9%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
 }

.secBuenasPracticas .contenido { 
  background: rgb(139,168,136);
  background: linear-gradient(180deg, rgba(139,168,136,1) 0%, rgba(139,168,136,1) 19.9%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
 }

.secRecursos .contenido { 
  background: rgb(244,154,95);
  background: linear-gradient(180deg, rgba(244,154,95,1) 0%, rgba(244,154,95,1) 19.9%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
 }  

.secEmpresasMiembro .contenido img,
.secOrganizaciones .contenido img { width: 100%; }

.secEmpresasMiembro .contenido .txt,
.secOrganizaciones .contenido .txt,
.secProyectos .contenido .txt,
.secBuenasPracticas .contenido .txt,
.secRecursos .contenido .txt { margin: 50px 0; }


.secEmpresasMiembro .contenido .txt img,
.secOrganizaciones .contenido .txt img,
.secProyectos .contenido .txt img,
.secBuenasPracticas .contenido .txt img,
.secRecursos .contenido .txt img { width: 100%; margin: 20px 0; }

.secEmpresasMiembro .contenido .txt p, .secEmpresasMiembro .contenido .txt ul,
.secOrganizaciones .contenido .txt p, .secOrganizaciones .contenido .txt ul,
.secProyectos .contenido .txt p, .secProyectos .contenido .txt ul,
.secBuenasPracticas .contenido .txt p, .secBuenasPracticas .contenido .txt ul,
.secRecursos .contenido .txt p, .secRecursos .contenido .txt ul { color: #65839d; font-size: 16px; font-weight: bold; }

.secEmpresasMiembro .card-body,
.secOrganizaciones .card-body { flex: inherit; display: block; text-align: center; }

.org-text {
/*  display: flex;*/
  color: white;
/*  padding-left: 150px;*/
  padding-top: 100px;
  font-size: 25px;
  font-weight: bold;
}
h1 {
  /*position: absolute;
  bottom: 30;
  left: 450px;*/
  color: white;
/*  float: right;*/
  letter-spacing: 1px;
  font-size: 3.5em;
  border-left: 2px solid #fff;
  padding: 50px 0px 50px 50px;
  margin: 0;
}
.white-line {
  position: absolute;
  width: 1px;
  height: 200px;
  background-color: white;
  left: calc(20% + 120px);
}
/* son cards */
.card {
  background-color: #F3F5F7;
  margin: 20px 30px;
/*  padding: 20px;*/
  border: none;
  border-radius: 0;
  min-height: 495px;
}
.card-title1 {
  color: #125680;
  font-weight: bolder;
  box-sizing: border-box;
  font-family: 'textaalt-heavyuploaded_file';
  text-transform: uppercase;
}
.card-text1 {
  color: #125680;
  font-size: 18px;
}
.card-body1 {
  margin-top: 100px;
  padding: 20px;
}
.list-container {
  padding: 0;
  margin-top: 30px;
}
.list-container li {
  border: 1px solid #ccc;
  border-radius: 20px;
  background-color: #f2f2f2;
  padding: 5px 10px;
  margin: 5px;
/*  display: inline-flex;*/
  font-size: 14px;
  list-style-position: inside;
  float: left;
}
.orgslink {
  text-decoration: none;
  margin-left: 10px;
/*  display: flex;*/
  margin-top: auto;
  align-items: center;
  padding-top: 30px;
  display: block;
  clear: both;
}
/* contenedor boximg */
.containerimagenes {
  position: relative;
  width: 1100px;
  height: 400px;
  margin: 0 auto;
  background-color: #deebf3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.containerimagenes img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bottom-container {
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 20px;
  background-color: #deebf3;
}
.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100%;
  transform: translateX(-5%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-right: 20px;
}
.containerbilbioteca1 {
  display: flex;
  bottom: 0;
  right: 0;
  display: flex;
  padding-top: 150px;
  padding-left: 150px;
}
.cardb {
  width: 385px;
  height: 270px;
  background-color: #004466;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  margin-left: 60px;
  z-index: 1;
}

/* ************************************ ESTILOS DE CUENTA O FORMULARIO ******************************************** */
.contact-wrapper {
  color: #fff;
}
.cuenta {
  color: #fff;
}
.contact-form {
  /*margin-left: auto;
  width: 75%;
  border-left: 1px solid white;
  padding-left: 80px;*/
}
.contact-form p {
  margin: 0;
  padding: 0.2em;
}
.contact-form form input,
.contact-form form textarea,
.contact-form form select {
  width: calc(100% - 5px);
  padding: 0.5em;
  border-color: #fff;
  background-color: transparent;
  outline: none;
  border: 0.5px solid white;
  color: white;
}
::placeholder {
  color: #fff;
}
.contact-form form {
  display: grid;
/*  grid-template-columns: 1fr 1fr;*/
  gap: 1em;
 
}
.contact-form form .paisg {
  width: 250px;
  display: flex;
}
.contact-form form .fecha-selectors {
  display: flex;
}
.contact-form form .fecha-selectors select {
  margin-right: 10px;
  width: 100%;
  padding: 0.5em;
  border: 0.5px solid white;
  background-color: transparent;
  color: white;
  outline: none;
}
.form-select1 {
  width: calc(100% - 1em);
  padding: 0.5em;
  border: 0.5px solid white;
  background-color: transparent;
  color: white;
  outline: none;
}
.contact-form form select option {
  color: black;
}
.contact-form form .paisg+p select {
  margin-left: -180px;
}
.cuenta h3 {
  position: relative;
  margin-left: 150px
}
hr {
  border: 1.5px white;
  margin: 20px 0;
}
/* datos */
.contact-formdatos {
  /*margin-left: auto;
  width: 75%;
  border-left: 1px solid white;
  padding-left: 80px;*/
}
.contact-formdatos p {
  margin: 0;
  padding: 0.2em;
}
.contact-formdatos form input,
.contact-formdatos form textarea {
  width: calc(50% - 5px);
  padding: 0.5em;
  border-color: #fff;
  background-color: transparent;
  outline: none;
  border: 0.5px solid white;
  color: white;
}
::placeholder {
  color: #fff;
}
.contact-formdatos form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
}


/* ************************************ ESTILOS DE ORGANIZACIONES ******************************************** */
.contenedorinfo {
  display: flex;
  /*padding-top: 60px;
  color: #fff;*/
}

.contenedorinfo .card { padding: 0; }

.lado-izquierdo,
.lado-derecho {
  padding: 20px;
}
.lado-izquierdo {
  flex: 1;
  text-align: center;
  position: relative;
  /*border-right: 2px solid white;
  height: 50%;*/
}
.lado-derecho {
  flex: 3;
  /*margin-top: 70px;
  height: 600px;*/
}
.lado-derecho p {
  padding-left: 50px;
}
.lado-izquierdo .card {
  margin: 0;
  padding: 0;
  min-height: inherit;
  /*width: 15rem;
  height: 20rem;
  color: #cede;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 40%;*/
}
.sociales {
  display: flex;
  padding: 20px 30px;
  /*justify-content: center;
  margin-top: 380px;*/
/*  clear: both;*/
/*  position: absolute;*/
/*  margin-left: 130px;*/
}
.redes-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
  text-decoration: none;
  color: #264466;
}
.redes-icon p {
  margin-bottom: 5px;
  font-size: 11px;
  color: #264466;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
}

.liorgs { padding: 0; }

.liorgs li {
  border: 1px solid #264466;
  border-radius: 20px;
  background-color: transparent;
  padding: 5px 10px;
  float: left;
  font-size: 14px;
  list-style-position: inside;
  margin: 0 15px 15px 0;
  color: #264466;
}

.secOrganizaciones .liorgs li {
  border: 1px solid #fff;
  color: #fff;
}

/* ************************************ ESTILOS DE PROYECTO ******************************************** */
.contenedorproyecto {
  display: flex;
  padding-top: 80px;
}
.lado-izq,
.lado-der {
  padding: 20px;

}
.lado-izq {
  flex: 1;
  text-align: center;
  position: relative;
  border-right: 1.5px solid white;
}
.lado-der {
  flex: 3;
}
.contenedortags {
  display: flex;
  padding-top: 10px;
}
.tags li {
  border: 1px solid #95aec2;
  border-radius: 20px;
  background-color: transparent;
  float: left;
  font-size: 14px;
  margin-left: 5px;  
  margin-top: 10px;
  color: #95aec2;
  list-style: none;
}
.tags li a { display: block; padding: 5px 15px; color: #95aec2; text-decoration: none; }


.tags li.active { background: #95aec2; }
.tags li.active a { color: #fff; }

.lado-i,
.lado-d {
  padding: 20px;
}
.lado-i {
  flex: 1;
  text-align: center;
  position: relative;
  border-right: 1.5px solid #95AEC2;
}
.lado-d {
  flex: 3;
}

/* cards */
.card-title,
.card-text {
  margin: 0;
  padding: 0;
  color: #65839d;
}
.card-title {
  font-weight: bold;
}
/* select de proyecto */
.selector-container {
  display: flex;
  justify-content: space-between;
}
.custom-select,
.custom-input,
.custom-search {
  border: none;
  background-color: transparent;
  color: white;
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid white;
  padding: 20px;
}
.custom-select option {
  color: black;
}
.small-select {
  width: 100%;
  border-right: 35px solid transparent !important;
}
.small-select:last-child {
  border-right: none;
}
.custom-search {
  position: relative;
  width: 80%;
  padding: 12px;
  float: left;
}
.custom-search .bi-search {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #9ca3af;
  font-size: 16px;
  cursor: pointer;
}
.btnCustomSearch {
  background: none;
  border: none;

}
.custom-search .form-control {
  width: 100%;
  border: none;
  background-color: transparent;
  color: white;
  outline: none;
  box-shadow: none;
}
.custom-search .form-control::placeholder {
  color: white;
}


/* ************************************ ESTILOS DE FOOTER ******************************************** */
footer {
  padding: 40px;
  text-align: center;
/*  max-height: 80vh;*/
  background: url('../img/fondof.jpg') no-repeat;
  background-size: cover;
}

.contenedorfooter {
  display: flex;
  color: #fff;
}

.izq,
.der,
.centro {
  padding: 20px;
}

.izq {
  flex: 1;
  text-align: center;
  border-right: 1px solid white;
}

.der {
  flex: 1.5;
  text-align: left;
}

.centro {
  flex: 2;
  text-align: left;
  flex-direction: column;
}

.lado-d p {
  padding-left: 50px;
  color: white;
}
/* imagenes del footer */
.izq img {
  width: 250px;
}
.intefoo {
  padding-top: 260px;
  text-align: center;
}
.intefoo p {
  color: #8CAAC1;
  font-weight: bold;
  font-size: 19px;
}
.menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 30px;
}
.menu h5 {
  margin-bottom: 20px;
  color: #65839d;
  font-weight: bold;
  padding-left: 5px;
}
.menu a {
  text-decoration: none;
  color: #fff;
  padding: 8px;
  font-size: 18px;
  font-weight: bold;
}
.boletin h5 {
  margin-bottom: 20px;
  color: #65839d;
  font-weight: bold;
  padding-left: 5px;
}
.boletin p {
  font-weight: bold;
  font-size: 15px;
}
.form-control, .form-control:focus {
  background: transparent;
  outline: none;
  border: 1px solid #65839d;
  color: #fff;
}
.form-control::placeholder {
  color: #65839d;
}
.suscribirme {
  padding-left: 160px;
  margin-top: -40px;
}
.suscribirme a {
  font-size: 20px;
  font-weight: bold;
  color: #65839d;
}
.contenedormorado {
  border-top: 1px solid white;
  color: white;
  display: flex;
  width: 71%;
  height: 120px;
  margin-top: -120px;
  margin-left: 350px;
}
.infoi {
  text-align: left;
  flex: 1;
  margin-left: 10px;
  margin-top: 10px;
}
.infod {
  text-align: left;
  margin-left: 150px;
  margin-top: 10px;
  flex: 1;
}
.i {
  color: white;
  font-size: 12px;
  text-decoration: none;
}

/* ************************************ ESTILOS CONVERTIRSE ********************************** */
.liconv li{
  border: 1px solid #fff;
  border-radius: 20px;
  background-color: transparent;
  padding: 5px 10px;
  float: left;
  font-size: 14px;
  list-style-position: inside;
  margin: 0 15px 15px 0;
  color: #fff;
}
.litext li{
  color: #264466;
  font-weight: bold;
  margin-left: 70px;
  font-size: 16px;
}
.prolink{
  text-decoration: none;
  margin-left: 70px;
  display: flex;
  margin-top: auto;
  align-items: center;
  padding-top: 30px;
  color: #264466;
  font-size: 20px;
  font-weight: bold;
}
.nota{
  /*height: 80px;
  width: 550px;*/
  background-color: #EEF5F9;
  color: #95aec2;
 font-size: 17px;
/*  margin-left: 30px;*/
  padding: 15px;
}
.nota p{
/*  padding-top: 20px;*/
padding: 0;
margin: 0;
}
dt {
  font-weight: bold;
  color: #95aec2;
  margin-top: 15px;
  margin-left: 20px;
}

dd {
  color: #65839D;
  margin-left: 20px;
  margin-top: 5px;
  font-weight: bolder;
}
.contenedor-derecho {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.info-adicional {
  background-color: #EEF5F9;
  /*height: 500px;
  width: 250px;*/
  margin-top: 20px;
  border-left:  5px solid #65839d;
/*  margin-right: 40px;*/
}
.infodt{
 margin-top: 10px;
 border-top: 1.5px solid white;
}
.recurizq,
.recurder {
  padding: 20px;
  height: 150px;
}
.recurizq {
  flex: 3;
  text-align: center;
  border-right: 1px solid white;
}
.recurizq h4{
  color: #6584AA;
  font-weight: bold;
  padding-top: 40px;

}
.recurder {
  flex: 1;
  text-align: left;
  display: flex;
  float: left;
  padding-left: 500px;
}

.fondo-de-color .col-6 { flex: inherit !important; }

.privacidad p { display: inline-block; padding: 0 10px; }

.secProyectos .card,
.secBuenasPracticas .card,
.secRecursos .card {
  margin:0;
  border: 1px solid #ccc;
  background: #fff;
  border-left: 0;
  border-bottom: 0;
  padding: 20px;
}

.secProyectos .card-group a,
.secBuenasPracticas .card-group a,
.secRecursos .card-group a { text-decoration: none; }

.secProyectos .card:hover,
.secBuenasPracticas .card:hover,
.secRecursos .card:hover { background: #eef5f9; }

.secProyectos .card-body,
.secBuenasPracticas .card-body,
.secRecursos .card-body { padding: 0; margin: 40px 0; max-height: 170px; min-height: 170px; overflow: hidden; }

.secProyectos .card-title,
.secBuenasPracticas .card-title,
.secRecursos .card-title { font-family: 'textaalt-heavyuploaded_file'; }

.secProyectos .card.imgProyInt,
.secBuenasPracticas .card.imgProyInt,
.secRecursos .card.imgProyInt { background: transparent; border: none; }


.paginador { display: flex; margin: 0 auto; padding: 0; justify-content: center; margin-bottom: 50px;}
.paginador li { margin: 0 5px; list-style: none; }
.paginador li a { width: 40px; height: 30px; color: transparent; border-top: 5px solid #ccc; display: block; }
.paginador li.active a { border-top: 5px solid #125680; }


.glosarioTerminos,
.formContacto { padding: 100px 0; }

.secEmpresasMiembro .card-body a { font-size: 16px !important; }
.secEmpresasMiembro .card-body a i:before { font-size: 20px; }


.secEmpresasMiembro h1,
  .secOrganizaciones h1,
  .secProyectos h1,
  .secBuenasPracticas h1,
  .secRecursos h1 { text-transform: uppercase; }

@media only screen and (max-width: 760px) {

  .miContainer { width: inherit; }
  .contact-form form {
  display: grid;
/*  grid-template-columns: 1fr 1fr;*/
  padding: 1rem !important;
 
}
.secEmpresasMiembro h1, .secOrganizaciones h1, .secProyectos h1, .secBuenasPracticas h1, .secRecursos h1 {
    font-size: 2rem !important;
}

  .imagen-central { width: 100%; }
  .social-icons { margin: 0; }
  .search-container input[type=text] { width:inherit; }

  .buscador p { font-size: 26px; }

  .containerinf { padding: 50px 20px; }
  .containerinf img { margin: 20px 0; }

  .containerbilbioteca { margin-top: 170px; }

  .card1 {
    width: 70%;
    height: inherit;
    margin-right: 0;
  }
  

  .fondo-de-color { padding-top: 0; }

  .contedori { padding: 0 15px; }
  .gloizq, .glocentro { height: inherit; }

  .gloder { align-items: center; padding: 0; }

  .gloizq, .glocentro,
  .gloder a { margin: 0; }

  header .navbar { padding: 10px; }
  header .navbar-toggler { border: 1px solid #fff; }
  header .navbar-toggler-icon { filter: invert(100%); }

  footer { max-height: inherit; padding: 10px 0; }

  .contenedormorado { width: inherit; height: inherit; margin-top: inherit; margin-left: inherit; padding-top: 30px; }

  .contenedorfooter { flex: 2; }
  .izq { flex: inherit; text-align: inherit; border-right: 0; }
  .intefoo { padding-top: 20px; }
  .intefoo p { text-align: center; padding-top: 20px; }
  .infoi, .infod { flex: inherit; margin: 0; }

  .privacidad p { display: block; padding: 0; }

  .secEmpresasMiembro .org-text,
  .secOrganizaciones .org-text,
  .secProyectos .org-text,
  .secBuenasPracticas .org-text,
  .secRecursos .org-text { text-align: center; }
  
  .secEmpresasMiembro h1,
  .secOrganizaciones h1,
  .secProyectos h1,
  .secBuenasPracticas h1,
  .secRecursos h1 { border: none; text-align: center; padding: 30px 0; font-size: 2.5em; }
  
  .contenedorinfo { display: inherit; }
  .contenedorinfo .card { margin: 0; }

  .secEmpresasMiembro .contenido,
  .secOrganizaciones .contenido { background: linear-gradient(180deg, rgba(38,68,102,1) 0%, rgba(38,68,102,1) 49.9%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); }
  
  .liorgs li,
  .liconv li { margin: 0 15px 15px 15px; }
  
  .secEmpresasMiembro .contenido .txt p,
  .secOrganizaciones .contenido .txt p { padding: 0 20px; }


  .secProyectos button,
  .secBuenasPracticas button,
  .secRecursos button { width: 20%; margin: 20px 0; }

  .custom-select, .custom-search input { font-size: 12px; }

  .secProyectos .tags,
  .secBuenasPracticas .tags,
  .secRecursos .tags { padding: 0 }
  
  .secProyectos .tags li,
  .secBuenasPracticas .tags li,
  .secRecursos .tags li { float: inherit; display: inline-block; margin: 2px; font-size: 13px; }
  
  .secProyectos .tags li a,
  .secBuenasPracticas .tags li a,
  .secRecursos .tags li a { padding: 5px 5px; }

  .secProyectos .card,
  .secBuenasPracticas .card,
  .secRecursos .card { border-right: 0; }

  .secProyectos .card.imgProyInt,
  .secBuenasPracticas .card.imgProyInt,
  .secRecursos .card.imgProyInt { min-height: inherit !important; }

  .liconv li {  border: 1px solid #8ba888; color: #8ba888; }
  
  .secProyectos .contenido .txt,
  .secBuenasPracticas .contenido .txt,
  .secRecursos .contenido .txt { margin: 20px; }

  .buscador .miContainer { margin: 0 20px; }

}



}