@font-face {
    font-family: 'Clan';
    src: url('../fonts/ClanOT-Book.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Clan';
    src: url('../fonts/ClanOT-News.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Clan';
    src: url('../fonts/ClanOT-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
.material-icons {
    font-size: 48px;
    vertical-align: middle;
}
.material-icons:hover {
    color:#0071bc
}
.mail {
    font-size: 17px;
    margin-left: 10px;
}



body {
    font-family: 'Clan';
}

header {
    height: 110px;
    margin-top: 30px;
}
#opciones {
    display: grid;
    grid-template-columns: .55fr 0.7fr 1.5fr;
    float: right;
    grid-column-gap: 30px;
    align-items: center;
}
input#buscador {
    margin-left: 10px;
    border: 1px solid #969696;
}
a.btn-ultimo {
    padding-right: initial !important;
}
.btn-primero {
    margin-left: inherit !important;
}
a.virtual {
    background-color: #68a7dd;
    color: #fff;
    font-size: 14px;
    padding: 5px 8px;
    border-radius: 5px;
    display: flex;
    place-items: center;
}
.virtual img {
    margin-left: 25px;
}
#botones-principal {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
}
#botones-principal div {
    text-align: center;
}
#botones-principal a {
    text-decoration: none;
    color: #000;
    text-align: center;
}
#botones-principal div p {
    font-weight: 600;
    margin-top: 20px;
    font-size: 19px;
}
#botones-principal div div {
    width: 180px;
    height: 180px;
    border-radius: 90px;
    margin-left: auto;
    margin-right: auto;
}
#slider_principal.rslides img {
    height: initial !important;
    object-fit: initial !important;
}
#comisiones, #institucional, #socios, #asociarme{
    border-radius: 82px; /*90px*/
    border: 37px solid; /*42px*/
    width: 90px;
    display: inline-block;
}
#comisiones {
    border-color: #eb2a31;
}
#institucional {
    border-color: #f15a24;
}
#socios {
    border-color: #0071bc;
}
#asociarme {
    border-color: #9e005d;
}
#comisiones img, #institucional img, #socios img, #asociarme img {
    border-radius: 45px;
}

#tarjetas {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 85px;
    max-width: 1415px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 110px;
}
#ram span, #actividades-academicas span {
    font-weight: 500;
    font-size: 17px;
    margin-top: 10px;
    display: flex;
    justify-content: space-around;
}

div#actividades-academicas,
a#novedades,
a#ram,
a#videoconferencias,
a#recomendaciones,
a#publicaciones {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    display: grid;
    align-content: center;
    height: 80px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;    
}
div#videoconferencias, div#recomendaciones, div#guias {
    color: #686868;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    display: grid;
    align-content: center;
    height: 80px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid #858584;
    border-bottom: none;
}
div#actividades-academicas {
    background-color: #009245;
}
#slider_academicas li div .titulo, #slider_videoconferencias li div .titulo, .recuadro .tarjeta a.titulo {
    float: left;
    width: calc(100% - 60px);
    height: auto;
    font-size: 16px;
    color: #1b75bb;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-right: 7px;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#slider_academicas li div .recuadro-fecha, #slider_videoconferencias li div .recuadro-fecha, .recuadro .tarjeta .recuadro-fecha {
    background-color: #09f;
    color: #fff;
    float: right;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    height: 44px;
    line-height: 19px;
    padding-top: 6px;
    text-align: center;
    width: 50px;
}
#slider_academicas li div .copete, #slider_videoconferencias li div .copete, .recuadro .tarjeta .copete {
    overflow: hidden;
    height: 45px;
    font-size: 14px;
    line-height: 17px;
    clear: both;
}


#slider_academicas li div .ver-mas, #slider_novedades li div .ver-mas, #slider_videoconferencias li div .ver-mas, #slider_recomendaciones-guias li div .ver-mas {
    color: #939597;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    bottom: 15px;
    position: absolute;
    right: 16px;
}
.recuadro .tarjeta .ver-mas {
    color: #939597;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    justify-self: right;
    align-self: center;
}



