@charset "utf-8";
/* CSS Document */
.caja header {
	background-color: #FFFF66;
	padding: 2px;
	text-align: center;
	margin-bottom: 2px;
}


.caja header h1 {
	margin: 0px;
	padding: 0px;
}

nav ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	border-left-width: 1px;
	border-left-color: #0000FF;
}
 nav  li {
	
	display: inline;
}

.caja nav {
	font-family:Garamond, Herlvetion, sans-serif; 
	color:#FF0000;
	text-decoration: none;
	font-size: 1em;
	display: block;
	padding: 5px;
	float: center;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-color: #3333CC;
	background-color: #FFFF66;
	border-top-width: 1px;
	border-top-style: solid; 
	border-top-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
    border-right-color: #000000;
	
}
nav :hover{
color:#FF0000;
border-color:#000; 
 }
 .clear{
clear: both;
 }

.caja article {
	width: 30%;
	float: left;
	background-color:#FF0000;
	height: 4em;
	padding: 6px;
}

.caja aside {
	float: right;
	width: 30%;
    background-color: #FFFF66;
	height: 13em;
	padding: 1px;
}


 .caja footer {
	font-family:Garamond, Herlvetion, sans-serif; 
	color:#FFFFB8;
	text-decoration: none;
	font-size: 2em;
	display: block;
	padding: 10px;
	height: 1000px;
	float: center;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-color: #3333CC;
	background-color: #FFFFB8;
	border-top-width: 1px;
	border-top-style: solid; 
	border-top-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
    border-right-color: #000000;
	clear: both;
}

footer:hover{
     color:#3333CC;
     border-color:#000; 
 }

.caja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}