/* =============================================================================
   A PARTIR DE AQUÍ ES LO QUE SE VE EN UN MÓVIL EN POSICIÓN VERTICAL
   ========================================================================== */

@media only screen {

    nav {
        font-size: 0.9em;
    }

    /*  Ajustamos el menú de navegación y la cabecera  */
    header.logueados {
        height: 10em;
    }
    header {
        height: 9em;
    }

    nav ul.section_list {
        width: 40em;
    }

    nav li {
        float: left;
        border-bottom: 0;
    }

    nav a {
        padding: .5em 1em;
    }

    /* Código coloreado con Geshi y metido a pelo con bc. o pre. */
    .javascript,
    .php,
    .bash,
    .ini,
    .python,
    .sql,
    .html5,
    pre {
        width: 80%;
    }

    h1.entry-title  {
        font-size: 1.2em;
    }

    [role="navigation"] {
        top: 55px;
        width: 90%;
    }

    nav ul.section_list {
        width: 100%;
    }

    /* Ocultamos la imagen de los resúmenes y del artículo si el móvil está en posición vertical */
    img.excerpt_image,
    img.article_image {
        display: none;
    }

    /* Ocultamos algunos elementos del pié de página en los móviles  */
    div#miniretrato,
    div#licencia_imagenes,
    div#logo_textpattern {
        display: none;
    }
    #footer_text {
        padding: 0 5%;
        padding-top: 1em;
    }

}