.answer{
	visibility: hidden;
}
#actividad{
	margin: 0 auto;
	font-family: verdana;
}
#actividad > *{
	display: inline-block;
	vertical-align: middle;
}
.deco{
	border: 3px solid #C81A32;
	border-radius: 10px;
	width: 100%;
}
#buttons{
	float: right;
	margin-right: 10%;
	margin-top: 3%
}


@media screen and (max-width: 767px){
	.deco{
		display: none !important;
	}
}
/*chico*/
@media screen and (min-width: 768px){
	.deco{
		display: none !important;
	}
	#actividad{
		margin-left:30px;
		width: 95%;
		margin: 0 auto;
		font-size: 12px;
	}
	.quest{
		font-weight: bold;
	}

	#list > li{
		padding: 1%;
	}
	
}

/*Grande*/
@media screen and (min-width: 900px){
	#subtitulo{
		left: 45% !important;
	}
}

/*Pc*/

@media screen and (min-width: 1200px) {
	.deco{
		display: inline-block !important;
		max-width: 24%;
	}
	#actividad{
		width: 95%;
		font-size: 12px;
		font-weight: bold;
	}
	.quest{
		width: 71%;
	}
	#list > li{
		padding: 1.5% 0;
	}
	#subtitulo{
		left: 30% !important;
	}
}
#logo {
	position:absolute;
	background-image:url(../img/GU1.gif);
	width:170px;
	height:75px;
	left:40px;
}