html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
#cabecera{
  background-color:   #8f9eae ;
  clear:both;
  width: 95%;
  height: 130px;
  padding: 5px;
  border-radius: 10px; 
}
#cabecera .fotocabecera{
	float: left;
	width: 50%;
	border-radius: 5px;

}
#cabecera .logocabecera{
	padding-top:20px;
	border-radius: 5px;
	float: left;
	padding-left: 5px;
	width: 20%;
}
#cabecera .autor{
	padding-top:0px;
	border-radius: 5px;
	float: left;
	padding-left: 5px;
	width: 30%;
}
#principal{
	float: left;
	width: 95%;
	background-color: #e6f2ff;
	padding: 5px;
	border-radius: 10px; 
}
#navPrincipal{
width: 95%;
	background-color: #99c2ff;
	padding: 5px;
	border-radius: 10px; 	
}
#pie{

	font-size: 70%;
	width: 95%;
	background-color: #e6ffff;
	padding: 5px;
	border-radius: 10px; 	

}