/* generales */
body{font-family:arial,helvetica,sans-serif;}
body.context-activitat{height:100%;margin:0;padding:0;}
body.context-activitat #main{display:table;height:100%;width:100%;}
body.context-activitat #main-in{display:table-cell;vertical-align:middle;}
.reborde-activitat{max-width:1003px;padding:8px 0 28px 0;margin:0 auto;}
.reborde-activitat.actInicial{padding-top:28px;}
.reborde-activitat .iframe-activitat{margin:0 3px 0 28px;}
.iframe-activitat{max-width:972px;margin:0 auto;width:100%;}
.node-type-activity-hype .iframe-activitat{max-width:500px;margin:20px auto 0 auto;width:100%;}
.contenido-actividad{position:relative;padding-right:42px;font-size:16px;/*15px;*/}
.contenido-actividad .contenido-actividad{padding-right:0;}
.tituloActividad{text-align:right;text-transform:uppercase;margin:0 49px 8px 0;}
.contrareloj .tituloActividad{display:none;}
.contenido-actividad p{margin:0 0 1em 0;}
.contenido-actividad ul li,.contenido-actividad ol li{margin:1em 0;}
.tituloActividad,.contenido-actividad h2,.contenido-actividad h3,.contenido-actividad h4,.contenido-actividad h5,.contenido-actividad h6{font-size:1em;}
.textoPrincipal ul{margin-top:0;}
.textoPrincipal ul li:first-child{margin-top:0;}
sup,sub{font-size:9px;}
.contenedorTexto h3{margin-top:0;}
.nowrap{white-space:nowrap;}

/* biggertext */
.biggertext .textoPrincipal  sup,.biggertext .textoPrincipal sub{font-size:13px;}


.rteright{text-align:right;}
.rtecenter,.marcoBombo .pantallaInicial,.marcoBombo .pantallaFinal{text-align:center;}
.pantallaInicial .presentacion{font-size:1.2em;}
.oculto{display:none !important;}
.invisible{
	color:transparent;
}
.marcoActividad{padding:25px 50px 36px 62px;border-top-left-radius:16px;border-bottom-left-radius:16px;position:relative;}
.MultiActividad .pantallas .marcoActividad {padding:0;}
.MultiActividad .pantallas .actividad{padding:0;margin-bottom:30px;}
.MultiActividad .pantallas .actividad:last-of-type{margin-bottom:0;}
.marcoActividad.sangre{padding-right:0;padding-top:0;}
.marcoActividad.sangre .zonaImagen.floatr{margin:0 0 0 3%;max-width:370px;}
.marcoActividad-in{min-height:400px;position:relative;}
.MultiActividad .pantallas .marcoActividad-in {min-height:10px;}
.MultiActividad .pantallas .marcoActividad{border-radius:0;}
/*.MultiActividad .actividad:first-of-type .marcoActividad{border-top-left-radius:16px;}
.MultiActividad .actividad:last-of-type .marcoActividad{border-bottom-left-radius:16px;}*/
.marcoActividad.sangre .marcoActividad-in{padding-top:25px;}
div.a{position:absolute;left:-16px;top:-8px;width:66px;height:63px;z-index:3;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-block;}
/* start commented backslash hack \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* close commented backslash hack */

/* interfaz */
.zonaInterfaz{position:absolute;right:0;top:0;}
.interfaz{border-radius: 0px 10px 10px 0px;}
.interfaz .in{padding-left:4px;padding-right:7px;}
.botonInterfaz{cursor:pointer;margin:0;width:32px;height:40px;}
.botonInterfaz.inactive{opacity:0.5;cursor:default;}

