@charset "UTF-8";
/* CSS Document */
/* CSS Document */
/* * * * fuentes * * * */
/* * * * esquema * * * */
/* * * * * botones * * * * */
/*Boton:Ancho*/
/*boton,ancho,alto*/
/*botTi-book.png*/
/*boton,ancho,alto*/
/* * * * * colores * * * * */
/* * * * marcos * * * */
/* * * * consola * * * */
/* * * Media queries * * */
/* * * Mixins y extends * * */
/* * * * * * Bucles * * * * */
/* * navegacion ppal * */
.home {
  width: 55px; }

.audio {
  width: 155px; }

.about {
  width: 55px; }

.digital {
  width: 80px; }

.logout {
  width: 60px; }

/* * * Botones de portada * * */
.botRegister, .botDemo {
  display: inline-block;
  width: 245px;
  height: 56px;
  background: left url(../imagenes/botRegister.png); }
  @media screen and (max-width: 840px) {
    .botRegister, .botDemo {
      width: 174px;
      height: 40px;
      background: url(../imagenes/botRegisterPq.png); } }

.botRegister:hover, .botDemo:hover {
  background-position: right; }

.botDemo {
  display: inline-block;
  width: 220px;
  height: 56px;
  background: left url(../imagenes/botDemo.png); }
  @media screen and (max-width: 840px) {
    .botDemo {
      width: 156px;
      height: 40px;
      background: url(../imagenes/botDemoPq.png); } }

.botDemo:hover {
  background-position: right; }

.botGameCenter {
  display: inline-block;
  width: 264px;
  height: 141px;
  background: left url(../imagenes/botGameCenter.png); }
  @media screen and (max-width: 840px) {
    .botGameCenter {
      width: 187px;
      height: 100px;
      background: url(../imagenes/botGameCenterPq.png); } }

.botGameCenter:hover {
  background-position: right; }

/* * * Botones de descarga de documentos * * */
.botIsolutions {
  display: inline-block;
  width: 290px;
  height: 50px;
  background: left url(../imagenes/botIsolutions.png); }

.botIsolutions:hover {
  background-position: right; }

.botSongBank {
  display: inline-block;
  width: 190px;
  height: 50px;
  background: left url(../imagenes/botSongBank.png); }

.botSongBank:hover {
  background-position: right; }

.botProgDidactica {
  display: inline-block;
  width: 310px;
  height: 50px;
  background: left url(../imagenes/botProgDidactica.png); }

.botProgDidactica:hover {
  background-position: right; }

.botTeachersBook {
  display: inline-block;
  width: 235px;
  height: 50px;
  background: left url(../imagenes/botTeachersBook.png); }

.botTeachersBook:hover {
  background-position: right; }

.botEvalForms {
  display: inline-block;
  width: 248px;
  height: 50px;
  background: left url(../imagenes/botEvalForms.png); }

.botEvalForms:hover {
  background-position: right; }

.botTeachersIsolutions {
  display: inline-block;
  width: 288px;
  height: 50px;
  background: left url(../imagenes/botTeachersIsolutions.png); }

.botTeachersIsolutions:hover {
  background-position: right; }

/* * * Asignacion de miniaturas de video a los botones * * */
.n1_video1 {
  background-image: url(../imagenes/miniaturas/n1_video1.png); }

.n1_video2 {
  background-image: url(../imagenes/miniaturas/n1_video2.png); }

.n1_video3 {
  background-image: url(../imagenes/miniaturas/n1_video3.png); }

.n1_video4 {
  background-image: url(../imagenes/miniaturas/n1_video4.png); }

.n1_video5 {
  background-image: url(../imagenes/miniaturas/n1_video5.png); }

.n1_video6 {
  background-image: url(../imagenes/miniaturas/n1_video6.png); }

.n1_video7 {
  background-image: url(../imagenes/miniaturas/n1_video7.png); }

.n1_video8 {
  background-image: url(../imagenes/miniaturas/n1_video8.png); }

.n1_video9 {
  background-image: url(../imagenes/miniaturas/n1_video9.png); }

.n1_video10 {
  background-image: url(../imagenes/miniaturas/n1_video10.png); }

.n1_video11 {
  background-image: url(../imagenes/miniaturas/n1_video11.png); }

.n1_video12 {
  background-image: url(../imagenes/miniaturas/n1_video12.png); }

.n1_video13 {
  background-image: url(../imagenes/miniaturas/n1_video13.png); }

.n1_video14 {
  background-image: url(../imagenes/miniaturas/n1_video14.png); }

.n1_video15 {
  background-image: url(../imagenes/miniaturas/n1_video15.png); }

.n1_video16 {
  background-image: url(../imagenes/miniaturas/n1_video16.png); }

.n1_video17 {
  background-image: url(../imagenes/miniaturas/n1_video17.png); }

.n1_video18 {
  background-image: url(../imagenes/miniaturas/n1_video18.png); }

.n1_video19 {
  background-image: url(../imagenes/miniaturas/n1_video19.png); }

.n1_video20 {
  background-image: url(../imagenes/miniaturas/n1_video20.png); }

.n1_video21 {
  background-image: url(../imagenes/miniaturas/n1_video21.png); }

.n1_video22 {
  background-image: url(../imagenes/miniaturas/n1_video22.png); }

.n1_video23 {
  background-image: url(../imagenes/miniaturas/n1_video23.png); }

.n1_video24 {
  background-image: url(../imagenes/miniaturas/n1_video24.png); }

.n1_video25 {
  background-image: url(../imagenes/miniaturas/n1_video25.png); }

.n1_video26 {
  background-image: url(../imagenes/miniaturas/n1_video26.png); }

.n1_video27 {
  background-image: url(../imagenes/miniaturas/n1_video27.png); }

.n1_video28 {
  background-image: url(../imagenes/miniaturas/n1_video28.png); }

.n1_video29 {
  background-image: url(../imagenes/miniaturas/n1_video29.png); }

