@charset "utf-8";
@font-face {	
    font-family: "font1";
    src: url( "../fuentes/font1.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "font2";
    src: url( "../fuentes/font2.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "font3";
    src: url("../fuentes/font3.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "font4";
    src: url("../fuentes/font4.ttf") format("truetype");
    font-display: swap;
}
html {
    scroll-behavior: smooth;
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.raleway-n20 {
    font-family: "font2";
    font-size: 1.2vw;
    color: #666;
    margin: 5px;
    line-height: 160%;
    text-align: left;
    margin-left: 5%;
}

.raleway-b20 {
    font-family: "font1";
    font-size: 1.2vw;
    color: #FFF;
    line-height: 1.5vw;
    letter-spacing: 2px;
}

.raleway-b10 {
    font-family: "font2";
    font-size: 1vw;
    color: #FFF;
    line-height: 25px;
}

.raleway-n40 {
    font-family: "font4";
    font-size: 4.3vw;
    color: #333;
    
    padding: 0%;

}

.raleway-n30 {
    font-family: "font2";
    font-size: 25px;
    color: #0080c0;
    margin-top: -60px;

}

.raleway-b40 {
    font-family: "font3";
    font-size: 3vw;
    color: #FFF;
}

.raleway-b100 {
    font-family: "font1";
    font-size: 200px;
    color: #FFFFFF;
    line-height: 100%;
}

.boton-consulta {
    background-color: #2C99FF;
    width: 160px;
    height: 65px;
    border-style: none;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: "font1";
}

.botonform {
    text-align: center;
    color: #fff;
    font-family: "font3";
    font-size: 1.4vw;
    width: 40%;
    padding: 15px;
    background-color: #0080c0;
    border: 0px;
    margin: auto;
    border-radius: 15px;
}

.textotitulo {
    font-family: "font1";
    background-color: #263D83;
    width: 160px;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 1.7vw;
    text-align: center;
    padding: 5%;
    margin: auto
}

.tabla {
    float: left;
    height: 600px;
    width: 100%;
    background-image: url("../img/banerh.png");
    background-size: cover;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: contrast(110%) brightness(110%);
}

.fondo {
    background: #ccc;
    width: 90%;
    margin: 0px auto;
    font-size: 1em;
}

.tablaform {
    width: 100%;
    float: inherit;

}

.tablalogo {
    width: 100%;
    float: none;
}

.sizelogo {
    width: 30%;
    halign: left;
    text-align: center;
    border-radius: 20px;
    padding: 0px;
    margin-bottom: 0px;
}

.sizevector {
    width: 34%;
    halign: left;
}

.sizeboton {
    width: 402px;
}

.contenido {
    background-color: #fff;
    width: 100%;
    float: left;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.formulario {
    padding: 10px;
    background-color: #82C7C4;
    width: 26%;
    float: right;
    height: auto;
}

input {
    padding: 20px;
    font-family: "font2";
    font-size: 1.3vw;
    border-radius: 15px;
    color: #000;
    text-align: left;
    alignment-adjust: central;
    width: 55%;
    margin: 5px;
    box-shadow: -3px 3px 8px #666;
    border: 3px;
    border-color: #ccc;
    border-style: solid;
}

textarea {
    padding: 20px;
    font-family: "font2";
    font-size: 1.3vw;
    border-radius: 15px;
    color: #000;
    text-align: left;
    alignment-adjust: central;
    width: 55%;
    margin: 5px;
    border: 3px;
    border-color: #ccc;
    border-style: solid;
    box-shadow: -3px 3px 8px #666;

}


.modulo3 {
    float: left;
    width: 31%;
    text-align: center;
    margin: auto;
    padding: 0%;
    background-color: #fff;
    margin: 0.9%;
    border-radius: 20px;
    background-color: #fff;
    height: 1000px;
    box-shadow: -5px 10px 10px #ccc;

}

.modulo5 {
    float: left;
    width: 50%;
    float: left;
    background-color: #dbe4ff;
    margin-top: 4%;
    
}

a {
    font-family: "font1";
    letter-spacing: 1px;
}

a:link {
    text-decoration: none;
    color: #000;
    font-size: 100%;
}

a:visited {
    text-decoration: none;
    color: #000;
    font-size: 100%;
}

a:hover {
    color: #09C;
}

a:active {
    text-decoration: none;
    color: #000;
}

body,
td,
th {
    font-family: "font1";
}

.vistah {
    display: block;
}

.vistav {
    display: none;
}

@media screen and (max-width:1000px) {


    .tablaform {
        width: 100%;
        float: inherit;
    }

    .raleway-a20 {
        font-family: "font1";
        font-size: 40px;
        color: #70a1a6;
    }

    .raleway-n20 {
        font-family: "font1";
        font-size: 5vw;
        color: #333;
        margin: 10px;
    }

    .raleway-b20 {
        font-family: "font1";
        font-size: 5.5vw;
        color: #333;
        line-height: 8vw;
    }

    .raleway-b10 {
        font-family: "font1";
        font-size: 3vw;
        color: #fff;
    }

    .raleway-n40 {
        font-family: "font4";
        font-size: 10vw;
        color: #000;
        line-height: 120%;

    }

    .raleway-n30 {
        font-family: "font1";
        font-size: 6vw;
        color: #005f8c;
        margin-top: -6%;
    }

    .raleway-b40 {
        font-family: "font1";
        font-size: 65px;
        color: #FFF;
        line-height: 80px;
    }

    .raleway-b100 {
        font-family: "font1";
        font-size: 200px;
        color: #FFFFFF;
        line-height: 100%;
    }

    .boton-consulta {
        alignment-adjust: central;
        padding: 30px;
        width: 65%;
        border-radius: 7px;
        background-color: #0C6;
        box-shadow: 2px 2px 10px #333;
    }

    .botonform {
        background: #0f769e;
        text-align: center;
        color: #fff;
        font-family: "font1";
        font-size: 7vw;
        margin-top: 25px;
        width: 50%;
        padding: 25px;
    }

    .tabla {
        float: left;
        height: 900px;
        width: 100%;
    }

    .sizelogo {
        width: 50%;
        halign: left;
        background-color: #FFF;
        text-align: center;
        border-radius: 20px;
        padding: 18px;
        margin-bottom: 15px;
    }

    .sizevector {
        width: 60%;
        text-align: center;
    }

    .sizeboton {
        width: 250px;
        height: 89px;
    }

    .tablabanner {
        display: block;
        width: 100%;
        align: center;
    }

    .vistah {
        display: none;
    }

    .vistav {
        display: block;
    }

    .fondo {
        width: 100%;
    }

    .tablalogo {
        width: 100%;
    }

    .contenido {
        float: center;
        width: 98%;
        font-size: 9px;
    }

    .modulo1 {
        float: center;
        width: 100%;
    }

    .modulo2 {
        float: left;
        width: 100%;
        background-color: #ccc;
    }

    .modulo3 {
        width: 80%;
        margin: 5%;
        background-color: #fff;
        padding: 5%;
        border-style: solid;
        border-color: #666;
            content: "";
    display: table;
    clear: both;
    }

    .modulo4 {
        float: center;
        width: 100%;
    }

    .modulo5 {
        float: left;
        width: 100%;
        margin-top: 35px;
    }

    .modulo6 {
        float: left;
        width: 29.3%;
        padding: 2%;
        font-family: "font1";
        text-align: center;
        font-size: 15px;
        background-color: #E8E8E8;
    }

    .textotitulo {
        font-family: "font1";
        background-color: #263D83;
        width: 50%;
        border-radius: 20px;
        color: #FFFFFF;
        font-size: 4vw;
        text-align: center;
        padding: 5%;
        margin: auto
    }


    formulario {
        float: left;
        width: 95%;
    }

    input {
        padding: 6%;
        font-family: "font1";
        font-size: 6vw;
        color: #000;
        text-align: left;
        alignment-adjust: central;
        border-radius: 20px;
        width: 80%;
        box-shadow: 2px 2px 10px #999;
        margin-top: 5px;
    }

    textarea {
        padding: 6%;
        font-family: "font1";
        font-size: 6vw;
        color: #000;
        text-align: left;
        alignment-adjust: central;
        border-radius: 20px;
        width: 80%;
        box-shadow: 2px 2px 10px #999;
        margin-top: 5px;
    }

    a {
        font-family: "font1";
        letter-spacing: 1px;
    }

    a:link {
        text-decoration: none;
        color: #000;
        font-size: 130%;
    }

    a:visited {
        text-decoration: none;
        color: #000;
        font-size: 100%;
    }

    a:hover {
        color: #09C;
    }

    a:active {
        text-decoration: none;
        color: #000;
    }

    body,
    td,
    th {
        font-family: "font1";
    }
}