body {
    background-color: #E7F0F5;
    font-size: 12px;
}

#divCentral {
    background-color: #EEF2F5;
    border: 1px solid #EEF2F5;
    box-shadow: 0 40px 50px #cddae2;
    min-width: 350px;
    width: -moz-fit-content;
    width: fit-content !important;
    padding-top: 5em;
    padding-right: 5em;
    padding-bottom: 1em;
    padding-left: 5em;
    height: 100% !important;
    max-width: 70%;
}

#divCentral #formIndex {
    margin-top: 20%;
}

#formIndex {
    padding: 0;
}

#logoSistema {
    opacity: 0.9;
    border: 0;
    width: 60%;
}

#logoKimn {
    opacity: 0.7;
    border: 0;
    padding-top: 20%;
    width: 40%;
}

.form {
    background: #6F91AA;
    border-radius: 10px;
    box-shadow: inset 0 1px 75px #507185;
    padding: 4px;
    min-width: 150px;
    min-height: 100px;
    width: inherit !important;
    height: 40%;
}

.label {
    color: #FFFFFF;
    vertical-align: middle;
}

.titulo {
    color: #CCCCCC;
    font-size: x-large;
}

.msg {
    color: #CCCCCC;
}

.fondoInput {
    background-color: #FFFFFF;
}

input {
    font-size: 11px;
    height: 2em !important;
    width: 60%;
}

button.botones {
    min-width: 80px;
    font-size: 11px;
    padding: 4px 7px 4px 7px;
    border-radius: 6px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1;
    text-align: center;
    border: 1px solid #bbb;
    color: #60207E;
    background: #EEF2F5;
    box-shadow: inset 0 9px 12px #FFF;
}

button.botones:hover {
    color: #FFF;
    background: #60207E;
    box-shadow: inset 0 2px 8px #EEF2F5;
}

.link {
    font-size: 11px;
    float: left;
    color: #FFFFFF;
    cursor: pointer;
}

.link:hover {
    color: #FF9933;
}

#load {
    margin-top: -50px;
    margin-left: 143px;
    z-index: 15;
    display: none;
    position: absolute;
}

@media (max-width: 550px) {
    #divCentral {
        width: 90%;
    }
}

@media (max-width: 435px) {
    .form {
        width: 185px;
    }
}

@media (max-width: 370px) {
    .form {
        width: 185px;
    }
}