.n1_video30 {
  background-image: url(../imagenes/miniaturas/n1_video30.png); }

.n1_video31 {
  background-image: url(../imagenes/miniaturas/n1_video31.png); }

.n1_video32 {
  background-image: url(../imagenes/miniaturas/n1_video32.png); }

.n1_video33 {
  background-image: url(../imagenes/miniaturas/n1_video33.png); }

.n1_video34 {
  background-image: url(../imagenes/miniaturas/n1_video34.png); }

.n1_video35 {
  background-image: url(../imagenes/miniaturas/n1_video35.png); }

.n1_video36 {
  background-image: url(../imagenes/miniaturas/n1_video36.png); }

.n1_video37 {
  background-image: url(../imagenes/miniaturas/n1_video37.png); }

.n1_video38 {
  background-image: url(../imagenes/miniaturas/n1_video38.png); }

.n1_video39 {
  background-image: url(../imagenes/miniaturas/n1_video39.png); }

.n1_video40 {
  background-image: url(../imagenes/miniaturas/n1_video40.png); }

.n1_video41 {
  background-image: url(../imagenes/miniaturas/n1_video41.png); }

.n1_video42 {
  background-image: url(../imagenes/miniaturas/n1_video42.png); }

.n1_video43 {
  background-image: url(../imagenes/miniaturas/n1_video43.png); }

.n1_video44 {
  background-image: url(../imagenes/miniaturas/n1_video44.png); }

.n1_video45 {
  background-image: url(../imagenes/miniaturas/n1_video45.png); }

.n1_video46 {
  background-image: url(../imagenes/miniaturas/n1_video46.png); }

.n1_video47 {
  background-image: url(../imagenes/miniaturas/n1_video47.png); }

.n1_video48 {
  background-image: url(../imagenes/miniaturas/n1_video48.png); }

.n1_video49 {
  background-image: url(../imagenes/miniaturas/n1_video49.png); }

.n1_video50 {
  background-image: url(../imagenes/miniaturas/n1_video50.png); }

.n1_video51 {
  background-image: url(../imagenes/miniaturas/n1_video51.png); }

.n1_video52 {
  background-image: url(../imagenes/miniaturas/n1_video52.png); }

.n1_video53 {
  background-image: url(../imagenes/miniaturas/n1_video53.png); }

.n1_video54 {
  background-image: url(../imagenes/miniaturas/n1_video54.png); }

.n1_video55 {
  background-image: url(../imagenes/miniaturas/n1_video55.png); }

.n1_video56 {
  background-image: url(../imagenes/miniaturas/n1_video56.png); }

.n2_video1 {
  background-image: url(../imagenes/miniaturas/n2_video1.png); }

.n2_video2 {
  background-image: url(../imagenes/miniaturas/n2_video2.png); }

.n2_video3 {
  background-image: url(../imagenes/miniaturas/n2_video3.png); }

.n2_video4 {
  background-image: url(../imagenes/miniaturas/n2_video4.png); }

.n2_video5 {
  background-image: url(../imagenes/miniaturas/n2_video5.png); }

.n2_video6 {
  background-image: url(../imagenes/miniaturas/n2_video6.png); }

.n2_video7 {
  background-image: url(../imagenes/miniaturas/n2_video7.png); }

.n2_video8 {
  background-image: url(../imagenes/miniaturas/n2_video8.png); }

.n2_video9 {
  background-image: url(../imagenes/miniaturas/n2_video9.png); }

.n2_video10 {
  background-image: url(../imagenes/miniaturas/n2_video10.png); }

.n2_video11 {
  background-image: url(../imagenes/miniaturas/n2_video11.png); }

.n2_video12 {
  background-image: url(../imagenes/miniaturas/n2_video12.png); }

.n2_video13 {
  background-image: url(../imagenes/miniaturas/n2_video13.png); }

.n2_video14 {
  background-image: url(../imagenes/miniaturas/n2_video14.png); }

.n2_video15 {
  background-image: url(../imagenes/miniaturas/n2_video15.png); }

.n2_video16 {
  background-image: url(../imagenes/miniaturas/n2_video16.png); }

.n2_video17 {
  background-image: url(../imagenes/miniaturas/n2_video17.png); }

.n2_video18 {
  background-image: url(../imagenes/miniaturas/n2_video18.png); }

.n2_video19 {
  background-image: url(../imagenes/miniaturas/n2_video19.png); }

.n2_video20 {
  background-image: url(../imagenes/miniaturas/n2_video20.png); }

.n2_video21 {
  background-image: url(../imagenes/miniaturas/n2_video21.png); }

.n2_video22 {
  background-image: url(../imagenes/miniaturas/n2_video22.png); }

.n2_video23 {
  background-image: url(../imagenes/miniaturas/n2_video23.png); }

.n2_video24 {
  background-image: url(../imagenes/miniaturas/n2_video24.png); }

.n2_video25 {
  background-image: url(../imagenes/miniaturas/n2_video25.png); }

.n2_video26 {
  background-image: url(../imagenes/miniaturas/n2_video26.png); }

.n2_video27 {
  background-image: url(../imagenes/miniaturas/n2_video27.png); }

.n2_video28 {
  background-image: url(../imagenes/miniaturas/n2_video28.png); }

.n2_video29 {
  background-image: url(../imagenes/miniaturas/n2_video29.png); }

.n2_video30 {
  background-image: url(../imagenes/miniaturas/n2_video30.png); }

.n2_video31 {
  background-image: url(../imagenes/miniaturas/n2_video31.png); }

.n2_video32 {
  background-image: url(../imagenes/miniaturas/n2_video32.png); }

.n2_video33 {
  background-image: url(../imagenes/miniaturas/n2_video33.png); }

.n2_video34 {
  background-image: url(../imagenes/miniaturas/n2_video34.png); }

.n2_video35 {
  background-image: url(../imagenes/miniaturas/n2_video35.png); }

.n2_video36 {
  background-image: url(../imagenes/miniaturas/n2_video36.png); }

