.editaBar{ font-size: 12px; position: fixed; z-index: 10000; background-color:rgba(112, 213, 0,.8); text-align: center; padding:15px; width: 100%; left: 0px; top:0px; color: #fff }
.editaBar a{ color: #fff}
.cuerpo nav{margin-bottom:20px}
.cuerpo nav div{display:none}
section{margin-bottom:20px}
section header h1{font-size:40px;margin:0px 0px 10px 0px;line-height:120%}
section header p{ font-size:20px;font-weight:bold;color:#666;margin:0px 0px 10px 0px}
section img{ max-width:100%;height:auto}
section article .intro{line-height:150%;font-size:18px; margin-bottom: 20px}
section article .contenido{ line-height:150%;color:#000!important;font-size:18px;text-align:justify;font-weight:300}
section article .contenido h2{ color:#333;font-family:'Fira Sans', sans-serif; margin-bottom: 20px}
section article .contenido img,
section article .contenido p{margin-bottom: 20px}
section article .contenido iframe{border-radius:4px;width:100%}
section .date{ margin-bottom:20px;border-radius:4px;color:#fff;padding:5px;background:rgb(1,11,22);background:linear-gradient(90deg, rgba(1,11,22,1) 0%, rgba(9,78,153,1) 49%, rgba(155,208,239,1) 100%)}

@media screen and (min-width:768px){	
	.cuerpo nav{ float:left;width:16%;margin-left:2%;padding-top:30px}
	.cuerpo nav select{display:none}
	.cuerpo nav div{display:block}
	.cuerpo nav div b{ display:block;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc}
	.cuerpo nav div ul{padding: 0px}
	.cuerpo nav div li{list-style: none}
	.cuerpo nav div a{ font-size: 14px; color:#333;display:block;margin-bottom:5px;padding:10px;border-radius:4px;background:rgb(155,208,239);background:linear-gradient(90deg, rgba(155,208,239,1) 0%, rgba(255,255,255,1) 100%)}
	.cuerpo nav div ul li ul{padding-left:10px}
	.cuerpo nav div a:hover, 
	.cuerpo nav div a.active{background:none;color:#fff;background-color:#0f519d}
	.cuerpo nav div a i{display:none;float:right}
	.cuerpo nav div a.active i{display:initial}
	section{float:left;width:50%;margin-left:5%}
	section img{border-radius:4px}
	section .contenido img:first-of-type{width: 100%}
	aside{float:right;width:20%;margin-right:4%}
}
@media screen and (min-width:1024px){
	.cuerpo nav{width:15%}
	section{width:48%;margin-left:5%}
	section .date{font-size:14px;padding:8px} 
}
@media screen and (min-width:1600px){
	.cuerpo{width: 70%; margin: 0px auto}
	.cuerpo nav{margin-left:5%}
}