*{ margin:0; padding:0; }

body {
	overflow: hidden;
	font-family: Arial, sans-serif;
	background: #ccffff url(../imgs/cielo.jpg) top left repeat-x;
}

p {
	background: url(../imgs/globo.png);
	width: 170px;
	height: 160px;
	color: #fff;
	margin-left: 240px;
	font-size: 0.8em;
	padding: 20px 15px 20px 40px;
}

img {
	float: left;
}

/* ---------- #menu ------------ */

#menu {
	position: fixed;
	top: 20px;
	left: 20px;
	list-style: none;
	width: 120px;
	font-size: 1.2em;
	font-weight: bold;
}
	
		#menu li a {
			display: block;
			color: #fff;
			text-decoration: none;
			background: #333;
			padding: 5px;
			margin-bottom: 5px;
		}
		
		#menu li a:hover {
			background: #f00;
		} 


/* ---------- personas -------------- */
#persona1, #persona2, #persona3 {
	width: 280px;
	height: 280px;
	position: absolute;
	bottom: 0;
}

	#persona1 {
		left: 600px;
	}

	#persona2 {
		left: 2500px;
	}

	#persona3 {
		left: 4250px;
	}


/* ---------- elementos parallax -------------- */

#nube, #montanas, #ciudad, #enredadera, #hojas, #personas {
	position: absolute;
	height: 100%;
	width: 200%;
	left: -150px;
}

	#nube {
		background: url(../imgs/nube.png) 20% top repeat-x;
	}
	
	#montanas {
		background: url(../imgs/montanas.png) 10% bottom repeat-x;
	}
	
	#ciudad {
		background: url(../imgs/ciudad.png) 30% bottom repeat-x;
	}
	
	#enredadera {
		background: url(../imgs/enredadera.png) 40% top repeat-x;
	}

	#hojas {
		background: url(../imgs/hojas.png) 50% bottom repeat-x;
	}