.heightPistaTop { position:absolute; width:100%; height:75px; top:0; left:0; z-index:2; background-color:transparent;}
#textoPistaPalabra { font-size:12px; line-height:14px; display:inline; margin:0 6px; opacity:.9;}

#valorPistaPalabra { font: bold 18px/21px Arial, Helvetica, sans-serif; display:inline; margin-right:6px;}
#pistaPalabra.pistaBottom { bottom:50px; top:auto;}

#divImagen, #divImagenF { position:relative;}
#divImagen img, #divImagenF img { width:100%; height:auto; margin:0 auto;  box-shadow:rgba(0,0,0,.38)0 0 13px;}
#divImagenF { margin:6px auto 0;}
#lienzo { height:100%;}

/* dentro del marker */

.soluciones { position:absolute; /* left:-50%; */ color:#fff; background-color:rgba(0,0,0,.8); display:none;}
#pistaPalabra {
		  box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
	position:absolute;  z-index:999; left:10%; width:80%;  padding:7px 0 8px; text-align:center; color:#fff; border-radius:3px; z-index:12;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MWExYyIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTFhMWMiIHN0b3Atb3BhY2l0eT0iMC45NiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(25,26,28,0.65) 0%, rgba(25,26,28,0.96) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,26,28,0.65)), color-stop(100%,rgba(25,26,28,0.96))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(25,26,28,0.65) 0%,rgba(25,26,28,0.96) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(25,26,28,0.65) 0%,rgba(25,26,28,0.96) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(25,26,28,0.65) 0%,rgba(25,26,28,0.96) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(25,26,28,0.65) 0%,rgba(25,26,28,0.96) 100%); /* W3C */

top:110px;

-moz-transition:all 1s;
transition:all 1s;

}

.marker  { width:25px; height:25px; position:absolute; border-radius:4px; border:1px solid rgba(0,0,0,.65); background-color:rgba(255,255,255,.2); margin:-13px 0 0 -13px; box-shadow:rgba(0,0,0,.5) 0 2px 3px; 
cursor:pointer!important;
transition: all .1s;
-moz-transition: all .1s; 
-webkit-transition: all .1s; 
-o-transition: all .1s; 
}
.marker:hover {  border:1px solid rgba(0,0,0,.5); z-index:999;}
.marker:active {  border:1px solid rgba(0,0,0,.8); }

.marker:before, .marker:after {display:block; content:" ";}

.marker:before {  width:21px; height:21px; border-radius:3px; border:2px solid #e67200;}
.marker:after { position:absolute; top:0; left:0; width:25px; height:25px; border-radius:3px;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.95)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.95) 0%,rgba(255,255,255,0) 100%); /* W3C */
transition: all .5s;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari and Chrome */
-o-transition: all .5s; /* Opera */
opacity:.7;
}
.marker:hover:after { 
opacity:1;
}
.marker:active:after { 
transition: all .1s;
-moz-transition: all .1s; /* Firefox 4 */
-webkit-transition: all .1s; /* Safari and Chrome */
-o-transition: all .1s; /* Opera */
opacity:.3;
}

.respuestaMAL, .respuestaMAL:hover, .respuestaMAL:active {  border:1px solid rgba(0,0,0,.55);}
.respuestaMAL:before {
	background-color:#cb031b;
	border-color:#cb031b;
}
.respuestaMAL:after, .respuestaMAL:hover:after, .respuestaMAL:active:after {
	 box-shadow:inset rgba(255,255,255,.3) 0 1px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTkyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk5MmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,153,47,1) 0%, rgba(255,153,47,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,153,47,1)), color-stop(100%,rgba(255,153,47,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,153,47,1) 0%,rgba(255,153,47,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,153,47,1) 0%,rgba(255,153,47,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,153,47,1) 0%,rgba(255,153,47,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,153,47,1) 0%,rgba(255,153,47,0) 100%); /* W3C */
opacity:.8;
}

.respuestaOK, .respuestaOK:hover, .respuestaOK:active {  border:1px solid rgba(0,0,0,.55);}
.respuestaOK:before {
	background-color:#759926;
	border-color:#759926;
}
.respuestaOK:after, .respuestaOK:hover:after, .respuestaOK:active:after {
	 box-shadow:inset rgba(255,255,255,.6) 0 1px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmY5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2ZmOTciIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(247,255,151,1) 0%, rgba(247,255,151,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,255,151,1)), color-stop(100%,rgba(247,255,151,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,255,151,1) 0%,rgba(247,255,151,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,255,151,1) 0%,rgba(247,255,151,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,255,151,1) 0%,rgba(247,255,151,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,255,151,1) 0%,rgba(247,255,151,0) 100%); /* W3C */
opacity:.7;
}

