@charset "UTF-8";
body{font-family:Arial, Helvetica, sans-serif;font-size:14px;}
#wrapper {max-width: 1080px;margin-right: auto;margin-left: auto;}
h1{font-size:2rem;line-height: 1.2;margin-bottom:0;}
h2{font-size:1.4rem;line-height: 1.2;margin-top: .5em;}
p{line-height: 1.4;font-size:1rem;}
section{width:70%;margin-right:5%;float:left;}
aside{width:25%;float:left;padding-top: 7.5em;}
p.cita{border:1px solid #000;padding:.5em;}
a{cursor:pointer;}
.portada{float:left;margin: 0 1em 0 0;max-width: 50%;}
.portada img{max-width:100%;}
@media only screen and (max-width : 768px) {
	section {
    width: 100%;
    margin-right: 0;
    float: none;
}
aside {
    width: 100%;
    float: none;
    padding-top: 2em;
}
.portada{float:none;margin-right:0;max-width: 100%;}
}
@media only screen and (max-width : 550px) {
h1{font-size:2rem;line-height: 1.2;padding:.5em 0;}
h2{font-size:1.4rem;line-height: 1.2;pdding:0 0 1em;}
p{float: none!important;margin-right: 0!important;font-size:.9rem;}	
h1{font-size:20px;line-height: 10px;}
h2{font-size:16px;line-height: 10px;margin-bottom:20px;}
section{width:90%;margin: 0 auto;float:none;}
aside{width:90%;margin: 0 auto;float:none;padding-top: 2em;}
}