/* Main Nav */
.main-navigation {
  float: right;
  margin-top: 20px;
}

.main-navigation li { float: left; }

.main-navigation a {
  background: url(../../img/common/sprite-main-nav.png) no-repeat;
  display: block;
  height: 67px;
  opacity: .5;

  -webkit-background-size: 563px 816px;
          background-size: 563px 816px;

  -webkit-transition: opacity .2s ease-out;
     -moz-transition: opacity .2s ease-out;
          transition: opacity .2s ease-out;
}

.main-navigation .selected,
.main-navigation a:hover { opacity: 1; }

.main-navigation .selected { cursor: default; }

/* Main Nav > Notas */
.main-navigation .btn-notas { width: 60px; }

  /* > Nota de 2 */
  .bill-2 .main-navigation .btn-notas,
  .no-opacity .bill-2 .main-navigation .btn-notas:hover,
  .no-opacity .bill-2 .main-navigation .btn-notas.selected { background-position: 0 -544px; }
  .no-opacity .bill-2 .main-navigation .btn-notas { background-position: 0 -612px; }

  /* > Nota de 5 */
  .bill-5 .main-navigation .btn-notas,
  .no-opacity .bill-5 .main-navigation .btn-notas:hover,
  .no-opacity .bill-5 .main-navigation .btn-notas.selected { background-position: 0 -680px; }
  .no-opacity .bill-5 .main-navigation .btn-notas { background-position: 0 -748px; }

  /* > Nota de 10 */
  .bill-10 .main-navigation .btn-notas,
  .no-opacity .bill-10 .main-navigation .btn-notas:hover,
  .no-opacity .bill-10 .main-navigation .btn-notas.selected { background-position: 0 0; }
  .no-opacity .bill-10 .main-navigation .btn-notas { background-position: 0 -68px; }

  /* > Nota de 20 */
  .bill-20 .main-navigation .btn-notas,
  .no-opacity .bill-20 .main-navigation .btn-notas:hover,
  .no-opacity .bill-20 .main-navigation .btn-notas.selected { background-position: 0 -136px; }
  .no-opacity .bill-20 .main-navigation .btn-notas { background-position: 0 -204px; }

  /* > Nota de 50 */
  .bill-50 .main-navigation .btn-notas,
  .no-opacity .bill-50 .main-navigation .btn-notas:hover,
  .no-opacity .bill-50 .main-navigation .btn-notas.selected { background-position: 0 -272px; }
  .no-opacity .bill-50 .main-navigation .btn-notas { background-position: 0 -340px; }

  /* > Nota de 100 */
  /*.bill-100*/ .main-navigation .btn-notas,
  .no-opacity /*.bill-100*/ .main-navigation .btn-notas:hover,
  .no-opacity /*.bill-100*/ .main-navigation .btn-notas.selected { background-position: 0 -408px; }
  .no-opacity /*.bill-100*/ .main-navigation .btn-notas { background-position: 0 -476px; }

/* Main Nav > Segunda Familia */
.main-navigation .btn-segunda-familia { width: 95px; }

  /* > Nota de 2 */
  .bill-2 .main-navigation .btn-segunda-familia,
  .no-opacity .bill-2 .main-navigation .btn-segunda-familia:hover,
  .no-opacity .bill-2 .main-navigation .btn-segunda-familia.selected { background-position: -60px -544px; }
  .no-opacity .bill-2 .main-navigation .btn-segunda-familia { background-position: -60px -612px; }

  /* > Nota de 5 */
  .bill-5 .main-navigation .btn-segunda-familia,
  .no-opacity .bill-5 .main-navigation .btn-segunda-familia:hover,
  .no-opacity .bill-5 .main-navigation .btn-segunda-familia.selected { background-position: -60px -680px; }
  .no-opacity .bill-5 .main-navigation .btn-segunda-familia { background-position: -60px -748px; }

  /* > Nota de 10 */
  .bill-10 .main-navigation .btn-segunda-familia,
  .no-opacity .bill-10 .main-navigation .btn-segunda-familia:hover,
  .no-opacity .bill-10 .main-navigation .btn-segunda-familia.selected { background-position: -60px 0; }
  .no-opacity .bill-10 .main-navigation .btn-segunda-familia { background-position: -60px -68px; }

  /* > Nota de 20 */
  .bill-20 .main-navigation .btn-segunda-familia,
  .no-opacity .bill-20 .main-navigation .btn-segunda-familia:hover,
  .no-opacity .bill-20 .main-navigation .btn-segunda-familia.selected { background-position: -60px -136px; }
  .no-opacity .bill-20 .main-navigation .btn-segunda-familia { background-position: -60px -204px; }

  /* > Nota de 50 */
  .bill-50 .main-navigation .btn-segunda-familia,
  .no-opacity .bill-50 .main-navigation .btn-segunda-familia:hover,
  .no-opacity .bill-50 .main-navigation .btn-segunda-familia.selected { background-position: -60px -272px; }
  .no-opacity .bill-50 .main-navigation .btn-segunda-familia { background-position: -60px -340px; }

  /* > Nota de 100 */
  /*.bill-100*/ .main-navigation .btn-segunda-familia,
  .no-opacity /*.bill-100*/ .main-navigation .btn-segunda-familia:hover,
  .no-opacity /*.bill-100*/ .main-navigation .btn-segunda-familia.selected { background-position: -60px -408px; }
  .no-opacity /*.bill-100*/ .main-navigation .btn-segunda-familia { background-position: -60px -476px; }

