@font-face {
    font-family: 'cut_outs_for_3d_fxnormal';
    src: url('../font/cutouts-webfont.eot');
    src: url('../font/cutouts-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cutouts-webfont.woff') format('woff'),
         url('../font/cutouts-webfont.ttf') format('truetype'),
         url('../font/cutouts-webfont.svg#cut_outs_for_3d_fxnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
#actividad{
	width: 90%;
	margin: 0 auto;
}
#actividad > *{
	display: inline-block;
	vertical-align: middle;
	margin: 0.5em 0;
}

.answer{
	visibility: hidden;
}

.deco{
	border:3px solid #542C82;
	border-radius: 7px;
	max-width: 20%;
	margin-left: 0 !important;
}

.center{
	text-align: center;
}

.sound{
	cursor: pointer;
	max-width: 25%;
}
#verbs{
	width: 57%;
	text-align: center;
	margin-left: 10%;
}

.ajuste{
	text-align: left;
}
.ajuste2{
	text-align: left;
}

#verbs td{
	padding: 0.4em 0;
}

.sel{
	display: block;
	margin: 0 auto;
	width: 30%;
	padding: 0.2em;
	border-radius: 40px;
	cursor: pointer;
	font-weight: bold;
	background: #FFF;
}



#modal p{
	text-align: justify;
	font-size: 0.8em;
}

.green{
	color: green;
}

.red{
	color: red;
}

.center{
	opacity: 0;
}

.redSel{
	background-color: red;
	color: #FFF;
}

.greenSel{
	background-color:green;
	color: #FFF;
}

.cont{
	width: 30%;
	margin: 0 6%;
	margin-bottom: -2em;
	margin-top: 1em;
}

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