.n2_video37 {
  background-image: url(../imagenes/miniaturas/n2_video37.png); }

.n2_video38 {
  background-image: url(../imagenes/miniaturas/n2_video38.png); }

.n2_video39 {
  background-image: url(../imagenes/miniaturas/n2_video39.png); }

.n2_video40 {
  background-image: url(../imagenes/miniaturas/n2_video40.png); }

.n2_video41 {
  background-image: url(../imagenes/miniaturas/n2_video41.png); }

.n2_video42 {
  background-image: url(../imagenes/miniaturas/n2_video42.png); }

.n2_video43 {
  background-image: url(../imagenes/miniaturas/n2_video43.png); }

.n2_video44 {
  background-image: url(../imagenes/miniaturas/n2_video44.png); }

.n2_video45 {
  background-image: url(../imagenes/miniaturas/n2_video45.png); }

.n2_video46 {
  background-image: url(../imagenes/miniaturas/n2_video46.png); }

.n2_video47 {
  background-image: url(../imagenes/miniaturas/n2_video47.png); }

.n2_video48 {
  background-image: url(../imagenes/miniaturas/n2_video48.png); }

.n2_video49 {
  background-image: url(../imagenes/miniaturas/n2_video49.png); }

.n2_video50 {
  background-image: url(../imagenes/miniaturas/n2_video50.png); }

.n2_video51 {
  background-image: url(../imagenes/miniaturas/n2_video51.png); }

.n2_video52 {
  background-image: url(../imagenes/miniaturas/n2_video52.png); }

.n2_video53 {
  background-image: url(../imagenes/miniaturas/n2_video53.png); }

.n2_video54 {
  background-image: url(../imagenes/miniaturas/n2_video54.png); }

.n2_video55 {
  background-image: url(../imagenes/miniaturas/n2_video55.png); }

.n2_video56 {
  background-image: url(../imagenes/miniaturas/n2_video56.png); }

.n3_video1 {
  background-image: url(../imagenes/miniaturas/n3_video1.png); }

.n3_video2 {
  background-image: url(../imagenes/miniaturas/n3_video2.png); }

.n3_video3 {
  background-image: url(../imagenes/miniaturas/n3_video3.png); }

.n3_video4 {
  background-image: url(../imagenes/miniaturas/n3_video4.png); }

.n3_video5 {
  background-image: url(../imagenes/miniaturas/n3_video5.png); }

.n3_video6 {
  background-image: url(../imagenes/miniaturas/n3_video6.png); }

.n3_video7 {
  background-image: url(../imagenes/miniaturas/n3_video7.png); }

.n3_video8 {
  background-image: url(../imagenes/miniaturas/n3_video8.png); }

.n3_video9 {
  background-image: url(../imagenes/miniaturas/n3_video9.png); }

.n3_video10 {
  background-image: url(../imagenes/miniaturas/n3_video10.png); }

.n3_video11 {
  background-image: url(../imagenes/miniaturas/n3_video11.png); }

.n3_video12 {
  background-image: url(../imagenes/miniaturas/n3_video12.png); }

.n3_video13 {
  background-image: url(../imagenes/miniaturas/n3_video13.png); }

.n3_video14 {
  background-image: url(../imagenes/miniaturas/n3_video14.png); }

.n3_video15 {
  background-image: url(../imagenes/miniaturas/n3_video15.png); }

.n3_video16 {
  background-image: url(../imagenes/miniaturas/n3_video16.png); }

.n3_video17 {
  background-image: url(../imagenes/miniaturas/n3_video17.png); }

.n3_video18 {
  background-image: url(../imagenes/miniaturas/n3_video18.png); }

.n3_video19 {
  background-image: url(../imagenes/miniaturas/n3_video19.png); }

.n3_video20 {
  background-image: url(../imagenes/miniaturas/n3_video20.png); }

.n3_video21 {
  background-image: url(../imagenes/miniaturas/n3_video21.png); }

.n3_video22 {
  background-image: url(../imagenes/miniaturas/n3_video22.png); }

.n3_video23 {
  background-image: url(../imagenes/miniaturas/n3_video23.png); }

.n3_video24 {
  background-image: url(../imagenes/miniaturas/n3_video24.png); }

.n3_video25 {
  background-image: url(../imagenes/miniaturas/n3_video25.png); }

.n3_video26 {
  background-image: url(../imagenes/miniaturas/n3_video26.png); }

.n3_video27 {
  background-image: url(../imagenes/miniaturas/n3_video27.png); }

.n3_video28 {
  background-image: url(../imagenes/miniaturas/n3_video28.png); }

.n3_video29 {
  background-image: url(../imagenes/miniaturas/n3_video29.png); }

.n3_video30 {
  background-image: url(../imagenes/miniaturas/n3_video30.png); }

.n3_video31 {
  background-image: url(../imagenes/miniaturas/n3_video31.png); }

.n3_video32 {
  background-image: url(../imagenes/miniaturas/n3_video32.png); }

.n3_video33 {
  background-image: url(../imagenes/miniaturas/n3_video33.png); }

.n3_video34 {
  background-image: url(../imagenes/miniaturas/n3_video34.png); }

.n3_video35 {
  background-image: url(../imagenes/miniaturas/n3_video35.png); }

.n3_video36 {
  background-image: url(../imagenes/miniaturas/n3_video36.png); }

.n3_video37 {
  background-image: url(../imagenes/miniaturas/n3_video37.png); }

.n3_video38 {
  background-image: url(../imagenes/miniaturas/n3_video38.png); }

.n3_video39 {
  background-image: url(../imagenes/miniaturas/n3_video39.png); }

.n3_video40 {
  background-image: url(../imagenes/miniaturas/n3_video40.png); }

.n3_video41 {
  background-image: url(../imagenes/miniaturas/n3_video41.png); }

.n3_video42 {
  background-image: url(../imagenes/miniaturas/n3_video42.png); }