.respuestaIntentoMAL, .respuestaIntentoMAL:hover, .respuestaIntentoMAL:active {  border:1px solid rgba(0,0,0,.55);}
.respuestaIntentoMAL:before {
	background-color:rgba(227,72,37,.6);
	border-color:#ce0d1d;
}
.respuestaIntentoMAL:after, .respuestaIntentoMAL:hover:after, .respuestaIntentoMAL:active:after {

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmY5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2ZmOTciIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(247,255,151,1) 0%, rgba(247,255,151,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,255,151,1)), color-stop(100%,rgba(247,255,151,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,255,151,1) 0%,rgba(247,255,151,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,255,151,1) 0%,rgba(247,255,151,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,255,151,1) 0%,rgba(247,255,151,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,255,151,1) 0%,rgba(247,255,151,0) 100%); /* W3C */
opacity:.7;
}

.iconoRespuesta { 
	  -moz-animation: fade 1s;
	  -webkit-animation: fade 1s; 
	  -o-animation: fade 1s;
	  animation: fade 1s;

	background-image: url(../20220112/img/iconoRespuesta.png);
	background-repeat: no-repeat;
	background-position: 0 0;

	width:100%;
	height:100%;
	top:0; left:0;
	z-index:1;
	position:absolute;
	
}
.respuestaMAL .iconoRespuesta {	background-position: 0 -25px;}
.respuestaOK .iconoRespuesta {	background-position: 0 0;}



/* cuadro escribir */

.cuadroEscribir.arriba { top:-58px;  }
.cuadroEscribir.abajo { bottom:-58px;}
.cuadroEscribir.centro {  left:-97px;}

.cuadroEscribir.arriba:after {border-top: solid #e4e4e4 6px;}
.cuadroEscribir.abajo:after {border-bottom: solid #fff 6px;}

.cuadroEscribir.centro:after {	left:50%; margin-left:-16px;}

.marker .cuadroEscribir {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.cuadroEscribir { position:absolute; padding:11px 7px; box-shadow:rgba(0,0,0,.5) 0 2px 5px; background-color:#fff; border-radius:4px;  width:220px;
z-index:9999; display:none;
background: #e4e4e4; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(228,228,228,1))); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); 
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); 
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); 
}
.cuadroEscribir input { float:left;}
.cuadroEscribir:after {
	display:block;
	content:" ";
	position:absolute;
}
#campoEscribir { padding:1px 5px 2px; border:1px solid #ccc; border-right:0 none; width:146px; border-radius:3px 0 0 3px; box-shadow:#fff 0 1px; background-color:#fff;}
#btnComprueba { border-radius:0 3px 3px 0; box-shadow:#fff 0 1px; line-height:18px;}

.shadowMap { position:fixed; background-color:rgba(0,0,0,.75); z-index:2; height:100%; width:100%; top:0; display:none; cursor:pointer; }

/* Icono Actividad */

@media all and (min-width:600px) {
	.iconActividad  { padding-top:94px;}
}

/* IE9  shadowMap */

#shadowMap { position:absolute\0/;}

/* resumen */ 
.contentRespuesta { margin-left:20px;}
.accordionButton .contentRespuesta { margin-left:0;}
.numMapaRespuesta { width:100%; line-height:25px; font-weight:bold; color:#fff; text-shadow:rgba(0,0,0,.8)0 1px 2px; position:absolute; top:0; text-align:center;}


#footAct .soundPlayer { position:absolute; top:15px; left:15px; z-index:999; }
.iPlayerReducido { display:block; width:15px; height:18px; background-image:url(../20220112/img/iPlayerReducido.png); background-repeat:no-repeat;}
.iPlay { background-position: center -34px;}
.iPause { background-position: center -7px;}

/* soundPlayer Resumen */

.pistaConSonido .txtRespuesta { margin-left:90px;}
#respuestaResultados li { position:relative;}
#respuestaResultados .soundPlayer { display:inline; margin-left:8px; z-index:99; 
	display:block;
	position:absolute;
	top:6px;
	z-index:99999;
	left:58px;
}
.errorSound { width:45px; height:28px; background: url(../20220112/img/errorSoundBlack.png) no-repeat center center; cursor:help;}
#footAct .errorSound { background: url(../20220112/img/errorSoundWhite.png) no-repeat center center;}

.errorSound{display:none;}

@media all and (min-width:600px) {
	#pistaPalabra { top:110px; left:20%; width:60%;}
	#pistaPalabra.pistaBottom { bottom:68px;}
}
@media all and (max-width:480px) {
	#pistaPalabra { top:100px; padding:6px 0 7px;}
	
	#valorPistaPalabra { font: bold 14px/17px Arial, Helvetica, sans-serif;}
}

/* pantalla aprender */

.mAprender, .mAprender:hover, .mAprender:active {  border:1px solid rgba(0,0,0,.55);}
.mAprender:before {
	background-color:#52575f;
	background-color:rgba(82,87,95,.82);
	border:1px solid #72767a;
	height:23px;
	width:23px;
}
.mAprender:after, .mAprender:hover:after, .mAprender:active:after {
	 box-shadow:inset rgba(255,255,255,.8) 0 1px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	opacity:.3;
}
.mAprender .numMapaRespuesta { box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);}
.mAprender .tooltip {
  display:block;
  pointer-events: auto;
  opacity:.85;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
		  padding:4px 16px 2px;
}  
.tooltip .titTooltip {  padding:6px 0 8px;  text-align:center; font-weight:bold; font-size:14px;}
.tooltip .txtTooltip { border-top:1px solid rgba(255,255,255,.12); padding:9px 2px 9px; font-size:12px; text-align:left;  width:200px;} 
.txtTooltip a { color:#ffba01; text-decoration:none;}

/* footer presentaciones */

.pagAprende { display:inline-block; padding:0 16px; text-align:center; color:#fff;}
.pagTotal {  color:#a3a6ac;}

#footAct.screemAprender .zoomScroller { left:73px; float:left; position:relative;}

#btnsPresentacion { position:absolute; top:14px; right:14px; z-index:9999;}
.txtMobile { display:none;}

@media all and (max-width:600px) {
	#btnsPresentacion { top:6px;}
	#footAct .soundPlayer { top:8px;}
}
@media all and (max-width:520px) {
.txtMobile { display:block;}
.txtPrimary { display:none;}
#footAct.screemAprender .btn-primary { margin:0;}
}
@media all and (max-width:480px) {
.pagAprende { display:none;}
.tooltip { padding:5px 16px;}

.cuadroEscribir { width:180px;}
#campoEscribir { width:106px;}

.cuadroEscribir.centro {  left:-86px;}
.cuadroEscribir.centro:after {	margin-left:-6px;}



}

.hid { overflow:hidden;}

#comenzarScreemAprender { display:none; position:absolute; top:50%; z-index:99999; margin-top:-30px; text-align:center; width:100%; transition: all .6s;  -moz-transition: all .6s;}
#comenzarScreemAprender a { min-width:48%; padding:16px 8px; text-transform:uppercase; font-size:21px; font-weight:bold; box-shadow:rgba(0,0,0,.5)0 3px 8px; }


@media all and (min-width:600px) { 
	.zoomScroller { padding:7px 0;}
		#wrapper {bottom:60px;}
}

.zoomScroller { top:0; left:0; position:relative;}
.infoZoom { left:100%;}

.centro.bTooltip { left:-103px;}
.centro.bTooltip:after { left:108px;}

#sonidos{display:none}


/* mDescubrir */


.mDescubrir, .mDescubrir:hover, .mDescubrir:active {  border:1px solid rgba(0,0,0,.55);}
.mDescubrir:before {
	background-color:rgba(255, 255, 255, 0.65);
	border-color:rgba(0,0,0,.2);
	background-image:url(../20220112/img/iconInfo.png);
	background-repeat:no-repeat;
	background-position:-1px -3px;
}
.mostrarTooltip:before {background-position:-27px -3px;}

.mDescubrir:after, .mDescubrir:hover:after, .mDescubrir:active:after {
	 box-shadow:inset rgba(255,255,255,.6) 0 1px;
	 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0))); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); 
