/*Eliminamos los margenes y paddings que agrega el
navegador por defecto*/

* {
padding: 0;
margin: 0;
}

/*Estilos generales*/

p {
margin-bottom: 20px;
}


body {
	padding-left: llem;
	font-family: Georgia, "Times New Roman",
	Times, serif;
	color: black;
	background-color: #99ccff;
	margin: 30px;
} 

/*Clases*/

.footer {
background-color: yellow;
padding: 20px;
text-align: right;
}

.footer-logo {
width: 100px;
}
.footer-al {
	max-width: 1300px;
	margin: auto;
	position: left;
	z-index: 100;
}
.footer-links a {
color: #666;
text-decoration: none;
margin: 0 10px;
}

.leyenda1 {
width: 80%;
margin: auto;
overflow:hidden;
}

.caja {
width: 50%;
padding: 100px;
margin: 50px;
position: relative;
}

.wrapper {
width: 100%;
padding: 20px;
margin: 20px;
overflow: hidden;
}

.caja2 {
top: 10px; 
width: 200px;
height: 40px;
background: yellow; 
margin: 10px;
}

header {
background: green;
width: 100%;
margin: 50px;
z-index: 100;
}

nav ul li:hover {
background: #3ead47;
}

nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 2em;
	left: 1em;
	width: 9em;
}
h1 {
	font-family: Helvetica, Geneva, Arial, Sunsans-regular, sans-serif;
}
nav ul li {
	background: yellow;
	margin: 0.5em 0;
	padding: 0.3em;
	border-right: 1em solid black;
}
nav ul a {
	text-decoration: none;
}

section {
width: 100%;
z-index: 100;
}
a:link {
	color: blue;
}
a:visited {
	color: purple;
}
address {
	margin-top: 1em;
	padding-top: 1em;
	border-top: thin dotted;
}