/* generales */
#footer-activitat{display:none;}
body,input,textarea{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,.contenido-actividad li{margin:1em 0;}
.contenido-actividad li:first-child{margin-top: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;padding-left:1.2em;}
.contenedorTexto > li/*,.contenedorTexto > li:first-child*/{margin-left:1.2em;}/* comentat per la Cinta per problema amb els primers elements, que surten més endins */
.textoPrincipal ul li:first-child{margin-top:0;}
sup,sub{font-size:9px;}
.contenedorTexto h3{margin-top:0;}
.nowrap{white-space:nowrap;}
.zonaEnunciado a,.contenedorTexto a{text-decoration:underline;}

/* 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:60px;}
.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;}

.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;}

/* comunes tipos de actividades */
.actividad{position:relative;}
.zonaEnunciado{margin:0 0 1.8em 0;}
.zonaEnunciado p{margin:0;}
.zonaEnunciado .contenedorTexto,.contenedorTexto.floatr,.contenedorTexto.floatl{margin-top:0;}
.zonaTexto{margin:1em 0 2em 0;line-height:150%;}
.zonaTexto.zonaTexto-estrecho{margin:1em 100px 2em 100px;}
.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%;}

.EVF:not(.conFormula),.arrastrableTextoMP:not(.conFormula),.recipienteTextoMP:not(.conFormula){font-weight:bold;}

/* clic */
.conFormula{vertical-align:middle;font-weight:normal;}
.MathJax .escrituraTextoMP{
	width:inherit;
	color:black;
	min-width:10px;
	overflow:visible;
}
.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;
	box-shadow: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{min-height:130px;min-width:200px;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:294px;bottom:42px;left:85px;}
.ActividadInicial .botonPista{cursor:pointer;display:inline-block;padding:1px 8px;margin-left:3px;border-radius:6px;font-size:24px;min-width:30px;min-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;}
.ActividadInicial .pistaInicial .botonPista{position:absolute;left:199px;top:0;}
.ActividadInicial .pistaLetra{display:inline;}
.ActividadInicial .capaEscritura:focus{outline:0;min-width:2px;}
.ActividadInicial .capaEscritura:empty{position:absolute;left:0;right:0;top:3px;}
.ActividadInicial .capaEscritura{display:inline;min-height:22px;}
#print_div{display:none;}

/* 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%;width:90%;*/padding:0;line-height:1em;min-height:1em;position:relative;top:0.1em;font-size:14px;}
.elementoTabla{line-height:1.3em;}
.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;}
.Tabla th.level2{font-size:0.9em;line-height:1.2em;}
.contenedorTexto table td.clic{cursor:pointer;}
.contenedorTexto table td.desconectado{cursor:default;}

/* 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 input,.Activa textarea{font-size:1em;}
.Activa textarea{overflow-x:hidden;resize:vertical;}

.respClic{width:auto;margin:0.65em 0;padding:0.2em 0.5em;cursor:pointer;}

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

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;*/box-shadow:0px 0px 0px 2px rgba(255,255,255,0);border:none;}

/* texto arrastrable o escritura */
.escrituraTextoMP{min-width:18px;text-align:center;}
.seleccionableTextoMP{
	margin:0;
	font:inherit;
	outline:none;
	box-shadow:none;
	color:inherit;
	border:0;
}
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 */
.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%;}

/* 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{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;}
.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;}

.actividad .Clic.paralelas .eleClic{display:inline-block;}
.actividad .Clic.paralelas .eleClic .enunciadoClic{text-align:left;}
.actividad .Clic.paralelas .respuestaClic{display:inline-block;margin-right:1em;}
.paralelas .contenedorTexto.textoPrincipal{text-align:center;}
.paralelas .respuestasClic .corrector{display:inline-block;}
.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{margin:0.5em 0 0 0.5em;padding:0;}
ul.action-links {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;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;}
}