body, html {
  margin: 0;
  overflow: hidden;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  transition: opacity 400ms;
}

body, .onepage-wrapper, html {
  display: block;
  position: static;
  padding: 0;
  width: 100%;
  height: 100%;
}

.onepage-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}

.onepage-wrapper .section {
  width: 100%;
  height: 100%;
}

.onepage-pagination {
  position: absolute;
  left: 0;
  top: 3%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  width: 80px;
  height: 60px;
  padding: 0;
}
.onepage-pagination li a{
  height: 40px;
  display: block;
}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  background: rgba(0,0,0,0.85);
}

.onepage-pagination li a.active:before{
  width: 80px;
  height: 60px;
  left:0px;
}


.onepage-pagination li:nth-child(1){
  background: #ffffff url(img/00_home_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(1) a:before{
  background: url(img/00_home_on.png);
}


.onepage-pagination li:nth-child(2){
  background: #ffffff url(img/01_modulo1_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(2) a:before{
  background: url(img/01_modulo1_on.png);
}

.onepage-pagination li:nth-child(3){
  background: #ffffff url(img/02_modulo2_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(3) a:before{
  background: url(img/02_modulo2_on.png);
}

.onepage-pagination li:nth-child(4){
  background: #ffffff url(img/03_modulo3_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(4) a:before{
  background: url(img/03_modulo3_on.png);
}

.onepage-pagination li:nth-child(5){
  background: #ffffff url(img/04_modulo4_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(5) a:before{
  background: url(img/04_modulo4_on.png);
}

.onepage-pagination li:nth-child(6){
  background: #ffffff url(img/05_modulo5_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(6) a:before{
  background: url(img/05_modulo5_on.png);
}

.onepage-pagination li:nth-child(7){
  background: #ffffff url(img/06_modulo6_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(7) a:before{
  background: url(img/06_modulo6_on.png);
}

.onepage-pagination li:nth-child(8){
  background: #dfdfe4 url(img/07_instructores_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(8) a:before{
  background: url(img/07_instructores_on.png);
}

.onepage-pagination li:nth-child(9){
  background: #dfdfe4 url(img/08_agenda_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(9) a:before{
  background: url(img/08_agenda_on.png);
}

.onepage-pagination li:nth-child(10){
  background: #dfdfe4 url(img/09_faq_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(10) a:before{
  background: url(img/09_faq_on.png);
}

.onepage-pagination li:nth-child(11){
  background: #dfdfe4 url(img/10_contacto_off.png) center center no-repeat;
}

.onepage-pagination li:nth-child(11) a:before{
  background: url(img/10_contacto_on.png);
}


.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .section {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
  display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}