html, body, form {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    color: #353c4e;
    font-family: "Open Sans",sans-serif;
}

/*body {
    background-image: url("../../Imagenes/fondo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    
}*/

.formlogin {
    height: 100%;
    margin: auto;
    vertical-align: middle;
    display: table;
    margin-top: -120px;
}

.forminner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.circulo_out {
    height: 400px;
    width: 400px;
    margin: auto;
    background: rgba(221, 221, 221, 0.30);
    border-radius: 100%;
    display: table-cell;
    vertical-align: middle;
}

.circulo {
    height: 320px;
    width: 320px;
    margin: auto;
    border: 4px solid rgba(128, 128, 128, 0.85);
    border-radius: 100%;
    padding-top: 20px;
    background-color: rgba(245, 245, 245, 0.95);
}

    .circulo input {
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
        outline: none;
        width: 230px;
        background: #000;
        border: 1px solid #808080;
        border-radius: 7px;
        padding: 6px 10px;
        font-size: 10pt !important;
        line-height: 20px;
    }

    .circulo .nomcampo {
        font-weight: bold;
        font-size: 10pt;
        margin-bottom: 5px;
        margin-top: 10px;
        display: block;
        text-align: left;
        padding-left: 43px;
    }

    .circulo .titulo {
        text-align: center;
        font-size: 14pt;
        padding-left: 0px;
    }

.franja {
    width: 100%;
}

.arriba {
    height: 20px;
    background-color: rgba(9, 67, 104, 0.90);
}

.abajo {
    height: 80px;
    background-color: rgba(177, 177, 177, 0.95);
}

@media (max-width: 600px) {
    .facet_sidebar {
        display: none;
    }
}