* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*body {
  background: #242c38;
  font-family: 'Roboto';
  font-size: 62.5%;
}
*/
.clearfix:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
  width: 0;
}

/*ul {
  list-style-type: none;
}
*/
/*a {
  color: #00c5b9;
  text-decoration: none;
}*/

/*h1 {
  color: #FFF;
  text-align: center;
  margin-top: 30px;
  font-weight: 300;
  font-size: 2.4em;
}
*/
/** ---------------------------------------
 * Slider 
 ----------------------------------------*/
.container {
  width: 70%;
    margin: -4% 0px 0px -1px;
    font-size: 1em;
    float: right;
}

.slider-wrapper {
  z-index: 500;
  position: relative;
  width: 100%;
  height: 419px;
  background: #FFF;
  /*border: 5px solid #4b5973;*/
  overflow: hidden;
}

.slider-wrapper li {
  display: none;
}

.slider-wrapper .current-slide {
  display: block;
}

.slider-shadow {
  width: 100%;
  height: 15px;
  position: relative;
}

.slider-shadow:after, .slider-shadow:before {
  content: '';
  position: absolute;
  background: #171c24;
  height: 100%;
  width: 50%;
  left: 10px;
  top: -20px;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -webkit-box-shadow: 0 0 15px 8px #171c24;
  box-shadow: 0 0 15px 8px #171c24;
}

.slider-shadow:before {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
}

.slider-wrapper img {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 0;
  left: 0;
}

/**
 * ---[Caption] ---------------------- 
 **/


.texto-slider {
    font-family: 'Roboto';
    background: rgba(252,219,210,0.9);
    color: #3758C9;
    font-style: italic;
    text-align: center;
}

.texto-slider .caption {
  font-family: 'Roboto';
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(252,219,210,0.9);
  width: 100%;
  padding: 10px;
  color: #3758C9;
  font-style: italic;
  text-align: center;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.texto-slider:hover .texto-slider-plus {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}


.texto-slider h2 {
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 6px;
  color: #3758C9;
}

.texto-slider p {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4em;
  color: #3758C9;
  padding-bottom: 5%;
}

.fluid-width-video-wrapper{
  padding-top: 56.75%!important;
}

/*SLIDER TEXT ROLL*/

/*.content-slider-roll {
  width: 100%;
  height: 122px;
  overflow: hidden;
}

.slider-roll {
  height: 320px;
  width: 100%;
  margin: 40px auto 0;
  overflow: visible;
  position: relative;
}

.mask {
  overflow: hidden;
  height: 320px;
}

.slider-roll ul {
  margin: 0;
  padding: 0;
  position: relative;
}

.slider-roll li {
  width: 100%;
  height: 320px;
  position: absolute;
  top: -325px;
  list-style: none;
}

.slider-roll .quote {
 font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 6px;
  color: #3758C9;
}

.slider-roll .source {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4em;
  color: #3758C9;
}

.slider-roll li.anim1 {
  animation: cycle 20s linear infinite;
}

.slider-roll li.anim2 {
  animation: cycle2 20s linear infinite;
}

.slider-roll li.anim3 {
  animation: cycle3 20s linear infinite;
}

.slider-roll li.anim4 {
  animation: cycle4 20s linear infinite;
}

.slider-roll li.anim5 {
  animation: cycle5 20s linear infinite;
}

.slider-roll li.anim6 {
  animation: cycle6 20s linear infinite;
}

.slider-roll:hover li {
  animation-play-state: paused;
}

@keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}

@keyframes cycle6 {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}*/

/**** slider text ****/

#text-slider, #text-slider ul
{
  height: 133px;
}

#text-slider
{
  margin: auto;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 600px;
}

#text-slider li
{
  float: left;
  position: relative;
  width: 600px;
  display: inline-block;
  height: 200px;
}

#text-slider ul
{
  list-style: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 9000px;
  transition: left .3s linear;
  -moz-transition: left .3s linear;
  -o-transition: left .3s linear;
  -webkit-transition: left .3s linear;
  margin-left: 0px;
  font-family: century gothic;
  color: #666;
}

/*** Content ***/

.text-slider-container
{
  margin: 0 auto;
  padding: 0;
  width: 550px;
  min-height: 180px;
}


/*** target hooks ****/

@-webkit-keyframes slide-animation {
  0% {opacity:0;}
  2% {opacity:1;}
  20% {left:0px; opacity:1;}
  22.5% {opacity:0.6;}
  25% {left:-600px; opacity:1;}
  45% {left:-600px; opacity:1;}
  47.5% {opacity:0.6;}
  50% {left:-1200px; opacity:1;}
  70% {left:-1200px; opacity:1;}
  72.5% {opacity:0.6;}
  75% {left:-1800px; opacity:1;}
  95% {opacity:1;}
  98% {left:-1800px; opacity:0;} 
  100% {left:0px; opacity:0;}
}

#text-slider ul
{
  -webkit-animation: slide-animation 25s infinite;
}

/* use to paused the content on mouse over */

#text-slider ul:hover
{
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}




/*SLIDER OCULTO*/

.texto-slider-oculto{
  background: rgba(252,219,210,0.9);
  font-family: "Textos"!important;
    color: #3557C8;
    font-size: 1em;
    line-height: 20px;
    padding: 5%;
    position: absolute;
    top: 0;
    display: none;
    height: 100%;
    overflow-y: overlay;
}

.glosario-slider-oculto{
  background: rgba(252,219,210,0.9);
  font-family: "Textos"!important;
    color: #3557C8;
    font-size: 1em;
    line-height: 20px;
    padding: 5%;
    position: absolute;
    top: 0;
    display: none;
    height: 100%;
    overflow-y: overlay;
}

/*.texto-slider-oculto p {
    margin-top: 9%;
}*/

#img-close {
    position: absolute;
    top: 10%;
    left: 94%;
    cursor: pointer;
}

 

