/*
Creado por: Javier Lasén
Modificación de los archivos:


[TABLA DE CONTENIDO]

1.  Importar los estilos personalizados de Droop Menú. 
    (tiene que ir lo primero).
2.  Tipografía básica para toda la aplicación.
3.  Color del fondo de la aplicación.
4.  Posición del main.
5.  Elimina el espacio entre la ventana y el menú 
    y el padding del buscador avanzado en los dispositivos pequeños.
6.  Botón de ir arriba.
7.  Logo, título y subtítulo de la sección.
8.  Espacio entre caracteres de las etiquetas de los campos de las tablas.
9.  Formulario de inicio de sesión.
    Clase creada en login.php.


Tamaños de pantalla @media: 180px, 767px.
*/






/* 1. Importa los estilos personalizados de Droop Menú.*/
@import "estilos_droop_menu.css";



/* 2. Tipografía básica para toda la aplicación.*/
/*Importa la tipografía HelveticaNeue desde el servidor fonts.googleapis.com*/
@import url(https://fonts.googleapis.com/css?family=Raleway:100);

.HelveticaNeue {
    font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Raleway', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 100;
    letter-spacing: 1px;
    font-size: 3em;
    line-height: 1em;
    color: #DBD2C8;
}

/* 3.  Color del fondo de la aplicación*/
/* font-size: 1rem; desborda la tabla media*/
body {
    background-color: #00758D;
    /*Este color de texto está bien, pero no usrlo de forma tan genérica*/
 /*   color: #2e2e2e;  */
}

/* 4. Posición del main*/
main{
    margin-left: 0%;
    margin-right: 0%;
}






@media(min-width: 180px){
    /* 5. Elimina el espacio entre la ventana y el menú 
    y el padding del buscador avanzado en los dispositivos pequeños*/
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
    .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
    .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
    .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
    .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
    .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
    .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
    .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
    .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding: 0px
    }

    /*6.  Botón de ir arriba*/
    .ir-arriba {
        display: none;
        padding: 10px;
        background: #024959;
        font-size: 24px;
        color: #fff;
        cursor: pointer;
        position: fixed;
        bottom: 30px;
        right: 20px;
    }

    /* 7. Logo, título y subtítulo de la sección*/
    /*De momento solo para admin_todo_palabra.php*/
    .logo_seccion{
        font-size: 5rem;
    }
    .titulo{}
    .subtitulo{
        font-size: 0.9rem;
    }
    .visibilidad{
        display:none;
    }

    /*8.  Espacio entre caracteres de las etiquetas de los campos de las tablas*/
    .espacio{visibility: hidden;}

    /* 9. Formulario de inicio de sesión*/
    .formulario_login{
        width: 93%;
        margin-left: 10px;
    }
    h3{
        font-size: 1rem;
        color: #DBD2C8;
    }
    .sign-up-controls, .sign-in-controls{
        font-size: 1.2rem;
        color: #0EBBD8 !important;
        margin-bottom: 60px
    }
    .clave{color: #00FFCF !important;}

}/* Final @media(180) */



@media(min-width: 767px){
    /* 7. Logo, título y subtítulo de la sección*/
    /*De momento solo para admin_todo_palabra.php*/
    .logo_seccion{
        font-size: 3.5rem;
    }    
    .visibilidad{
        display: inline-block;
    }

    /* 9. Formulario de inicio de sesión*/
    .formulario_login{
        width: 60%;
        margin-left: 20%;
    }

}/* Final @media(768) */