@media all {
html {font-family: Arial, Helvetica,sans-serif;color:#000;background:#ddd;}
#div {border: 1px solid #C00;}
#cabecera {height:85px;color:#fff;background:#4f30aa;}
#logo {height:75px;width:106px;padding:5px 1em 0 1em;float:left;}
#nombre {font-family: Verdana, Geneva, sans-serif;padding:.15em;margin:0;}
#descripcion {font-weight:bold;margin-top:.3em;}
#cuerpo {max-width:75%;margin: auto;display: flex;}
#documento {width:75%;padding-right:1.5em;}
#titulo {}
#parrafo {}
#lateral {}
#menu {position: fixed;margin-top: 7em;border-left: 2px solid #4f30aa;}
#inicio {text-align:center;}
#pie {font-weight:bold;text-align: center;color:#fff;background:#4f30aa;}
#chat {width:660px;height:25em;border:5px solid #4f30aa;margin: 1em auto;background:#ddd;}
.enlace {color:#4f30aa;}
.lanzador {color:#fff;}
.codigo {max-width:95%;color:#eee;background:#333;padding:.5em;margin:0 3%;}
.submenu {list-style-type: none;margin-left: 0;}
.ilustracion {text-align:center;max-width:95%;}
.notas {font-size:70%;margin-left:5%;}
.resaltar {color:#ff8500;}
}

@media screen and (max-width: 1280px) {

}