@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
@media only screen and (min-width:320px) and (max-width:600px) {
    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%;
    }
    div.main-sparql img{
         width: 93%;
    }
    /*footer*/
    footer#pie-pagina {
        height: 55vh;
    }
    div#informacion-redalyc {
        font-size: 11px;
    }
    div#pie-logos {
        top: 25%;
    }
}
/*-----------------------------------------------------------laptop medium-------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 2000px){
    footer#pie-pagina {
        height: 35vh;
    }
}
/* 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;
    }
}
/*------------------------------------------------------------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;
    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: 30px;
    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: 10%;
    font-weight: lighter !important;
}
#h1-commite {
    display: inline-block;
    white-space: nowrap;
    text-indent: 17%;
    margin: 5px 0;
    position: absolute;
    bottom: 1%;
}
#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;
}
/****FIN HEADER****/

::selection {
    background: #ff0000;
    color: #fff;
}
.tabla-contenido {
    width: 970px;
    margin: 0 auto;
    position: relative;
    color: #6a747d;
    border: #ffffff;
    padding-bottom: 50px;
}
.tabla-contenido-cuarto {
    width: 970px;
    margin: 0 auto;
    position: relative;
    color: #6a747d;
    border: #ffffff;
    padding-bottom: 0px;
    bottom: 50px;
}
.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;
}

.muestra-menu2{
    margin-top: -68px;
    height: 20px;
    width: auto;
    max-height: 30px;
    margin-right: 20px;
    z-index: 4;
}

#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: auto;
}
#pie-logos img:nth-child(1){
    margin: 0 20px;
    width: 217px;
    margin-bottom: 5px;
}


/****logo****/

.logo {
    padding: 3px;
    float: left;
    margin-top: 6px;
    display: block;
    margin: -5px 0 0 0;
    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;
    
}
/*#event-1{
background-image: url(../TimeLineRedalyc/compiled/img/Concurso-latinoamericano.jpg); background-repeat: round;    
}
#event-2{
background-image: url(../TimeLineRedalyc/compiled/img/Redalyc_UNESCO-4.jpg);
    background-repeat: round;    
}
#event-3{
background-image: url(../TimeLineRedalyc/compiled/img/congreso-editores-trujillo.jpg);
    background-repeat: round;    
}
#event-4{
background-image: url(../eventos/congresoeditores2010/inc/img/galeria/posters6.jpg);
     background-repeat: round;   
}
#event-5{
background-image: url(../eventos/congresoeditores2008/img/galeria/IMG_5188.jpg);
       background-repeat: round; 
}*/
.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;
}
.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;
}
.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: 79%;
    text-align: justify;
}
.subt-sparql{
    font-size: 22px;
    padding: 13px 0;
    margin: 7px 0;
    font-weight: bold;
}
.endPoint{
    font-size: 14px;
}
/*para reconocimientos*/

.row-recons .card {
    padding: 30px 30px;
    margin: 10px 15px;
    position: relative;
    width: 310px;
    height: 700px;
    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;
  }
  .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;
  }
/****--------------------------------------------------------------------RESPONSIVE-----------------------------------------****/
@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: 260px;
        background-size: cover;
    }
    div#header-commite {
        height: 400px;
    }
    #doctor {
        top: 180px;
    }
    #doctor h1 {
        font-size: 25px;
        position: relative;
        left: 0px;
        top: 25px;
    }
    .nivelnavegacion {
        display: none;
    }
    h1#h1-commite {
        font-size: 16px;
    }
    #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;
    }
    .logo {
        float: initial;
    }
    .parrafo {
        display: block;
    }
    #titulo-redalyc br {
        display: none;
    }
    .iconos {
        top: 150px;
        width: 100%;
/*        text-align: left;*/
/*        left: 0;*/
    }
    #contenedor {
        bottom: initial;
        top: 40px;
    }
}

@media screen and (min-width: 820px) and (max-width: 1180px) {

.tabla-contenido-cuarto {
    width: 100%;
    margin: 0 auto;
    position: relative;
    color: #6a747d;
    border: #ffffff;
    padding-bottom: 0px;
    bottom: 50px;
}

.imgRedondaCuarto{
    width: 120px;
    height: 120px;
    border-radius: 70px;
    position: absolute;
    left: -25px;
    box-shadow: 0 0 0 3px ghostwhite;
}

.content-details-card{
    text-align: left;
    font-size: 14px !important;
    width: 75%;
    margin-left: 0px;
    position: relative;
    left: 32%;
    top: 8px;
}

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

#titulo-redalyc {
    position: absolute;
    right: 0;
    font-size: 12px;
    width: auto;
    top: 50px;
    display: table-cell;
    margin-right: 30px;
}

    .tabla-contenido-cuarto {
    width: 100%;
    margin: 0 auto;
    position: relative;
    color: #6a747d;
    border: #ffffff;
    padding-bottom: 0px;
    bottom: 50px;
}

.imgRedondaCuarto{
    width: 120px;
    height: 120px;
    border-radius: 70px;
    position: absolute;
    left: -40px;
    box-shadow: 0 0 0 3px ghostwhite;
}

.content-details-card{
    text-align: left;
    font-size: 14px !important;
    width: 75%;
    margin-left: 0px;
    position: relative;
    left: 29%;
    top: 8px;
}
}

.muestra-menu-b4{
    margin-top: -65px !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-b4{
    margin-top: 132px !important;
    margin-right: 4px !important;
  }

  h1#h1-commite {
        font-size: 16px;
    }

.iconos{
    top: 144px;
  }
}

  @media only screen and (min-width:712px) and (max-width:1023px) {
  .muestra-menu-b4{
    margin-top: 18px !important;
    margin-right: 14px !important;
  }
}

  @media only screen and (width:280px) and (height:653px) {
    .iconos{
        top: 28px;
    }
    #h1-commite {
    font-size: 11px !important;
}

    .muestra-menu-b4 {
    margin-top: 20px !important;
    margin-right: 9px !important;
}
}