:root {
  --salud-sexual-color: #f5c517;
  --derechos-color: #f58f8b;
  --consumos-color: #3658c9;
  --titulos-color: #8e59a4;
}

.summary {
  padding-top: 7%;
}

/*  OCULTAR PESTAÑAS  */

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

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

.bor {
  visibility: hidden;
}

/*  OCULTAR TITULO PREDEFINIDO  */

.coursetitle {
  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: #fff9f8 !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=/4006/fonts/MOON-FLOWER.TTF");
}

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

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

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

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

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

#section-2 {
  background: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/4006/img/back-3.png");
  background-size: 99%;
  background-repeat: no-repeat;
  background-position: 0 -98px;
  padding-top: 1em;
}

.menu-temas h3 {
  font-family: "Titulos" !important;
  font-size: 1.5em;
  line-height: 30px;
  text-align: left;
  color: var(--titulos-color);
  /*  right: -77%;*/
  position: relative;
  z-index: 100;
  width: 85%;
}

.menu-temas ul,
li {
  list-style: none;
}

li[data-role="titulo-2"]:hover {
  background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/4006/img/menu-temas-2.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: left bottom;
}

li[data-role="titulo-3"]:hover {
  background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/4006/img/menu-temas-3.png");
  background-size: 82%;
  background-repeat: no-repeat;
  background-position: -10px;
}

li[data-role="titulo-4"]:hover {
  background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/4006/img/menu-temas-4.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: -34px;
}

/*COLORES*/

/*Salud sexual*/

h3.dos:hover {
  color: var(--salud-sexual-color);
}

/*Derechos*/

h3.tres:hover {
  color: var(--derechos-color);
}

/*Consumos*/

h3.cuatro:hover {
  color: var(--consumos-color);
}

/*DEFINICION*/

.definicion {
  background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/4006/img/back-definicion.png");
  background-size: 100%;
  width: 28%;
  float: left;
  bottom: -115px;
  position: relative;
  padding-top: 8.4%;
  padding-left: 2%;
}

.definicion h3 {
  font-family: "Destacado" !important;
  font-size: 3em;
  line-height: 30px;
  text-align: left;
}

.definicion p {
  font-family: "Textos" !important;
  color: var(--titulos-color);
  font-size: 1em;
  line-height: 20px;
}

svg.audio {
  float: right;
  width: 11%;
  margin-top: -20%;
  margin-right: 8%;
}

@media screen and (max-width: 467px) {
  .contenedor-lateral {
    margin-top: 20%;
  }
  .menu-temas {
    margin-bottom: 20%;
  }
  #section-2 {
    background: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/4006/img/back-3-resp.png");
    background-size: 118%;
    background-repeat: no-repeat;
    background-position: 110% -1%;
    padding-top: 1em;
  }
  .menu-temas h3 {
    font-family: "Titulos" !important;
    font-size: 2em;
    text-align: center !important;
    color: var(--titulos-color);
    right: -21%;
    position: relative;
    z-index: 100;
    width: 20%;
    padding-bottom: 6%;
    white-space: nowrap;
  }
  li[data-role="titulo-3"] {
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/4006/img/menu-temas-3.png");
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .dos {
    margin-top: 78%;
  }
  .definicion {
    background-image: inherit;
    background-size: inherit;
    width: inherit;
    float: left;
    bottom: inherit;
    position: relative;
    padding-top: inherit;
    padding: 2%;
    margin-bottom: 12%;
    background-color: RGB(232, 230, 211, 0.4);
    border-radius: 13px;
  }
  .control-buttons li {
    margin-bottom: -10.7%;
    background-position-y: -2%;
  }
  .control-buttons li:nth-of-type(5n + 5) {
    background-position-y: 0%;
  }
}

@media only screen and (max-width: 825px) and (orientation: landscape) {
  .control-buttons li {
    margin-bottom: -4.7%;
    background-position-y: 3%;
  }
  .control-buttons li:nth-of-type(5n + 5) {
    background-position-y: 0%;
  }
  #section-2 {
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: 39% -34%;
    padding-top: 1em;
  }
  .definicion {
    background-image: url("//campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/4006/img/back-definicion.png");
    background-size: 105%;
    width: 27%;
    float: left;
    bottom: -47px;
    position: relative;
    padding-top: 8.4%;
    padding-left: -2%;
  }
}

@media only screen and (max-width: 667px) and (orientation: landscape) {
  #section-2 {
    background-size: 99%;
    background-repeat: no-repeat;
    background-position: 355% -20%;
  }
}