<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Peliculas</title>
<style type="text/css">
h1 {margin: 0px; color: white; font-family: typewcond_regular;}
p {
  text-indent: 50px;
  text-align: justify;
  letter-spacing: 1px;
}
@font-face {
font-family: typewcond_regular;
src: url(typewcond_regular.otf);
}
@font-face {
font-family: JandaHappyDay;
src: url(JandaHappyDay.ttf);
}
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

.caja1 {
	h1 margin: 0px; color: white; font-family: typewcond_regular; font-size: 3.2em;
	height: 35%;
	width: 100%;
	background-color: #FFF;
	background-image: url(Acantilados.jpg);
	float: left;
}

.rollo {
	h2 margin: 0px; color: blue; font-family: typewcond_regular; font-size: 1em;
	background-image: url("rollo.jpg");
	background-repeat: repeat-y;
	line-height: 0.6em;
	max-height: 3300px;	
	width: 25%;
	float:right;
	
}
.rollo2 {
	h2 margin: 0px; color: blue; font-family: typewcond_regular; font-size: 1em;
	line-height: 0.6em;
	width: 75%;
	margin-top: 3100px;
	float:left;
	
}

.cajapeliculas {
	h3 margin: 0px; color: black; font-family: typewcond_regular; font-size: 1em;
	max-height: 3300px;	
	width: 75%;
	float: left;
	background-color: #CCC;
	text-align: justify;
}

.cajapeliculasb {
	h3 margin: 0px; color: black; font-family: typewcond_regular; font-size: 1em;
	
	width: 85%;
	float: left;
	background-color: #CCC;
	text-align: justify;
	margin-left: 10%;
	margin-top: 5%;
}

.caja4 {
	h2 margin: 0px; color: white; font-family: typewcond_regular; font-size: 1.2em;
	background-color: #000000;
	float: right;
	height: 10%;
	width: 75%;
	text-align: right;
	}

</style>
</head>
</html>