@import url("../simple-bootstrap/style.css");
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Tinos:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,100,100italic,300,300italic,500italic,700,700italic,900,900italic);

body {
    /*background-color: #fff;*/
    background-image: none!important;
    color: #6d6d6d;
    font-family: 'Roboto', sans-serif;
    font-size: 15px; 
    font-style: normal;
    font-variant: normal;
    font-weight: 400; 
    line-height: 1.5;
    overflow-x: hidden;
}
.listado {display: flex; justify-content:flex-start; flex-wrap:wrap;}
#page-content {height: auto;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Roboto', sans-serif; font-weight: 400}
h2 {
    background: url('images/subrayado-azul.png') center bottom no-repeat transparent;
    color: #0f4066; 
    margin-bottom: 25px; 
    font-size: 30px;
    padding-bottom: 10px;
}
h2 strong {color: #f58747}
h3 {font-size: 23px}

a {color: #0f4066; text-decoration: none;}
a:hover {color: #f58747; text-decoration: none;}
ul {padding-left: 15px}
img {max-width: 100% !important; height: auto; border: none;}
.movil {display: none!important}
.left {display: inline-block; float: left}
.right {display: inline-block; float: right;}

.top-50 {margin-top: 50px}
section {padding: 15px 0;display: table; width: 100%}
header {background: #fff;}
#logo {padding: 25px 0}
#logo-pucp {
    background: #025094;
    padding: 5px 0
}
#menu-principal {font-family: 'Source Sans Pro', sans-serif ; font-weight: 600}
.nav > li > a {text-transform: uppercase; border-right: 1px solid #f4f4f4}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: #f4f4f4}
/* .nav li:last-child > a {border:none;} */
.nav > li > a:hover, .nav > li > a:focus,.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background: none; color: #f58747}
.dropdown-menu {border-top: 4px solid #e2e2e2; box-shadow: none}
.dropdown-menu > li {border-bottom: 1px solid #f6f6f6}
.dropdown-menu > li:last-child {border: none;}
.dropdown-menu > li > a {
    border-left: 5px solid transparent;
    padding: 9px 50px 9px 20px;
    color: #bfbfbf;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: none;
    color: #f58747;
    border-color: #f58747
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background: none;}
.dropdown-menu .current-menu-item a {
    color: #bfbfbf;
    border-color: transparent;
}
.dropdown-toggle:after{
    font-family: 'FontAwesome';
    content: '\f078';
    font-size: 10px;
    margin-left: 3px;
}
.tp-parallax-wrap a i {color: #fff; font-size: 30px}
.caret {display: none}
.slogan {color: #fff; font-size: 24px; position: relative}
.slogan h1 {font-weight: 400; font-size: 45px; margin-bottom: 20px; }
.slogan h1 strong {font-weight: 600}
.slogan form {color: #9d9d9c}
.slogan .text-center h1{
 color: #0f4066;
}
.navbar-static-top{
    z-index: 2!important;
}
.slogan form select {
    font-size: 16px;
    font-style: italic;
    padding: 8px 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.slogan form select option {padding: 10px}

#programas-movilidad h2 {color: #0f4066}
#programas-movilidad h2 strong {color: #f58747}
.top-section {margin-bottom: 30px}
.top-section img {width: 100%; height: auto;}
.top-section p {font-size: 24px;}
.item_listado_programas img {
    border-radius: 50%;
    width: 210px;
    height: 210px;
    padding: 5px;
    border: 5px solid #ff7f38;
    margin: 0 auto;
    display: inherit;
}
.item_listado_programas__img {
    border-radius: 50%;
    width: 210px;
    height: 210px;
    padding: 5px;
    border: 5px solid #ff7f38;
    margin: 0 auto;
    display: block;
    background-size: cover;
    background-position: center center;
}
.enterate-mas {
    background: #fffdfc;
    border-radius: 5px;
    color: #f58747;
    padding: 5px 10px;
    display: inline-block;
    float: right;
    border: 1px solid #ffd5bf;
    margin-top: 20px;
}
.enterate-mas:hover, .enterate-mas:focus {
    background-color: #f58747;
    border-color: #fff;
    color: #fff;
}
.breadcrumbs {font-size: 13px; color: #b6b6b6}

/*Quienes Somos*/
#banner img {width: 100%;}
.bg-blanco {background: #fff;}
.bg-gris {background: #f6f6f6}
.bg-celeste {background: #F3F6FB}
#acerca-de {font-size: 24px}
#acerca-de .listado {justify-content:center;}
#acerca-de .listado li {
    color: #546e7a;
    font-size: 13px;
    max-width: 16%;
    margin: 2% 0;
    padding: 10px;
    text-align: center;
}
.top-seccion { margin-bottom: 30px;}
.top-palabras-del-rector { font-size: 24px; }
.frase-rector p {color: #0f4066; font-size: 18px; line-height: 1.8; padding: 20px 0; margin: 20px 0; border-bottom: 1px solid #0f4066; border-top: 1px solid #0f4066}
.palabras-rector {text-align: justify;}
#forma-parte {font-size: 22px;}
#forma-parte .container ul, #forma-parte .container p {max-width: 960px; margin: 0 auto 20px;}
#forma-parte .container ul {font-size: 16px;}
#forma-parte .container ul li {margin-bottom: 15px}
#forma-parte .container ul li:before {font-family: 'FontAwesome'; content: '\f00c'; color: #f58747; margin-right: 5px;}
#forma-parte ul.listado {
    align-items: center;
    justify-content:center;
    margin-top: 20px;
    text-align: center;
    max-width: 1100px;
}
#forma-parte ul.listado li {
    color: #546e7a;
    font-size: 14px;
    margin: 2% 0;
    /*width: 16%;*/
    padding: 0 10px;
}
#forma-parte ul.listado li:before {content: ''}

#listado-preguntas {
    background: #f6f6f6;
}
#formulario-contacto .wpcf7-form {
    background: #fff;
    border: 2px solid #ebebeb;
    padding: 30px;
}
#texto-contacto h3 {
    border-bottom: 1px solid #5e5e5e;
    font-size:30px;
    padding-bottom: 5px;
}
.pull-right {
    float: right !important;
    margin: 4px 0;
}
/*Footer*/
footer {display: table; width: 100%;}
#inner-footer {background: #132c40; color: #fff;}
.listado_widgets .col-md-3 {width: 100%}
#footer ul {list-style: none; padding-left: 0}
#footer ul li {border:none; padding: 5px 0;}
#footer ul li a {color: #a4bdd1}
#footer ul li a:hover, .vertical-nav .widget ul li a:active {color:#f58747}
#inner-footer  #menu-enlaces-interes { columns: 250px 4;}
#inner-footer .widgettitle {
    margin-bottom: 9px;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #a4bdd1;
}
footer .textwidget a {color: #f58747; text-decoration: none}


#listado-miembros .listado li {padding: 40px 0}
#listado-miembros .listado .carreras li, .thumbnail-miembro li {padding: 0!important}
#listado-miembros .listado li:nth-child(2n) {background: #fefbfb}
#listado-miembros .listado li:nth-child(2n+1) {background: #ffffff}
#listado-miembros .listado li h2 {background: none; font-weight: 400}
.item-listado-miembros {width: 100%}
.item-listado-miembros h2 {color: #005191; font-size: 22px;}
.detalle-miembro h2 {
    background: none;
    font-size: 27px;
    padding-bottom: 30px;
    margin-top: 0;
    border-bottom: 1px solid #cecece;
}
.thumbnail-miembro h2 {background: none;}
.thumbnail-miembro img {margin-bottom: 20px}
.thumbnail-miembro p, .thumbnail-miembro > ul {padding-left: 15px!important; color: #757575}
.thumbnail-miembro p strong, .thumbnail-miembro ul strong {color: #f58747}
.detalle-miembro p {display: flex;}
.detalle-miembro p b {min-width: 150px; font-weight: 500}
.detalle-miembro p span {float: right;}
.detalle-miembro .carreras {
    color: #f58747;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
#listado-miembros .listado .carreras li:before {font-family: 'FontAwesome'; content: '\f101'; font-size: 10px; margin-right: 5px;}

.item_listado_programas, .item .item-listado {width: 33%; padding: 0 20px; background: white;}
#top-convocatorias-abiertas {background: url('images/bg-convocatoria.jpg') center top/cover transparent no-repeat; color: #fff;}
#top-convocatorias-abiertas .container {max-width: 700px;}
#top-convocatorias-abiertas h2 {color: #fff; background: url('images/subrayado-blanco.png') center bottom no-repeat transparent;}
#top-convocatorias-abiertas p {font-size: 24px}
.carousel-control {
    width: 20px;
    background: none!important;
    color: #f58747!important;
    text-shadow: none;
    display: flex;
    align-items: center;
    font-size: 35px;
    opacity: 1;
}

#convocatorias-abiertas {
    background: url('images/bg-bottom-convocatorias.jpg') center bottom/100% auto no-repeat #f6f6f6;
    padding-bottom: 300px;
}
#carousel-programas .carousel-inner > .active, #carousel-programas .carousel-inner > .next, #carousel-programas .carousel-inner > .prev {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}
#carousel-programas .item .item-listado {
    padding: 45px 20px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    width: 31%;
}
#carousel-programas .item .item-listado h3 a {color: #0f4066}
#carousel-programas .item .item-listado h3 a:hover {text-decoration: underline;}
#carousel-programas .item .item-listado p {text-align: justify;}
.item-listado h3 {margin-top: 0}
.fecha-item {color: #f58747; margin-bottom: 0}
#redes-sociales h2:before { content: url(images/icono-redes.png);}
#novedades_recursos .item-listado {
    border-bottom: 2px solid #f6f6f6;
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#novedades_recursos .item-listado:last-child {border: none;}
.listado-novedades {background: url('images/bg-lateral-novedades.jpg') right top/ 10px 100% transparent no-repeat; padding-right: 40px}
#top-investigacion-rpu {background: url('images/bg-top-investigacion-rpu.jpg') center top/ cover transparent no-repeat; height: 105px}
#investigacion-rpu {
    font-size: 20px;
    padding-top: 0;
    margin-top: -40px;
    background: url('images/bg-bottom-investigacion-rpu.jpg') left bottom/100% auto transparent no-repeat;
    padding-bottom: 0
}
#investigacion-rpu .container {max-width: 980px}

#investigacion-rpu p {margin-bottom: 40px;}
#experiencias-intercambio {padding-bottom: 0}
#experiencias-intercambio .container {background: url('images/bg-experiencia-intercambios.jpg') right bottom transparent no-repeat; padding-bottom: 30px}
.rombo {
    width: 180px;
    height: 180px;
    border: 15px solid #f58747;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden;
    margin-left: 20px
}
.rombo img {
    min-width: 240px;
    height: 240px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -50px;
    margin-left: -56px;
}

#novedades-redes h2, #contenido-programa h2 {background: none; padding: 0}
#contenido-programa p {margin-bottom:30px; line-height: 1.7}
#novedades-redes h2 span {color: #f58747; font-weight: 500}
#novedades-redes > h2:before {font-family: 'FontAwesome'; margin-right: 10px; margin-top: 3px}
#novedades_recursos > h2:before { content: url(images/icono-novedades.png);}
#suscripcion > h2 { background: url(images/icono-suscripcion.png) no-repeat left 5px; padding-left: 45px}
.wpcf7-form p {
    color: #b3b2a6;
    display: table;
    width: 100%;
}
.wpcf7-form input[type="email"], .wpcf7-form input[type="text"] {
    padding: 5px;
    border-bottom: 1px solid #b3b2a6;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 30px;
    width: 100%;
}
.wpcf7-form input[type="text"] {background: url('images/icono-user.png') 2px 5px transparent no-repeat;}
.wpcf7-form input[type="email"] {background: url('images/icono-email.png') 2px 7px transparent no-repeat;}
.wpcf7-form input[type="submit"] {background: #fff}
.wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:focus {
    background-color: #f58747;
    border-color: #fff;
    color: #fff;
}
.wpcf7-form textarea {padding: 5px; border: 1px solid #b3b2a6; width: 100%}
.wpcf7-not-valid {background-color: #f9f6aa!important}

.panel {
    background-color: #fefbfb;
    border: 1px solid #ededed;
    box-shadow: none;
}
.panel-default > .panel-heading {
    background: #fefbfb;
    padding: 4px 20px;
    border-radius: 5px 5px 0 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f0f0f0;
    background: #fff;
    font-size: 15px;
    line-height: 1.8;
}
.panel-body {
    padding: 30px 20px;
}
#accordion .highlight {
    background:#f58747;
}
#accordion .highlight a {
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.accordion-toggle {
    color: #f5a87b;
    display: flex;
    align-items: center;    
}
#accordion a h4 {width: 97%; font-size: 16px; font-weight: 400}
#accordion a:after {font-family: 'FontAwesome'; content: '\f078'}
#accordion .highlight a:after {content: '\f077' }

.single-programa_movilidad #banner, .tax-orientacion #banner {background: url('') center top/cover transparent no-repeat;}
.single-convocatoria #banner {background: url('images/banner-convocatoria.jpg') center top/cover transparent no-repeat;}
.single-programa-movilidad h2, .single h2 {background: none; padding: none;}
#menu-lateral-programa {font-size: 17px;}
#menu-lateral-programa li a {
    color: #818181;
    display: block;
    width: 100%;
    padding: 10px 15px;
}
#menu-lateral-programa > li > a {border-top: 1px solid #e2e2e2}
#menu-lateral-programa > li > a.highlight {border-top: 1px solid #858585}
#menu-lateral-programa > li > a:after {font-family: 'FontAwesome'; content: ' \f078'; font-size: 10px; margin-left: 5px}
#menu-lateral-programa > li a:hover, #menu-lateral-programa .highlight {background: #f6f6f6}
#menu-lateral-programa .highlight:after {font-family: 'FontAwesome'; content: ' \f077'; font-size: 10px; margin-left: 5px}
#menu-lateral-programa > li ul li a:hover {background: #fef1e9}
.breadcrumbs span {text-transform: capitalize;}

#listado-directorios {background: #f6f6f6;}
#listado-directorios table {background: #fff; text-align: center; font-size: 14px; margin: 0 auto; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2}
#listado-directorios table tr {border-top: 1px solid #e2e2e2}
#listado-directorios table tr td {padding: 23px 15px;}
#listado-directorios table tr.encabezado td {background: #7f3371; font-size: 17px; padding: 25px 15px; color: #fff;}

.col-sm-4 .col-md-4 {width: 100%;}
.custom-pagination {text-align: center;}
.custom-pagination a {border-radius: 5px; color: #f58747; background: #fff; border: 1px solid #f58747; padding: 5px 10px }
.current, .custom-pagination a:hover, .custom-pagination a:focus {background: #f58747; color: #fff; border: 1px solid #fff; border-radius: 5px; padding: 5px 10px }
.custom-pagination a.prev, .custom-pagination a.next {border: none}

#sidebar-right .block {box-shadow: none;}
#sidebar-right .block .widgettitle {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid; font-size: 25px; margin-top: 0}
#sidebar-right .block li a {color: #818181; padding: 10px}
#sidebar-right .block li a:hover {background: #fef8f4}

.item-blog-detalle img {width: 100%; height: auto; }
.flex {display: flex; justify-content: space-between;}
.post-meta {padding: 15px 0; border-top: 1px dotted #f2f2f2; border-bottom: 1px dotted #f2f2f2; font-size: 13px; margin-top: 30px}
.post-meta span {color: #f58747}
.post-meta #facebook {
    color: #f58747;
    border: 1px solid #f58747;
    border-radius: 5px;
    padding: 3px 8px;
}
.current-cat a {background: #fef8f4}
.titulo-lista {color: #fff; background: #7f3371}
.titulo-lista li {padding: 30px 0; margin: 0 auto!important}
.lista-directorios li {
    display: flex;
    justify-content: space-between;
    margin: 30px;
    max-width: 800px; margin-left:  auto; margin-right: auto
}
.lista-directorios li a {color: #757575; text-decoration: underline;}

#forma-parte ul.listado li img {
filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
#forma-parte ul.listado li:hover img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  
}

.page-template-directorio-investigadores h2 {background:none;}
.search h2 {background: none; padding: 0}
.menu-programa h3 {text-transform: capitalize;}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

#menu-lateral-programa, .listado, #forma-parte ul, .item-listado-miembros ul {list-style: none; padding-left: 0}

@media (min-width: 1200px) {
    .container {width: 1140px;}
    .logo {width: 560px;}
    .redes-header {width: 280px}

}

@media  (max-width: 1199px) and (min-width: 960px) {
    .container {width: 940px; max-width: 960px}
    .navbar-nav > li > a {font-size: 14px;}
}

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

}

@media (min-width: 768px) {
    .item-blog {width:48%; display: inline-block;} 
    .no-left {padding-left: 0}
    .no-right {padding-right: 0}
    .no-padding {padding: 0}
    .navbar-nav, .navbar {
        margin: 0;
    }
    .navbar-nav > li > a {padding-bottom: 18px}
    .carousel-control.left {margin-left: -30px}
    .carousel-control.right {margin-right: -30px}
}

@media (max-width: 980px) {
    .navbar-nav > li > a {
        padding-bottom: 18px;
        font-size: 0.7em;
        padding: 1em;
    }
}

@media (max-width: 767px) {
    /*#content-wrapper > * {display: inherit;}*/
    .movil {display: block!important}
    .desktop {display: none!important}
    body {font-size: 14px}
    section {padding-top: 30px; padding-bottom: 30px}    
    .col-sm-12 .col-sm-4, .col-sm-12 .col-sm-8, .col-sm-8 .col-sm-4, .col-sm-8 .col-sm-8{padding-left: 0;padding-right: 0}
    .listado, #carousel-programas .carousel-inner > .active, #carousel-programas .carousel-inner > .next, 
    #carousel-programas .carousel-inner > .prev, #novedades_recursos .item-listado {flex-direction: column;}
    .listado li, .item_listado_programas, .item .item-listado, #carousel-programas .item .item-listado {width: 100%;}
    .listado li, .item_listado_programas {margin-bottom: 0}
    #forma-parte ul.listado li {width: 100%;}
    .rev_slider_wrapper {display: none!important}
    .listado-novedades {padding-right: 0}
    .home p iframe {max-width: 280px; height: auto;}

    #logo {padding-bottom: 0}
    #logo img {max-width: 250px; margin: 0 auto}
    .navbar-toggle .icon-bar {background: #F33345}
    .navbar {margin-bottom: 0}
    .navbar-nav .open .dropdown-menu {text-align: right;}
    .top-section p, #acerca-de {font-size: 20px}
    #investigacion-rpu {font-size: 17px}
    #convocatorias-abiertas, #experiencias-intercambio .container, .listado-novedades {padding-bottom: 0; background: none}
    .rombo {display: none}
    .detalle-miembro .carreras {
        -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;
        -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;
    }    
     .detalle-miembro .carreras li {margin-bottom: 0!important; background:none!important;}
    .detalle-miembro p {
        display: table;
        margin-bottom: 10px;
        width: 100%;
    }     
    .detalle-miembro p span {
        float: none;
        margin-left: 5px;
    }    
     .slogan form, .slogan form select {max-width: 285px; margin: 0 auto}
     .detalle-miembro {margin-top: 30px;}
     #sidebar-right, #sidebar-right .block {padding: 0}
     #sidebar-right {margin-top: 30px}
     #directorio-movil li {margin-bottom: 30px; padding: 15px;}
     #directorio-movil li p:last-child {margin-bottom: 0}
     #directorio-movil .listado li:nth-child(2n+1) {background: #fefbfb}
     .carousel-control {font-size: 20px}
     .custom-pagination {min-height: 80px}
     .custom-pagination a {display: inline-block; margin-bottom: 5px}
     .current, .custom-pagination a:hover, .custom-pagination a:focus {padding: 8px 12px}
}
/*Estilos cambios del mes de febrero*/
.banner-miembros{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
    position: relative;
}
.listaMiembros{
text-align: center;
}
.listaMiembros-tituloConvocatoria{
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #0f4066;
}
.listaMiembros-item{
    margin-bottom: 30px;
    width: 33%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 14px;
}
.bordeSombra{
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow:  0 3px 6px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
    background: white;
}
.bordeSombra:hover{
    border: 1px solid #F58747;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.listaMiembros-image{
    max-width: 100px;
    height: 70px;
    width: 100%;
    margin: 20px auto;
    box-sizing: border-box;
}
.listaMiembros-image img{
    display: block;
    position: relative;
    margin: 0 auto;
    object-fit: contain;
    width: 95%;
    height: 95%;
}
.listaMiembros-name{
    padding: 0 0.5rem;
    min-height: 50px;
    font-size: 1.5rem !important;
}
.listaMiembros-popup{
    display: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    padding: 0.5rem;
    overflow: auto;
    position: relative;
    top: -50px;
}
.containerPopup{
    padding: 0 40px;
}
.listaMiembros-close{
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #F58747;
    display: block;
    position: absolute;
    right: 0;
    top: -70px;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    font-size: 42px;
    line-height: 50px;
}
.programas-listamiembros .containerPopup{
    padding: 0 60px;
}
.containerPopup hr{
    background:#CBCBCB; /*D3D3D3*/
    height: 1px;
    margin: 1.25rem 0rem !important;    
}
.programas-listamiembros .listaMiembros-popupCentrar{
    min-height: calc(100vh - 200px);
}
.listaMiembros-popupCentrar{
    min-height: calc(100vh - 140px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.listaMiembros-popupCuadro{
    font-size: 14px;
    text-align: left;
    position: relative;
    display: block;
    height: auto;
    background-color: #FFFFFF;
    border-radius: 6px;
    max-width: 680px ;
    width: 100%;
}
.listaMiembros-cabecera{
    overflow: hidden;
    padding: 5px 0 0;
    box-sizing: border-box;
    /*background-color: #EDEDED;*/
    border-radius: 6px 6px 0 0;
    position: relative;
}
.listaMiembros-cabecera.interna{
    overflow: hidden;
    /*padding: 45px 0 0;*/
    box-sizing: border-box;
    /*background-color: #EDEDED;*/
    border-radius: 6px 6px 0 0;
    position: relative;
}
.listaMiembros-contacto{
    padding: 0px 0 50px 0;    
    background-color: #EDEDED;
}
.listaMiembros-popupCuadro p{
    margin: 0;
}
.listaMiembros-popupTitulo{
    color: #000000;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}
.listaMiembros-popupUbic{
    margin-bottom: 20px;
}
.listaMiembros-popupSubTitulo{
    font-weight: bold;
}
.listaMiembros-popupInfo{
    padding-left: 34px;
    box-sizing: border-box;
    position: relative;
}
.listaMiembros-popupWeb{
margin-top: 15px;
}
.listaMiembros-popupUbicacion{
    margin-top: 20px;
}
.listaMiembros-popupInfo i{
    position: absolute;
    left: 0;
    color: #0F4066;
    font-size: 18px;
    top: 2px;
}
.listaMiembros-popupContent{
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
.listaMiembros-popupCoordinador{
    margin: 0.75rem 0rem;
    padding: 1rem;
    box-sizing: border-box;
    font-size: 15px;
    background: #fff;
    border: 1px solid #D3D3D3;
    border-radius: 13px;
}
.listaMiembros-popupTel{
margin-top: 20px;
}
.listaMiembros-popupCorreo{
margin-top: 10px;
}
.listaMiembros-tituloContacto{
    color: #0F4066;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.listaMiembros-flex{
    display: flex;
    align-items: center;
}
.listaMiembros-popupText{
    width: calc(100% - 110px);
    display: inline-block;
    padding-left: 40px;
}
.listaMiembros-popupImage{
    width: 110px;
    display: inline-block;

}
.listaMiembros-popupImage img{
    border-radius: 6px;
    background-color: #ffffff;
}
.listaMiembros-popupItem .separacion::after{
    content:", ";
    position: relative;
}
.listaMiembros-popupItem .separacion:last-child::after{
    content:"";
}
.departamento-filtro select{
    color: #6d6d6d;
    font-size: 16px;
    font-style: italic;
    padding: 8px 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.listaMiembros-back, .back{
    border-radius: 18px;
    background: white !important;
    border: 1.5px solid #767676 !important;
    color: #767676 !important;
    width: fit-content;
    padding: 0.4rem 1.25rem;
    cursor: pointer;
    margin: 0 0 1rem;
}
.listaMiembros-convocatoria{
    background-color: #F3F6FB;
    padding: 30px;
    margin-top: 40px;
}
.listaMiembros-popup.programas-listamiembros{
    padding: 100px 50px;
}

.programas-listamiembros .listaMiembros-popupCuadro{
    max-width: 1030px;
    width: 100%;
}
.listaMiembros-popupContent h3{
   color: #0f4066;
}
.listaMiembros-etiqueta{
    border: 1px solid #E6E9EE;
    color: #0F4066;
    font-size: 18px;
    line-height: 75px;

}
.convocatoria-etiqueta{
    line-height: 75px;
    display: inline-block;
    margin: 0 15px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.1s;
}
.convocatoria-etiqueta:before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: transparent;
    transition: background-color 0.2s;
}
.convocatoria-btn{
    background-color: #F58747;
    border-radius: 3px;
    padding: 12px 20px;
    color: #ffffff;
    display: inline-block;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 400;
}
.convocatoria-btn:hover{
    color: #ffffff;
}
.listaMiembros-contenidoConvocatoria{
padding-bottom: 70px;
}
.convocatoria-btn i{
    margin-right: 15px;
    vertical-align: middle;
}
.convocatoria-etiqueta.active:before,
.convocatoria-etiqueta:hover:before{
    background-color: #FE7C2E;
}
.convocatoria-programa{
    color: #0F4066;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
.convocatoria-etiqueta.active,
.convocatoria-etiqueta:hover{
   font-weight: bold;
}
.convocatoria-informacion{
    margin-top: 30px;
    /*display: none;*/
}
.convocatoria-informacion.is-active{
    /*display: block;*/
}
.item_listado_programas {
   margin-bottom: 40px;
}
.item_listado-titulo{
    padding: 0 20px;
}
.item_listado_programas .item_listado-contenido strong{
font-weight: normal;
}
.seccion-contentSubtitulo{
    margin: 35px 0 45px 0;
}
.seccion-subtitulo{
    font-size: 18px;
}
.banner-capa{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.bordeSombra:hover .listaMiembros-name{
    color: #f58747;
}
.listaMiembros-item .listaMiembros-name{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-centrado{
    text-align: center;
}
.btn-centrado .enterate-mas{
    float: none;
}
.convocatoria-contenido{
    display: none;
}
.convocatoria-contenido:first-child{
    display: block;
}
.recursos-filtro{
    text-align: center;
}
.recursos-cat{
    border: 1px solid #F58747;
    border-radius: 3px;
    color: #F58747;
    padding: 8px 20px;
    margin: 0 5px;
    display: inline-block;
    margin-top: 20px;
}
.recursos-cat:hover,
.recursos-cat.is-active{
    border: 1px solid #F58747;
    background-color: #F58747;
    color: #ffffff;
}
.recursos-items{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.recursos-item{
    width: 25%;
    padding: 0 14px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.recursos-content{
    padding: 20px;
}
.recursos-titulo{
    color: #0F4066;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
.recursos-btn{
    color: #F58747;
    font-size: 15px;
    font-weight: 700;
}
.recursos-descargar{
    text-align: right;
}
.recursos-descargar i{
    margin-left: 15px;
}
.recursos-contentItems{
    margin-left: -14px;
    margin-right: -14px;
    margin-top: 40px;
}
.recursos-filtro{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.buscador{
    text-align: center;
}
.buscador-form{
    display: inline-block;
    position: relative;
    max-width: 290px;
    width: 100%;
}
.buscador-input{
    border: 1px solid #CFCFCF;
    border-radius: 22.5px;
    width: 100%;
    line-height: 40px;
    padding: 0 22px;
    outline: none;
}
.buscador-boton:focus,
.buscador-boton:hover{
     background-color: #F58747;
    color: #ffffff;
 }
.buscador-boton{
    border-radius: 100%;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 3px;
    right: 3px;
    border: none;
    outline: none;
    background-color: transparent;
    transition: all 0.2s;
}
.buscador-input:focus ~ .buscador-boton{
    background-color: #F58747;
    color: #ffffff;
}
.recursos-noEncontrado{
    text-align: center;
}
@media (max-width: 1200px){
    .recursos-contentItems {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 900px){
    .listaMiembros-item {
        width: 32%;
    }
    .recursos-item {
        width: 33%;
    }
}
@media (max-width: 800px){
    .convocatoria-programa {
        font-size: 18px;
    }
    .listaMiembros-popupText {
        padding-left: 20px;
    }
    .convocatoria-btn {
        padding: 10px 15px;
        margin-top: 30px;
        font-size: 14px;
    }
    .programas-listamiembros .containerPopup {
        padding: 0 30px;
    }
    .listaMiembros-tituloConvocatoria{
    font-size: 20px;
    }
    .listaMiembros-popupContent h3{
    font-size: 20px;
    }
    .listaMiembros-popupContent h2{
    font-size: 18px;
    }
}
@media (max-width: 600px){
    .convocatoria-programa {
        text-align: center;
    }
    .recursos-titulo {
        font-size: 16px;
    }
    .recursos-item {
        width: 50%;
    }
    .convocatoria-titulo{
        display: block;
    }
    .listaMiembros-etiqueta {
        line-height: 40px;
    }
    .convocatoria-etiqueta {
        line-height: 40px;
        margin: 0 15px 0 0;
    }
    .listaMiembros-flex {
        flex-direction: column;
    }
    .listaMiembros-close {
        width: 40px;
        height: 40px;
        top: -50px;
        font-size: 37px;
        line-height: 40px;
    }
    .listaMiembros-popupText{
        width: 100%;
        padding-left: 0;
        float: none;
        margin-top: 20px;
    }
    .listaMiembros-popupTitulo{
        text-align: center;
    }   

}
@media (max-width: 500px){
    .listaMiembros-cabecera.interna {
        overflow: hidden;
        padding: 0px 0 0;
        box-sizing: border-box;
        background-color: #EDEDED;
        border-radius: 6px 6px 0 0;
        position: relative;
    }
    .listaMiembros-popup.programas-listamiembros {
        padding: 70px 20px;
    }
    .containerPopup {
        padding: 0 20px;
    }
    .listaMiembros-item {
        width: 49%;
    }
    .recursos-item {
        padding: 0 10px;
    }
    .recursos-content {
        padding: 10px;
    }
    .listaMiembros-popup {
        padding: 60px 15px;
    }
    .slogan h1 {
        font-size: 36px;
    }
    .listaMiembros-popupCoordinador {
        padding: 15px 15px;
    }
    .listaMiembros-popupImage {
    float: none;
    width: 110px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    .slogan {
        font-size: 20px;
        line-height: 1.4;
    }
    .listaMiembros-popupText {
    width: 100%;
    display: block;
    padding-left: 0;
    float: none;
    }
}
@media (max-width: 380px){
    .listaMiembros-name {
    padding: 0 10px;
    }
    .recursos-item {
        width: 100%;
    }
    .listaMiembros-popup.programas-listamiembros {
        padding: 70px 5px;
    }
    .programas-listamiembros .containerPopup {
        padding: 0 20px;
    }
    .listaMiembros-popupInfo {
        padding-left: 25px;
    }
    .listaMiembros-popupCoordinador {
        font-size: 14px;
    }
    .listaMiembros-item {
        padding: 0 8px;
    }
    .listaMiembros-popup {
        padding: 60px 5px;
    }
    .listaMiembros-item .listaMiembros-name {
        font-size: 12px;
        line-height: 1.4;
    }
}

/*
Centrar el menú principal
 */

#menu-principal{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*
Nuevos estilos Home y programas
 */

.listado_programas {display: flex; justify-content:center; flex-wrap:wrap;}