/* Main Nav > Videos */
.main-navigation .btn-videos { width: 75px; }

  /* > Nota de 2 */
  .bill-2 .main-navigation .btn-videos,
  .no-opacity .bill-2 .main-navigation .btn-videos:hover,
  .no-opacity .bill-2 .main-navigation .btn-videos.selected { background-position: -155px -544px; }
  .no-opacity .bill-2 .main-navigation .btn-videos { background-position: -155px -612px; }

  /* > Nota de 5 */
  .bill-5 .main-navigation .btn-videos,
  .no-opacity .bill-5 .main-navigation .btn-videos:hover,
  .no-opacity .bill-5 .main-navigation .btn-videos.selected { background-position: -155px -680px; }
  .no-opacity .bill-5 .main-navigation .btn-videos { background-position: -155px -748px; }

  /* > Nota de 10 */
  .bill-10 .main-navigation .btn-videos,
  .no-opacity .bill-10 .main-navigation .btn-videos:hover,
  .no-opacity .bill-10 .main-navigation .btn-videos.selected { background-position: -155px 0; }
  .no-opacity .bill-10 .main-navigation .btn-videos { background-position: -155px -68px; }

  /* > Nota de 20 */
  .bill-20 .main-navigation .btn-videos,
  .no-opacity .bill-20 .main-navigation .btn-videos:hover,
  .no-opacity .bill-20 .main-navigation .btn-videos.selected { background-position: -155px -136px; }
  .no-opacity .bill-20 .main-navigation .btn-videos { background-position: -155px -204px; }

  /* > Nota de 50 */
  .bill-50 .main-navigation .btn-videos,
  .no-opacity .bill-50 .main-navigation .btn-videos:hover,
  .no-opacity .bill-50 .main-navigation .btn-videos.selected { background-position: -155px -272px; }
  .no-opacity .bill-50 .main-navigation .btn-videos { background-position: -155px -340px; }

  /* > Nota de 100 */
  /*.bill-100*/ .main-navigation .btn-videos,
  .no-opacity /*.bill-100*/ .main-navigation .btn-videos:hover,
  .no-opacity /*.bill-100*/ .main-navigation .btn-videos.selected { background-position: -155px -408px; }
  .no-opacity /*.bill-100*/ .main-navigation .btn-videos { background-position: -155px -476px; }

