@charset "UTF-8";
/* CSS Document */

#Ninos {
	display:block;
	width:680px;
}
.capaBotones {
	position:absolute;
	display:block;
	z-index:3;
	top:0px;
	width:680px;
	height:380px;
	display:none;
}
#opcion1, #opcion2, #opcion3, #opcion4, #opcion5, #opcion6, #opcion7, #opcion8, #opcion9 {
	display: block;
	position: absolute;
	z-index: 2;
	cursor:pointer;
}
#opcion1b, #opcion2b, #opcion3b, #opcion4b, #opcion5b, #opcion6b, #opcion7b, #opcion8b, #opcion9b {
	font-family: avenir;
	font-size:12px;
	display: block;
	position: absolute;
	z-index: 3;
	text-align:center;
	line-height:12px;
	display:none;
}
#opcion1, #opcion1b {
	width: 67px;
	height: 43px;
	top: 154px;
	left: 29px;
	padding-top:5px;
}
#opcion2, #opcion2b {
	width: 67px;
	height: 22px;
	top: 230px;
	left: 90px;
	padding-top:10px;
}
#opcion3, #opcion3b {
	width: 65px;
	height: 24px;
	top: 190px;
	left: 156px;
	padding-top: 8px;
}
#opcion4, #opcion4b {
	width: 66px;
	height: 34px;
	top: 203px;
	left: 232px;
	padding-top: 7px;
}
#opcion5, #opcion5b {
	width: 73px;
	height: 34px;
	top: 215px;
	left: 315px;
	padding-top:8px;
}
#opcion6, #opcion6b {
	width: 60px;
	height: 26px;
	top: 208px;
	left: 398px;
	padding-top:12px;
}
#opcion7, #opcion7b {
	width: 76px;
	height: 24px;
	top: 209px;
	left: 463px;
	padding-top: 10px;
}
#opcion8, #opcion8b {
	width: 64px;
	height: 19px;
	top: 174px;
	left: 527px;
	padding-top:14px;
}
#opcion9, #opcion9b {
	width: 53px;
	height: 23px;
	top: 159px;
	left: 594px;
	padding-top: 15px;
}
#acierto, #felicidades, #error, #derecho {font-family: avenir; font-size:18px; box-shadow: 0 5px 10px 0 #333;}
#cierre {font-family: avenir; font-size:22px; box-shadow: 0 5px 10px 0 #333;}
#acierto, #felicidades, #derecho, #cierre {background: #00b0f0; border-radius: 10px; color:white}
#acierto {
	position: absolute;
	top: 109px;
	left: 145px;
	width: 400px;
	height: 200px;
	padding: 10px;
	z-index:5;
	display:none;
}
#cierre {
	position: absolute;
	top: 109px;
	left: 225px;
	width: 200px;
	height: 160px;
	padding: 10px;
	z-index:5;
	text-align:center;
	display:none;
}
#cierre #cerrar {
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: hsla(0,0%,89%,1.00);
	cursor: pointer;
	color: hsla(0,0%,28%,1.00);
	text-align: center;
	left: 182px;
	top: 7px;
	border-radius:8px;
	line-height:30px;
}
#acierto #cerrar {
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: hsla(0,0%,89%,1.00);
	cursor: pointer;
	color: hsla(0,0%,28%,1.00);
	text-align: center;
	top: 7px;
	border-radius:8px;
	line-height:30px;
	left:380px;
}
.retro {
	margin-top:20px;
}
.retro2 {
	margin-top:40px;
}
#derecho {
	background-color: hsla(0,0%,28%,0.9);
	border-radius: 10px;
	color: white;
	position: absolute;
	top: 30px;
	left: 200px;
	width: 300px;
	height: 40px;
	padding: 5px;
	text-align:center;
	font-size:20px;
	display:none;
	z-index:5;
}
#derecho p {
	padding:5px;
	margin:0;
	line-height:32px;
}