/* CSS Document */
*{ margin:0;  padding:0;}
body { font-family:Arial, Helvetica, sans-serif; background: #F66;}
div{ max-width:960px; position:relative;margin: 10px auto 15px auto;}
header{ width:100%; margin: 0 0 20px 0;}
header nav{ float:right; margin:45px 0 0 0;}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{ color:#F99; text-decoration:none; padding:8px; margin:8px; background:#FFC;}
section{ width:90%; background:#FFC;  min-height:400px; padding:5%;}
section article{ width:75%;float:left;}
section article h1 {font-size:22px; color: #F66;}
section article h2 {font-size:18px; color: #666; padding: 20px 0 5px 0}
section article p {font-size:15px; color: #666;}
section article h3 {font-size:18px; color: #666; padding: 20px 0 5px 0}
section article h3 p {font-size:15px; color: #666;}
section article h4 {font-size:15px; color: #666;}
section aside {width:25%;float:right; color: #666}
section aside p { font-size:10px;}

footer{ width:101%;display:table; padding:5px 0 0 0;}
footer p{ font-size:10px; color:#FFC; text-align:center;}

aside a { font-size:12; background: #FC9; padding:2%; border-top: solid #F66 2px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#F66} 
article img { width:650px; float:left; position:relative; right:30px}

	/* Solo para celulares */
@media screen and (max-width: 443px) {
	header{ width:100%; height: 165px;}
	header nav{ float: right; width:100%; background: :#FFC;}
	header nav ul li a{ color:#F99; text-decoration:none; padding:10px; margin:0px; font-size:10px;}
	section article{ width:100%;}
	section article h1 {font-size:18px; color: #F66;}
section article h2 {font-size:14px; color: #666; padding: 20px 0 5px 0}
section article p {font-size:11px; color: #666;}
section article h3 {font-size:12px; color: #666; padding: 20px 0 5px 0}
section article h3 p {font-size:14px; color: #666;}
section article h4 {font-size:11px; color: #666;}
footer p{ width:100%; font-size:9px;}
	section aside{ width:100%; display:none;} }