@font-face {
    font-family: "Montserrat-Regular"; /* normal */
    src: url("../ttf/Montserrat/Montserrat-Regular.ttf") format("truetype"), 
         url("../ttf/Montserrat/Montserrat-Regular.otf") format("opentype");
}

@font-face {
    font-family: "Montserrat-Light"; /* normal */
    src: url("../ttf/Montserrat/Montserrat-Light.ttf") format("truetype"), 
         url("../ttf/Montserrat/Montserrat-Light.otf") format("opentype");
}

html {
    height: 100%; 
    font-family: "Montserrat-Light", sans-serif; 
    font-size: 100%;
}

body {
    background-position: center center; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: cover; 
    width: 100%; 
    margin: auto; 
    height: 100%; 
    font-size: 100%; 
    font-family: "Montserrat-Light", sans-serif;
}

header, article, hgroup, h1, h2, h3, section, p, nav, a {
    height: auto; 
    margin: 0; 
    padding: 0; 
    text-decoration: none; 
    font-weight: normal;
}

img {
    border: 0;
}

#logo {
    width: auto; 
    float: left; 
    margin-left: 3%;
}

#logoText {
    width: auto; 
    float: left; 
    margin-left: 5%; 
    margin-top: 2px;
}

.campo {
    width: 96%; 
    padding: 2%; 
    border-radius: 5px; 
    border: 1px solid #999; 
    font-family: "Montserrat-Light", sans-serif; 
    color: #333;
}

.campo:focus {
    outline: 1px solid;
}

#boton {
    width: 200px; 
    margin: auto; 
    background: #002C4C; 
    padding: 6%; 
    border-radius: 1px; 
    border: 1px solid #00182B; 
    cursor: pointer; 
    float: none;
}

#boton:hover {
    background: #004884;
}

#botonIcon {
    float: right; 
    margin-top: 0; 
    margin-right: 0;
}

.boton {
    font-size: 100%; 
    color: #fff; 
    text-align: center;
}

#cargando, #recordar, #modal {
    display: none; 
    position: fixed; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    width: 100%; 
    text-align: center; 
    min-height: 10px;
    background-color: rgba(0, 0, 0, 0.9); 
    z-index: 99999; 
    height: 100%;
}

#recordarConteDiv {
    width: 55%; 
    float: left; 
    background: #fff; 
    padding: 3%; 
    margin-left: 19%;
}

#modalLoader {
    margin-top: 20%;
}

#modalText {
    margin-top: 20%; 
    font-size: 100%; 
    color: #002C4C; 
    font-family: "Montserrat-Regular", sans-serif; 
    background: #FFF; 
    padding: 2%; 
    border-bottom: 6px solid #002C4C;
}

header {
    width: 98%; 
    padding: 1%; 
    float: left; 
    margin-top: 0;
}

#contenido {
    width: 100%; 
    margin: auto; 
    position: absolute; 
    bottom: 0; 
    height: 100%; 
    background: url(../imagenes/cuerpo/fondo.jpg) no-repeat center center fixed; 
    background-size: cover;
}

#contenido2 {
    width: 100%; 
    margin: auto; 
    position: absolute; 
    bottom: 0; 
    height: 100%; 
    background: url(../imagenes/cuerpo/fondo2.jpg) no-repeat center center fixed; 
    background-size: cover;
}

#conteLogin {
    width: 30%; 
    float: right; 
    left: 65%; 
    background: rgba(255, 255, 255, 0.5); 
    position: absolute; 
    bottom: 0; 
    height: 97%; 
    padding: 1%;
}

#conteLoginDiv {
    width: 90%; 
    height: 95%; 
    padding: 5%; 
    background: #FFF;
}

#conteLoginDivTitle {
    width: 98%; 
    padding: 1%; 
    float: left; 
    margin-top: 1%;
}

.conteLoginDivTitle {
    font-size: 150%; 
    color: #000; 
    text-align: center; 
    font-family: "Montserrat-Regular", sans-serif;
}

#conteLoginDivSubTi {
    width: 98%; 
    padding: 1%; 
    float: left; 
    margin-top: 5%; 
    margin-bottom: 5%;
}

.conteLoginDivSubTi {
    font-size: 100%; 
    color: #000; 
    text-align: center; 
    font-family: "Montserrat-Regular", sans-serif;
}

#conteLoginDivText {
    width: 98%; 
    padding: 1%; 
    float: left;
}

.conteLoginDivText {
    font-size: 90%; 
    color: #000; 
    text-align: left; 
    font-family: "Montserrat-Light", sans-serif;
}

#conteLoginDivCampo {
    width: 98%; 
    padding: 1%; 
    float: left; 
    margin-top: 1%;
}

#conteLoginDivTextError {
    width: 98%; 
    padding: 1%; 
    float: left; 
    margin-top: 1%; 
    font-size: 80%; 
    color: #f00; 
    text-align: left; 
    font-family: "Montserrat-Regular", sans-serif;
}

#conteLoginDivBoton {
    width: 200px; 
    padding: 1%; 
    float: left; 
    margin-top: 10%; 
    margin-left: 22%;
}

#conteLoginDivTextRecordar {
    width: 98%; 
    padding: 1%; 
    float: left; 
    margin-top: 5%;
}

.conteLoginDivTextRecordar {
    font-size: 100%; 
    color: #f00; 
    text-align: center; 
    font-family: "Montserrat-Regular", sans-serif;
}

#conteUsu {
    display: none; 
    position: fixed; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    width: 100%; 
    text-align: center; 
    min-height: 10px; 
    background-color: rgba(0, 0, 0, 0.8); 
    z-index: 99999; 
    height: 100%;
}

#divUsu {
    width: 50%; 
    position: fixed; 
    left: 25%; 
    bottom: 25%; 
    padding: 1%; 
    background-color: #FFF; 
    height: 50%; 
    text-align: center; 
    z-index: 99999;
}

#divUsuTitle {
    width: 96.1%; 
    padding: 2%; 
    float: left; 
    background: #002C4C;
}

.divUsuTitle {
    font-size: 150%; 
    color: #FFF; 
    text-align: center; 
    font-family: "Montserrat-Regular", sans-serif;
}

#divUsuSub, #divUsuSub2 {
    width: 96.1%; 
    padding: 2%; 
    float: left; 
    border-bottom: 1px solid #CCC;
}

#divUsuSub2 {
    border-bottom: 0;
}

.divUsuSub, .divUsuSub2 {
    font-size: 100%; 
    color: #000; 
    text-align: left; 
    font-family: "Montserrat-Regular", sans-serif;
}

.divUsuSub2 {
    font-family: "Montserrat-Light", sans-serif;
}

#divBotonUsu {
    width: 96.1%; 
    padding: 2%; 
    float: left;
}

#botonUsu {
    width: 30%; 
    margin: auto; 
    background: #002C4C; 
    padding: 2%; 
    border-radius: 1px; 
    border: 1px solid #00182B; 
    cursor: pointer; 
    float: none;
}

#botonUsu:hover {
    background: #004884;
}

.botonUsu {
    font-size: 100%; 
    color: #fff; 
    text-align: center;
}