@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');

/*------------------------------------------------------------pc--------------------------------------------------------*/

* {
    padding: 0px;
    margin: 0px;
    font-family: Titillium Web;
}
/****HEADER****/

header {
    height: 170px;
    width: 100%;
/*    background-image: url(pag-estaticas-clara.png);*/
    background-color: #c8d0d5 !important;
    position: sticky;
    z-index: 2;
    color: #ffffff;
    border: #6a747d;
    background-size: cover;
    display: flow-root;
    position: relative;
}
header p {
    width: 99%;
    font-family: inherit !important;
    margin: 0 !important;
}
header img {
    max-height: 22px;
    max-width: 22px;
    float: right;
/*    width: 30px;*/
    padding-bottom: 20px;
    padding-top: 0px;
    margin-right: 0px;
    -webkit-box-sizing: initial !important;
}
#contenedor-commite img {
    max-height: 30px;
    float: right;
    width: auto;
    padding-bottom: 20px;
    padding-top: 0px;
    margin-right: 0px;
    padding-left: 5px;
}
header img:hover {
    cursor: pointer;
}
h1 {
    width: 100%;
    margin: 0 auto;
    text-indent: 6%;
    font-weight: lighter !important;
}
#doctor h1{
    color: #000;
}
#h1-commite {
    display: inline-block;
    white-space: nowrap;
    text-indent: 17%;
    margin: 5px 0;
    position: absolute;
    bottom: 1%;
    color: #000;
    top:80px;
}
#dos, #uno, #tres {
    display: none;
    padding: 5% 0;
}
#tres{
    padding: 5% 0;
}
#cuatro {
    text-align: center;
    font-size: 30px;
    padding: 5% 0 0% 0;
}
.content-details-card{
    text-align: left;
    font-size: 14px !important;
    width: 75%;
    margin-left: 0px;
    position: relative;
    left: 30%;
    top: 8px;
}
.content-details-card-large{
    width: 86%;
}
.txt-red {
    color: red;
}
.txt-people,.txt-complement{
    color: black;
}
.txt-complement{
    text-align: justify;
}
.title-name{
    color: black;
    font-weight: bold;
}

.subtitlePage{
    color: #8a8a8a;
    cursor: pointer;
    margin: 10px 0;
    font-size: 19px;
    position: absolute;
    width: 81.5%;
    text-align: right;
    top: 16px;
    font-style: oblique;
}

#textContainer
{
    background: #FF3333;
    color: white;
}

#textContainer > div
{
    width: fit-content;
    margin: 0 auto;
}

#textContainer > div > b
{
    font-size:21px;
}

#textContainer > div > span
{
    font-size: 14px;
    color: #FFF;
}

#contenedor{
    top: 50px;
    margin-top: 50px;
    z-index: 2;
}
.muestra-menu-b{
    margin-top: -85px;
    height: 20px  !important;
    width: auto  !important;
    max-height: 30px  !important;
    margin-right: 20px  !important;
}
#muestra-menu{
    margin-top: -113px ;
    height: 20px;
    width: auto;
    max-height: 30px;
    margin-right: 20px;
}


/****FIN HEADER****/

::selection {
    background: #ff0000;
    color: #fff;
}
.tabla-contenido {
    width: 970px;
    margin: 0 auto;
    position: relative;
    color: #6a747d;
    border: #ffffff;
    padding-bottom: 50px;
}
.cderecho{
    display: block;
    margin: 5px 0;
    margin-right: 35px;
}
.video-opendata{
    text-align: center;
    margin: 35px 0 0 0;
}
.video-opendata img{
    width: 100%;
}
.video-opendata img:hover{
    /*transform: scale(2.0);*/
}
.container-title{
    display: flex;
    align-items: center;
}
.container-title .titleAuto{
    display: inline-block;
}
.cderecho:hover{
    font-weight: bold;
}
.cderecho .enlace{
    text-decoration: none;
    cursor: pointer;
    color: black;
 }
.elemento-filtro-hidden{
    display: none;
}
.linkOpen{
    text-decoration: none;
    color: #8a8a8a;
    cursor: pointer;
}
.button-reda{
    background-color: #ff0000;
    color: white;
    padding: 5px;
    width: 120px;
    border-radius: 5px;
}
.button-reda:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ver-mas-descargas:hover
{
    font-weight: bold;
}
.none-enlace {
    text-decoration: none;
    font-weight: bold;
    color: black;
}
.div-center{
    text-align: center;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}
