#actividad{
	width: 90%;
	margin: 1% auto;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:14px !important;
}

#actividad > *{
	display: inline-block;
	padding: 0 10%;
	vertical-align: middle;
}

.list{
	list-style: none;
}

.list > li > *{
	display: inline-block;
	vertical-align: middle;
}

.list > li{
	padding: 2% 0 0 0;
}

.list > li > span{
	color: #542C82;
	font-weight: bold;
}

.selection{
	float: right;
}

.selection > *{
	display: inline-block;
}

.selection > li{
	padding:8px;
	border-radius: 5px;
	border:2px solid #542C82;
	cursor: pointer;
	background-color: #E9E0E9;
	color: #542C82;	
	text-align: center;
}

.answer{
	visibility: hidden;
}

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

#buttons{
	float: right;
	margin: 5% 10% 0 0;
}

.ui-selected{
	background-color: #542C82 !important;
	color: #FFF !important;
	border:1px solid #FFF !important;
}

@media screen and (min-width: 900px) and (max-width: 1200px){
	#actividad > *{
		padding: 0 5%;
	}

}

@media screen and (min-width: 768px) and (max-width: 900px){
	#actividad > *{
		padding:0;
	}
	#subtitulo{
		width: auto;
	}
}
#logo {
	position:absolute;
	background-image:url(../img/SU1.gif);
	width:170px;
	height:75px;
	left:40px;
}
.list li{
	margin-top:10px;}
.selection li{
	margin-left:20px;}