/* CSS Document */
*{ margin:0; padding:0;}
body{font-family: Arial; background:#06C;}
div{ max-width:960px; position:relative;margin: 0px auto 0px auto;}
header{ width:100%;}
section article p{padding:5px; }
section article h3 nav {float: left; background:#FFF}
section article nav {width:50%; float: right; min-width:20%}
section article nav  h2{font-family: Arial; font-size:14px; padding:5px 0 0 0;}
section article nav  p{font-size:12px; padding:7px 0 0 7px;}
header nav{ float:right; margin:35px 35px 0 0;}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{ color:#FFF; text-decoration:none; padding:10px; margin:10px; background:#003;}
section{ width:90%; background:#FFF;  height:350px; padding:5%;}
section article{ width:70%;float:left; margin: 45px 0 0 0}
section aside{ width:30%;float:right; margin: 0; font-size: 12px;}
footer{ width:100%;display:table; padding:15px 0 0 0;}
footer p{ font-size:9px; color:#FFF; text-align:center;}


section nav.tp ul li a {float:right; list-style-type:none;color:#FFF; text-decoration:none; padding:10px 40px 10px 40px; margin: 91px 43px 0 0; font-size:20px; background:#0C3;}










/* Solo para celulares */
@media screen and (max-width:320px) {
	header{ width:100%; height:30%; background:#06C; padding:0 0 30px 0}
	section article h3 nav {float: left; background:#FFF; width:100%;}
	section aside{ width:100%; font-size:10px; float: none; background:#FFF}
	header nav{ float:none; width:100%; background:#096; margin: 10px 0 10px 0}
	header nav ul li a{ color:#FFF; text-decoration:none; padding:10px; margin:5px; font-size:9px;}
	section{ width:100%; height:70%; background:#FFF}
	section article nav {width:120%; float: none; margin: 5px; padding: 5px ; background:#FFF }
	section article  {float: none; margin: 5px; padding: 5px ; background:#FFF }
	section article h3 nav {float: none; background:#FFF; width:100%;}
	
}