/* imágenes */
.imagenActividad,.imagenPresentacion{display:block;margin:0.5em auto 1.5em auto;max-width:100%;max-height:300px;}
.floatl{float:left;}
.floatr{float:right;}
.zonaImagen.floatl,.zonaImagen.floatr{margin:0 0 0 0;width:40%;}
.zonaImagen.floatl img,.zonaImagen.floatr img{max-width:100%;margin:0;max-height:100%;/* quitado el alto máximo de 500px a petición de Enciclopedia*/}
.zonaImagen.floatr img{margin:0 0 0 auto;}
/*
.zonaImagen.vertical{float:right;margin:0 0 0 20px;}
.zonaImagen.vertical .imagenActividad{margin:0;}
.zonaImagen.horizontal{float:none;width:100%;max-height:200px;margin:0 0 1em 0;overflow-y:hidden;}
.imagenEnunciado{max-width:100px;max-height:100px;}*/

/* comunes tipos de actividades */
.actividad{/*max-width:800px;*/position:relative;}
.zonaEnunciado{margin:0 0 1.8em 0;}
.zonaEnunciado p{margin:0;}
.zonaEnunciado .contenedorTexto,.contenedorTexto.floatr,.contenedorTexto.floatl{margin-top:0;}
.zonaTexto{/*margin: 5px 30px;*/margin:1em 0 2em 0;line-height:150%;}
.zonaTexto.floatl{margin-bottom:0;margin-top:0;}
.contenedorTexto{margin-top:1em;}
.contenedorTexto.narrow{margin-left:11.5%;margin-right:11.5%;}
.imagen-texto{margin-top:1em;}

/* texto más grande */
.biggertext .textoPrincipal{font-size:24px;}

.elementoParrafo{width:auto;}
.contenedorTexto.espaciado{margin-top:5em;}
.contenedorTexto .elementoParrafo{margin:0 0 1em 0;}
.contenedorTexto .elementoParrafo.eleClic{margin:0 0 2em 0;}
.enunciado{font-weight:bold;font-size:1.15em;}
.zonaArrastrables{margin:1.5em 0;text-align:center;min-height:40px;}
.contenedorTexto{line-height:175%;}
.zonaEnunciado .contenedorTexto,.textoVF,.enunciadoClic,.eleClic{line-height:130%;}
.contenedorTexto .recipienteTextoMP,.contenedorTexto .escrituraTextoMP,.arrastrableTextoMP{line-height:118%;}
/*.recipienteTextoMP{margin-right:0.2em;}*//* testejar què passa en treure-ho */
/* ,.respuestaClic,*/.EVF:not(.conFormula),.arrastrableTextoMP:not(.conFormula),.recipienteTextoMP:not(.conFormula)/* ,.escrituraTextoMP,.seleccionableTextoMP*/{/*border-radius:2px;*/font-weight:bold;}

/* clic */
.conFormula {
	vertical-align: middle;
	font-weight:normal;
}
.MathJax .escrituraTextoMP {
	width:inherit;
	color:black;
	min-width:10px;
	overflow:visible;
}
/*
.MathJax .corrector.correcto  .escrituraTextoMP {
	background-color: rgba(0, 255, 0,.8);
	color: rgb(201, 253, 201);
}
.MathJax .corrector.incorrecto  .escrituraTextoMP {
	background-color: rgba( 255,0, 0,.8);
	color: rgb(249, 232, 234);
}
*/
.arrastrableTextoMP.enFormula {
	padding:2px 0px;
	background-color: white;
}
.MathJax .corrector.correcto .escrituraTextoMP.vacio {
	background-color: rgba(0, 255, 0,.8);
	color: rgb(201, 253, 201);
	
}
.MathJax .corrector.incorrecto  .escrituraTextoMP.vacio {
	background-color: rgba( 255,0, 0,.8);
	color: rgb(249, 232, 234);
}
.MathJax .corrector.correcto .corregible {
	background-color: rgba(0, 255, 0,.8);
	color: rgb(201, 253, 201) !important;
}

.MathJax .corrector.incorrecto .corregible {
background-color: rgba( 255,0, 0,.8);
	color: rgb(249, 232, 234) !important;
}
.MathJax .corregible {
	border: 0px !important;
	outline:0px;
}