.ver-mas-menos{
    color: #263238;
    font-size: 14px;
    cursor: pointer;
}
.tabla-contenido-cuarto {
    width: 970px;
    margin: 0 auto;
    position: relative;
    color: #6a747d;
    border: #ffffff;
    padding-bottom: 0px;
}
.tabla-contenido-cuarto tr td{
    width: 44%;
    position: relative;
    padding: 0 0 33px 0;
    display: inline-block;
    vertical-align: top;
}
.tabla-contenido-cuarto tr:nth-child(1) td:nth-child(1), .tabla-contenido-cuarto tr:nth-child(1) td:nth-child(2) {
    padding: 0 0 33px 0;
}
.tabla-contenido-cuarto tr:nth-child(1) td:nth-child(1),
.tabla-contenido-cuarto tr:nth-child(2) td:nth-child(1),
.tabla-contenido-cuarto tr:nth-child(3) td:nth-child(1),
.tabla-contenido-cuarto tr:nth-child(4) td:nth-child(1),
.tabla-contenido-cuarto tr:nth-child(5) td:nth-child(1),
.tabla-contenido-cuarto tr:nth-child(6) td:nth-child(1),
.tabla-contenido-cuarto tr:nth-child(7) td:nth-child(1) {
    margin: 0 45px 0 0;
}
.tabla-contenido-cuarto tr:nth-child(7) td:nth-child(1) {
    margin-right: 50%;
}
.imgRedondaCuarto{
    width: 120px;
    height: 120px;
    border-radius: 70px;
    position: absolute;
    left: -15px;
    box-shadow: 0 0 0 3px ghostwhite;
}
.imgBan{
    margin-right: 3px;
}
.tabla-contenido-oai td p {
    width: 100%;
}
.tabla-contenido-oai {
    width: 980px;
    margin: 0 auto;
    position: relative;
    left: -2px;
    box-shadow: 0px 0px 5px #BDBDBD;
}
.tabla-texto {
    background-color: white;
    padding: 30px;
    border: #6a747d;
    text-align: justify;
    box-shadow: 0px 0px 4px #BDBDBD;
}
.iconos {
    position: absolute;
    right: 46px;
    top: 80px;
    font-weight: bold;
    z-index: 2;
}
.iconos>* {
    display: inline-block;
    padding: 0px 5px;
    font-size: 14px;
}
.iconos span {
    color: #000;
    position: relative;
    top: -27px;
    cursor: pointer;

}
.iconos img {
    width: 30px;
}
#titulo-redalyc {
    position: absolute;
    right: 0;
    font-size: 12px;
    width: auto;
    top: 20px;
    display: table-cell;
    margin-right: 30px;
}
#logo-redalyc {
    display: inline-block;
    padding-top: 23px;
}
#nombre-redalyc {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}
#nombre-redalyc p{
    font-size: 17px;
}
#nombre-redalyc p:nth-child(1){
    font-size: 32px;
}
#doctor {
    position: relative;
    /* width: 1000px; */
    margin: 0 auto;
    top: 76px;
}
.rombos {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 800px;
    width: 800px;
    margin-top: 30px;
}

/*footer*/
#pie-pagina{
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 39vh;
    position: relative;
    font-family: 'Titillium Web', sans-serif !important;
    color: rgb(34, 46, 52);
}
#informacion-redalyc{
    position: relative;
    text-align: center;
    font-size: 14px;
    top: 20%;
    color: #999999;
}
#pie-logos{
    position: relative;
    width: 80%;
    text-align: center;
    top: 25%;
    margin: 0 auto;
}
#pie-logos img{
    width: 200px;
}
#pie-logos img:nth-child(1){
    margin: 0 20px;
    width: 190px;
    margin-bottom: 5px;
}


/****logo****/

.logo {
    padding: 3px;
    float: left;
    margin-top: 6px;
    display: block;
    margin: -5px 8px 0px 0px;
    width: auto !important;
    height: auto;
    max-height: initial;
}
/****FOOTER IMÁGENES****/