/* Main Nav > Material de Apoio */
.main-navigation .btn-material-de-apoio { width: 95px; }

  /* > Nota de 2 */
  .bill-2 .main-navigation .btn-material-de-apoio,
  .no-opacity .bill-2 .main-navigation .btn-material-de-apoio:hover,
  .no-opacity .bill-2 .main-navigation .btn-material-de-apoio.selected { background-position: -230px -544px; }
  .no-opacity .bill-2 .main-navigation .btn-material-de-apoio { background-position: -230px -612px; }

  /* > Nota de 5 */
  .bill-5 .main-navigation .btn-material-de-apoio,
  .no-opacity .bill-5 .main-navigation .btn-material-de-apoio:hover,
  .no-opacity .bill-5 .main-navigation .btn-material-de-apoio.selected { background-position: -230px -680px; }
  .no-opacity .bill-5 .main-navigation .btn-material-de-apoio { background-position: -230px -748px; }

  /* > Nota de 10 */
  .bill-10 .main-navigation .btn-material-de-apoio,
  .no-opacity .bill-10 .main-navigation .btn-material-de-apoio:hover,
  .no-opacity .bill-10 .main-navigation .btn-material-de-apoio.selected { background-position: -230px 0; }
  .no-opacity .bill-10 .main-navigation .btn-material-de-apoio { background-position: -230px -68px; }

  /* > Nota de 20 */
  .bill-20 .main-navigation .btn-material-de-apoio,
  .no-opacity .bill-20 .main-navigation .btn-material-de-apoio:hover,
  .no-opacity .bill-20 .main-navigation .btn-material-de-apoio.selected { background-position: -230px -136px; }
  .no-opacity .bill-20 .main-navigation .btn-material-de-apoio { background-position: -230px -204px; }

  /* > Nota de 50 */
  .bill-50 .main-navigation .btn-material-de-apoio,
  .no-opacity .bill-50 .main-navigation .btn-material-de-apoio:hover,
  .no-opacity .bill-50 .main-navigation .btn-material-de-apoio.selected { background-position: -230px -272px; }
  .no-opacity .bill-50 .main-navigation .btn-material-de-apoio { background-position: -230px -340px; }

  /* > Nota de 100 */
  /*.bill-100*/ .main-navigation .btn-material-de-apoio,
  .no-opacity /*.bill-100*/ .main-navigation .btn-material-de-apoio:hover,
  .no-opacity /*.bill-100*/ .main-navigation .btn-material-de-apoio.selected { background-position: -230px -408px; }
  .no-opacity /*.bill-100*/ .main-navigation .btn-material-de-apoio { background-position: -230px -476px; }

/* Main Nav > Quiz */
.main-navigation .btn-quiz { width: 60px; }

  /* > Nota de 2 */
  .bill-2 .main-navigation .btn-quiz,
  .no-opacity .bill-2 .main-navigation .btn-quiz:hover,
  .no-opacity .bill-2 .main-navigation .btn-quiz.selected { background-position: -325px -544px; }
  .no-opacity .bill-2 .main-navigation .btn-quiz { background-position: -325px -612px; }

  /* > Nota de 5 */
  .bill-5 .main-navigation .btn-quiz,
  .no-opacity .bill-5 .main-navigation .btn-quiz:hover,
  .no-opacity .bill-5 .main-navigation .btn-quiz.selected { background-position: -325px -680px; }
  .no-opacity .bill-5 .main-navigation .btn-quiz { background-position: -325px -748px; }

  /* > Nota de 10 */
  .bill-10 .main-navigation .btn-quiz,
  .no-opacity .bill-10 .main-navigation .btn-quiz:hover,
  .no-opacity .bill-10 .main-navigation .btn-quiz.selected { background-position: -325px 0; }
  .no-opacity .bill-10 .main-navigation .btn-quiz { background-position: -325px -68px; }

  /* > Nota de 20 */
  .bill-20 .main-navigation .btn-quiz,
  .no-opacity .bill-20 .main-navigation .btn-quiz:hover,
  .no-opacity .bill-20 .main-navigation .btn-quiz.selected { background-position: -325px -136px; }
  .no-opacity .bill-20 .main-navigation .btn-quiz { background-position: -325px -204px; }

  /* > Nota de 50 */
  .bill-50 .main-navigation .btn-quiz,
  .no-opacity .bill-50 .main-navigation .btn-quiz:hover,
  .no-opacity .bill-50 .main-navigation .btn-quiz.selected { background-position: -325px -272px; }
  .no-opacity .bill-50 .main-navigation .btn-quiz { background-position: -325px -340px; }

  /* > Nota de 100 */
  /*.bill-100*/ .main-navigation .btn-quiz,
  .no-opacity /*.bill-100*/ .main-navigation .btn-quiz:hover,
  .no-opacity /*.bill-100*/ .main-navigation .btn-quiz.selected { background-position: -325px -408px; }
  .no-opacity /*.bill-100*/ .main-navigation .btn-quiz { background-position: -325px -476px; }

