body {
    min-height: calc(100vh - 48px);
    font-family: Arial, Helvetica, sans-serif;
    background: url("../images/back.jpg") no-repeat;
    background-size: cover;
    background-color: #e2f3fb;
}

.marco {
    background: url("../images/back-marco.png") no-repeat;
    background-size: cover;
    border: 1px solid #e2f3fb;
    
    color: #06243e;
    margin-top: 20px;
    padding: 40px 30px;
}

.marco input[type=text], .marco input[type=password] {
    opacity: 0.8;
}

.marco .btn {
    background-color: #06243e;
    color: #e2f3fb;
    filter: opacity(70%);
}

.marco span {
    background-color: #06243e;
    color: #e2f3fb;
    filter: opacity(70%);
}

.marco a, .marco .navegar {
    color: #e2f3fb;
    text-decoration: none;
}

.marco a:hover, .marco a:focus, .marco a:active {
    color: #e2f3fb;
    text-decoration: underline;
}

/* modales */
.modal-parainfo {
    opacity: 0.9;
    color: #06243e;
}

.modal-parainfo .modal-header, .modal-parainfo .modal-footer {
    background-color: #46647e;
    color: #e2f3fb;
}

.modal-parainfo .btn {
    background-color: #273937;
    color: #e2f3fb;
}