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

.marcoActividad{padding:25px 50px 36px 62px;border-top-left-radius:16px;border-bottom-left-radius:16px;position:relative;}
.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;}
.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;}
/* ,.respuestaClic,*/.EVF,.arrastrableTextoMP,.recipienteTextoMP/* ,.escrituraTextoMP,.seleccionableTextoMP*/{/*border-radius:2px;*/font-weight:bold;}

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