#actividad{
	font-family: verdana;
	font-size: 12px;
}

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

#cont{
	display:block;
	width: 80%;
	margin:0 auto;
}


#crucigrama td{
	width:35px;
	height:35px;
	background-color:#008f63;
	border-radius:5px;
}

#crucigrama{
	width:50%;
}

#crucigrama input{
	width:100%;
	height:100%;
	border:1px solid #008f63;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}

#list{
	width: 49%;
}
#list > *{
	padding: 10px 0;
}

#list ul{
	list-style: none;
}

#list ul li{
	padding: 5px 0;
}

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

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


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

#temporizador{
	width: 80px;
	height: 20px;
	background-color: #FFF;
	border-radius: 5px;
	color:#008f63;
	border: 2px solid #008f63;
	text-align: center;
	margin-top: 25px;
}

#buttons{
	margin-top: 20px;
}

#restart{
	float: right;
}

.answer{
	visibility: hidden;
	float: right;
}

#modal > input{
	margin: 6% 50px;
	background-color:#fff; 
	color: #1A9169;
}

#modal > input:hover{
	
	background-color:#1A9169; 
	color: #fff;
}

@media screen and (min-width: 768px){
	#list{
		font-size: 0.9em;
		margin-top: 1em;
	}
}

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

@media screen and (min-width: 1200px) {
	#list{
		font-size: 1em;
		margin-top: 0;
	}
}