* { margin:0; padding:0; list-style-type:none;}
body {
	font-size: 12pt;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#333;
}
#all {
	padding:12pt 3%;
}
.clear { clear:both;}
#actividad {text-align:center; position:relative; margin-bottom:12pt;}
.datosActividad {
	text-align:right;
	font-size:11px;
	padding:4pt 1.5% 0 0;
}
.logo { float:left; padding:3pt 0 0 1.5%;display: none;}
.headCol h2 {
	text-align:center;
	border-bottom:2pt solid #333;
	padding:13pt 0 8pt;
	font:bold 13pt/17pt Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:14pt;
}
.col { width:47%;}
.colizq { float:left;} 
.colDer { float:right; }
#header { padding:1pt 0 20pt;}
h1 { font: bold 18px/20px Arial, Helvetica, sans-serif;  margin:0; padding:0 0 2px;float: inherit;}
/* Pistas */
.numPista { font-size:13pt; font-weight:bold; list-style-type:decimal; width:14%; display:block; float:left; text-align:right; }
.listPistas li { padding:0 0 5pt;}
.pista {
	font-size:10pt;
	display:block;
	margin-left:18%;
	padding:2pt 0 1pt;
}
.pista img { max-width:100%; height:auto; width:auto; max-height:172px;}
.audio { font-style:italic;}

/* lienzo sopa de Letras */

#lienzo { position:relative; margin:0 auto; border:1px solid #000; border-radius:2px; }
.casilla {
	position:absolute;

}

.activa { background-color:#fff; outline:1px solid #aaa; cursor:pointer;}
.casilla { overflow:hidden; background-color:transparent; box-shadow:none; -webkit-box-shadow:none;}


a { text-decoration:none; color:#618a2c;}
#textoAutor { margin-right:4px;}

.col { width:47%;}
.colizq { float:left;} 
.colDer { float:right;}
.listPistas { border-top:2px solid #333; margin-top:8px; padding-top:25px;}

#changeType { text-align:center; font-size:11px; text-transform:uppercase; line-height:22px; position:relative; background-color:#292d33; color:#fff;}
#changeType input { vertical-align:middle; margin:-2px 3px 0 0; cursor:pointer;}
#changeType label { padding:10px 8px 7px; margin-right:18px; cursor:pointer; border-bottom:3px solid #292d33; display:inline-block; min-width:112px;}
#changeType .modoSel { border-bottom:3px solid #fdc133; box-shadow:rgba(0,0,0,.3)0 2px 3px;}

#publiActividad {
	width:100%;
	text-align:center;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
}

.botoneraInteractiva {
	margin-left: 1rem;
	margin-right: 1rem;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.botoneraInteractiva .botonGenerico {
	margin:0;
	margin-top: 1rem;
}

@media only screen and (min-width:35rem) {

	.botoneraInteractiva {
		flex-direction: row;
		margin: 0;
		justify-content: center;
		align-items: inherit;
	}

	.botoneraInteractiva .botonGenerico:first-child {
		margin-right: 1rem;
	}

}

@media print { 
	#changeType,header,.botoneraInteractiva { display:none;}
	.logo {display: block;}
}