/* estilos */
/* Mansiones de la Luna */

nav 
{
    clear: both;
    background-color: #737373; /*#e6e6e6;*/
    font-size: 105%;
    text-align: left;
    width: 100%;
    display: inline-block;
}

nav a:link 
{
    color: #f2f2f2; /*black;*/
    text-decoration: none;
    padding: 8px 10px;
    display: inline-block;
}

nav a:visited 
{
    color: #f2f2f2; /*black;*/
    text-decoration: none;
}

nav a:hover 
{
    background-color: #1a1a1a; /*#777;*/
    color: white;
    text-decoration: none;
}

/********************************************************************************************************************/
/*                                    Smartphone Landscape, Tablet portrait                                         */
/********************************************************************************************************************/

@media only screen and (max-width: 800px) 
{
    nav 
    {
        clear: both;
        background-color: #737373; /*white;*/
        font-size: 100%;
        text-align: left;
        width: 100%;
    }

    .footerlink_celda 
    {
        border: none;
        padding-right: 5px;
    }
}

/********************************************************************************************************************/
/*                                                Smartphone portrait                                               */
/********************************************************************************************************************/

@media only screen and (max-width: 479px) 
{
    nav 
    {
        clear: both;
        background-color: #737373; /*Menu;*/
        font-size: 90%;
        text-align: left;
        width: 100%;
        display: inline-block;
    }

    nav a:link 
    {
        color: #f2f2f2; /*black;*/
        text-decoration: none;
        padding: 5px 3px;
        display: inline-block;
    }

    nav a:visited 
    {
        color: #f2f2f2; /*black;*/
        text-decoration: none;
    }

    nav a:hover 
    {
        background-color: #666;
        color: white;
        text-decoration: none;
    }
}