@import url("../cantobuho.css");
/* fondo paisaje*/
body {
	background-color: #2A3F55;
	background-image: url(fondo.gif);
	background-position: top center;
	background-repeat: repeat-y;
}
#extra3 {
	margin: 0px;
	position: absolute;
	top: 76px;
	left: 0px;
	height: 470px;
	width: 100%;
	overflow: hidden;
	background: url(cabopenyas.jpg) no-repeat top center;
	z-index: 10;
}
/* encabezado cielo*/
#encabezado {
	height: 76px;
}
#extra1 {
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 76px;
	width: 100%;
	background: url(sieloasul.gif) repeat-x top;
	z-index: 10;
}
#extra2 {
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 76px;
	width: 100%;
	overflow: hidden;
	background: url(titulo.gif) no-repeat top center;
	z-index: 20;
}
/* contenido objetos*/
#contenido {
	height: 640px;
	z-index: 20;
}
#musica {
	position: absolute;
	top: 225px;
	left: 50px;
	height: 300px;
	width: 200px;
	background: url(atril.png) no-repeat;
}
#libros {
	position: absolute;
	top: 225px;
	left: 275px;
	height: 265px;
	width: 220px;
	background: url(libro.png) no-repeat 50% 0%;
}
#film {
	position: absolute;
	top: 225px;
	left: 510px;
	height: 245px;
	width: 230px;
	background: url(proyector.png) no-repeat 100% 0%;
}
/* tipos */
a:hover {
	color: #FFF;
}
#musica h3, #libros h3, #film h3 {
	height: 160px;
}
#musica {
	padding-left: 80px;
}
#film ul {
	padding-left: 0;
}
/* barra y legal */
#extra4 {
	margin: 0px;
	position: absolute;
	top: 600px;
	left: 0px;
	height: 195px;
	width: 100%;
	overflow: hidden;
	background: url(bajo.gif) no-repeat top center;
	z-index: 10;
}
#barra_fin {
	z-index: 20;
	background-color: #003348;
}
#barra_fin p {
	color: #AAA;
}

#legal {
	z-index: 20;
	background-color: #032638;
}