a#novedades {
    background-color: #858584;
    border: 1px solid #858584;
}
a#novedades:hover {
    background-color: #FFF;
    color: #858584;
    border: 1px solid #a3a3a3;
}
a#publicaciones {
    color: #fff;
    border: 1px solid #0071bc;
    border-bottom: none;
    background-color: #0071bc;
}
a#publicaciones:hover {
    background-color: #fff;
    border: 1px solid #686868;
    color: #0071bc;
    border-bottom: none;
}
a#recomendaciones {
    color: #fff;
    border: 1px solid #9e005d;
    border-bottom: none;
    background-color: #9e005d;
}
a#recomendaciones:hover {
    background-color: #fff;
    border: 1px solid #686868;
    color: #9e005d;
    border-bottom: none;
}
a#videoconferencias {
    color: #fff;
    border: 1px solid #f15a24;
    border-bottom: none;
    background-color: #f15a24;
}
a#videoconferencias:hover {
    background-color: #fff;
    border: 1px solid #686868;
    color: #f15a24;
    border-bottom: none;
}

#slider_novedades li .titulo, #slider_recomendaciones-guias li .titulo {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #1b75bb;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-right: 7px;
    text-decoration: none;
}
#slider_novedades li div .copete, #slider_recomendaciones-guias li div .copete {
    float: left;
    overflow: hidden;
    height: 75px;
    font-size: 14px;
    line-height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
a#ram {
    background-color: #c1272d;
    border: 1px solid #c1272d;
}
a#ram:hover {
    background-color: #FFF;
    color: #c1272d;
    border: 1px solid #a3a3a3;
}
#detalle-ram {
    border: 1px solid #858584;
    margin-top: -3px;
    height: 180px;
    padding: 15px;
}
#detalle-ram .titulo {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #1b75bb;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-right: 7px;
}
#detalle-ram .seccion {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #858584;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-right: 7px;
}
#detalle-ram .detalle {
    overflow: hidden;
    height: 60px;
    font-size: 14px;
    line-height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: inherit;
}
#detalle-ram a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid #858584;
    padding: 3px;
    width: fit-content;
    margin-top: 8px;
    color: #000;
}

div.detalle-slider {
    height: 141px;
    border: 1px solid #858584;
    padding: 15px;
}
#botones-secundarios {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
    margin-top: 95px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    line-height: 27px;
}
#botones-secundarios a {
    border-radius: 10px;
    height: 148px;
    width: 400px;
    display: flex;
    place-items: center;
    color: #fff;
}
#botones-secundarios img {
    border-radius: 48px;
    margin-left: 20px;
    margin-right: 20px;
}
#seguinos {
    background-color: #f15a24;
}
#aula {
    background-color: #4470b3;
    justify-self: right;
}
#libreria {
    background-color: #00988c;
}
#sitios {
    background-color: #9e005d;
    justify-self: right;
}
#sponsors {
    height: 200px;
    /*background-color: #d8d8d8;*/
    margin-top: 90px;
    display: grid;
    /*align-content: center;
    justify-items: center;*/
    display: inline-block;
    margin-right: 18px; 

}
#sponsors img {
    width: 355px;
}
footer {
    height: fit-content;
    background-color: #0071bc;
    color: #fff;
    padding-bottom: 40px;
}
footer .datos {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    font-size: 14px;
    column-gap: 9px;
    margin-bottom: 10px;
}
.datos div p {
    line-height: 19px;
}
footer #general {
    margin-left: auto;
    margin-right: auto;
    grid-row-gap: 25px;
    padding-top: 50px;
    display: grid;
    grid-template-columns: max-content 1fr;
    max-width: 1360px;
    column-gap: 65px;
}
#iconos-sociales {
    justify-self: center;
    align-self: end;
}
#iconos-sociales img {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#iconos-sociales p {
    text-align: center;
    margin-bottom: 10px;
}
#general #info {
    display: grid;
}





