<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>_Prologo</title>
<style type="text/css">
h3 {margin: 0px; color: black; font-family:  typewcond_regular;} 
p {margin: 0px; color: black; font-family: typewcond_regular;}
h1 {margin: 75px; color: white; font-family: typewcond_regular;}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
@font-face {
font-family: typewcond_regular;
src: url(typewcond_regular.otf);
}
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
.sombra {
-moz-box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;
}
.caja2 {
	h1 margin: 0px; color: white; font-size: 3.2em; text-shadow: 3px 2px black;
	height: 35%;
	width: 100%;
	background-color: #CCC;
	background-image: url(Barcelona/Ayuntamiento.jpg);
	float: left;
}
.caja3  {
	h3 margin: 0px; color: black; font-family:  typewcond_regular; font-size: 1.6em;
	background-color: #CCC;
	
	width: 90%;
	
	margin-left: 5%;
	text-align: left;
	
	float: left;
	top: 35%;
}
.fotosL {
	h1 margin: 0px; color: black; font-family: TimesNewRoman; font-size: 0.9em;
	height: 150%;
	width: 45%;
margin-left: 5%;
	background-color: #CCC;
	float: left;
	text-align: right;
	line-height: 75%;
}
.cajaLR {
	h1 margin: 0px; color: black; font-family: Times New Roman; font-size: 1em;
	
	width: 90%;
	margin-left: 5%;
	background-color: #CCC;
	float:left
}

.fotosR {
	h1 margin: 0px; color: ; black; font-family: Times New Roman; font-size: 0.9em;
	height: 150%;
	width: 45%;
	background-color: #CCC;
	float: left;
	line-height: 75%;
}
.caja4 {
	h1 margin: 0px; color: black; font-family: typewcond_regular; font-size: 1.6em;

	width: 90%;
	margin-left: 5%;
	background-color: #CCC;
	float: left;
	text-align: center;
}
</style>
</head>
</html>