@charset "utf-8";
/* CSS Document */
body, html{height:100%;
width:100%;
padding:0;
margin:0;
}
header{background-color:#445963;
min-height:15%;
display:block;

}
h1{color:#FFF;
padding-left:45%;
}
#caja{display:flex;
display: -webkit-flex;
flex-flow: row;
height:70%;
}
#caja > nav{flex: 20%;
background-color:#EAEAEA;
order: 1;
-webkit-box-shadow: inset -5px 0px 38px -5px #C2C2C2;
-moz-box-shadow: inset -5px 0px 38px #C2C2C2;
box-shadow: inset -5px 0px 38px -5px  #C2C2C2;
}
#caja >article{flex: 60%;
background-color:fff;
order:2;
box-shadow:-5px -5px -5px #888;
}
#caja > aside{flex: 20%;
background-color:#EAEAEA;
order:3;
-webkit-box-shadow: inset 3px 0px 38px -5px #C2C2C2;
-moz-box-shadow: inset 3px 0px 38px -5px #C2C2C2;
box-shadow: inset 3px 0px 38px -5px #C2C2C2;
}
#caja > table{border-color:#06C;
}
#caja > th, td{background-color:#999;
h1{color:#FFF;
padding-left:440px;
}
ul{padding:0;
margin:0;
list-style-type:none;
width:200px;
font-size:12px;

}
a{text-decoration:none;
color:white;
padding: 10px 10px 10px 10px;
display:block;
}
a:hover{
	background:#099;
}
li{background:#097;
}