@charset "utf-8";
/* CSS Document */

body{
	background-color: #90CAF9;
}

.caja header{
	background-color: #BBDEFB;
	text-align: center;	
	color: #1565C0; /*color del texto */
	text-shadow: 4px 4px 3px grey;
	font-family: serif;

	padding: 3px;
	margin: 10px;

	border-color: black;
	border-style: solid;
	border-width: 2px;
}

.caja nav ul{
	display: flex;
	list-style-type: none;

	margin: 10px;
	padding: 0;

}

.caja nav ul li{
	flex-grow: 1;
}

.caja nav ul li a{
	background-color: #FFCDD2;
	
	text-align: center;
	color: black;
	text-decoration: none;
	font-size: 175%;
	font-family: arial;

	display: block;
	padding: 3px;

	border-color: white;
	border-style: solid;
	border-width: 2px;
}

.caja nav ul li a:hover{
	color: rgb(0,0,0); 
	background-color: rgb(0,191,255);

	border-style: solid;
	border-width: 3px;
	border-color: black;
}

.caja article{
	width: 60%;
	float: left;
	background-color: #2196F3;

	margin: 10px;
	padding: 5px; 

	border-style: solid;
	border-width: 2px;
	border-color: black;

	font-size: 150%;
}

.caja aside{
	width: 34%;
	float: right; 
	background-color: #00968B;

	margin: 10px;
	padding: 5px; 

	border-style: solid;
	border-width: 2px;
	border-color: black;

	font-size: 250%;
	color: white;
}

.caja footer{
	clear: both;

	margin: 10px;
	padding: 5px; 

	border-style: solid;
	border-width: 1px;
	border-color: red;

	background-color: #006064;

	font-size: small;
	color: white;
}