.position-relative {
    position: relative;
}

div#container,
div#middle,
div#footer,
div#main-brands,
div#slider-area {
    width: 100%;
    max-width: 1100px;
}

div#actualidad {
    height: auto;
    width: 100%;
    max-width: 503px;
}

.post {
    height: auto;
}

.publicacioneshome {
    width: 100%;
    max-width: 129px;
}

#publicaciones {
    height: auto;
    width: 100%;
    max-width: 503px;
}

.nivoSlider {
    width: 100%;
    max-width: 700px;
}

.nivoSlider img {
    height: auto!important;
}

div#container.sgpwrapper,
div#container.odswrapper {
    width: 100%;
}

.bodyrgt {
    width: 100%;
    max-width: 621px;
}

.panelproject {
    height: auto;
    min-height: 296px;
    width: 100%;
    max-width: 970px;
}

#proyectocontainer {
    height: auto;
    min-height: 624px;
    width: 100%;
    max-width: 970px;
}

.bodylft {
    height: auto;
    min-height: 259px;
    width: 100%;
    max-width: 250px;
}

#hidemask {
    /* height: auto; */
    width: 100%;
    max-width: 970px;
}

.panelcontentsPro {
    height: auto;
    min-height: 662px;
    overflow: hidden;
    width: 100%;
    max-width: 970px;
}

.proyectos {
    height: auto;
    min-height: 700px;
    display: flex;
    flex-direction: column;
}

.bookUrl.bookRelative {
    position: relative;
    bottom: 0;
    margin: 40px 0;
    margin-top: 0;
}

.nivoSlider img {
    max-width: 100%;
}

.nivo-thumbs-enabled a>div h2 {
    margin-top: 0;
}

.nivo-thumbs-enabled a>div {
    width: 100% !important;
    /* height: auto !important; */
    box-sizing: border-box;
    padding: 20px 20px;
    height: 109px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.nivo-thumbs-enabled a.active div,
.nivo-thumbs-enabled a:hover div {
    border-left: 10px solid #fdb813;
    width: 100%!important;
}

.integrantes {
    width: 100%;
}

.integrantes.last {
    width: 100%;
}

.publicacioneshome {
    width: 100%;
    min-height: 544px;
}

.publicacioneshome .divi {
    min-height: 514px;
}

.publicacioneshome-content {
    min-height: 236px;
    max-height: 250px;
    overflow:hidden;
}

.bookUrl {
    position: absolute;
    bottom: -40px;
    margin-left: 0;
}

.container-closemenu {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

#menuMobileClose {
    position: relative;
    background: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    font-size: 18px;
    font-weight: bold;
}

#menuMobile {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fdb813;
    z-index: 99999;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
}

#menuMobile.active {
    display: flex;
}

#burgericonMenu {
    background: #fdb912;
    border: none;
    border-radius: 10px;
    padding: 16px;
    width: 60px;
    position: absolute;
    right: 20px;
    top: 0;
    display: none;
}

#burgericonMenu img {
    max-width: 100%;
}

#menuMobile #logoMenuMobile {
    display: block;
    margin: 20px 0;
    padding: 0;
    text-align: center;
}
#menuMobile #logoMenuMobile img {
    max-width: 80%;
}

#menuMobile .menu-principal-container,
#menuMobile .menu-principal-container ul.menu,
#menuMobile .menu-principal-container ul.menu li,
#menuMobile .menu-principal-container ul.menu li a {
    display: block;
}

#menuMobile .menu-principal-container ul.menu li a {
    padding: 15px 10px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}

#menuMobile .menu-principal-container ul.menu li .sub-menu {
    display: none;
    background: #d99e11;
}
#menuMobile .menu-principal-container ul.menu li .sub-menu.active {
    display: block;
}

#panel {
    height: auto;
    min-height: 546px;
}


#publitabs {
    height: auto;
    min-height: 640px;
    padding-bottom: 20px;
}