.fooimg {
    display: inline-block;
    padding: 8%;
}
.grafico {
    margin: 50px;
    padding: 10px;
    border-radius: 10px;
    background-color: #F5F5F5;
    filter: drop-shadow(0px 6px 0px #e2b324);
}
.grafico img {
    width: 100%;
}
/*para productos*/

.row-info, .row-cap, .row-cat {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    padding: 30px 10%;
    position: absolute;
}
.row-info .card, .row-cap .card, .row-cat .card {
    padding: 30px 30px;
    margin: 10px 15px;
    position: relative;
    width: 310px;
    height: 670px;
    display: inline-block;
    vertical-align: top;
}
/*para eventos*/

.row-info-eventos, .row-cap, .row-cat {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
}
.row-info-eventos .card, .row-cap .card, .row-cat .card {
    padding: 55px 30px;
    margin: 10px 15px;
    position: relative;
    width: 320px;
    height: 330px;
    display: inline-block;
    vertical-align: top;
}

.row-info-eventos .card:nth-child(1), .row-info-eventos .card:nth-child(2), .row-info-eventos .card:nth-child(3) {
    
}
.row-info-eventos .card:nth-child(7), .row-info-eventos .card:nth-child(8), .row-info-eventos .card:nth-child(9) {
    
}
.shadow-event{
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    cursor:  pointer;
    height: 86.9%;
    padding: 15% 10% 0 10%;
    overflow: auto;
}
.title-event{
    color: white;
    font-size: 22px

}
.subtitle-event{
    color: white;
    font-size: 14px;
    
}
.enlace-card{
    cursor: pointer;
    text-decoration: none;
}
.container-eventos{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 auto;
    width: 100%;

}
.eventsListClass{
    display: none;
}
/*primeras tarjetas*/
/*
.row-info .card:nth-child(1), .row-info .card:nth-child(2), .row-info .card:nth-child(3) {
   
    height: 570px;
}
.row-info .card:nth-child(7), .row-info .card:nth-child(8), .row-info .card:nth-child(9) {
    height: 600px;
}
.row-cap .card:nth-child(1), .row-cap .card:nth-child(2), .row-cap .card:nth-child(3) {
    height: 460px;
}
.row-cap .card:nth-child(4), .row-cap .card:nth-child(5), .row-cap .card:nth-child(6) {
    height: 480px;
}
.row-cap .card:nth-child(7) {
    height: 460px;
}
.row-cat .card:nth-child(1), .row-cat .card:nth-child(2), .row-cat .card:nth-child(3) {
    height: 480px;
}
.row-recons .card:nth-child(1), .row-recons .card:nth-child(2), .row-recons .card:nth-child(3) {
    height: 600px;
}
.row-recons .card:nth-child(4), .row-recons .card:nth-child(5), .row-recons .card:nth-child(6) {
    height: 500px;
}
.row-recons .card:nth-child(7), .row-recons .card:nth-child(8), .row-recons .card:nth-child(9) {
    height: 520px;
}
.row-recons .card:nth-child(10), .row-recons .card:nth-child(11), .row-recons .card:nth-child(12) {
    height: 480px;
}
.row-recons .card:nth-child(13), .row-recons .card:nth-child(14) {
    height: 450px;
}*/
.row-cap {
    left: 100%;
    top: 0;
}
.row-cat {
    left: 100%;
    top: 0;
}
.card table {
    position: absolute;
    left: 18px;
    bottom: 30px;
}
.card .text-card {
    text-align: justify;
    position: relative;
    top: 0;
    width: 100%;
    /*word-break: break-word;*/
    color: #6a747d;
    overflow: hidden;
    height: 220px;
}

/*Estilo boton Ver mas*/

.btnVerMas{
    border: none;
}

.btnVerMas:hover{
    cursor: pointer;
}



.card .text-white{
    color:  white;

}
.card .container-image {
    padding: 25px 0;
}
.container-options {
    background-color: rgb(106, 116, 125);
    display: flex;
    justify-content: left;
    width: auto;
    margin: 0 auto;
    color: #ffffff;
    padding: 0 0 0 18%;
}
.container-options-usolegal{
    padding: 0 0 0 5%;
}
.container-options span,.container-options-eventos span{
    padding: 10px 25px;
    cursor: pointer;
}
.border-red {
    border-bottom: solid 2px red;
}
.container-options-eventos{
background-color: rgb(106, 116, 125);
display: flex;
justify-content: center;
width: auto;
margin: 0 auto;
color: #ffffff;
padding: 0 0 0 0%;
}
/*labels del header*/

.menu label {
    cursor: pointer;
}
/*para uso legal*/

.row-confidencial, .row-infracciones, .row-buenUso, .row-terminos, .row-uso {
    padding-top: 30px;
    position: absolute;
    width: 100%;
}
.row-confidencial {
    left: 100%;
    top: 0;
}
.row-infracciones {
    left: 100%;
    top: 0;
}
.row-buenUso {
    left: 100%;
    top: 0;
}
.row-terminos {
    left: 100%;
    top: 0;
}
/*para openAccess*/

.row-terms, .row-oa {
    padding-top: 30px;
    position: absolute;
    width: 100%;
}
.row-terms {
    left: 100%;
    top: 0;
}
/*para mision*/

.row-comoSurge, .row-principios, .row-who, .row-model, .row-acerca {
    padding-top: 30px;
    position: absolute;
    width: 100%;
}
.row-comoSurge {
    left: 100%;
    top: 0;
}
.row-principios {
    left: 100%;
    top: 0;
}
.row-who {
    left: 100%;
    top: 0;
}
.row-model {
    left: 100%;
    top: 0;
}
/*animaciones*/

.main {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #f5f5f5;
}
.main-sparql {
    padding: 0 0px 1rem 10px;
    width: 60%;
    margin: 0 auto 10px auto;
    background-color: white;
    text-align: center;
}
.cont-div-frame{
    width: 100%;
    height: auto;
    margin: 0 auto;

}
.section-sparql{
    background-color: #f5f5f5;
}
.cont-gen-sparql{
    width: 100%;
    margin: 0 auto;
    padding: 15px 0 0 0;
}
.img-sparql-center{

}
.img-metodology-center{
    width: 101%;
}
.txt-sparql{
    font-size: 14px;
    margin: 10px auto 0 0;
    width: 100%;
    display: inline-block;
    text-align: justify;
}
.txt-gobernanza{
    font-size: 14px;
    margin: 10px auto 10px 0;
    width: 84%;
    display: inline-block;
    text-align: justify;
}
.subt-sparql{
    font-size: 22px;
    padding: 13px 0;
    margin: 7px 0;
    font-weight: bold;
}
.txt-sparql-subtGob{
    font-size: 14px;
    margin: 10px auto;
    width: 84%;
    display: inline-block;
    text-align: left;
}
.text-normal {
    font-weight: normal;
}
.none-enlace {
    text-decoration: none;
    color: unset;
}
.endPoint{
    font-size: 14px;
}
/*para reconocimientos*/

.row-recons .card {
    padding: 30px 30px;
    margin: 10px 15px;
    position: relative;
    width: 310px;
    /*height: 700px;*/
    height: 530px;
    display: inline-block;
    vertical-align: top;
}
.row-recons {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    padding: 30px 10%;
    /*position: absolute;*/
}
/*para buscador*/

.row-buscador {
    width: 53%;
    margin: 30px auto;
    display: flex;
    flex-flow: row wrap;
}
.menu label {
    position: relative;
    top: 24px;
    padding: 0px 8px;
    left: -10px;
}
/*-------------------------------------------------calendario capacitaciones---------------------------------------*/
.body-calendar {
    width: 70%;
    margin: 100px auto;
    font-family: 'Kanit', sans-serif;
  }
  
  .calendar-base {
    width: 900px;
    height: 100%;
    border-radius: 20px;
    background-color: white;
    position: relative;
    z-index: -1
    color: black;
  }
  .enlace-card{
      text-decoration: none;
      color: white;
  }
  .year {
    color: #E8E8E8;
    font-size: 30px;
    float: right;
    position: relative;
    right: 75px;
    top: 20px;
    font-weight: bold;
  }
  
  .triangle-left {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #E8E8E8;
    border-bottom: 5px solid transparent;
    float: right;
    position: relative;
    right: 90px;
    top: 36px;
  }
  
  .triangle-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #E8E8E8;
    border-bottom: 5px solid transparent;
    float: right;
    position: relative;
    left: 20px;
    top: 36px;
  }
  .triangle-left:hover{
    border-right: 10px solid#2ECC71;
  }
  .triangle-right:hover{
    border-left: 10px solid#2ECC71;
  }
  
  .month-color {
    color: #27AE60;
  }
  .day-hover, .month-hover{
      cursor:  pointer;
      position: relative;
  }
  .month-hover:hover,.day-hover:hover{
    color:red !important;
  }
  .container-capacitacion{
      height: 30rem;
  }
  .months {
    color: #AAAAAA;
    position: relative;
    left: 290px;
    top: 90px;
    word-spacing: 10px;
  }
  
  .month-line {
    border-color: #E8E8E8;
    position: relative;
    top: 85px;
    width: 57%;
    left: 320px;
  }
  
  .days {
    color: #AAAAAA;
    position: relative;
    font-size: 18px;
    left: 265px;
    top: 80px;
    word-spacing: 35px;
    font-weight: 600;
  }
  
  .num-dates {
    float: right;
    position: relative;
    top: 110px;
    left: 250px;
    z-index: 1;
  }
  
  .first-week {
    margin-bottom: 25px;
    word-spacing: 55px;
  }
  
  .second-week {
    margin-bottom: 25px;
    word-spacing: 53px;
  }
  
  .third-week {
    margin-bottom: 25px;
    word-spacing: 58px;
  }
  
  .fourth-week {
    margin-bottom: 25px;
    word-spacing: 58px;
  }
  
  .fifth-week {
    margin-bottom: 25px;
    word-spacing: 56px;
  }
  
  .sixth-week {
    margin-bottom: 25px;
    word-spacing: 55px;
  }
  
  .active-day {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #2ECC71;
    position: relative;
    top: 295px;
    left: 661px;
  }
  
  .white {
    color: white;
  }
  
  .event-indicator {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: red;
      position: absolute;
      top: 40px;
      left: 50%;
  }
  .event-indicator-vacio{
      background-color: unset !important;
  }
  .two {
      position: absolute;
      background-color: #50575e;
      top: -36px;
      left: -21px;
      width: 45px;
      height: 45px;
      z-index: -5;
  }
  .year-capacitation{
      position: relative;
      right: -200px;
  }
  .grey {
    color: #AAAAB1;
  }
  
  .calendar-left {
    width: 300px;
    height: 500px;
    border-radius: 20px 0px 0px 20px;
    background-color: #50575e;
    position: relative;
    bottom: 500px;
    color: white;
  }
  .container-form-capacitaciones,.container-form-bitacora{
      width: 30%;
      margin: 0 auto;
  }
  .container-form-capacitaciones input,.container-form-bitacora input{
      display: block;
      width: 100%;
      border: unset;
      border-bottom-color: black;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      height: 25px;
  }
  .errorInput::-webkit-input-placeholder {
        color: red;
    }
  .container-form-capacitaciones label,.container-form-bitacora label{
    font-weight: bold;
    color: dimgrey;
  }
  .container-form-capacitaciones .fromMessage{
    padding: 15px 0;
    color: red;
  }
  .container-form-capacitaciones h2{
    font-weight: lighter;
    color: gray;

  }
  .btn-send-request{
    text-indent: 10%;
    padding: 35px 0;
    color: dimgray;
    cursor: pointer;
    width: 89%;
    position: relative;
  }
  .btn-back-form{
    position: relative;
    top: -50px;
    left: 90%;
    color: red;
    font-size: 25px;
    cursor:  pointer;
  }
  .tooltip {
    position: absolute;
    background-color: white;
    border-radius: 5px;
    z-index: 5;
    padding: 5px 15px;
    color: #1C2327;
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    display: none;
    text-align: center;
}
  .btn-send-request span{
      margin-left: 5px;
      color: red;
  }

  .btn-send-request a{
    color: red;
    text-decoration: none;
}

  .container-form-capacitaciones form .buttons{
     display: flex;
     justify-content: space-between;
     padding: 10px 0;
  }
  
    .month-bit-titulo, .month-bit-titulo-c {
      color: #fff;
      padding: 1em;
      font-size: 1em;
      margin: 0;
      cursor: pointer;
      position: relative;
      display: block;
    }
  .month-bit-titulo {
      background: #50575e;
    }
    .acordeon-bit-titulo, .acordeon-bit-titulo-c {
      color: #fff;
      padding: 1em;
      font-size: 1em;
      margin: 0;
      cursor: pointer;
      position: relative;
      display: block;
    }
  .acordeon-bit-titulo {
      background: #73797e;
      border: none;
      border-bottom: solid 1px #50575e
    }
    .bit-img-container img{
      width: 40%;
      margin: 0 25px 0 0;
    }
    .bit-img-container img:hover{
    }
    .bit-img-container{
        text-align: center;
    }
    #acordeon-bit-titulo-c {
      background: #e66010;
  }
  
  .month-bit-titulo span.toggle-icon:before, .month-bit-titulo-c span.toggle-icon:before {
      content:"+";
  }
   
  .month-bit-titulo.open span.toggle-icon:before, .month-bit-titulo-c.open span.toggle-icon:before {
      content:"-";
  }
   
  .month-bit-titulo span.toggle-icon, .month-bit-titulo-c span.toggle-icon {
      position: absolute;
      top: 6px;
      right: 5%;
      font-size: 20px;
      font-weight:bold;
  }
  
  .month-bit-contenido {
    display: none;
    margin: 0;
    background: #fff;
    padding: 1em 2em 1.5em;
    text-align: justify;
  }
  .listCaps{
      display: none;
  }
    #acordeon-bit-titulo-c {
        background: #e66010;
    }
     
    .acordeon-bit-titulo span.toggle-icon, .acordeon-bit-titulo-c span.toggle-icon {
        position: absolute;
        top: 6px;
        right: 5%;
        font-size: 20px;
        font-weight:bold;
    }
    
    .acordeon-bit-contenido {
      display: block;
      margin: 0;
      background: #fff;
      padding: 1em 2em 1.5em;
      text-align: justify;
    }
  .container-form-capacitaciones .btn-from-cp,.container-form-bitacora .btn-from-cp{
      display: inline-block;
      width: 35%;
      padding: 0 5px;
      height: 35px;
      border: none;
      vertical-align: middle;
      border-radius: 5px;
  }
  .btnSend{
      color: white;
      background-color: #22b573;
  }
  .btnCancel{
    color: dimgrey;
    background-color: #b3b3b3;
}
  #capacitacion-acordeon{
      width: 79%;
      margin: auto;
      border-radius: 5px;
      border-style: solid;
      border-width: 1px;
  }
  .container-form-capacitaciones form{
      border: solid 2px whitesmoke;
      padding: 7px;
      border-radius: 5px;
  }
  .email-options{
      display:none;
  }
  .hamburger {
    position: relative;
    top: 25px;
    left: 25px;
  }
  
  .burger-line:hover, .hamburger:hover{
    background-color:#27e879 !important;
  }
  
  .burger-line {
    width: 25px;
    height: 3px;
    background-color: white;
    border-radius: 15%;
    margin-bottom: 3px;
  }
  
  .num-date {
    font-size: 150px;
    width: 50%;
    margin: 0 auto;
    font-weight: 700;
  }
  
  .day {
    width: 19%;
    margin: 0px auto;
    font-size: 30px;
    position: relative;
    bottom: 60px;
  }
  
  .current-events {
    font-size: 15px;
    position: relative;
    margin-left: 25px;
    bottom: 30px;
  }
  
  .posts {
    text-decoration: underline dotted;
    bottom: -25px;
    position: relative;
  }
  .posts:hover{
    color:#27e879 !important;
  }
  
  .create-event {
    font-size: 18px;
    position: relative;
    margin-top: 30px;
    margin-left: 25px;
  }
  
  .event-line {
    width: 99%;
  }
  
  .add-event {
    width: 20px;
    height: 20px;
    padding: 0px;
    border-radius: 50%;
    border: solid white 2px;
    position: relative;
    bottom: 42px;
    left: 260px;
  }
  
  .add {
    font-size: 25px;
    position: relative;
    left: 4px;
    bottom: 10px;
  }
  
  .add:hover, .create-event:hover, .add-event:hover{
    color:#27e879 !important;
    border-color: #27e879 !important;
  }
  .table-calendar{
      width: 48rem;
      height: 16rem;
  }
  .brows-header{

  }
