/* CSS Document */

*{ margin:0; padding:0;}
body{font-family: garamond;background-color:#fe7e00}
div{ max-width:960px; position:relative;margin: 0px auto 0px auto;}
header{ width:100%;}
header nav{ float:right; margin:35px 0 0 0;}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{ font: Arial, sans-serif ; color:#000; text-decoration: none; padding:5px; margin:5px; background: #fe7e00}
section{ width:95%; background:#FFF;  min-height:600px; padding:5%;}
section article{ width:100%;float:left;}

section aside {
    width: 25%;
    float: right;
    text-align: center;
    color: #FE7E00;
    font-size: 14px;
    background-color: #FFF;}

footer{ width:100%;display:table; padding:15px 0 0 0;}
footer p{ font-size:10px; color: #FFF; text-align:center;}

nav a:hover{ color:#FFF;}
.leyenda{color:#FFF; font-size:14px; text-align:center;}
.seleccionado {color:#FFF; border:#FFF; border-style:solid; border-radius:10px; border-bottom-width:medium;}
#h2 {font-size:34px;}






/* Solo para celulares */
@media screen and (max-width:320px) {
	header{ width:100%; height:150px;}
	section article{ width:100%;}
	section aside{ width:100%; font-size:10px; display:none;}
	header nav{ float:none; width:100%; background:#096;}
	header nav ul li a{
	color: #FFF;
	text-decoration: none;
	padding: 10px;
	margin: 0px;
	font-size: 10px;
	text-align: 25px;
}

}