/*OCULAR PESTAÑAS  */

.nav-tabs {
    border-bottom: none;
    display: none;
}

.nav-tabs>li>a {
    border: solid transparent;
}

.bor {
    visibility: hidden;
}

.page-context-header .page-header-headings {
    display: none;
}


/*COLOR DE FONDO*/

#essentialnavbar {
    z-index: 9999;
}

body,
.course-content,
#page #page-content #region-main,
.pagelayout-redirect #page-content #region-main #page #page-content #region-main,
.pagelayout-redirect #page-content #region-main,
#page #page-content div[role="main"],
.pagelayout-redirect #page-content div[role="main"] {
    background-color: #FFFDFC!important;
}

header {
    background-color: #FFFFFF!important;
}

p {
    font-family: inherit;
}


/*FUENTES ESPECIALES*/

@font-face {
    font-family: "Titulos";
    src: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/fonts/MoonFlower.woff2");
}

@font-face {
    font-family: "Destacado";
    src: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/fonts/MOON-FLOWER-BOLD.TTF");
}

@font-face {
    font-family: "Textos";
    src: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/fonts/ROBOTO-REGULAR.TTF");
}

@font-face {
    font-family: "Citas";
    src: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/fonts/ROBOTO-MEDIUMITALIC.TTF");
}

@font-face {
    font-family: "AutoresCitas";
    src: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/fonts/ROBOTO-ITALIC.TTF");
}

@font-face {
    font-family: "NumeroSubtemas";
    src: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/fonts/ROBOTO-BOLD.TTF");
}

.home-personajes {
    position: relative;
    height: 630px;
    overflow: hidden;
}

.home-personajes h3 {
    font-family: "Titulos"!important;
    font-size: 2.5em;
    text-align: center;
    color: #3557C8;
    right: -77%;
    position: relative;
    z-index: 100;
    width: 15%;
}

.dos {
    margin-top: 21%;
}

.home-personajes ul,
li {
    list-style: none;
}

.home-personajes section {
    display: block;
    width: 100%;
    height: 153%;
    position: absolute;
    right: 1%;
    top: -9999px;
    text-align: center;
    z-index: 3;
    /*margin-left:-9999px;*/
}


/*Hover sobre títulos*/

.home-personajes section[data-role="personaje-1"] {
    z-index: 1;
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos1-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

li[data-role="titulo-2"]:hover section[data-role="personaje-2"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos2-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

li[data-role="titulo-3"]:hover section[data-role="personaje-3"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos3-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

li[data-role="titulo-4"]:hover section[data-role="personaje-4"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos4-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

li[data-role="titulo-5"]:hover section[data-role="personaje-5"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos5-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

li[data-role="titulo-6"]:hover section[data-role="personaje-6"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos6-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}


/*COLORES*/


/*Cuerpos*/

h3.dos:hover {
    color: #8E59A4;
}


/*Patriarcado*/

h3.tres:hover {
    color: #FF010B;
}


/*Vinculos*/

h3.cuatro:hover {
    color: #5DBBF4;
}


/*Violencias*/

h3.cinco:hover {
    color: #2AC9B5;
}


/*Feminismos*/

h3.seis:hover {
    color: #F9B737;
}


/*Hover sobre personajes*/

.fondo2 {
    width: 18%;
    height: 54%;
    position: absolute;
    z-index: 9;
    top: 36%;
}

.fondo2:hover li[data-role="titulo-2"] section[data-role="personaje-2"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos2-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.fondo3 {
    width: 12%;
    height: 54%;
    position: absolute;
    z-index: 9;
    top: 36%;
    right: 67%;
}

.fondo3:hover li[data-role="titulo-3"] section[data-role="personaje-3"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos3-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.fondo4 {
    width: 13%;
    height: 54%;
    position: absolute;
    z-index: 9;
    top: 36%;
    right: 53%;
}

.fondo4:hover li[data-role="titulo-4"] section[data-role="personaje-4"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos4-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.fondo5 {
    width: 10%;
    height: 54%;
    position: absolute;
    z-index: 9;
    top: 36%;
    right: 42%;
}

.fondo5:hover li[data-role="titulo-5"] section[data-role="personaje-5"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos5-.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.fondo6 {
    width: 18%;
    height: 54%;
    position: absolute;
    z-index: 9000;
    top: 36%;
    right: 23%;
}

.fondo6:hover li[data-role="titulo-6"] section[data-role="personaje-6"] {
    top: 2%;
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/Personajes_Fondos6-.png")!important;
    background-size: 100%;
    background-repeat: no-repeat;
}

@media screen and (max-width:467px) {
    .home-personajes {
        position: relative;
        height: 511px;
        overflow: hidden;
    }
    .home-personajes h3 {
        font-family: "Titulos"!important;
        font-size: 2.5em;
        text-align: center!important;
        color: #3557C8;
        right: -21%;
        position: relative;
        z-index: 100;
        width: 20%;
        padding-bottom: 6%;
    }
    .dos {
        margin-top: 28%;
        left: 63%!important;
    }
}

#loop {
    display: none;
}

#titulo-loop {
    display: none;
}

@media only screen and (max-width: 768px) {
    .home-personajes section[data-role="personaje-1"] {
        display: none;
    }
    #loop {
        display: inherit!important;
        left: -5%;
        width: 98%;
        position: absolute;
        top: -10%;
    }
    #titulo-loop {
        display: inherit!important;
        left: 11%;
        width: 69%;
        position: absolute;
        z-index: 111;
    }
    /*VIDEO MP4*/
    /*#loop {
    display: inherit!important;
    top: -36%;
    left: 1%;
    width: 110%;
    height: 100%;
    position: absolute;
  }*/
    .fondo2,
    .fondo3,
    .fondo4,
    .fondo5,
    .fondo6 {
        display: none;
    }
    h3.dos {
        color: #8E59A4;
        left: 57%!important;
    }
    h3.tres {
        color: #FF010B;
        left: 57%!important;
    }
    h3.cuatro {
        color: #5DBBF4;
        left: 57%!important;
    }
    h3.cinco {
        color: #2AC9B5;
        left: 57%!important;
    }
    h3.seis {
        color: #F9B737;
        left: 57%!important;
    }
}

@media only screen and (max-width: 865px) and (orientation: landscape) {
    #loop {
        display: inherit!important;
        left: 12%;
        width: 48%;
        position: absolute;
        top: -10%;
    }
}