/**********************************************************************************/
/*******************************Propiedades generales******************************/
/**********************************************************************************/
body {
    margin: 0;
    font-size: 1.2vw;
    font-family: 'Segoe UI';
    background-color: #dddddd;
}

a {
    font: inherit;
    color: #0088bc;
    font-style: italic;
}

table {
    width: 100%;
    font: inherit;
}

input[type=radio] {
    width: 1vw;
    height: 1vw;
}

input[type=text], input[type=password], select {
    width: 100%;
    font: inherit;
    padding: 0.5vw;
    font-size: 120%;
    border-style: none;
}

input[type=submit], input[type=button] {
    width: 100%;
    height: auto;
    color: white;
    border: none;
    font: inherit;
    padding: 0.8vw;
    font-size: 110%;
    border-radius: 0.25vw;
    vertical-align: bottom;
    background-color: #0088bc;
}

    input[type=submit]:hover, input[type=button]:hover {
        background-color: #3095dd;
    }

.Validator {
    display: inline;
    font-size: 1.25vw;
    font-family: Forte;
    margin-left: 0.25vw;
    color: red !important;
}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/



/**********************************************************************************/
/**********************************Inicio de sesión********************************/
/**********************************************************************************/
.divLogin {
    top: 0;
    left: 0;
    right: 0;
    height: 15vw;
    position: absolute;
    background-color: #3095dd;
}

.imgLogin {
    margin: 2vw;
    height: 10vw;
}

.divToken {
    top: 50%;
    left: 50%;
    width: 30vw;
    position: absolute;
    text-align: center;
    border-radius: 1vw;
    background-color: white;
    transform: translate(-50%, -50%)
}

    .divToken table {
        margin: 3vw;
        width: calc(100% - 6vw);
    }

        .divToken table td input[type=submit] {
            height: auto;
            padding: 1vw;
            margin-bottom: 2vw;
            border-radius: 0.5vw;
        }

        .divToken table tr:nth-child(7) td {
            text-align: right;
        }

        .divToken table tr:nth-child(1) td, .divToken table tr:nth-child(6) td {
            text-align: center;
        }

        .divToken table input[type=text], input[type=password] {
            width: 100%;
            color: #0088bc;
            margin-bottom: 2vw;
            border: 1px solid #808080;
            border-style: none none solid none;
        }
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/


/**********************************************************************************/
/***********************************Contenido PQRS*********************************/
/**********************************************************************************/
.divContentPQRS {
    text-align: center;
}

    .divContentPQRS img {
        height: 100%;
    }

    .divContentPQRS label {
        font-size: 1.25vw;
    }

    .divContentPQRS span:nth-child(1) {
        font-size: 2vw;
    }

    .divContentPQRS span:nth-child(2) {
        display: block;
        font-size: 4vw;
        font-style: italic;
    }

    .divContentPQRS table:nth-child(1) {
        border-spacing: 0;
        border-collapse: collapse;
    }

        .divContentPQRS table:nth-child(1) td {
            padding: 1vw;
            text-align: center;
            vertical-align: top;
        }

            .divContentPQRS table:nth-child(1) td:nth-child(1) {
                width: 70%;
            }

        .divContentPQRS table:nth-child(1) tr:nth-child(1) td {
            height: 17.5vw;
        }

            .divContentPQRS table:nth-child(1) tr:nth-child(1) td:nth-child(1) {
                text-align: right;
                vertical-align: bottom;
                border-bottom: 2px solid #0088bc;
            }

            .divContentPQRS table:nth-child(1) tr:nth-child(1) td:nth-child(2) {
                vertical-align: bottom;
            }

        .divContentPQRS table:nth-child(1) tr:nth-child(2) td:nth-child(1) {
            padding-top: 3vw;
        }

    .divContentPQRS table:nth-child(2) {
        width: 30vw;
        margin: 1.5vw;
        border-spacing: 0;
        border-radius: 0.5vw;
        display: inline-block;
        border-collapse: collapse;
        border: 2px solid #808080;
    }

        .divContentPQRS table:nth-child(2) tr td {
            width: 100vw;
            padding: 0.5vw 2vw;
            background-color: #bbbbbb;
        }

        .divContentPQRS table:nth-child(2) tr:first-child td {
            padding-top: 2vw;
            border-radius: 0.5vw 0.5vw 0 0;
        }

        .divContentPQRS table:nth-child(2) tr:last-child td {
            padding-bottom: 2vw;
            border-radius: 0 0 0.5vw 0.5vw;
        }
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/



/**********************************************************************************/
/*******************************Contenedor de bloqueo******************************/
/**********************************************************************************/
.divLockGeneral {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    z-index: 3000;
    position: fixed;
    overflow-y: auto;
    background-color: #808080;
}

.divHiddenGeneral {
    visibility: collapse;
}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/