.n3_video43 {
  background-image: url(../imagenes/miniaturas/n3_video43.png); }

.n3_video44 {
  background-image: url(../imagenes/miniaturas/n3_video44.png); }

.n3_video45 {
  background-image: url(../imagenes/miniaturas/n3_video45.png); }

.n3_video46 {
  background-image: url(../imagenes/miniaturas/n3_video46.png); }

.n3_video47 {
  background-image: url(../imagenes/miniaturas/n3_video47.png); }

.n3_video48 {
  background-image: url(../imagenes/miniaturas/n3_video48.png); }

.n3_video49 {
  background-image: url(../imagenes/miniaturas/n3_video49.png); }

.n3_video50 {
  background-image: url(../imagenes/miniaturas/n3_video50.png); }

.n3_video51 {
  background-image: url(../imagenes/miniaturas/n3_video51.png); }

.n3_video52 {
  background-image: url(../imagenes/miniaturas/n3_video52.png); }

.n3_video53 {
  background-image: url(../imagenes/miniaturas/n3_video53.png); }

.n3_video54 {
  background-image: url(../imagenes/miniaturas/n3_video54.png); }

.n3_video55 {
  background-image: url(../imagenes/miniaturas/n3_video55.png); }

.n3_video56 {
  background-image: url(../imagenes/miniaturas/n3_video56.png); }

.n99_video1 {
  background-image: url(../imagenes/miniaturas/n3_video1.png); }

.n99_video2 {
  background-image: url(../imagenes/miniaturas/n3_video2.png); }

.n99_video3 {
  background-image: url(../imagenes/miniaturas/n3_video3.png); }

.n99_video4 {
  background-image: url(../imagenes/miniaturas/n3_video4.png); }

.n99_video5 {
  background-image: url(../imagenes/miniaturas/n3_video5.png); }

.n99_video6 {
  background-image: url(../imagenes/miniaturas/n3_video6.png); }

.n99_video7 {
  background-image: url(../imagenes/miniaturas/n3_video7.png); }

.n99_video8 {
  background-image: url(../imagenes/miniaturas/n3_video8.png); }

.n99_video9 {
  background-image: url(../imagenes/miniaturas/n3_video9.png); }

.n99_video10 {
  background-image: url(../imagenes/miniaturas/n3_video10.png); }

.n99_video11 {
  background-image: url(../imagenes/miniaturas/n3_video11.png); }

.n99_video12 {
  background-image: url(../imagenes/miniaturas/n3_video12.png); }

.n99_video13 {
  background-image: url(../imagenes/miniaturas/n3_video13.png); }

.n99_video14 {
  background-image: url(../imagenes/miniaturas/n3_video14.png); }

.n99_video15 {
  background-image: url(../imagenes/miniaturas/n3_video15.png); }

.n99_video16 {
  background-image: url(../imagenes/miniaturas/n3_video16.png); }

.n99_video17 {
  background-image: url(../imagenes/miniaturas/n3_video17.png); }

.n99_video18 {
  background-image: url(../imagenes/miniaturas/n3_video18.png); }

.n99_video19 {
  background-image: url(../imagenes/miniaturas/n3_video19.png); }

.n99_video20 {
  background-image: url(../imagenes/miniaturas/n3_video20.png); }

.n99_video21 {
  background-image: url(../imagenes/miniaturas/n3_video21.png); }

.n99_video22 {
  background-image: url(../imagenes/miniaturas/n3_video22.png); }

.n99_video23 {
  background-image: url(../imagenes/miniaturas/n3_video23.png); }

.n99_video24 {
  background-image: url(../imagenes/miniaturas/n3_video24.png); }

.n99_video25 {
  background-image: url(../imagenes/miniaturas/n3_video25.png); }

.n99_video26 {
  background-image: url(../imagenes/miniaturas/n3_video26.png); }

.n99_video27 {
  background-image: url(../imagenes/miniaturas/n3_video27.png); }

.n99_video28 {
  background-image: url(../imagenes/miniaturas/n3_video28.png); }

.n99_video29 {
  background-image: url(../imagenes/miniaturas/n3_video29.png); }

.n99_video30 {
  background-image: url(../imagenes/miniaturas/n3_video30.png); }

.n99_video31 {
  background-image: url(../imagenes/miniaturas/n3_video31.png); }

.n99_video32 {
  background-image: url(../imagenes/miniaturas/n3_video32.png); }

.n99_video33 {
  background-image: url(../imagenes/miniaturas/n3_video33.png); }

.n99_video34 {
  background-image: url(../imagenes/miniaturas/n3_video34.png); }

.n99_video35 {
  background-image: url(../imagenes/miniaturas/n3_video35.png); }

.n99_video36 {
  background-image: url(../imagenes/miniaturas/n3_video36.png); }

.n99_video37 {
  background-image: url(../imagenes/miniaturas/n3_video37.png); }

.n99_video38 {
  background-image: url(../imagenes/miniaturas/n3_video38.png); }

.n99_video39 {
  background-image: url(../imagenes/miniaturas/n3_video39.png); }

.n99_video40 {
  background-image: url(../imagenes/miniaturas/n3_video40.png); }

.n99_video41 {
  background-image: url(../imagenes/miniaturas/n3_video41.png); }

.n99_video42 {
  background-image: url(../imagenes/miniaturas/n3_video42.png); }

.n99_video43 {
  background-image: url(../imagenes/miniaturas/n3_video43.png); }

.n99_video44 {
  background-image: url(../imagenes/miniaturas/n3_video44.png); }

.n99_video45 {
  background-image: url(../imagenes/miniaturas/n3_video45.png); }

.n99_video46 {
  background-image: url(../imagenes/miniaturas/n3_video46.png); }

.n99_video47 {
  background-image: url(../imagenes/miniaturas/n3_video47.png); }

.n99_video48 {
  background-image: url(../imagenes/miniaturas/n3_video48.png); }

