/* CSS Document */
*{margin:0; padding:0;}
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#99C}
div{max-width:960px; position:relative; margin:0px auto 0px auto;}
header{width:100%; margin:40px 0px 40px 5px; display:table;}
header img{float:left;}
header nav{float:right;}
header nav ul li{float: left; list-style-type:none; margin:40px 0 0 10px;}
header nav ul li a{color:#FFFFCE; text-decoration:none; padding:8px 20px 8px 20px; margin:15px; background:#F60; border:#F60; border-radius:8px;}
section{width:93%; background:#FFFFB3; min-height:380px; padding:30px 30px 30px 30px; border-radius:10px;}
section article{width:55%;float:left; font-size:12px;}
section article h1{color:#F60; font-size: 36px; font-weight: bold;}
section article h2{padding:5px 0 0 0;} 
section article h3{padding:10px 0 0 0;}
section article h4{width:89%; padding:20px 0 0 0; text-align:justify;}
section article p{padding:0 0 8px 0;}
section article img{padding:25px 0 0 0;}
section aside{width:34%; float:right; text-align:right; font-size:12px;}
.lista{padding:0 0 10px 0;}
section aside h4{text-decoration:underline;}
footer{width:100%; display:table; padding:15px;}
footer p{font-size:10px; text-align:center; margin:10px 40px 0 0;}
#mapa{margin-left:-30px;}


/* Solo para celulares */
@media screen and (max-width:320px) {
	header{width:100%;}
	header img{margin:0 0 0 30px;}
	header nav{float:left; width:100%;}
	section{width:80%; height:670px;}
	section article{width:100%;}
	section article h2{width:100%; font-size:13px;}
	section article p{width:100%; font-size:11px;}
	section article h3{width:100%; font-size:13px;}
	section aside{width:100%; float:left; margin:40px 0 0 0; text-align:left;}
}