background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); 
background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); 

opacity:.62;
}
.mDescubrir:hover:after { opacity:.8;}

.txtExtraInfo a, .tooltip a { display:inline-block; text-indent:-9999em; width:22px; background-image:url(../20220112/img/iconLinkTooltip.png);
	background-repeat:no-repeat;
	background-position: center 1px; cursor:pointer!important;}
#btnsPresentacion2 { text-align:right; padding-right:25px;}

.mDescubrir .tooltip, .mDescubrir:hover .tooltip { display:none;}
.mostrarTooltip .tooltip, .mostrarTooltip:hover .tooltip { display:block;}

.mDescubrir:hover  { z-index:10;}
.mDescubrir { cursor:pointer!important;  z-index:9; }
.mostrarTooltip  { z-index:11;}
.mDescubrir:before, .mostrarTooltip:before { -moz-transition:all .5s; -webkit-transition:all .5s; transition:all .5s;}


#pistaPalabra { -moz-transition:top .5s; -webkit-transition:top .5s; transition:top .5s;}
#pistaPalabra.pistaBottom { -moz-transition:top 0s; -webkit-transition:top 0s; transition:top 0s;
-moz-transition:bottom .3s; -webkit-transition:bottom .3s; transition:bottom .3s;
}

/* marca de agua */
.mEduca { 
	height:30px; width:113px;
	bottom:8px; right:0px;
	z-index:9999;
	opacity:0;
	transition:all .6s;
	pointer-events: none;
    background-image:url(../20220112/img/mEducaWhite.png); background-repeat:no-repeat; position:absolute;
}
#bodyAct:hover .mEduca { opacity:1;}
@media all and (min-width:600px) {
	.mEduca {  	bottom:14px;}
}