#flechileft,
#flechiright {
    z-index: 2;
}

div[id^='tabs-'] {
    height: auto !important;
}

#envirabox-close {
    display: block;
}

.tagInfo {
    display: flex;
}

.tagInfo .tagInfo-izq {
    min-width: 200px;
    max-width: 200px;
    margin-right: 20px;
    text-align: center;
}
.tagInfo .tagInfo-izq img {
    height: auto;
    width: auto;
}

.srch .the_post_cnt,
.srch .the_thumb {
    height: auto;
}

div#support ul li {
    margin: 0 10px 0 !important;
}

div#redes ul li,
div#support ul li {
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0!important;
}

div#redes ul li a,
div#support ul li a {
    min-height: 60px;
    display: flex;
    align-items: center;
}

div#redes ul li a img,
div#support ul li a img {
    height: auto;
    width: auto;
}

.tags-container {
    display: block;
}

.tags-container a {
    color: #57585a;
    text-decoration: none;
}

#header {
    min-height: 173px;
    height: auto;
    width: 100%;
}

#search {
    width: 300px;
}

#eysright {
    width: 100%;
    max-width: 758px;
}

.panelcontentsAud {
    width: 100%;
}

#press-list {
    width: 100%;
    max-width: 707px;
}

#press-list li {
    border-bottom: 1px solid #57585a;
    width: 100%;
    height: auto;
}

#press-list li #press-text {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
    height: auto;
}

#press-icons {
    display: block;
    position: relative;
    bottom: 0;
    margin-top: 20px;
    margin-bottom: 40px;
}

#press-list li img {
    height: auto;
    max-height: inherit;
    width: auto;
    max-width: 100%;
}

.bordHide {
    max-width: 700px;
    width: 100%;
}

.contban {
    width: 100%!important;
    max-width: 554px !important;
    height: auto!important;
}

.boletines-list li{
    box-sizing: border-box;
}

.all-list li {
    box-sizing: border-box;
}

#edban {
    height: auto !important;
}

.page-template-page-reforma .nivo-thumbs-enabled {
    width: 367px;
}

