html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #CCFFFF;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: sans-serif;
	overflow: hidden;
	font-size: 10px;
}
#fondo_intro {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	top: 0px;
	cursor: crosshair;
	background: transparent url('1920/fondo-intro.png') no-repeat top center;
	background-size: 100% 100%;
}
#nubes_intro {
	display: block;
	position: absolute;
	margin: 0 auto;
	top: 100px;
	width: 100%;
	height: 100%;
	top: 0px;
	cursor: crosshair;
	background: transparent url('1920/nubes-intro.gif') no-repeat top center;
	background-size: 100% 100%;
}
#boton_jugar {
	display: block;
	position: absolute;
	margin: 0 auto;
	top: 25%;
	left: 43%;
	width: 14%;
	height: 10%;
	background: transparent url('1920/btn-jugar.png') no-repeat center center;
	background-size: 100%;
}
a#boton_jugar:active, a#boton_jugar:focus, a#boton_jugar:hover {
	background: transparent url('1920/btn-jugar-over.png') no-repeat center center;
	background-size: 100%;
	border: none;
}
.nube_objetivo {
	text-decoration: none;
	color: black;
}
@media only screen and (min-width: 600px) {
	body {
		font-size: 12px;
	}
}
@media only screen and (min-width: 800px) {
	body {
		font-size: 14px;
	}
}
@media only screen and (min-width: 1024px) {
	body {
		font-size: 16px;
	}
}
@media only screen and (min-width: 1280px) {
	body {
		font-size: 22px;
	}
}
@media only screen and (min-width: 1600px) {
	body {
		font-size: 24px;
	}
}
#nube_empleo {
	display: block;
	position: absolute;
	padding: 0.5em 1em;
	top: 15%;
	left: 85%;
	width: 10em;
	height: 1em;
	color: rgb(239, 12, 39);
}
#nube_emprendimiento {
	display: block;
	position: absolute;
	padding: 0.5em 1em;
	top: 26%;
	left: 9%;
	width: 10em;
	height: 1em;
	color: rgb(29, 100, 165);
}
#nube_formacion {
	display: block;
	position: absolute;
	padding: 0.5em 1em;
	top: 39%;
	left: 74%;
	width: 10em;
	height: 1em;
	color: rgb(247, 202, 69);
}