/* CSS Document */
*{ margin:0; padding:0;}
body{font-family: Verdana, Geneva, sans-serif; background:#82B49C;}
div{ max-width:960px; position:relative;margin: 0px auto 0px auto;}
header{ width:100%;}
header nav{ float:right; margin:35px 10px 0 45px;}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{ color:#FFF5AE; text-decoration:none; padding:10px 10px 10px 10px; margin:10px 2px 0 2px; background:#D62F31;}
section{ width:90%; background:#FFF5AE;  min-height:400px; padding:5%; margin: 15px 0px 0px 0px; text-decoration:none;}
section article{ width:65%;float:left; color:#454037; text-decoration:none;}
section article h2 {font-size:22px;}
section article h3 {font-size:14px;}
section article h4 {font-size:13px;}
section article h5 {width: 100%;height:0px; font-size:14px;padding: -10px 0px -10px 0px; }
.mapaconceptual{position:relative; width:216px;height:10px;float:left; font-size:10px; color:#FFF5AE; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px;left:-10px; top:40px;background:#D62F31; text-decoration:none;list-style-type:none;}
a {list-style-type:none; text-decoration:none;color:#FFF5AE;font-style:normal;}
section aside{ width:25%;float:right; display:table-column; font-size:12px; color:#FFF5AE; padding:10px; margin:10px; background:#D62F31; text-decoration:none;list-style-type:none}


.tp{position:relative; width:216px; min-height:20px;float:left; font-size:1px; color:#FFF5AE; padding:10px 10px 0px 10px; margin:30px 0px 0px 0px;left:666px; top:-180px;background:#D62F31; text-decoration:none;list-style-type:none;}
.tp article {text-decoration:none;}
h5 {text-decoration:none;}

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
















/* Solo para celulares */
@media screen and (max-width:320px) {
	header{ width:100%; height:150px; display:table}
	header nav{ width:100%}
	header nav ul li a{color:#FFF5AE; text-decoration:none; margin:50px; background:#D62F31;}
	section {min-height:880px; margin:10px 0 10px 0;}
	section article{ width:100%;}
	section aside{ width:80%; font-size:10px; position:absolute; top: 850px; right:5px; left: 5px; margin:0 20px 0 10px;}
	
	.atp{font-size:12px; float:none; padding:0 70px 0 100px; text-decoration: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;}

}














/* Solo para celulares */
@media screen and (max-width:320px) {
	header{ width:100%; height:150px; display:table}
	header nav{ width:100%}
	header nav ul li a{color:#FFF5AE; text-decoration:none; margin:50px; background:#D62F31;}
	section {min-height:880px; margin:10px 0 10px 0;}
	section article{ width:100%;}
	section aside{ width:80%; font-size:10px; position:absolute; top: 850px; right:5px; left: 5px; margin:0 20px 0 10px;}
	
	.atp{font-size:12px; float:none; padding:0 70px 0 100px; text-decoration: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;}

}