section.recuadro {
    margin-bottom: 90px;
    padding: 50px;
    border: 1px solid #878786;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px;
}
section.recuadro-cursos, section.recuadro-novedades, section.recuadro-videoconferencias {
    padding: 50px;
    border: 1px solid #878786;
    margin-bottom: 90px;    
}
.tarjeta-curso, .tarjeta-novedades {
    display: grid;
    grid-template-columns: 220px 1fr;
    grid-column-gap: 35px;
}
.tarjeta-videoconferencia {
    display: grid;
    grid-template-columns: 130px 1fr;
    grid-column-gap: 70px;
}
.recuadro .tarjeta {
    padding: 20px;
    border: 1px solid #878786;
    position: relative;
    max-width: 309px;
}
.recuadro .libro {
    padding: 20px;
    border: 1px solid #878786;
    position: relative;
    max-width: 309px;
}
.recuadro .tarjeta a.titulo, .recuadro .tarjeta .recuadro-fecha {
    margin-top: 30px;
}
.tarjeta div.info p, section div p#etiqueta {
    width: fit-content;
    padding: 5px;
    font-size: 12px;
    color: #fff;
}
section div p#etiqueta {
    font-size: 16px;
    margin-bottom: 25px;
}
.tarjeta div.info p.por-iniciar, section div p.por-iniciar {
    background-color: #008d36;
}
.tarjeta div.info p.iniciado, section div p.iniciado {
    background-color: #848484;
}
.tarjeta div.info p.finalizado, section div p.finalizado {
    background-color: #8D0057;
}
div.info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
div#paginado {
    grid-column: 1/4;
    justify-self: center;
}
#paginado a.pagina {
    background-color: #878786;
    padding: 8px;
    color: #fff;
    margin-left: 4px;
    margin-right: 4px;
}
#paginado a.pagina.activa, #paginado a.pagina:hover {
    background-color: #0071bc;
}
#congresos .cuerpo, #cursos .cuerpo, #novedades .cuerpo, #videoconferencias .cuerpo, #libros .cuerpo, #recomendaciones .cuerpo {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
}
#congresos .cuerpo .lengueta, #cursos .cuerpo .lengueta{
    margin-top: 120px;
}
#congresos .cuerpo .lengueta, #cursos .cuerpo .lengueta {
    margin-top: 35px;
    background-color: #009245;
    width: fit-content;
    padding: 15px 30px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: #fff;
    font-size: 22px;
}
h1 {
    margin-top: 120px;
    font-size: 30px;
    font-weight: 600;
}
section.desarrollo-dos_columnas {
    margin-bottom: 90px;
    padding: 50px;
    border: 1px solid #878786;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 35px;
}
section.desarrollo-una_columna {
    margin-bottom: 90px;
    padding: 50px;
    border: 1px solid #878786;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 35px;
}
.desarrollo-dos_columnas>div>div.visor {
    position: relative;
}
.desarrollo-dos_columnas div img {
    width: 100%;
}
.lupa {
    position: absolute;
    display: block;
    cursor: pointer;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    background: url(../img/zoom/lupa.png) no-repeat;
}
section div h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
section div h3 {
    color: #009245;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 38px;
}
section div p.informacion {
    line-height: 23px;
    margin-top: 30px;
}
p.fecha-lugar {
    font-size: 18px;
    margin-bottom: 8px;
}
a.volver {
    background-color: #0071bc;
    color: #fff;
    padding: 10px 45px;
    display: block;
    width: fit-content;
    font-size: 18px;
    margin-top: 35px;
    float: right;
}
a.inscripcion {
    margin-top: 30px;
    display: block;
    background-color: #878786;
    padding: 12px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
}
a.descarga {
    margin-top: 15px;
    display: flex;
    background-color: #878786;
    padding: 7px;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    align-items: center;
    line-height: 20px;
}
.datos-curso, .datos-novedades {
    grid-column: 1/2;
    grid-row: 1/4;
}
#videoconferencias .datos-curso {
    grid-row: 1/100;
}
.datos-curso .fecha, .datos-novedades .fecha {
    background-color: #878786;
    padding: 10px;
    text-align: center;
    line-height: 24px;
    color: #fff;
}
.datos-curso .fecha {
    font-size: 18px;
}
.datos-novedades .fecha {
    font-size: 15px;
}
.datos-curso p {
    color: #fff;
    text-align: center;
    padding: 7px 0px;
    margin-top: 10px;
}
.recuadro-cursos a, .recuadro-novedades a {
    background-color: #0071bc;
    color: #fff;
    height: fit-content;
    width: fit-content;
    padding: 5px 40px;
    align-self: end;
    justify-self: end;
}
p.nombre-curso , p.titulo-novedades {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
p.nombre-videoconferencia {
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    margin-bottom: 10px;
    color: #5f80cd;
    grid-column: 2/3;
}
.separador-cursos {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #878786;
}
#botonera-institucional, #botonera-subcomisiones, #botonera-sedes, #botonera-ppal {
    display: flex;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 70px;
}
#botonera-ppal{
    margin-bottom: 140px; 
}
#botonera-comisiones {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}
section#botonera-sedes {
    margin-bottom: 60px;
}
#botonera-institucional a, #botonera-subcomisiones a {
    width: 443px;
    height: 123px;
    display: grid;
    align-content: center;
    justify-content: center;
    margin: 20px;
    -moz-box-shadow: 10px 7px 12px #9f9f9f;
    -webkit-box-shadow: 10px 7px 12px #9f9f9f;
    box-shadow: 10px 7px 12px #9f9f9f;
}
#botonera-ppal a.card {
    width: 443px;
    height: 123px;
    display: grid;
    align-content: center;
    justify-content: center;
}
#botonera-sedes a {
    width: 257px;
    height: 90px;
    background-color: #f15a24;
    border-radius: 15px;
    display: grid;
    align-content: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 28px;
    margin: 17px;
    -moz-box-shadow: 10px 7px 12px #9f9f9f;
    -webkit-box-shadow: 10px 7px 12px #9f9f9f;
    box-shadow: 10px 7px 12px #9f9f9f;
}
#botonera-mini {
    display: grid;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    grid-template-columns: repeat(8, 1fr);
    justify-items: center;
}
#botonera-mini a {
    width: 100px;
    height: 35px;
    background-color: #f15a24;
    border-radius: 15px;
    display: grid;
    align-content: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    margin: 17px;
    padding: 5px;
    -moz-box-shadow: 10px 7px 12px #9f9f9f;
    -webkit-box-shadow: 10px 7px 12px #9f9f9f;
    box-shadow: 10px 7px 12px #9f9f9f;
}
.desarrollo-dos_columnas div#titulo-fecha {
    grid-column: 1/3;
}
.descarga span.material-icons, .descarga-articulo span.material-icons {
    font-size: 26px;
    margin-right: 8px;
}
#descarga {
    margin-top: 50px;
    border-top: 1px solid;
    padding-top: 10px;
    font-weight: 600;
}
#novedades p.informacion {
    margin-top: inherit;
}
#novedades h1, #videoconferencias h1, #recomendaciones h1, #libros h1 {
    margin-bottom: 35px;
}
.tarjeta-novedades .detalle-novedades, .tarjeta-curso .detalle-curso {
    overflow: hidden;
    font-size: 14px;
    line-height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recuadro-novedades #paginado a.material-icons, .recuadro-cursos #paginado a.material-icons {
    background-color: initial;
    color: initial;
    padding: initial;
    margin-top: initial;
}
.recuadro-novedades div#paginado, .recuadro-cursos div#paginado, .recuadro-videoconferencias div#paginado {
    text-align: center;
    margin-top: 70px;
}

