#actividad{
	width: 85%;
	margin: 1em auto;
}

#actividad > *{
	display: inline-block;
	vertical-align: middle;
}

.answer{
	visibility: hidden;
}

.deco{
	border:3px solid #542C82;
	border-radius: 7px;
	max-width: 30%;
	margin-top: -5%;
}

#sen{
	width: 60%;
}

#sen li > *{
	display: inline-block;
	vertical-align: middle;
}

#sen li{
	margin: 0.3em;
	font-weight: bold;
}

.sel{
	width: 73%;
}
.sel li{
	display: inline-block;
	padding: 0.3em 1em;
	border:1px solid #542C82;
	border-radius: 1em;
	width: 23%;
	text-align: center;
	color:#542C82;
	font-weight: bold;
	cursor: pointer;
}

.sound{
	max-width: 6%;
	cursor: pointer;
}

.ui-selected{
	background: #AC8ECE;
}

#text{
	margin-top: 1em;
	margin-left: 5.5em;
}

.list{
	padding:1em 3em;
}

.list div{
	font-weight: normal;
	font-size: 15px;
	text-align: justify;
}

@media screen and (min-width: 768px){
	#sen{
		width: 75%;
	}
	.deco{
		max-width: 30%;
		padding: 0;
		margin-left: -10%;
		border:3px solid #542C82;
		border-radius: 7px;
	}

}

@media screen and (min-width: 900px){
	/*tablet*/
}

@media screen and (min-width: 1200px) {
	.deco{
		border:3px solid #542C82;
		border-radius: 7px;
		max-width: 25%;
		margin-left: 0;
	}
	#sen{
		width: 60%;
	}
}