/**
 * ---[Botones-Control] ---------------------- 
 **/
.course-content li.section ul {
    margin: 0;
}

.control-buttons {
  margin-top: -20%!important;
  text-align: center;
}

.control-buttons li {
  cursor: pointer;
    display: inline-block;
    background: #AC8EBA;
    text-indent: -99999px;
    height: 51px;
    margin-bottom: -1.7%;
    width: 16.66%;
}

.control-buttons li:nth-of-type(5n + 1) { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=%2F2269/img/botones/botones-cuerpos_1.png); background-size: 100%; background-repeat: no-repeat; }
.control-buttons li:nth-of-type(5n + 1).active { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_1_active.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 2) { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_2.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 2).active { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_2_active.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 3) { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_3.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 3).active { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_3_active.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 4) { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_4.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 4).active { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_4_active.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 5) { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_5.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 5).active { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_5_active.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 6) { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_%.png); background-size: 100%; background-repeat: no-repeat;}
.control-buttons li:nth-of-type(5n + 6).active { background-image: url(http://campusacademica.rec.uba.ar/repository/coursefilearea/file.php?file=/2269/img/botones/botones-cuerpos_%_active.png); background-size: 100%; background-repeat: no-repeat;}

/*.control-buttons li.active {
  background: #00c5b9;
}
*/


/** ---------------------------------------
 * Responsive 
 ----------------------------------------*/
 @media only screen and (max-width: 825px)  and (orientation: landscape)  {
  .container {
    width: 500px;
  }

  .slider-wrapper {
    height: 260px;
  }
 }

 @media only screen and (max-width: 535px) {
  .container {
    padding: 5px;
    width: 100%;
    margin: 40px 0 0 0;
  }

  .slider-wrapper {
    height: 167px;
  }
  
  .slider-wrapper .caption {
    display: none;
  }

  #img-close{
    top: 3%;
    left: 85%;
  }

  .glosario{
    width: 5%;
    margin-left: 5%;
  }

  #text-slider
  {
    width: 200px;
  }

  #text-slider li
  {
    width: 200px;
  }

  #text-slider ul
  {
    width: 3000px;
  }

  .text-slider-container
  {
    width: 180px;
  }

  .texto-slider h2 {
    font-size: 1em;
    font-weight: 200;
    line-height: 25px;
  }

  .texto-slider p {
    font-size: 0.75em;
  }
  
     /*** target hooks ****/

    @-webkit-keyframes slide-animation {
      0% {opacity:0;}
      2% {opacity:1;}
      20% {left:0px; opacity:1;}
      22.5% {opacity:0.6;}
      25% {left:-200px; opacity:1;}
      45% {left:-200px; opacity:1;}
      47.5% {opacity:0.6;}
      50% {left:-400px; opacity:1;}
      70% {left:-400px; opacity:1;}
      72.5% {opacity:0.6;}
      75% {left:-600px; opacity:1;}
      95% {opacity:1;}
      98% {left:-600px; opacity:0;} 
      100% {left:0px; opacity:0;}
    }

     
 }

 @media only screen and (max-width: 410px) {
  .slider-wrapper {
    height: 160px;
  }
 }

@media only screen and (max-width: 825px)  and (orientation: landscape)  {
  .container {
    width: 72%;
    margin-top: -18%;
    }
    .no-overflow {
    overflow: inherit;
    }
    
    #text-slider
    {
      margin: auto;
      overflow: hidden;
      padding: 10px;
      position: relative;
      width: 300px;
    }

    #text-slider li
    {
      float: left;
      position: relative;
      width: 300px;
      display: inline-block;
      height: 200px;
    }

    #text-slider ul
    {
      list-style: none;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 9000px;
      transition: left .3s linear;
      -moz-transition: left .3s linear;
      -o-transition: left .3s linear;
      -webkit-transition: left .3s linear;
      margin-left: 0px;
      font-family: century gothic;
      color: #666;
    }

    /*** Content ***/

    .text-slider-container
    {
      margin: 0 auto;
      padding: 0;
      max-width: 300px;
      min-height: 180px;
    }
    #text-slider, #text-slider ul {
    height: 233px;
    }
    .texto-slider {
    height: 250px;
    }
    
     /*** target hooks ****/

    @-webkit-keyframes slide-animation {
      0% {opacity:0;}
      2% {opacity:1;}
      20% {left:0px; opacity:1;}
      22.5% {opacity:0.6;}
      25% {left:-300px; opacity:1;}
      45% {left:-300px; opacity:1;}
      47.5% {opacity:0.6;}
      50% {left:-600px; opacity:1;}
      70% {left:-600px; opacity:1;}
      72.5% {opacity:0.6;}
      75% {left:-900px; opacity:1;}
      95% {opacity:1;}
      98% {left:-900px; opacity:0;} 
      100% {left:0px; opacity:0;}
    }
}