/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif; background: #333}
div {max-width:960px; position:relative; margin:0px auto 0px auto;}
header {width:100%; height:80px; margin: 20px 0px 0px 0px; }
header nav {float:right; margin: 30px 0px 0px 0px;}
header nav ul li {float:left; list-style-type:none;}
header nav ul li a {color:#333;text-decoration:none;padding:10px;margin:10px;background:#FC9;}
section {width:90%; background:#FFF;  min-height:550px; padding:5%;}
*{margin:0; padding:0;}
section article {width:75%; float:left;}
section aside {width:25%; float:right;}
section aside img { width:80%; margin-top:10px;float:left;}
footer {width:100%; height: 40px; display:table;}
footer p {font-size:10px; color:#FFF; text-align:left; padding: 10px 12px 0px 0px;}

article h1 {font-size:24px;}
article H2 {font-size:20px}
article h2 {font-size:16px;}
article p {font-size:12px;
	padding_rigth:12px;
}

aside  p {font-size:14px}

img {margin:auto;
}

.foto a {float: left; width: 173px; background: #000; color: #FFF; text-align: center; padding: 10px 0; margin-top: 10px; font-size: 13px; text-decoration: none;}

.foto a:hover { background: #999;}

/*solo para celulares */
@media screen and (max-width:320px) {
	header {width:100%; height:150px;}
	section article {width:100%; height:150px;}
	section aside {width:100%; font-size:10px; display:none;}
	section aside img { width:30%; margin:10px;float:left;}
	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;}

}