.n99_video49 {
  background-image: url(../imagenes/miniaturas/n3_video49.png); }

.n99_video50 {
  background-image: url(../imagenes/miniaturas/n3_video50.png); }

.n99_video51 {
  background-image: url(../imagenes/miniaturas/n3_video51.png); }

.n99_video52 {
  background-image: url(../imagenes/miniaturas/n3_video52.png); }

.n99_video53 {
  background-image: url(../imagenes/miniaturas/n3_video53.png); }

.n99_video54 {
  background-image: url(../imagenes/miniaturas/n3_video54.png); }

.n99_video55 {
  background-image: url(../imagenes/miniaturas/n3_video55.png); }

/* * colores por nivel * */
.n1 .separador, .n1 .botTiposVideos:hover, .n1 .titSeccion, .n1 .subSeccion, .n1 .tituloMarco, .n1 .tituloMarcoDerecha {
  color: #00b8de; }

.botLevel.n1 {
  background: #00b8de; }

.n1 .botTiposVideos.activo {
  background-color: #00b8de; }

.n2 .separador, .n2 .botTiposVideos:hover, .n2 .titSeccion, .n2 .subSeccion, .n2 .tituloMarco, .n2 .tituloMarcoDerecha {
  color: #faa61a; }

.botLevel.n2 {
  background: #faa61a; }

.n2 .botTiposVideos.activo {
  background-color: #faa61a; }

.n3 .separador, .n3 .botTiposVideos:hover, .n3 .titSeccion, .n3 .subSeccion, .n3 .tituloMarco, .n3 .tituloMarcoDerecha {
  color: #b2d234; }

.botLevel.n3 {
  background: #b2d234; }

.n3 .botTiposVideos.activo {
  background-color: #b2d234; }

.n99 .separador, .n99 .botTiposVideos:hover, .n99 .titSeccion, .n99 .subSeccion, .n99 .tituloMarco, .n99 .tituloMarcoDerecha {
  color: #b2d234; }

.botLevel.n99 {
  background: #b2d234; }

.n99 .botTiposVideos.activo {
  background-color: #b2d234; }

/* * * * fuentes * * * */
@font-face {
  font-family: 'chevin';
  src: url(../fuentes/chevin-light.woff) format("opentype");
  font-weight: 300; }
@font-face {
  font-family: 'chevin';
  src: url(../fuentes/chevin-medium.woff) format("opentype");
  font-weight: 400; }
@font-face {
  font-family: 'chevin';
  src: url(../fuentes/chevin-demibold.woff) format("opentype");
  font-weight: 500; }
@font-face {
  font-family: 'chevin';
  src: url(../fuentes/chevin-extrabold.woff) format("opentype");
  font-weight: 600; }
/* * * * * * * * * * * * * * * */
html {
  margin: 0;
  background: #98e2f1 url(../imagenes/personajesFondo.png); }

body {
  padding: 10px 0;
  background-color: #fff;
  background-image: url(../imagenes/personajesFondo.png), linear-gradient(#0072ba, #98e2f1);
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  font-family: "chevin", Arial, sans-serif; }

/* * * * * *  layout  * * * * * */
.fondoVideo {
  padding: 1em;
  text-align: left; }
  .fondoVideo .cajaAccesos {
    margin: 100px 0.5% 50px; }
    @media screen and (max-width: 935px) {
      .fondoVideo .cajaAccesos {
        margin: 30px 0.5%; } }
    @media screen and (max-width: 550px) {
      .fondoVideo .cajaAccesos {
        text-align: left; } }

.botonera {
  width: 100%;
  top: 0;
  text-align: center; }
  @media screen and (max-width: 635px) {
    .botonera {
      display: block;
      width: 100%;
      height: auto;
      text-align: center;
      position: static; } }

.columna {
  margin: 0 0.5% 20px 0.5%;
  text-align: center; }
  @media screen and (max-width: 750px) {
    .columna {
      width: 100%; } }

.wrapper {
  margin-bottom: 4em; }

/* * * * * *  elements  * * * * * */
#terms {
  box-shadow: 0 0 0 4px #9dbfc8, 0 0 5px 6px rgba(0, 0, 0, 0.7); }

.navegacion1 {
  min-width: 265px;
  height: 55px;
  padding-top: 10px; }
  @media screen and (max-width: 750px) {
    .navegacion1 {
      margin: 0; } }

@media screen and (max-width: 750px) {
  .navegacion2 {
    width: auto;
    margin: 0;
    text-align: center; } }

.navegaNivel span {
  line-height: 60px; }
.navegaNivel .n99:after {
  content: "DEMO";
  position: absolute;
  left: 75px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #e3004c; }
@media screen and (max-width: 750px) {
  .navegaNivel {
    padding-top: 2em; } }
@media screen and (max-width: 550px) {
  .navegaNivel span {
    display: block; } }

.iconos {
  min-width: 320px;
  margin-top: 9px; }
  @media screen and (max-width: 840px) {
    .iconos {
      visibility: hidden; } }

#logo {
  width: 226px;
  height: 96px;
  margin-bottom: 15px; }
  @media screen and (max-width: 750px) {
    #logo {
      width: 0px;
      height: 0px;
      overflow: hidden; } }

.pagina {
  font: 400 1.125em 'chevin', Arial, sans-serif;
  vertical-align: middle; }

.marco {
  border: 3px dotted #9dbfc8; }
  .fondoVideo + .marco {
    text-align: center; }
  .marco.modal {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.8); }
  .marco .contact {
    font-family: 'chevin', Arial, sans-serif;
    font-weight: 500; }

.separador {
  border-top: 3px dotted #9dbfc8;
  font: 600 1.7em 'chevin', Arial, sans-serif;
  margin-bottom: 25px;
  padding-left: 4%; }

.seccion {
  margin-top: 50px;
  text-align: left;
  background-color: #fff;
  border: 3px dotted #9dbfc8; }
  div[class^="video-nivel"] .seccion {
    display: none; }
  div[class^="video-nivel"] .seccion.activo {
    display: block; }

/* video */
div[class^="video-nivel"] {
  text-align: center; }

.columnaDrVid {
  float: none;
  position: static;
  width: 96%;
  padding: 2%;
  margin-top: 0; }
  .columnaDrVid.seccion {
    text-align: center; }
  .columnaDrVid + .columna {
    width: 100%; }

.portadaVideoRecursos {
  width: 90%;
  max-width: 720px; }

/* * * Consola * * */
.audiojs {
  border-radius: 10px; }

/* * * * * *  buttons  * * * * * */
/* * botonera accesos seguros * */
a#botTeachers {
  background: url(../imagenes/botTeachers.png) bottom no-repeat, url(../imagenes/botonesAccesoSeguroFondo.png) bottom/85% no-repeat;
  transition: all 0.3s ease-out; }
  a#botTeachers:before {
    content: url("../imagenes/portadaGeorge.png");
    position: absolute;
    left: -150px;
    top: 100px; }
  a#botTeachers:after {
    content: url("../imagenes/portadaTeacher.png");
    position: absolute;
    left: 280px;
    top: 70px; }
  a#botTeachers:hover, a#botStudents:hover {
    background-position: top, bottom;
    background-size: auto, 100%;
    transition: background-position 0.4s ease-out, background-size 0.25s ease-out; }
  @media screen and (max-width: 935px) {
    a#botTeachers {
      background-image: url(../imagenes/botTeachersMd.png), url(../imagenes/botonesAccesoSeguroFondo.png); }
      a#botTeachers:before {
        left: -120px;
        top: 0;
        transform: scale(0.75); }
      a#botTeachers:after {
        left: 190px;
        top: 0;
        transform: scale(0.75); } }
  @media screen and (max-width: 750px) {
    a#botTeachers {
      background-image: url(../imagenes/botTeachersPq.png), url(../imagenes/botonesAccesoSeguroFondo.png); }
      a#botTeachers:before {
        left: -100px;
        top: 0;
        transform: scale(0.5); }
      a#botTeachers:after {
        left: 140px;
        top: -65px;
        transform: scale(0.5); } }
  @media screen and (max-width: 550px) {
    a#botTeachers {
      display: block;
      margin: 15px auto; } }

a#botStudents + a#botTeachers {
  margin-left: 13%; }
  a#botStudents + a#botTeachers:before {
    position: absolute;
    left: -100px;
    top: 50px; }
  a#botStudents + a#botTeachers:after {
    position: absolute;
    left: 110px;
    top: 70px; }
  @media screen and (max-width: 935px) {
    a#botStudents + a#botTeachers:before {
      left: -90px; }
    a#botStudents + a#botTeachers:after {
      left: 70px;
      top: 0; } }
  @media screen and (max-width: 750px) {
    a#botStudents + a#botTeachers:before {
      left: -80px;
      top: 0; }
    a#botStudents + a#botTeachers:after {
      left: 25px;
      top: -65px; } }

