body {
font-family: Arial, Helvetica, sans-serif;
font-size: .9rem;
color:#0000ff;
background-color:#6699FF;
width:95%;
margin:0 auto;
}
a{color:#0000ff;font-weight:bold;}
h1 {
text-align: center;
}
.contenedor{width:95%;background-color:#f5f5f5;text-align:center;margin:0 auto;font-family:Verdana;}
.menu{width:100%;background-color:#0000FF;margin:0 auto 0 auto;font-size:medium;}
.menu ul li{width:9.4%;display:inline-block;font-weight:bold;text-align:center;color:white;height:20px;}
.menu ul li:hover{background-color:#6699FF;}
.menu a{color:white;text-decoration:none;}
.titulo{width:100%;background-color:#DFEEF5;text-align:center;overflow:hidden;padding:0px 0px 0px 0px;margin:0 auto 10px auto;border:2px solid #0000FF;}
.cuerpo {width:100%;text-align:center;margin:0 auto;background-color:#FFFFFF;}
.unacolumna{margin:0 auto;width:100%;background-color:#DFEEF5;border-radius:.25rem;text-align:center;border:2px solid #0000FF;float:left;color:bold;display: inline-block;margin-top:1rem;}
.autowide{margin:0 auto;width:100%;text-align:center;float:left;display: inline-block;background-color:#FFFFFF;}
.autowide img{float:center;margin:0 .75rem 0 0;}
.autowide .module{background-color:#DFEEF5;border-radius:.25rem;margin-bottom:1rem;margin-top:1rem;border:2px solid #0000FF;height:105px;}
@media only screen and (min-width:480px){
.autowide .module{float:left; width:90%;text-align:center;display: inline-block; }
}
@media only screen and (min-width:750px){.autowide .module{width:47%;text-align:center;display: inline-block; margin: 1%;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.autowide .module{float:left; width:100%;text-align:center;display: inline-block; height:auto; }
}