@media only screen and (max-width : 840px) {
    html {
        font-size: 120%;
    }

    body {
        margin: 1em;
        background: white;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    #cabecera_archivado {
      height: auto;
      margin: -1em -1em 1em -1em;
      padding: .5em;
      line-height: 1.5em;
    }

    #cuerpo{
        overflow: hidden;
    }

    #div0, #principal, #lateral {
        width: initial;
        float: none;
        padding: 0;
        margin: 0;
        clear: both;
    }

    #cabecera {
        height: auto;
        background: darkred;
        padding: .5em;
        margin: -1em -1em 0 -1em;
        text-align: center;
    }

    #cabecera ul {
        float: none;
        text-align: center;
        margin: 0 0 .5em 0;
        border: 0;
    }
  
    #cabecera li {
        float: none;
        display: inline-block;
        border: 0;
        margin: 0 .5em;
    }

    #cabecera li a {
        border: 0;
    }

    #lateral {
        clear: both;
        padding: 1em;
        margin: 1em -1em 0 -1em;
        border-top: 1px solid #ccc;
    }

    #buscador h2 {
        margin-bottom: .5em;
    }

    .item_dibujo {
        float: none;
    }

    .votaciones {
        clear: both;
        margin-left: 0;
    }
}