/* Main Nav > Perguntas Frequentes */
.main-navigation .btn-faq { width: 105px; }

  /* > Nota de 2 */
  .bill-2 .main-navigation .btn-faq,
  .no-opacity .bill-2 .main-navigation .btn-faq:hover,
  .no-opacity .bill-2 .main-navigation .btn-faq.selected { background-position: -385px -544px; }
  .no-opacity .bill-2 .main-navigation .btn-faq { background-position: -385px -612px; }

  /* > Nota de 5 */
  .bill-5 .main-navigation .btn-faq,
  .no-opacity .bill-5 .main-navigation .btn-faq:hover,
  .no-opacity .bill-5 .main-navigation .btn-faq.selected { background-position: -385px -680px; }
  .no-opacity .bill-5 .main-navigation .btn-faq { background-position: -385px -748px; }

  /* > Nota de 10 */
  .bill-10 .main-navigation .btn-faq,
  .no-opacity .bill-10 .main-navigation .btn-faq:hover,
  .no-opacity .bill-10 .main-navigation .btn-faq.selected { background-position: -385px 0; }
  .no-opacity .bill-10 .main-navigation .btn-faq { background-position: -385px -68px; }

  /* > Nota de 20 */
  .bill-20 .main-navigation .btn-faq,
  .no-opacity .bill-20 .main-navigation .btn-faq:hover,
  .no-opacity .bill-20 .main-navigation .btn-faq.selected { background-position: -385px -136px; }
  .no-opacity .bill-20 .main-navigation .btn-faq { background-position: -385px -204px; }

  /* > Nota de 50 */
  .bill-50 .main-navigation .btn-faq,
  .no-opacity .bill-50 .main-navigation .btn-faq:hover,
  .no-opacity .bill-50 .main-navigation .btn-faq.selected { background-position: -385px -272px; }
  .no-opacity .bill-50 .main-navigation .btn-faq { background-position: -385px -340px; }

  /* > Nota de 100 */
  /*.bill-100*/ .main-navigation .btn-faq,
  .no-opacity /*.bill-100*/ .main-navigation .btn-faq:hover,
  .no-opacity /*.bill-100*/ .main-navigation .btn-faq.selected { background-position: -385px -408px; }
  .no-opacity /*.bill-100*/ .main-navigation .btn-faq { background-position: -385px -476px; }

/* Main Nav > Primeira Família */
.main-navigation .btn-primeira-familia { width: 73px; }

  /* > Nota de 2 */
  .bill-2 .main-navigation .btn-primeira-familia,
  .no-opacity .bill-2 .main-navigation .btn-primeira-familia:hover,
  .no-opacity .bill-2 .main-navigation .btn-primeira-familia.selected { background-position: -490px -544px; }
  .no-opacity .bill-2 .main-navigation .btn-primeira-familia { background-position: -490px -612px; }

  /* > Nota de 5 */
  .bill-5 .main-navigation .btn-primeira-familia,
  .no-opacity .bill-5 .main-navigation .btn-primeira-familia:hover,
  .no-opacity .bill-5 .main-navigation .btn-primeira-familia.selected { background-position: -490px -680px; }
  .no-opacity .bill-5 .main-navigation .btn-primeira-familia { background-position: -490px -748px; }

  /* > Nota de 10 */
  .bill-10 .main-navigation .btn-primeira-familia,
  .no-opacity .bill-10 .main-navigation .btn-primeira-familia:hover,
  .no-opacity .bill-10 .main-navigation .btn-primeira-familia.selected { background-position: -490px 0; }
  .no-opacity .bill-10 .main-navigation .btn-primeira-familia { background-position: -490px -68px; }

  /* > Nota de 20 */
  .bill-20 .main-navigation .btn-primeira-familia,
  .no-opacity .bill-20 .main-navigation .btn-primeira-familia:hover,
  .no-opacity .bill-20 .main-navigation .btn-primeira-familia.selected { background-position: -490px -136px; }
  .no-opacity .bill-20 .main-navigation .btn-primeira-familia { background-position: -490px -204px; }

  /* > Nota de 50 */
  .bill-50 .main-navigation .btn-primeira-familia,
  .no-opacity .bill-50 .main-navigation .btn-primeira-familia:hover,
  .no-opacity .bill-50 .main-navigation .btn-primeira-familia.selected { background-position: -490px -272px; }
  .no-opacity .bill-50 .main-navigation .btn-primeira-familia { background-position: -490px -340px; }

  /* > Nota de 100 */
  /*.bill-100*/ .main-navigation .btn-primeira-familia,
  .no-opacity /*.bill-100*/ .main-navigation .btn-primeira-familia:hover,
  .no-opacity /*.bill-100*/ .main-navigation .btn-primeira-familia.selected { background-position: -490px -408px; }
  .no-opacity /*.bill-100*/ .main-navigation .btn-primeira-familia { background-position: -490px -476px; }