/* estilos para la actividad 1*/

#actividad3 {
	background: url(../img/actividad3/fondoAct3.png);
}

#act3Instrucc {
	display:block;
	top: 40px;
	height: auto;
	padding-top:10px;
	padding-bottom: 10px;
}



.rotulosImg {
	display: block;
	width: 23px;
	border: 1px solid #FFF;
	overflow: hidden;
}

#rotuloReaccion {
	position: absolute;
	float: left;
	left: 18px;
	top: 87px;
	height: 92px;
}

#rotuloAplicaciones {
	position: absolute;
	float: left;
	left: 18px;
	top: 183px;
	height: 177px;
}

#rotuloImagenes {
	position: absolute;
	float: left;
	left: 18px;
	top: 365px;
	height: 142px;
}

.listasSortables li {
	float: left;
	display: table-cell;
	width: 141px;
	text-align: center;
	vertical-align: middle;
}

.listasSortables li p {
	font-family: "trade_regular" Helvetica Arial;
	font-size: 16px;
	-ms-font-size: 15px;
	color: #000;
}

.listasSortables li p sub {
	color: #000;
}

#listaReaccion {
	position: absolute;
	float: left;
	left: 45px;
	top: 87px;
}

#listaReaccion li {
	height: 62px;
	padding-top: 30px;
	line-height: 16px;
	-ms-line-height: 11px;
	letter-spacing: -1px;
	font-weight: bold;
}

#listaAplicaciones {
	position: absolute;
	float: left;
	left: 45px;
	top: 183px;
}

#listaAplicaciones li {
	text-align: left;
	width: 130px;
	height: 171px;
	background: url(../img/actividad3/fondoCasilla.png);
	padding: 4px 6px;
	line-height: 16px;
	letter-spacing: -1px;
	cursor: pointer;
}
#listaAplicaciones li p {
	cursor: pointer;
}
#listaImagenes {
	position: absolute;
	float: left;
	left: 45px;
	top: 365px;
}

#listaImagenes li {
	width:142px;
	height:143px;
	overflow: hidden;
}

#listaImagenes li img{
	cursor: pointer;
}

.anchoEspecial{
	display:none;
	width:144px;
}