.marco {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}

.recuadro-texto {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #767676;
    padding: 50px 120px;
    background: #ededed;
    margin-top: 40px;
}
.recuadro-texto, .marco {
    font-size: 18px;
    line-height: 25px;
}
.sin-recuadro-texto {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    font-size: 18px;
    line-height: 28px;
}
.recuadro-texto ul {
    list-style: disc;
    margin-left: 20px;
}
.recuadro-texto li {
    margin-top: 12px;
}
.recuadro-texto h3 {
    color: #68a7dd;
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 11px;
    line-height: 24px;
}
/*.marco h1.quienes-somos {
    color: #f15a24;
    margin-bottom: 11px;
}*/
.marco h1 {
    margin-top: 15px;
}
#p-institucional footer {
    margin-top: 90px;
}
#divisiones, #actividades-cientificas {
    display: grid;
    grid-template-columns: 2fr 1fr;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 120px;
    grid-column-gap: 70px;
}
#actividades-cientificas {
    margin-top: inherit;
}
section#premios, section#convenio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    margin-bottom: 120px;
    grid-column-gap: 70px;
}
.btn-divisiones {
    border: 1px solid;
    margin-bottom: 15px;
}
p.cargo {
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 5px;
}
p.titular {
    margin-left: 10px;
}
section#actividades-cientificas p, p.detalle {
    line-height: 22px;
}
p.detalle {
    margin-bottom: 80px;
}
section#actividades-cientificas h1, section#divisiones h1 {
    margin-top: initial;
}
section#divisiones h1, section#divisiones .nombre {
    grid-column: 1/3;
}
#actividades-cientificas h2 {
    margin-top: 30px;
}
#actividades-cientificas ul {
    list-style: disc;
    margin-left: 20px;
    line-height: 22px;
}
#actividades-cientificas li {
    margin-bottom: 12px;
}
p.destacado {
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 15px;
    background-color: aliceblue;
    margin-bottom: 25px;
    line-height: 20px;
}
#comision {
    width: 100%;
    font-size: 15px;
    margin-bottom: 40px;
    margin-top: 20px;
}
#comision td.c1 {
    background-color: #696969;
    color: #fff;
    padding: 5px 20px;
    border-bottom: 1px solid;
    width: 220px;
}
#comision td.c2 {
    padding-left: 25px;
    border-bottom: 1px solid #68a7dd;
    color: #696969;
    line-height: 20px;
}
#comision td.c1 {
    line-height: 20px;
}
.btn-divisiones {
    border: 3px solid #494d81;
    margin-bottom: 15px;
    padding: 8px;
    border-radius: 6px;
    background-color: #5981ce;
    color: #fff;
    display: block;
}
.btn-divisiones_grupo-trabajo {
    border: 3px solid #5981ce;
    margin-bottom: 15px;
    padding: 8px;
    border-radius: 6px;
    background-color: #bcdffd;
    display: block;
}
.btn-divisiones_grupo-trabajo:hover {
    border: 3px solid #5981ce;
    background-color: #bcdffd;
}
.btn-divisiones_grupo-trabajo:hover, .btn-divisiones:hover {
    background-color: #a1a1a1;
    color: #fff;
}
.gt {
    margin-top: 25px;
    font-weight: 700;
    margin-bottom: 10px;
}
.informacion {
    margin-bottom: 70px;
}
section#divisiones .nombre {
    border-bottom: 3px solid #ccc;
    margin-bottom: 30px;
    margin-top: 35px;
    font-size: 28px;
    color: #fff;
    background-color: #5981ce;
    padding: 4px 9px;
}
p.anio-cd {
    font-weight: 600;
    margin-bottom: 20px;
}
span.negrita {
    font-weight: 600;
    display: block;
}
a.email {
    color: #474f7d;
    font-style: italic;
}
section#divisiones a img {
    width: 100%;
}
section p {
    line-height: 22px;
}
section#premios p {
    margin-bottom: 30px;
}
#premios ul, #convenio ul {
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 25px;
}
#premios li, #convenio li {
    margin-bottom: 7px;
}
li span.bold {
    font-weight: 700;
    color: #0071bc;
}
#convenio li {
    list-style: disc;
    margin-left: 16px;
}
.negrita, .remarcado {
    font-weight: 700;
}
.subrayado {
    text-decoration: underline;
}
section#divisiones p {
    margin-top: 50px;
}
section.organigrama {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 135px;
}
.marco h2 {
    font-size: 24px;
    color: #525252;
    font-weight: 400;
}
.marco h2, .marco h1.inst-margen {
    margin-top: 100px;
}
.color-institucional {
    color: #f15a24;
}
#botonera-interna-subcomision {
    display: grid;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    grid-template-columns: repeat(6, 1fr);
    justify-items: center;
}
#botonera-interna-subcomision a, #botonera-interna-division a {
    width: 140px;
    height: 59px;
    background-color: #f15a24;
    border-radius: 15px;
    display: grid;
    align-content: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    margin: 17px;
    padding: 5px;
    -moz-box-shadow: 10px 7px 12px #9f9f9f;
    -webkit-box-shadow: 10px 7px 12px #9f9f9f;
    box-shadow: 10px 7px 12px #9f9f9f;
}
#botonera-interna-division {
    display: grid;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
}
.tarjeta {
    margin-bottom: 50px;
}
#actividades-academicas span a {
    color: #fff;
    border: 1px solid #fff;
    padding: 2px 5px;
    font-size: 14px;
}
#actividades-academicas span a:hover {
    color: #009245;
    background-color: #fff;
}
#botonera-ppal div.caja, #botonera-comisiones div.caja {
    -moz-box-shadow: 10px 7px 12px #9f9f9f;
    -webkit-box-shadow: 10px 7px 12px #9f9f9f;
    box-shadow: 10px 7px 12px #9f9f9f;
    margin: 20px;
}
div.caja div {
    text-align: end;
    height: 25px;
}
.tooltip-container span.btn {
    margin-right: 20px;
    line-height: 22px;
    background-color: #68a7dd;
    font-size: 14px;
    color: #fff;
    padding: 0px 5px;


    position: relative;
    top: 8px;
}
.video {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    grid-column-gap: 55px;
    margin-top: 30px;
    grid-column: 2/3;
}
.detalle-videoconferencia {
    font-size: 19px;
    color: #939393;
    margin-bottom: 45px;
    grid-column: 2/3;
}
img.organigrama {
    width: 100%;
}
i.fab {
    font-size: 28px;
    color: #474f7e;
}
.caja a.card {
    display: flex;
    align-items: center;
    margin-top: 45px;
    height: 50px;
    padding-left: 30px;
}
a.card p {
    font-size: 26px;
    color: #8d8b8b;
}
.button.submit-btn.ultimo {
    margin-bottom: 110px !important;
}
.articulo {
    display: grid;
}
a.descarga-articulo {
    margin-top: 3px;
    display: inline-block;
    background-color: #878786;
    padding: 3px 7px;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 23px;
    justify-self: right;
}
a.bloque {
    display: block;
    width: fit-content;
}
.ram-seccion {
    color: #5c81c6;
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 10px;
    margin-bottom: 20px;
}
p.ram-titulo {
    font-size: 20px;
    line-height: 27px;
    margin-top: 8px;
}
p.ram-autor {
    color: #878786;
}
.separador {
    border-bottom: 1px solid #9d9c9c;
}
.cabecera {
    display: grid;
    grid-template-columns: 2fr 1.8fr;
    margin-bottom: 30px;
    margin-top: 60px;
}
.descarga {
    display: grid;
    justify-items: right;
}
.descarga select {
    margin-top: 10px;
    margin-bottom: 10px;
}
.revista {
    font-size: 18px;
}
a.boton-instrucciones {
  display: inline-block;
  padding: 0.3em 0.5em;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #1b75bb;
  color: #fff;
}
p.periodo {
    font-size: 27px;
    background-color: #474f7e;
    width: fit-content;
    padding: 7px 16px;
    color: #fff;
}
#revista footer {
    margin-top: 70px;
}
.libro a.titulo {
    margin-top: 25px;
    display: block;
    color: #1b75bb;
    font-weight: 600;
    line-height: 19px;
}
.libro .recuadro-fecha {
    background-color: #474e81;
    padding: 5px 0px;
    text-align: center;
    margin-top: 10px;
    color: #fff;
}
.libro p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
}
.descripcion {
    margin-bottom: 25px;
}
.libro a.ver-mas {
    float: right;
    color: #939597;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.visor.libro {
    grid-row: 2/5;
}
#libros section.desarrollo-dos_columnas {
    grid-template-columns: 1fr 1.2fr;
}
.forma-pago p#descarga {
    margin-top: initial;
}
.cabecera-2 {
    margin-top: 50px;
    margin-bottom: 40px;
    text-align: center;
}
p.titulo {
    font-size: 21px;
    color: #474f7e;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 10px;
    line-height: 28px;
}
p.volumen, p.subtitulo {
    font-size: 19px;
}
p.autores {
    font-size: 15px;
    color: #545454;
    margin-top: 4px;
}
strong {
    font-weight: bolder;
}
em {
    font-style: italic;
    font-size: 14px;
}
#comision, .comite {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 120px;
}
#comision table {
    margin-bottom: 55px;
}
#comision div h2 {
    margin-top: 35px;
}
.marco p.somos {
    margin-top: 40px;
}
.area-boletines {
    height: 500px;
    overflow-y: auto;
}
.area-boletines a.descarga-articulo {
    margin-right: 30px;
}
li.numeracion {
    list-style: decimal;
}
.link {
    background-color: #5881d2;
    padding: 0px 5px;
    color: #fff;
}
.link:hover {
    background-color: #474f7e;
}
span.atencion {
    color: #f00;
    font-size: 15px;
    font-weight: 700;
}
span.asterisco {
    font-size: 21px;
    line-height: 10px;
}
#p-institucional h1, #sitios-interes h1 {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}
#sitios-interes section#convenio {
    margin-top: 40px;
}
#boletines .caja a.card {
    height: 50px;
    padding-left: 30px;
}
form#login {
    border: 1px solid #6e6c6c;
    padding: 12px;
    background-color: #ccc;
}
#login input#dni {
    height: 25px;
    width: 250px;
    margin-right: 100px;
}
input[type="submit"] {

    height: 28px;
    background-color: #0071bc;
    color: #fff;
    border: none;
    border-radius: 4px;

}
#actualizacion input[type="submit"] {
    margin-top: 50px !important;
    width: 100% !important;
}
#login input[type="submit"] {
    width: 110px !important;
}
#actualizacion label {
    display: inline-block;
    width: 200px;
}
#actualizacion input {
    width: calc(100% - 208px);
    height: 26px;
    margin-top: 17px;
}
form#actualizacion {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
input.campo-socio {
    width: calc(100% - 8px)!important;
}
img.email-suscripcion {
    margin-top: 23px;
}
hr {
    margin-top: 45px;
}
.datos-curso img {
    width: 220px;
    object-fit: contain;
    height: 135px;
}
.detalles {
    display: grid;
    grid-template-columns: 121px 1fr;
    margin-top: 10px;
}
.detalles .fecha {
    background-color: #878786;
    color: #fff;
    padding: 3px 12px;
    width: 97px;
    height: 21px;
}
.detalles .finalizado, .detalles .por-iniciar, .detalles .iniciado {
    color: #fff;
    padding: 3px 12px;
    width: 97px;
    height: 21px;
    grid-column: 1/2;
    text-align: center;
    border-top: 1px solid;
}
ul.dropdown-menu.fondo-azul {
    width: fit-content;
}
footer nav {
    display: grid;
    grid-template-columns: 5fr 1.5fr 2fr;
    column-gap: 20px;
}
nav div.menu a {
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    color: #dfdcdc;
}
#comisiones-trabajo > a.titulo {
    grid-column: 1/3;
}
div#comisiones-trabajo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    grid-template-rows: min-content;
}
.principal {
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid;
    margin-bottom: 6px !important;
    color: #fff !important;
    line-height: initial !important;
}
footer nav li {
    list-style: disc;
    margin-left: 17px;
}
footer nav ul ul li {
    margin-left: 25px;
    list-style: circle;
}
footer nav ul ul ul li {
    margin-left: 28px;
    list-style: circle;
}
.principal-separacion {
    margin-top: 7px;
}
ul#damyc {
    width: 348px;
}
ul#damyc li a {
 white-space: initial !important;   
}