.MathJax .corrector .corregible {
	padding:3px;
}
.MathJax .corrector select.corregible {
	padding:0px;
}
.MathJax select.enFormula {
	width: 100%;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

/* MiniReto */
h2.nombreGrupo{margin:0;}
.node-type-minirepte .iframe-activitat{max-width:500px;margin:20px auto 0 auto !important;width:100%;}
.MiniReto .header{text-align:center;font-size:12px;border-radius:12px 12px 0 0;padding:10px;position:relative;}
.MiniReto .header .tituloActividad{text-align:center;font-size:18px;margin:0;}
.MiniReto .marcoActividad{border-radius:0 0 12px 12px;padding:20px 16px;border-right:0;}
.MiniReto .contenido-actividad{padding-right:0;}
.MiniReto .contenedorTexto{margin-top:0;}
.MiniReto .bubble{margin-left:68px;font-size:14px;max-width:300px;display:inline-block;padding:10px;position:relative;border-radius:6px;line-height:normal;}
.MiniReto .mensajeWA.primero{text-align:right;}
.MiniReto .mensajeWA.primero .bubble{text-align:left;}
.MiniReto .primero .bubble{margin-right:68px;margin-left:0;}
.MiniReto .bubble .imagen{height:100px;width:100%;background-size:contain;background-position-x:50%;margin-bottom:0.5em;}
.MiniReto .bubble .audio{margin-bottom:0.5em;}
.MiniReto .mensajeWA p{margin:0;}
.MiniReto .bubble .texto p + p{margin-top:1em;}
.MiniReto .bubble .texto a{text-decoration:none;}
.MiniReto .bubble .texto img{vertical-align:middle;}
.MiniReto .bubble .nombre{font-size:12px;margin-bottom:10px;}
.MiniReto .bubble:after{content:'';position:absolute;border-style:solid;border-width:10px 8px 10px 0;right:auto;left:-8px;display:block;width:0;z-index:1;top:50%;margin-top:-9px;}
.MiniReto .primero .bubble:after{border-width:10px 0 10px 8px;right:-8px;left:auto;}
.MiniReto .mensajeWA{position:relative;margin-top:15px;}
.MiniReto .mensajeWA .personaje{width:50px;height:50px;display:inline-block;position:absolute;left:0;top:50%;margin-top:-25px;}
.MiniReto .mensajeWA.primero .personaje{left:auto;right:0;}
.MiniReto .mensajeWA.sinPersonaje .personaje,.MiniReto .mensajeWA.sinPersonaje .bubble::after,.MiniReto .mensajeWA.sinPersonaje .nombre{display:none;}
.MiniReto .mensajeWA:first-child{margin-top:0;}
.MiniReto .mensajeWA.sinPersonaje{margin-top:5px;}

/* actividad inicial */
.actInicial .iframe-activitat{max-width:965px;}
.actInicial .zonaInterfaz{right:-1px;}
.ActividadInicial .Izquierdo,.ActividadInicial .Derecho{float:left;width:50%;height:546px;position:relative;}
.ActividadInicial .Izquierdo{border-radius:16px 0 0 16px;}
.ActividadInicial .personaje{width:115px;height:115px;margin:0 auto 18px auto;}
.ActividadInicial .celda{padding:40px 50px;}
.ActividadInicial .enunciado{font-size:14px;text-align:center;}
.ActividadInicial .tituloActividad{margin:18px 0;text-align:center;}
.ActividadInicial .pistaInicial{position:relative;}
.ActividadInicial .pistaInicial .titulo-more{margin:0 auto 20px auto;width:102px;}
.ActividadInicial .pistaInicial .titulo{text-transform:uppercase;font-weight:bold;font-size:14px;display:inline-block;padding:2px 8px;border-radius:6px;}
.ActividadInicial .subtituloActividad{text-transform:uppercase;margin-bottom:0.3em;font-weight:bold;text-align:center;}
.ActividadInicial .pistaInicial .numero{min-width:2em;}
.ActividadInicial .pistaInicial .texto{line-height:normal;text-align:center;}
.ActividadInicial .respuesta{width:100%;border-radius:6px;display:inline-block;font-size:24px;padding:4px;text-align:center;min-height:1.2em;text-transform:uppercase;position:absolute;width:224px;bottom:42px;left:120px;}
.ActividadInicial .pistaInicial .boton{position:absolute;left:199px;top:0;cursor:pointer;display:inline-block;padding:1px 8px;margin-left:3px;border-radius:6px;font-size:24px;}
.ActividadInicial .pistaLetra{display:inline-block;/*position:absolute;left:0;right:0;text-align:center;*/}
.ActividadInicial .capaEscritura:focus{outline:0;min-width:2px;}
.ActividadInicial .capaEscritura:empty{  position: absolute;
  left: 0;
  right: 0;
  top: 3px;}

.ActividadInicial .capaEscritura{display:inline-block;min-height:22px;/*position:absolute;left:0;right:0;text-align:center;*/}

/* tablas */
.Tabla table{width:100%;border:0;border-collapse:separate;border-spacing:2px;}
.Tabla table td,.Tabla table th{border:0;padding:10px 10px;vertical-align:middle;}
.Tabla table th{text-transform:uppercase;width:5%;}
.Tabla table td{text-align:center;width:5%;}
.elementoTabla .escrituraTextoMP{box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;border:0px;width:100%;padding:0;min-height:1.5em;position:relative;top:0.2em;font-size:14px;}
.Tabla table td.alignleft,.Tabla table th.alignleft{text-align:left;}
.Tabla table td.alignright,.Tabla table th.alignright{text-align:right;}
.Tabla table td.width10,.Tabla table th.width10{width:10%;}
.Tabla table td.width20,.Tabla table th.width20{width:20%;}
.Tabla table td.width30,.Tabla table th.width30{width:30%;}
.Tabla table td.width40,.Tabla table th.width40{width:40%;}
.Tabla table td.width50,.Tabla table th.width50{width:50%;}
.Tabla table td.width60,.Tabla table th.width60{width:60%;}
.Tabla table td.width70,.Tabla table th.width70{width:70%;}
.Tabla table td.width80,.Tabla table th.width80{width:80%;}
.Tabla td .escrituraTextoMP,.Tabla th .escrituraTextoMP{border:0 !important;background:transparent !important;}
.Tabla .contenido-actividad table p{margin:0;}
.elementoTabla{line-height:normal;}

/* activas */
.Activa .contenedorTexto p{margin:0;}
.Activa .contenedorTexto textarea,.Activa .contenedorTexto input{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:0.3em;margin-bottom:1em;}
.Activa .textoPrincipal p{position:relative;line-height:1.3em;margin-bottom:0.3em;}
.Activa .textoPrincipal p::before{width:4px;height:4px;border-radius:2px;position:absolute;left:-0.6em;top:0.5em;content:" ";}
.Activa .textoPrincipal p.tieneFormulario::before{display:none;}

/*.Activa .textoPrincipal p::before{display:none;width:4px;height:4px;border-radius:2px;position:absolute;left:-0.6em;top:0.75em;content:" ";}*/
/*.Activa .textoPrincipal p:first-child:not(textarea)::before{width:4px;height:4px;border-radius:2px;position:absolute;left:-0.6em;top:0.75em;content:" ";}*/


/*
.ActividadInicial .pregunta{
	height: 90%;
}
body .reborde-activitat.actInicial .iframe-activitat{
	margin:0;
}
body .reborde-activitat.actInicial {
	background-color:white;
	padding:28px;
}
*/
.respClic{width:auto;margin:0.65em 0;padding:0.2em 0.5em;cursor:pointer;}

/* verdadero / falso */
.VerdaderoFalso .contenedorTexto .elementoParrafo{/*display: inherit;*/}
.botonVF{/*display:inline-block;position:static;*/position:relative;}
.textoVF{margin-left:69px;padding-top:0.25em;min-height:2em;}
/*.textoVF,*/.botoneraVF{/*display:inline;*/position:absolute;left:0;top:0;}
/*.botoneraVF{clear:left;}*/
.EVF{display:inline-block;position:static;text-align:center;width:25px;margin:0 3px 0 0;cursor:pointer;/*font-weight:bold;*/}

span.marcable.desconectado{cursor:default;}
span.marcable{padding:0 2px 0 1px;margin:0 -2px 0 -1px;/*comprobar en explorer*/cursor:pointer;outline:2px solid transparent;border:none;}

/* texto arrastrable o escritura */
.escrituraTextoMP{min-width:18px;text-align:center;}
.seleccionableTextoMP{
	/*padding: 0px 2px 0px 2px;*/
	margin: 0;
	font: inherit;
	outline:none; 
  /*  -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	line-height: inherit;*/
	/*text-align:center;*/
	color:inherit;
	border:0;
}
/*.arrastrableTextoMP.arrastrableEnRecipiente{border:none;}*/
span.marker{font-weight:bold;padding:2px 6px;display:inline-block;margin:0 0.3em;}
span.marker.sinBold{font-weight:inherit;}
.arrastrableTextoMP,.recipienteTextoMP{max-width:100% !important;white-space:normal;}
.arrastrableTextoMP{display:inline;}
.arrastrableTextoMP{text-align:center;padding:2px 6px;/*font-weight:bold;*/}
.arrastrablePosado{display:inline-block !important;position:static !important;vertical-align:middle;}
.arrastrando{display:none !important;}
.arrastrableTextoMP.ui-draggable-dragging{text-align:center;position:absolute !important;}
.arrastrableTextoMP.rollArrastrable{/*border:solid 3px #0B7AF4;*/}
.arrastrableTextoMP.enZona{margin:0 0.5em 0.75em 0.5em;}
.recipienteTextoMP.recipienteLleno{padding:0;}
.recipienteTextoMP{position:static;display:inline-block;padding:2px 6px;}
.escrituraTextoMP{position:static;display:inline-block;padding:0 6px;}
.recipienteLleno{width:auto !important;}

/* columnas */
/*.contenedorColumnas{margin:20px;}*/
/*.contenedorTexto.columna{display:inline-block;vertical-align:top;padding:0px;}*/
.contenedorTexto.columna{vertical-align:top;}
td.contenedorTexto.columna{white-space:nowrap;min-width:200px;}
td.contenedorTexto.columna.cantcol3{min-width:150px;}
td.separador1{width:100px;}
td.separador2{width:70px;}
.contenedorTexto.notabla.cantcol2{width:45%;}
.contenedorTexto.notabla.cantcol2.first{margin-right:5%;}
.contenedorTexto.notabla.cantcol3{width:30%;}
.contenedorTexto.notabla.cantcol3.first,.contenedorTexto.notabla.cantcol3.middle{margin-right:3%;}
/*.TextoMP .contenedorTexto.columna .elementoParrafo{text-align:center;}*/

/* texto adicional */
.zonaTexto.floatl{width:40.2%;}
.contenedorTexto.floatl,.contenedorTexto.floatr,.contenedorColumnas.floatl,.contenedorColumnas.floatr{width:57%;}

/* bombo */
/*.node-type-activity-hype .container{max-width:519px;}*/
#temporizador{width:70%;height:40px;display:inline-block;margin:0 5px 0 57px;}
#barraTemporizador{height:100%;width:100%;}
#barraTemporizador,.aciertos,.errores,#temporizador,.botComenzar,.bombo .resultado{border-radius:8px;}
#temporizador,.aciertos,.errores{float:left;}
.aciertos,.errores{height:40px;width:40px;text-align:center;}
.aciertos{margin-right:5px;}
.bombo .in{text-align:right;	vertical-align:middle;}
.bombo .in #btnCorregir{display:inline-block;}
.bombo .zonaInterfaz{display:block;position:static;width:100%;padding:6px 0;border-radius:8px 8px 0 0;}
.interfaz.interfazBombo{border-radius:16px 16px 0px 0px;}
.bombo .elementoEjercicio{padding:0;}
.bombo div.marcoActividad{margin:0;padding:0;}
.bombo .contenido-actividad{padding:0;}
.bombo .marcoActividad,.MultiActividad .pantallas .marcoActividad{border-right:0;background:transparent;border-radius:0;}
.bombo .marcoActividad-in{min-height:0;}
.bombo .zonaEnunciado,.bombo .outerFrase,.bombo .presentacion,.bombo .enunciadoDTable{display:table;width:100%;}
.bombo .enunciado,.bombo .zonaFrase,.bombo .presentacion .texto,.bombo .enunciadoClic{display:table-cell;height:113px;text-align:center;vertical-align:middle;padding:0 1.5em;}
.bombo .zonaFrase{/*font-weight:bold;*/height:85px;}
.bombo .zonaFrase p.big{font-size:1.3em;font-weight:bold;}

.marcoBombo{border-bottom-left-radius:16px;border-bottom-right-radius:16px;}
.marcoBombo .outerContainer{border-radius:0;}
.marcoBombo{min-height:271px;}
.marcoBombo-in{padding:15px 10px 15px 10px;/*50px 36px 62px;*/}
.node-type-activity-hype div.a{width:92px;height:92px;}
.bombo .contador .numero{font-weight:bold;display:block;font-size:1.4em;padding-top:0.4em;}
.botonInterfaz.botComenzar{background-image:none;display:inline-block;width:auto;height:auto;font-weight:bold;padding:18px 19px;font-size:1.3em;}
.bombo .resultado{display:inline-block;font-weight:bold;padding:18px 19px;font-size:1.7em;}
.bombo .zonaFrase{font-size:1.5em;}
.bombo .puntuacion{margin-top:0.5em;}
.contrareloj div.a,.node-type-activity-hype div.a{left:-19px;top:-20px;width:92px;height:92px;}
.marcoBombo #btnCorregir{position:absolute;left:-19px;top:-20px;width:92px;height:92px;background-image:url(../img/contrarellotge-repetir.png);background-repeat:no-repeat;background-position:0 0 !important;z-index:20;}
.bombo .contenedorTexto .elementoParrafo.eleClic{margin:0 !important;}
.bombo .contenedorTexto .elementoParrafo.eleClic .respuestaClic{width:100% !important;text-align:center;padding:16px 0;border-radius:6px;}
.bombo .respuestasClic .respClic:last-child{margin-bottom:0;}
.contenido-actividad .respuestasClic{font-size:15px;}

/* biggertext */
.biggertext .contenido-actividad .respuestasClic{font-size:22px;}

.bombo .contenido-actividad .respuestaClic{font-size:1.2em;font-weight:normal !important;}
.enunciadoDTable{font-size:20px;}

/* corrector */
.corrector{display:inline-block;}
.respuestasClic .corrector{display:block;}
.botonVF > .corrector{display:inline;}

/* menú edición de actividad (Mireia) */
.activity_links{position:fixed;top:0;left:0;}
.action-links{position:fixed;top:0;right:0;}
.activity_links ul{/*float:right;*/margin:0.5em 0 0 0.5em;padding:0;}
ul.action-links {/*float:left;*/margin:0.5em 0 0 0.5em;padding:0;}
.activity_links li, .action-links li{display:inline;}
.activity_links li a, .action-links li a{text-decoration:none;margin-right:5px;padding:5px;}
.activity_links li a {color:black;background-color:#ccc;}
.action-links li a{background-color:black; color:white}
.activity_links li a:hover, .action-links li a:hover{background-color:gray;color:white;}

/* estils per a l'editor */
blockquote{border:3px solid black;border-radius:10px;padding:1.5em;margin:0 0 1em 0;}
.contenido-actividad blockquote p:last-child{margin-bottom:0;}
blockquote h3{margin-top:0;}
footer{font-size:0.85em;/*text-align:right;*/line-height:130%;}
span.author{font-variant:small-caps;}

@media only screen and (max-width:750px){
	.contenedorTexto.notabla.cantcol3{width:45%;}
}
@media only screen and (max-width:650px){
	.contenedorTexto.notabla.cantcol3{width:100%;float:none;}
	.contenedorTexto.notabla.cantcol2{width:100%;float:none;}
	.floatl,.floatr{width:100%;float:none;}
}

@media only screen and (max-width:500px){
	table td{display:block;}
}