@media screen and (max-width: 768px) {
    
    * {
        box-sizing: border-box;
    }
    .mobile-fw {
        width: 100%!important;
    }
    .integrantes {
        width: 100%;
    }
    #panel .panelmenu {
        width: 100%;
    }
    #header {
        flex-direction: column;
        width: 100%;
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .tags-container {
        padding: 0 20px;
    }
    #quereforma #proyectoSGP #mainmenu ul li.menu_apoyan {
        width: 100%;
        flex-direction: column;
    }
    #burgericonMenu {
        display: block;
    }
    .the_post_cnt {
        width: 100%;
    }
    .srch .the_thumb {
        width: 100%;
        margin-top: 15px;
    }
    .search-results .post {
        padding: 10px 10px;
    }
    #mainmenu {
        display: none;
    }
    #mainmenu ul li:hover ul {
        width: 100%;
    }
    #mainmenu ul li ul.sub-menu li {
        width: 100%;
        margin: 0;
    }
    #mainmenu ul li ul.sub-menu li a {
        width: 100%;
        float: none;
        height: auto;
        padding-bottom: 14px;
    }
    .nivo-thumbs-enabled {
        width: 100%;
    }
    .nivo-thumbs-enabled a>div {
        height: auto!important;
    }
    .nivo-thumbs-enabled a>div h2 {
        margin-top: 0;
    }
    #logolink,
    #mainmenu {
        width: 100%;
    }
    #mainmenu {
        left: 0;
    }
    #content {
        margin-top: 0;
    }
    .sectioncategorytitle {
        width: 130px;
    }
    .ui-tabs .ui-tabs-nav li {
        width: 100% !important;
    }
    .atcont,
    .post a.ban {
        width: 100%;
    }
    .post a.ban {
        margin-top: 20px;
    }
    .post img {
        max-height: inherit;
        height: auto;
    }
    #obei,
    .columns h3 {
        width: 100%;
    }
    #publicaciones {
        max-width: 100%;
    }
    #aniversarySlide {
        margin: 20px;
    }
    #aniversarySlide ul li {
        width: 100%;
        max-width: 577px;
        height: 396px;
        height: auto;
    }
    #aniversarySlide ul li img {
        max-width: 100%!important;
    }
    .publicacioneshome {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block;
        min-height: inherit;
    }
    .publicacioneshome .divi {
        min-height: inherit;
    }
    .publicacioneshome-content {
        min-height: inherit;
        /* overflow: hidden; */
    }
    div#redes,
    div#support {
        width: 100%;
        display: block;
        padding: 0 20px;
    }
    div#support {
        border: none;
        margin: 0;
        margin-top: 20px;
    }
    #footcontent-25a .i25 {
        margin-bottom: 40px;
    }    
    .bookUrl {
        position: relative;
        bottom: 0;
    }

    div#main-brands div.col #homeobei #obei {
        display: inline-block;
    }
    #footer {
        flex-direction: column;
        height: auto;
    }
    #homeobei,
    div#main-brands div.col #homeeys,
    #footer #footcontent,
    div#main-brands div.col div.program {
        width: 100%;
    }
    div#main-brands div.col div.program {
        flex-basis: 100%;
        padding: 0 10px;
    }    
    .nivoSlider img {
        max-width: 100%;
        min-height: inherit;
    }
    div#main-brands div.row {
        flex-direction: column;
    }
    div#main-brands div.col #homeeys #eys {
        height: auto;
    }
    #header,
    #arts {
        height: auto;
        overflow: hidden;
    }
    #arts ul li {
        width: 50%;
        height: auto;
        margin-top: 0;
    }
    #footer #footcontent p {
        height: auto;
        padding: 20px;
    }
    #footer #footimg {
        margin-bottom: 20px;
        text-align: center;
    }
    #footer #footimg img {
        top: 0;
        display: inline-block;
        float: none;
        margin-top: 20px;
    }
    .publicacioneshome {
        padding-right: 20px;
    }
    .post2 img {
        max-width: 100%;
        height: auto;
    }
    #footer a {
        text-align: center;
        /* display: block; */
    }
    .nt-25a .i25 img {
        display: inline-block;
    }
    #footcontent-25a .i25 img {
        margin: 0 auto;
    }
    .post {
        padding: 10px 20px;
    }
    div#main-brands div.col #homeobei {
        padding: 0 20px;
    }
    #arts img {
        display: block;
        margin-top: 20px;
    }
    #arts img:first-of-type {
        margin-top: 0px;
    }
    .nivoSlider {
        min-height: 180px;
    }
    
    #mainmenu ul {
        display: flex;
        flex-direction: column;
    }
    #mainmenu ul li {
        float: none;
        position: relative;
        margin-right: 0;
    }
    #mainmenu ul li a {
        border: none;
        height: auto;
        padding: 10px 0;
        width: 100%;
    }
    #search {
        width: 100%;
        display: flex;
        position: relative;
        margin-bottom: 40px;
        flex-direction: column;
    }
    #search #socials {
        position: relative;
        right: 0;
        top: -8px;
        width: 100%;
        display: flex;
        margin-bottom: 20px;
        text-align: center;
    }
    #searchform {
        position: relative;
        margin-top: -10px;
    }
    #search img {
        margin-left: 10px;
    }
    .columns h3 {
        width: 100%!important;
    }
    .colleftx2 {
        padding: 0 20px;
    }
    #commentsandstuff {
        /* padding-left: 20px;
        padding-right: 20px; */
    }
    .sharetitle {
        background-position: 99% 0px;
        width: 100%;
    }
    input[type='submit'] {
        padding: 10px 8px;
        width: 100%;
        margin: 0;
    }
    .panelproject .item {
        display: flex;
        flex-direction: column;
    }
    .panelproject .item .bodyrgt {
        margin-left: 0;
        height: auto;
    }
    .panelcontentsPro {
        margin-left: 0px;
    }
    #proyectocontainer {
        position: relative ;
    }
    #hidemask {
        display: block;
        position: relative;
    }
    .bodylft {
        max-width: 100%;
    }
    .panelproject {
        padding: 0 20px;
    }
    .howtoreach {
        width: 100%;
    }
    .colleftx2 .mainpost {
        width: 100%!important;
    }
    #search .searchfield {
        width: 89%;
        margin-bottom: 10px;
    }
    .columns h3 {
        height: auto!important;
    }
    .searchitems {
        height: auto;
    }
    #sidebarPGP {
        text-align: center;
    }
    #sidebarPGP,
    #maestria, 
    #maestria #content-wrapper #content,
    #maestria #content-wrapper #gallery {
        width: 100%;
    }
    #maestria {
        padding: 0 10px;
        margin-top: 40px;
    }
    #maestria #content-wrapper {
        height: auto;
        width: 100%;
    }
    #maestria #content-wrapper #content {
        margin: 0;
        padding: 20px;
        max-height: inherit;
    }
    #quereforma #proyectoSGP {
        width: 100%;
    }
    #quereforma #proyectoSGP #content-wrapper #content.col-info {
        flex-direction: column;
    }
    #quereforma #proyectoSGP #content-wrapper #content .col-izq {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    #quereforma #panelitems {
        flex-direction: column;
    }
    #quereforma #panelitems .panelbook {
        width: 100%;
        border-left: none;
    }
    #quereforma #panelitems .panelbook {
        padding: 20px;
    }
    #proyectoSGP {
        padding: 0;
    }
    div#main-brands div.col #homeeys #eys {
        display: flex;
    }
    #homeobei,
    div#main-brands div.col #homeeys,
    #footer #footcontent,
    div#main-brands div.col div.program {
        padding: 0 20px;
    }
    #arts ul li {
        float: left;
        margin-right: 0;
        margin-top: 0px;
    }
    div#datos.horizontal div#datainner .xprt {
        height: auto;
    }
    .odswrapper #sidebarODS {
        margin-bottom: 20px;
    }
    #sidebarSGP,
    #sidebarODS {
        width: 100%;
    }
    .page-template #mainmenu {
        display: block;
    }
    .page-template#proyectoSGP #mainmenu ul li,
    .page-template #maestria #mainmenu ul li {
        width: 100%;
        margin: 0;
    }
    .page-template #proyectoSGP #mainmenu ul li a,
    .page-template #maestria #mainmenu ul li a {
        width: 100%;
        height: auto;
        display: block;
        padding: 20px 0;
    }
    #proyectoSGP #mainmenu ul li {
        margin: 0;
    }
    .page-template #proyectoSGP #mainmenu ul li ul.sub-menu,
    .page-template #maestria #mainmenu ul li ul.sub-menu {
        width: 100%;    
    }
    .page-template #proyectoSGP #mainmenu ul li ul.sub-menu li,
    .page-template #maestria #mainmenu ul li ul.sub-menu li{
        margin: 0;
    }
    .page-template #proyectoSGP #mainmenu ul li ul.sub-menu li a,
    .page-template #maestria #mainmenu ul li ul.sub-menu li a {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }
    #proyectoSGP {
        width: 100%;
    }
    #proyectoSGP #content-wrapper #content section.article-wrapper article figure {
        max-height: inherit;
        width: 100%;
    }
    #proyectoSGP #content-wrapper #content.programasgp {
        width: 100%;
        margin: 0;
    }
    #proyectoSGP #mainmenu {
        height: auto;
    }
    .page-template-page-ods-programa .bx-viewport {
        height: 600px!important;
    }
    #proyectoSGP #content-wrapper #content section.article-wrapper article {
        border: none;
    }
    #proyectoSGP #content-wrapper #content .bx-wrapper {
        max-width: 320px!important;
    }
    .page-template-page-ods-programa .bx-wrapper img {
        max-width: 100%;
        display: inline-block;
    }
    #eysright {
        margin-left: 0;
    }
    .home .bookUrl a img {
        margin-top: 20px;
    }
    #panelAuds .panelbook,
    #panelvids .panelbook {
        width: 300px;
        border: none;
    }
    .page-template-page-eys .bookUrl {
        margin: 0 auto;
        bottom: -40px;
    }
    .page-template-page-eys .bookUrl a img {
        margin-top: -30px;        
    }
    #flechileftinf,
    #flechirightinf {
        z-index: 2;
    }
    .page-template-page-eys #panelinf .panelbook {
        border: none;
        width: 300px;
    }
    .page-template-page-eys #panelinf .panelbook .panelbody {
        width: 100%;
    }
    #eysleft {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0 15px;
    }
    #eysleft img {
        width: auto;
        max-width: 100%;
    }
    .page-template-page-eys .ui-tabs .ui-tabs-nav li,
    .page-template-page-eys .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        height: auto;
    }
    #press-icons {
        display: block;
        position: relative;
        bottom: 0;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    #press-list li img {
        height: auto;
        max-height: inherit;
        width: auto;
        max-width: 100%;
    }
    .page-template-page-obei .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
        width: 100%!important;
        height: auto!important;
    }
    .all-list li {
        border: none;
        height: auto;
        width: 297px;
        box-sizing: border-box;
    }
    .bordHide {
        width: 100%;
    }
    ul.subobei {
        height: auto !important;
        width: 100% !important;
    }
    ul.subobei li {
        height: auto !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
        #staff-list {
            height: auto;
        }
    #staff-list li {
        height: auto;
        width: 100%;
        border: none;
    }
    .cloud {
        height: auto;
        width: 100%;
        min-height: 74px;
    }
    .cloud p {
        right: 0;
        width: 100%;
        margin: 0;
    }
    .cloud .incloud {
        display: none;
    }
    #vid-list li,
    #editorial-list li,
    .articulos-list li,
    .informe-list li,
    .notas-list li,
    #fyc-list li,
    .boletines-list li {
        border: none;
        width: 297px;
    }
    .info-2-cols,
    .info-4-cols {
        grid-template-columns: auto;
    }
    #quereforma #panelitems .panelbook.sec-documentos {
        padding: 0;
    }
    .page-template-page-reforma #slider-area .nivoSlider {
        max-width: 667px;
    }
    #quereforma #panelitems .panelbook .bookimage img {
        width: auto;
        max-width: 160px;
    }
    #quereforma #panelitems .panelbook {
        width: 300px;
        /* margin: 0 20px; */
    }
    .page-template-page-more #float-more {
        top: 0!important;
    }
    .page-template-page-reforma-documentos #quereforma .panelcontents {
        max-width: 300px;
        margin: 0;
        margin-left: 15px;
    }
    #quereforma .nivo-thumbs-enabled a div {
        justify-content: center;
        padding: 0;
    }
    .panelproject {
        height: 624px;
        background: #fff;
    }
    .panelproject .cntnt {
        padding-right: 0;
        max-height: 328px !important;
    }
    #more-content .atcont {
        margin-left: 0!important;
        width: 100%!important;
    }
    #more-content .post a.ban {
        position: relative!important;
        width: 100%!important;
    }
    #more-content .post {
        height: 530px;
        overflow: hidden;
        overflow-y: auto;
        box-sizing: border-box;
    }
    #more-content .post .post img {
        width: auto;
        max-width: 100%;
        max-height: 290px;
        height: auto;
    }

    body.home .publicacioneshome .publicacioneshome-content p img {
        display: none;
    }

}