/* CSS Document */

html, body {

  background: url("images/Sky.jpg");
  background-repeat:no-repeat;
  background-size:cover;

  margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
 } 


}
.caja header {
	padding: 40px;
  text-align: left;
  margin-bottom: 5px;
	width: 20%;
	font-size: large;
	font-weight:bold;
	color:white;
	//font-style: oblique;
  //background-color: #CCF;
}

.caja h1 {
	margin: 0px;
	padding: 0px;
}
.caja nav {
  padding: 10px;
	margin-bottom: 50px;
	text-align: center;
  
	
}
.caja nav ul {
	margin: 0px;
	padding: 5px;
	list-style-type: none;
	width: 100%;
	//background-color: #CCF;
}
.caja nav ul li {
	display: inline;
}
.caja nav ul li a {
  width: 30%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	float: left;
	background-color: #EAEAEA;
	padding-right: 50px;
	padding-left: 50px;
	padding: 6px;
	color: #000;
	
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-bottom-width: 1px;
	
	border-top-style: solid;
	border-top-color: #CCC;
	border-top-width: 1px;
	
	border-right-style: solid;
	border-right-color: #CCC;
	border-right-width: 1px;
	
	
}

.caja nav ul li a:hover {
	color: #FFF;
	background-color: #666;
}


.caja article {
	
	height: 95%;
	width: 35%;
//	background-color: #FF9;
	float: left;
}
.caja aside {
	height: 95%;
	width: 65%;
	float: left;
//	background-color: #CFC;
}
.caja footer {
	height: 5%;
	clear: both;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
  background-color:#707070;
}
.caja {

}                                                                                                                                                                                     
 .recurso img {
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    transition: all 1s ease;
}

.recurso img:hover  {
    -webkit-transform:scale(1.5); 
    -moz-transform:scale(1.5); 
     transform:scale(1.5);
}