/*estilos de txt-gobernanza*/
.container-secs-gober{
    width: 84%;
    margin: 0 auto;
    font-size: 14px;
}
.container-secs-gober div{
    border: solid white 3px;
}
.container-secs-gober .row{
    position: relative;
}
.container-secs-gober .row:nth-child(1){
    height: 34rem;
}
.container-secs-gober .left{
    width: 50%;
    position: absolute;
    top: 0;
    height: 100%;
}
.container-secs-gober .col-left{
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: #c00001;
    vertical-align: top;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.container-secs-gober .col-center{
    width: 70%;
    height: 100%;
    position: absolute;
    left: 30%;
    display: inline-block;
    vertical-align: top;
    border-top: none;
}
.container-secs-gober .cont-head{
    height: 69%;
    background-color: #a6a6a6;
    color: black;
    font-size: 22px;
    font-weight: bold;
    padding-top: 60px;
    border-bottom: none;
}
.container-secs-gober .cont-bottom{
    height: 20%;
    background-color: #a6a6a6;
    border-top: none;
}
.link-none{
    text-decoration: none;
    color: white;
    display: block;
    border: solid white 2px;
    width: max-content;
    padding: 15px 20px;
    margin: 30px auto 0 auto;
    background-color: #595959;
}
.link-simple{
    text-decoration: none;
    color: unset;
}
.container-secs-gober .right{
    width: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
}
.container-secs-gober .col-right{
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: #43546a;
    color: white;
    vertical-align: top;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.container-secs-gober .col-center-cont-right{
    width: 70%;
    height: 100%;
    position: absolute;
    left: 30%;
    display: inline-block;
    vertical-align: top;
    border-top: none;
}
.container-secs-gober .col-center-cont-right div:nth-child(1){
    width: 100%;
    height: 20%;
    background-color: #7f7f7f;
    display: inline-block;
    vertical-align: top;
    color: white;
    font-size: 22px;
    padding-top: 15px;
}
.container-secs-gober .col-center-cont-right div:nth-child(2){
    width: 100%;
    height: 16%;
    background-color: #bfbfbf;
    display: inline-block;
    vertical-align: top;
    color: black;
    font-size: 22px;
    font-weight: bold;
    padding-top: 35px;
}
.container-secs-gober .col-center-cont-right div:nth-child(3){
    width: 100%;
    height: 52%;
    background-color: #595959;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    color: white;
    align-items: center;
}
.container-secs-gober .row:nth-child(2){
    position: relative;
    height: 5rem;
    width: 100%;
}
.container-secs-gober .left-logo{
    position: absolute;
    width: 49.0%;
    height: 100%;
    left: 3px;
    background-color: #c6c6c6;
    vertical-align: top;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.container-secs-gober .right-logo{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
    background-color: #c6c6c6;
    vertical-align: top;
    color: black;
    font-size: 22px;
    font-weight: bold;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.subt-table{
    font-size: 22px;
    font-weight: bold;
}
.img-gober-logo{
    width: 125px;
}
.container-secs-gober .row:nth-child(3) {
    width: 100%;
}
.container-secs-gober .row:nth-child(3) div{
    height: 4rem;
    width: 99.7%;
    left: 3px;
    position: relative;
}
.container-secs-gober .container-bottom:nth-child(1){
    width: 100%;
    background-color: #7f7f7f;
    color: white;
    padding-top: 20px;
    font-size: 22px;
    font-weight: bold;
}
.container-secs-gober .container-bottom:nth-child(2){
    width: 100%;
    background-color: #c8c8c8;
    color: black;
    padding-top: 20px;
    font-size: 22px;
    font-weight: bold;
}
.container-secs-gober .container-bottom:nth-child(3){
    width: 100%;
    background-color: #7f7f7f;
    color: white;
    padding-top: 20px;
    font-size: 22px;
    font-weight: bold;
}

/*fin estilos gobernanza*/
  /*-------------------------------------------------- estilos responsivos -------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:600px) {
   #doctor h1 {
        font-size: 20px;
        position: relative;
        left: 0px;
        top: -40px;
        color: #000;
    }
    h1 {
        text-indent: 0 !important;
        display: flex; 
    }
    ul.menu label {
        position: relative;
        top: 19px;
    }
    table.tabla-contenido-oai {
        width: 100%;
    }
    table.tabla-contenido-oai td {
        padding: 0 10px !important;
    }
    table.tabla-contenido-oai td a {
        word-break: break-all !important;
    }
    /*para open access*/
    div.container-table-oa {
        word-break: break-word;
    }
    div.container-table-oa table {
        width: 100%;
        margin: 0;
    }
    div.container-table-oa table td {
        padding: 10px;
    }
    /*para directorio*/
    div#panel-directorio {
        width: 100%;
        margin: 0;
        padding: 20px 0;
    }
    div#table-container {
        overflow: auto;
    }
    table.tabla-contenido-cuarto {
        width: 100%;
    }
    table.tabla-contenido-cuarto tr td {
        width: 100%;
    }
    table.tabla-contenido-cuarto tr:nth-child(7) td:nth-child(1) {
        margin-right: 0;
    }
    
    img.imgRedondaCuarto {
        width: 70px;
        height: 70px;
    }
    /*para mision*/
    table.tabla-contenido {
        width: 100%;
        margin: 0;
        display: flex;
    }
    table.tabla-contenido tbody {
        display: flex;
        flex-flow: row wrap;
    }
    table.tabla-contenido tbody tr {
        display: flex;
        flex-flow: row wrap;
        height: auto;
        width: auto;
        padding: 10px;
    }
    table.tabla-contenido tbody tr td {
        width: 100%;
        display: block !important;
    }
    table.tabla-contenido tbody tr td div {
        margin-left: 0px;
        float: right !important;
        width: 100% !important;
    }
    div.container-options span {
        width: inherit;
        border-width: 1px !important;
    }
    img.rombos {
        width: 320px;
    }
    td.tabla-texto {
        padding: 20px;
    }
    div.container-options {
        flex-flow: row wrap;
        justify-content: space-between;
    }
    /*para buscador*/
    div.row-buscador {
        width: 97%;
        padding: 30px 5px;
    }
    p.parrafo {
        padding: 0 4px 0 0;
        font-size: 11px;
        text-align: center;
    }
    /*para reconocimientos*/
    div.row-recons {
        width: 100%;
        padding: 30px 0;
    }
    /*para productos*/
    div.row-info, div.row-cap, div.row-cat {
        padding: 30px 0;
        width: 100%;
    }
    div.row-info .card, .row-cap .card, .row-cat .card {
        padding: 0 5px;
        font-size: 15px;
    }
    
    div.main-sparql{
         width: 100%;
         padding: 0;
    }
    div.main-sparql img{
         width: 93%;
    }
    /*footer*/
    footer#pie-pagina {
        height: 55vh;
    }
    div#informacion-redalyc {
        font-size: 11px;
    }
    div#pie-logos {
        top: 25%;
    }
    div.personal-rh-single {
        width: 100%;
        padding: 0;
    }
    div.contenedor-fotos {
        width: 100%;
    }
    div.foto-activo {
        width: 25%;
    }
    div.txt-gobernanza {
        width: 96%;
    }
    div.container-secs-gober {
        width: 100%;
    }
    div.container-secs-gober {
        font-size: 10px;
    }
    div.container-secs-gober div.cont-head {
        font-size: 14px;
        height: 100%;
    }
    div.container-secs-gober .cont-bottom {
        display: none;
    }
    div.container-secs-gober div.col-center-cont-right div:nth-child(1) {
        font-size: 10px;
    }
    div.container-secs-gober div.col-center-cont-right div:nth-child(2) {
        font-size: 14px;
    }
    div.container-secs-gober div.row:nth-child(2) {
        height: 4rem;
    }
    div.subt-table {
        font-size: 14px;
    }
    div.container-secs-gober div.right-logo
    {
        font-size: 14px;
    }
    div.container-secs-gober div.container-bottom:nth-child(1),
    div.container-secs-gober div.container-bottom:nth-child(2),
    div.container-secs-gober div.container-bottom:nth-child(3)
    {
        font-size: 14px;
        left: 0;
        height: 3rem;
    }
    div.container-secs-gober div.row:nth-child(1) {
        height: 30rem;
    }
    a.link-none {
        padding: 10px 5px;
    }
    div.container-secs-gober div {
        border: solid white 1px;
    }
    div..container-secs-gober div.row:nth-child(3) div {
        width: 100%;
        left: 0;
    }
    div.container-secs-gober div.left-logo {
        width: 50%;
        left: 0px;
    }
    div.container-secs-gober div.row {
        position: relative;
        border-left: none !important;
    }

    #muestra-menu{
        margin-top: -61px ;
    }

    .buscador-html  #muestra-menu {
        margin-top: -16px ;
    }
    .iconos {
    top: 115px;
}

}
/****--------------------------------------------------------------------RESPONSIVE-----------------------------------------****/
@media only screen and (min-width: 1900px) {
    div.txt-gobernanza {
        width: 85%;
        padding-left: 15px;
    }
    div.container-secs-gober {
        width: 85.2%;
    }
}
@media only screen and (max-width: 1600px) {
    div.row-info, div.row-cap, div.row-cat {
        width: 90%;
        padding: 30px 5%;
    }
}
@media (max-width: 425px) {
    .tabla table tr th {
        font-size: 0.7em;
        padding: 0px;
    }
    .tabla {
        margin-left: 5px;
        margin-right: 5px;
        padding: 1px;
        border-radius: 10px;
    }
    .tabla table {
        padding: 2px;
        margin: 5px;
    }
    header img {
/*        width: 10%;*/
    }
    .grafico {
        margin: 5px;
        padding: 10px;
        background-color: #fff;
        border-radius: 10px;
        border: solid 1px #d1d1d1;
    }
}
@media screen and (min-width: 360px) and (max-width: 767px) {
    header {
        height: 290px;
        background-size: cover;
    }
    div#header-commite {
        height: 400px;
    }
    #doctor {
        top: 180px;
    }
    #doctor h1 {
        font-size: 25px;
        position: relative;
        left: 0px;
        top: -85px;
        color: #000;
    }
    .nivelnavegacion {
        display: none;
    }
    h1#h1-commite {
        font-size: 23px;
    }
    #titulo-redalyc {
        width: 100%;
        right: 0;
        text-align: center;
        white-space: normal;
        font-size: 12px;
        margin: 0;
    }
    #nombre-redalyc {
        white-space: normal;
        width: 100%;
    }
    #informacion-redalyc {
        font-size: 11px;
    }
    #nombre-redalyc p {
        font-size: 14px;
    }
    #nombre-redalyc p:nth-child(1){
        font-size: 19px;
    }
    .logo {
        float: initial;
    }
    .parrafo {
        display: block;
    }
    #titulo-redalyc br {
        display: none;
    }
    .iconos {
        top: 215px;
        text-align: right;
        
    }
    #contenedor {
        bottom: initial;
        top: 140px;

    }
}
@media only screen and (min-width: 700px) and (max-width: 1190px){
    div.main-sparql {
        padding: 0 0px 1rem 10px;
        width: 95%;
    }
    div.txt-gobernanza {
        width: 95%;
        padding-left: 15px;
    }
    div.container-secs-gober {
        width: 95%;
    }
}
/*-----------------------------------------------------------laptop medium-------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1550px){
    footer#pie-pagina {
        height: 35vh;
    }
    div#nombre-redalyc p:nth-child(1) {
        font-size: 22px;
    }
    div#nombre-redalyc p {
        font-size: 12px;
    }
    img.logo {
        width: 120px !important;
    }
    div#pie-logos img:nth-child(1) {
        margin: 0 10px;
        width: 200px;
    }
    /*    gobernanza*/
    div.container-donation {
        width: 71rem;
        padding-left: 7%;
    }
    div.main-sparql {
        padding: 0 0px 1rem 10px;
        width: 90%;
    }
    div.txt-gobernanza {
        width: 90%;
        padding-left: 15px;
    }
    div.container-secs-gober {
        width: 90%;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 601px) and (max-width: 768px){
    footer#pie-pagina {
        height: 30vh;
    }
    td.tabla-texto{
        padding: 0;
    }
    td.tabla-texto p, td.tabla-texto ul{
        width: 98%;
        margin: 0 auto;
    }
    table.tabla-contenido {
        width: 100%;
    }
    div.container-options{
        padding: 0;

    }
    img.rombos {
        width: 650px;
    }
}


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

