.html,body{
     /* Para que funcione correctamente en Smartphones y Tablets */
     height:100vh;
}
body {
     /* Ruta relativa o completa a la imagen */
     background-image: url(../../img/fragmentos/fondo_login.jpg);
     /* Centramos el fondo horizontal y verticalmente */
     background-position: center center;
     /* El fonde no se repite */
     background-repeat: no-repeat;
     /* Fijamos la imagen a la ventana para que no supere el alto de la ventana */
     background-attachment: fixed;
     /* El fonde se re-escala automáticamente */
     background-size: cover;
     /* Color de fondo si la imagen no se encuentra o mientras se está cargando */
     background-color: #FFF;
     /* Fuente para el tex
     to */
     text-align: center;
     color: #000;
     
     font-family: "Times New Roman", Times, serif;
}


/* Background para ancho máximo de la pantalla física */
@media only screen and (max-device-width: 767px) {
body {
     background-image: url(../../img/fragmentos/fondo_login_mobile.jpg);
     color: #FFF;
 }
}
/* Background para ancho máximo del navegador */
@media only screen and (max-width: 767px) {
body {
     background-image: url(../../img/fragmentos/fondo_login_mobile.jpg);
     color: #FFF;
 }
}


div#logo{
    height: 225px;
    top: 25% ;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 30px 30px;
    border-radius: 07%;
    z-index: 90;
}



div#contenedor {
    margin-top:0px;
    width: 390px;
    height: 450px;
    background: black;
    color: #666;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 30px 30px;
    border-radius: 02%;
    /*background: rgba(255,255,255,0.3);*/
    /*background: rgba(0,0,255,0.1);*/
    background: rgba(255,255,255);
    
    
}

div#Direccion {
    margin: auto;
    margin-top: 0px;
    width: 100%;
    height: 80px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 30px "Open Sans", sans-serif;
    font-weight: bold;
}

div#Usuario {
    margin: auto;
    margin-top: 30px;
    width: 100%;
    height: 50px;
    border: 1px solid #666;
    background-color: white;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 03px;
    font: 19px "Open Sans", sans-serif;
    background: rgba(255,255,255,255);
}

div#Fecha_nacimiento {
    margin: auto;
    margin-top: 30px;
    width: 100%;
    height: 50px;
    border: 1px solid #666;
    background-color: white;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 03px;
    font: 19px "Open Sans", sans-serif;
    background: rgba(255,255,255,255);
}



div#Contrasena {
    margin: auto;
    margin-top: 12px;
    width: 100%;
    height: 50px;
    background-color: white;
    border: 1px solid #666;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 03px;
    font: 19px "Open Sans", sans-serif;
    background: rgba(255,255,255,255);
}

div#Capcha {
    margin: auto;
    margin-top: 12px;
    width: 100%;
    height: 50px;
    background-color: white;
    border: 1px solid #666;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 03px;
    font: 19px "Open Sans", sans-serif;
    background: rgba(255,255,255,255);
}

input#ingresar {
    margin: auto;
    margin-top: 12px;
    width: 100%;
    height: 40px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 03px;
    font: 18px "Open Sans", sans-serif;
    font-weight: bold;
    border-style: none;
    background: #3c8dbc;
}
  
div#Olvide {
    margin: auto;
    margin-top: 12px;
    width: 100%;
    height: 40px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 03px;
    background: #3c8dbc;
    font: 15px "Open Sans", sans-serif;
}


input#fecha_nacimiento {
    margin: auto;
    font: 17px "Open Sans", sans-serif;
    text-align: center;
    border: 0;
    background: white;
}

input#usuario {
    margin: auto;
    font: 17px "Open Sans", sans-serif;
    text-align: center;
    border: 0;
    background: white;
}

input#password {
    margin: auto;
    font: 17px "Open Sans", sans-serif;
    text-align: center;
    border: 0;
}

input#captcha {
    margin: auto;
    font: 17px "Open Sans", sans-serif;
    text-align: center;
    border: 0;
}

input#id {
    margin: auto;
    font: 17px "Open Sans", sans-serif;
    text-align: center;
    border: 0;
    background: white;
}

input#msj {
    margin: auto;
    font: 17px "Open Sans", sans-serif;
    text-align: center;
    border: 0;
    background: white;
}