div#botTeachers, div#botTeachers:hover {
  background: url(../imagenes/botTeachersOff.png) center bottom no-repeat; }
  @media screen and (max-width: 935px) {
    div#botTeachers, div#botTeachers:hover {
      background-image: url(../imagenes/botTeachersOffMd.png); } }
  @media screen and (max-width: 750px) {
    div#botTeachers, div#botTeachers:hover {
      background-image: url(../imagenes/botTeachersOffPq.png); } }
  @media screen and (max-width: 550px) {
    div#botTeachers, div#botTeachers:hover {
      display: block;
      margin: 0 auto; } }

a#botStudents {
  background: url(../imagenes/botStudents.png) bottom no-repeat, url(../imagenes/botonesAccesoSeguroFondo.png) bottom/85% no-repeat;
  transition: all 0.3s ease-out;
  margin-right: 13%; }
  a#botStudents:before {
    content: url("../imagenes/portadaAlfie.png");
    position: absolute;
    left: -100px; }
  a#botStudents:after {
    content: url("../imagenes/portadaAmanda.png");
    position: absolute;
    top: 100px;
    right: -60px; }
  @media screen and (max-width: 935px) {
    a#botStudents {
      background-image: url(../imagenes/botStudentsMd.png), url(../imagenes/botonesAccesoSeguroFondo.png); }
      a#botStudents:before {
        transform: scale(0.75); }
      a#botStudents:after {
        top: 50px;
        transform: scale(0.75); } }
  @media screen and (max-width: 750px) {
    a#botStudents {
      background-image: url(../imagenes/botStudentsPq.png), url(../imagenes/botonesAccesoSeguroFondo.png); }
      a#botStudents:before {
        left: -90px;
        top: -40px;
        transform: scale(0.5); }
      a#botStudents:after {
        top: 0;
        transform: scale(0.5); } }
  @media screen and (max-width: 550px) {
    a#botStudents {
      display: block;
      margin: 0 auto; } }

div#botStudents, div#botStudents:hover {
  background: url(../imagenes/botStudentsOff.png) center bottom no-repeat; }
  @media screen and (max-width: 935px) {
    div#botStudents, div#botStudents:hover {
      background-image: url(../imagenes/botStudentsMdOff.png); } }
  @media screen and (max-width: 750px) {
    div#botStudents, div#botStudents:hover {
      background-image: url(../imagenes/botStudentsPqOff.png); } }
  @media screen and (max-width: 550px) {
    div#botStudents, div#botStudents:hover {
      display: block; } }

.botonesAccesoSeguro {
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 187px;
  height: 226px;
  margin: 30px; }
  @media screen and (max-width: 935px) {
    .botonesAccesoSeguro {
      width: 140px;
      height: 170px; } }
  @media screen and (max-width: 750px) {
    .botonesAccesoSeguro {
      width: 94px;
      height: 113px; } }
  @media screen and (max-width: 635px) {
    .botonesAccesoSeguro {
      margin: 1em; } }