{

    #redalyc-general{

        display: block;

        text-align: center;

    }



    #textContainer

    {

        padding: 20px 10px;

    }



    #logoDiv

    {

        padding: 20px;

    }

}

/*RESPONSIVOS DEL ENCABEZADO GENERAL*/

@media only screen and (min-width:601px)

{

    #redalyc-general

    {

        display: flex;

    }

    #logoDiv

    {

        width: 30%;

        text-align: right;

        margin-right: 43px;

        display: flex;

        align-items: center;

        justify-content: end;

    }



    #textContainer

    {

        width: 70%;

        padding: 10px 0;

    }

}



img#logo-redalyc {

    width: 120px !important;

}

.muestra-menu-b5{
    margin-top: -113px !important;
    height: 20px  !important;
    width: auto  !important;
    max-height: 30px  !important;
    margin-right: 20px  !important;
  }

  @media only screen and (min-width:320px) and (max-width:950px) {
  .muestra-menu-b5{
    margin-top: -100px !important;
    margin-right: 15px !important;
  }
}

#muestra-menu2 {
    margin-right: 20px;
    margin-top: -65px;
}

@media screen and (width: 280px) and (height: 653px) {
    .iconos{
        top: 32px;
    }
    #muestra-menu {
    margin-top: -168px;
    }

    .muestra-menu-b1{
        margin-top: -210px;
    }
}

@media screen and (width: 320px) and (height: 658px) {
    .iconos{
        top: 32px;
    }

    #muestra-menu {
    margin-top: -165px;
    }

    .muestra-menu-b1{
        margin-top: -210px;
    }
}

@media screen and (min-width: 320px) and (max-width: 658px) {
    #muestra-menu2 {
    /* margin-right: 20px; */
    margin-top: 0px !important;
    margin-right: 10px !important;
}
}

@media screen and (width: 320px) and (height: 658px)
#muestra-menu2 {
    /* margin-right: 20px; */
    margin-top
    margin-top: 23px !important;
    margin-left: 282px !important;
}
}