/*  layout.css  */ 
/*  Estilos  en  HTML   ------------------------   */ 
html{ 
margin:   0px; 
} 
body{ 
margin:  10px; 
padding:  10px; 
width:  100%; 
min-width:   650px; 
background-color:  #fff;
border-style:  none; 
font-family:  Arial; 
color:  #333; 
}
h1,  h2,  h3{ 
font-family:  Arial; 
} 
a:link,  a:visited  { 
color:  #069; 
text-decoration:  none; 
} 
a:hover  { 
color:  #069; 
text-decoration:  underline; 
}
/*  Estilos  de  Layout  Divs  -------------  */
header#cabecera
{ 
width:  95%; 
margin:   0px; 
padding:  0px; 
overflow:  auto; 
background-color:  lightgray; 
}
nav{ 
float:  left; 
width:  18%; 
margin-top:  20px; 
margin:  1%; 
background-color:  #ddd; 
}

footer{ 
width:  95%; 
height:  50px; 
margin:   0px; 
padding:  0px; 
background-color:  #eee;
color:  #aaa;
font-size:  70%;
font-weight:  bold;
border-top:  1px  solid  #000;
overflow:  auto;
} 

figcaption {
	font-size:  70%;
}
#principal{ 
float:left; 
width:  60%; 
margin:   1%; 
overflow:  hidden; 
background-color:  lightyellow;
} 
aside{ 
float:  left; 
width:  10%; 
margin-top:  20px; 
margin:  1%; 
background-color:  #ddd; 
}
/*  Estilos  de  #header  -------------------------  */ 
header  h1{ 
padding-left:  1%; 
} 
/*  Estilos  de  #content  -------------------­*/
  h1,  #content  h2,  #content  h3{ 
padding-left:  15px;} 
#imagen1 {width:60%;height:45%;}
#imagen2 {width:80%;height:60%;}