.botRegister, .botDemo {
  display: block;
  margin: 0 auto; }
  @media screen and (max-width: 550px) {
    .botRegister, .botDemo {
      margin-left: calc(50% - 115px);
      display: inline-block; } }

.botDemo {
  animation: pulsacionBoton 2s ease-in-out infinite; }

/* *  navegación niveles  * */
.txtArea {
  font: normal 1.35em 'chevin', Arial, sans-serif;
  vertical-align: middle; }

.botLevel {
  width: 43px;
  height: 43px;
  padding: 0;
  margin: 4px;
  vertical-align: middle;
  border: none;
  font-size: 1.65em;
  font-weight: 500;
  line-height: 43px;
  color: #fff;
  transition: all 2s ease;
  border-radius: 5em; }
  .botLevel:hover {
    transform: scale(1.3);
    font-size: 1.6em;
    color: #fff;
    transition-duration: 0.5s; }
  .botLevel:focus {
    margin: 3px 5%; }
  .botLevel.levelActivo, .botLevel.levelActivo:hover {
    width: 53px;
    height: 53px;
    font-size: 2em;
    line-height: 53px;
    border: none;
    transform: none;
    cursor: default; }
  @media screen and (max-width: 635px) {
    .botLevel:focus {
      margin: 0 0; } }

/* * botones productos * */
.producto {
  margin: 0 1%;
  margin-bottom: 70px;
  opacity: 0.999;
  /*Para que los botones de producto estén en un contexto de z independiente y poder poner los personajes detrás de los botones sin que desaparezcan detrás del fondo*/ }
  @media screen and (max-width: 635px) {
    .producto {
      display: block;
      text-align: center;
      margin-bottom: 0; } }
  @media screen and (max-width: 550px) {
    .producto + .marco {
      border: none;
      padding-left: 0;
      padding-right: 0;
      margin: 0; } }

.botProd {
  width: 160px;
  height: 160px;
  margin: 20px;
  background-size: 150px 150px;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-size 0.3s ease-out; }
  .botProd:hover {
    background-size: 160px 160px;
    background-position: center;
    transition: background-size 0.3s ease-out; }
  @media screen and (max-width: 750px) {
    .botProd {
      width: 120px;
      height: 120px;
      background-size: 113px 113px; }
      .botProd:hover {
        background-size: 120px 120px; } }
  @media screen and (max-width: 635px) {
    .botProd {
      display: inline-block; } }

a[id*="prodGames"] {
  margin-bottom: 100px; }
  a[id*="prodGames"]:after {
    content: url("../imagenes/personajeGames.png");
    position: relative;
    left: 50px;
    top: 90px; }
  @media screen and (max-width: 750px) {
    a[id*="prodGames"]:after {
      left: 50px;
      top: 60px; } }
  @media screen and (max-width: 635px) {
    a[id*="prodGames"] {
      margin: 20px; }
      a[id*="prodGames"]:after {
        left: 80px;
        top: 0; } }

a[id*="prodStories"] {
  margin-top: 100px; }
  a[id*="prodStories"]:after {
    content: url("../imagenes/personajeStories.png");
    position: relative;
    top: -80px; }
  @media screen and (max-width: 750px) {
    a[id*="prodStories"]:after {
      left: -15px;
      top: -90px; } }
  @media screen and (max-width: 635px) {
    a[id*="prodStories"] {
      margin: 20px; }
      a[id*="prodStories"]:after {
        left: -100px;
        top: -20px; } }

a[id*="prodLetters"] {
  margin-bottom: 100px; }
  a[id*="prodLetters"]:after {
    content: url("../imagenes/personajeLetters.png");
    position: relative;
    left: -60px;
    top: 120px; }
  @media screen and (max-width: 750px) {
    a[id*="prodLetters"]:after {
      left: -55px;
      top: 80px; } }
  @media screen and (max-width: 635px) {
    a[id*="prodLetters"] {
      margin: 20px auto 80px; }
      a[id*="prodLetters"]:after {
        left: 80px;
        top: -30px; } }

a[id*="prodTi-book"] {
  position: relative;
  margin-top: 100px; }
  a[id*="prodTi-book"]:after {
    content: url("../imagenes/personajeIbook.png");
    position: absolute;
    left: 80px;
    top: -100px;
    z-index: -1; }
  @media screen and (max-width: 750px) {
    a[id*="prodTi-book"]:after {
      left: 35px;
      top: -70px; } }
  @media screen and (max-width: 635px) {
    a[id*="prodTi-book"] {
      margin: 60px auto 100px; }
      a[id*="prodTi-book"]:after {
        left: -20px;
        top: -60px; } }

/* *  navegación doc intro  * */
.botDocPrevio, .botDocSig {
  display: inline-block;
  width: 43px;
  height: 38px;
  margin: 0 10px;
  vertical-align: middle;
  background: url(../imagenes/previousPage.png) no-repeat left; }

.botDocSig {
  background-image: url(../imagenes/nextPage.png); }

