﻿/********************************************************************************************/
/********************************Estandarización de controles********************************/
/********************************************************************************************/
* {
    font-size: 1.2vw;
    font-family: -apple-system, 'Times New Roman';
}

body {
    margin: 0;
    background: #aaaaaa;
}

input[type=submit] {
    color: white;
    font-size: 90%;
    border-style: none;
    padding: 0.25vw 2vw;
    border-radius: 0.15vw;
    -webkit-appearance: none;
    background-color: #7e3b8f;
}

    input[type=submit]:hover {
        background-color: #9d2d87;
    }
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/*****************************************Encabezado*****************************************/
/********************************************************************************************/
.divHeader {
    position: relative;
    background-color: #efefef;
}

    .divHeader img {
        height: 7.0vw;
        margin-top: 1.5vw;
        margin-left: 1.5vw;
    }
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/*****************************************Contenido******************************************/
/********************************************************************************************/
.divContent {
    position: relative;
}

    .divContent img {
        width: 100%;
    }

    .divContent div {
        top: 10vw;
        left: 10vw;
        width: 35vw;
        text-align: right;
        position: absolute;
    }

        .divContent div a {
            color: #462774;
            display: block;
            margin-top: 2vw;
        }

        .divContent div span {
            display: block;
        }

            .divContent div span:nth-child(1) {
                width: 100%;
                color: #9e2d8c;
                font-size: 250%;
                font-weight: bold;
                text-align: center;
                font-family: Georgia;
                margin-bottom: 2.5vw;
            }

            .divContent div span:nth-child(2) {
                color: #462774;
                font-size: 150%;
                margin-bottom: 1.5vw;
                padding-bottom: 1.5vw;
                border-bottom: 0.2vw solid #462774;
            }
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/***************************************Pie de página****************************************/
/********************************************************************************************/
.divFooter {
    left: 0;
    right: 0;
    color: white;
    font-size: 60%;
    position: fixed;
    text-align: right;
    background: #aaaaaa;
    padding: 0.5vw 1.0vw;
    font-family: 'Segoe UI';
}
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/******************************Bloqueo de controles anteriores*******************************/
/********************************************************************************************/
.divLock {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    z-index: 1000;
    position: fixed;
    background-color: #808080;
}
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/