/* * botones recursos video * */
.botVideo {
  display: block;
  margin: 10px 0 10px calc(50% - 120px);
  max-width: 450px; }
  @media screen and (max-width: 750px) {
    .botVideo {
      margin: 10px auto;
      padding-left: 8%; } }
  .botVideo:hover .botVideoRecursos {
    background-position: right; }
  .botVideo:hover .txtArea {
    font-weight: 500;
    letter-spacing: -0.5px; }
  .botVideo:hover .botVideoRecursos.off {
    background-position: left; }
  .botVideo:hover .botVideoRecursos.off + .txtArea {
    font-weight: 300;
    color: #888;
    letter-spacing: 0; }
  .botVideo:after {
    content: "";
    display: table;
    clear: both; }
  .botVideo .txtArea {
    font-weight: 300;
    line-height: 40px; }
  .botVideo .botVideoRecursos.off + .txtArea {
    color: #888; }

.botVideoRecursos {
  float: left;
  width: 85px;
  height: 48px;
  margin-right: 1em; }
  .botVideoRecursos.playing {
    background-position: bottom right; }
    .botVideoRecursos.playing + .txtArea {
      font-weight: 500; }
  .botVideoRecursos.off {
    box-sizing: border-box;
    background-origin: border-box;
    border: 24px solid rgba(255, 255, 255, 0.6); }

/* * * * botones descargas profe * * * */
@media screen and (max-width: 750px) {
  .botSongBank, .botTeachersBook {
    margin-right: 0; } }

/* * * * Añadidos para Amanda * * * */
.botTiposVideos {
  display: inline-block;
  width: 180px;
  height: 57px;
  padding-top: 5px;
  margin: 0 10px 10px 4%;
  text-align: center;
  border-radius: 25px;
  border: 3px dotted #9dbfc8;
  font: 600 1.5em/1em 'chevin', Arial, sans-serif;
  color: #1073b5; }
  .botTiposVideos:hover {
    cursor: pointer; }
    .botTiposVideos:hover.off {
      border-color: rgba(157, 191, 200, 0.5);
      color: rgba(16, 115, 181, 0.3);
      cursor: default; }
    .botTiposVideos:hover.activo {
      color: #fff;
      border: none;
      cursor: default; }
  .botTiposVideos.activo {
    color: #fff;
    border: none; }
  .botTiposVideos.off {
    border-color: rgba(157, 191, 200, 0.5);
    color: rgba(16, 115, 181, 0.3); }

#proyector {
  border: 4px solid #9dbfc8; }

/* Ocultar el botón de descarga accediendo al shadow DOM de chrome*/
video.video_player::-webkit-internal-media-controls-download-button {
  display: none !important;
  border: 10px solid red; }

.portadaVideo {
  display: inline-block;
  width: 100%;
  margin: 0 auto; }

.contVideoRecursos {
  padding-bottom: calc(900% / 16); }

/* * botones audio recursos * */
.audiosActivitiesImg, .audiosStoriesImg, .audiosSongsImg, .audiosPictureDictionaryImg, .audiosWordListImg {
  width: 81px;
  height: 101px; }

.botAudioTitulos {
  margin: 3% 3% 3% 8%;
  font: 300 1.25em 'chevin', Arial, sans-serif;
  color: #404040; }
  .botAudioTitulos:hover > span, .botAudioTitulos.playing > span {
    font-weight: 500;
    letter-spacing: -0.5px; }

.marcaAudioTitulos {
  width: 25px;
  height: 24px;
  margin-top: 0; }

.audioDownload {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  margin: 2em 0;
  font: 500 1.25em 'chevin', Arial, sans-serif;
  text-align: center;
  background-color: #fff;
  border-radius: 10px; }
  .audioDownload > div {
    position: absolute;
    left: -40px;
    top: -7px;
    width: 55px;
    height: 50px;
    background: url(../imagenes/flechaDownload.png);
    margin: 0 5px 0 0; }
  .audioDownload:hover {
    box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.4); }
  @media screen and (max-width: 750px) {
    .audioDownload {
      margin: 15px 0; } }

/* * Otros * */
label {
  position: absolute;
  top: -15px;
  font-weight: 500; }
  .errorForm > label {
    top: -16px; }

/* * Textos * */
.titSeccion {
  font: 500 1.75em 'chevin', Arial, sans-serif; }
  .videosImg + .titSeccion {
    font-weight: 600; }

.subSeccion {
  margin-left: 1.5em;
  font: 500 1.5em 'chevin', Arial, sans-serif; }

.marginright {
  margin-right: 1em; }

.tituloMarco, .tituloMarcoDerecha {
  position: absolute;
  top: -1.5em;
  left: 1em;
  font: 600 1.5em 'chevin', Arial, sans-serif; }
  @media screen and (max-width: 750px) {
    .tituloMarco, .tituloMarcoDerecha {
      font-size: 1.2em;
      top: -2.5em; } }

.tituloMarcoDerecha {
  left: initial;
  right: 1em; }
  @media screen and (max-width: 750px) {
    .tituloMarcoDerecha {
      top: -1.5em;
      right: initial;
      left: 1em; } }

@media screen and (max-width: 750px) {
  .fondoBotones {
    margin-bottom: 2.5em; } }

/* * * * * *  media queries  * * * * */
@media screen and (max-width: 750px) {
  #prodGames_1 {
    background-image: url(../imagenes/botGames_1Md.png); }

  #prodStories_1 {
    background-image: url(../imagenes/botStories_1Md.png); }

  #prodLetters_1 {
    background-image: url(../imagenes/botLetters_1Md.png); }

  #prodTi-book_1 {
    background-image: url(../imagenes/botTi-book_1Md.png); }

  #prodGames_2 {
    background-image: url(../imagenes/botGames_2Md.png); }

  #prodStories_2 {
    background-image: url(../imagenes/botStories_2Md.png); }

  #prodLetters_2 {
    background-image: url(../imagenes/botLetters_2Md.png); }

  #prodTi-book_2 {
    background-image: url(../imagenes/botTi-book_2Md.png); }

  #prodGames_3 {
    background-image: url(../imagenes/botGames_3Md.png); }

  #prodStories_3 {
    background-image: url(../imagenes/botStories_3Md.png); }

  #prodLetters_3 {
    background-image: url(../imagenes/botLetters_3Md.png); }

  #prodTi-book_3 {
    background-image: url(../imagenes/botTi-book_3Md.png); } }
/* * * * Claves de animación * * * */
@keyframes pulsacionBoton {
  43% {
    transform: scale(1); }
  47% {
    transform: translateX(-2px) rotateZ(1deg); }
  50% {
    transform: translateX(2px) rotateZ(-2deg); }
  53% {
    transform: translateX(-2px) rotateZ(2deg); }
  56% {
    transform: translateX(2px) rotateZ(-1deg); }
  60% {
    transform: scale(1); } }

/*# sourceMappingURL=AMA.css.map */