body {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
    /* background-image: url(/static/img/base_app/fondo/fondo_blanco_edif.jpg); */
    background-image: url(/static/img/base_app/fondo/fondo_negro_edif.jpg);
    background-size: cover;
    background-attachment: fixed;
    z-index: 2px;
}

    /* +++++++++++++++++++++++++++++++++++ Inicia Colores Texto +++++++++++++++++++++++++++++++++++ */

.txtNegro {color: black;}
.txtNegroBold {color: black; font-weight : bold;}
.txtBlanco {color: white;}
.txtBlancoBold {color: white; font-weight : bold;}
.txtVerde {color: #00ac98;}
.txtVerdeBold {color: #00ac98; font-weight : bold;}
.txtAzul {color: #0DB8DD;}
.txtAzulBold {color: #4B869C;font-weight : bold;}
.txtNaranja {color: #FFB233;}
.txtNaranjaBold {color: #FFB233;font-weight : bold;}
.txtRojo {color: rgba(255, 0, 0, 0.685);}
.txtRojoBold {color: rgba(255, 0, 0, 0.685);font-weight : bold;}
.txtGris {color: #d4d4d3;}
.txtGrisBold {color: #d4d4d3;font-weight : bold;}

/* +++++++++++++++++++++++++++++++++++ Termina Colores Texto ++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++ Inicia Tamaños Texto +++++++++++++++++++++++++++++++++++ */

.txtSize8 {font-size: 8px;}
.txtSize9 {font-size: 9px;}
.txtSize10 {font-size: 10px;}
.txtSize11 {font-size: 11px;}
.txtSize12 {font-size: 12px;}
.txtSize13 {font-size: 13px;}
.txtSize14 {font-size: 14px;}
.txtSize15 {font-size: 15px;}
.txtSize16 {font-size: 16px;}
.txtSize20 {font-size: 20px;}
.txtSize21 {font-size: 21px;}
.txtSize22 {font-size: 22px;}
.txtSize23 {font-size: 23px;}
.txtSize24 {font-size: 24px;}
.txtSize25 {font-size: 25px;}
.txtSize26 {font-size: 26px;}
.txtSize27 {font-size: 27px;}
.txtSize28 {font-size: 28px;}
.txtSize29 {font-size: 29px;}
.txtSize30 {font-size: 30px;}
.txtSize31 {font-size: 31px;}
.txtSize32 {font-size: 32px;}
.txtSize33 {font-size: 33px;}
.txtSize34 {font-size: 34px;}
.txtSize35 {font-size: 35px;}
.txtSize36 {font-size: 36px;}
.txtSize37 {font-size: 37px;}
.txtSize38 {font-size: 38px;}
.txtSize39 {font-size: 39px;}
.txtSize40 {font-size: 40px;}
.txtSize41 {font-size: 41px;}
.txtSize42 {font-size: 42px;}
.txtSize43 {font-size: 43px;}
.txtSize44 {font-size: 44px;}
.txtSize45 {font-size: 45px;}
.txtSize46 {font-size: 46px;}
.txtSize47 {font-size: 47px;}
.txtSize48 {font-size: 48px;}
.txtSize49 {font-size: 49px;}
.txtSize50 {font-size: 50px;}

  /* +++++++++++++++++++++++++++++++++++ Termina Tamaños Texto ++++++++++++++++++++++++++++++++++ */

.fondoNegro {
    /* background: #222; */
    background-image: url(/static/img/base_app/fondo/fondo_negro.jpg);
    border-radius: 20px;
}

.divTotalPage {
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 50px;
    justify-content: center;
    align-items: flex-start;
}

  /* +++++++++++++++++++++++++++++++++++ Recuadro con sombras ++++++++++++++++++++++++++++++++++ */
.form_menu_landing_page {
    width:1200px;
    height: 42%;
    padding: 50px 40px 40px 40px;
    border-radius: 20px;
    box-shadow: 0px 0px 30px 20px #FFB233;
}

#logo_naranja {
    cursor: pointer;
}

#label_soft_presup {
    cursor: pointer;
}

#label_soft_duro_mobile2 {
    cursor: pointer;
}


@keyframes neon {
    from {
    text-shadow:
    0 0 2.5px #fff,
    0 0 5px #fff,
    0 0 7.5px #fff,
    0 0 10px #ffd000,
    0 0 17.5px #ffd000,
    0 0 20px #ffd000,
    0 0 25px #ffd000,
    0 0 37.5px #ffd000;
}

to {
    text-shadow: 
    0 0 3px #fff,
    0 0 7px  #fff,
    0 0 13px  #fff,
    0 0 17px  #ffd000,
    0 0 33px  #ffd000,
    0 0 38px  #ffd000,
    0 0 48px #fffb00,
    0 0 63px #fffb00;
    }
}


  /* Agranda el label cuando se pasa el mouse */
#logo_naranja div:hover label {
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);
    color: #ffffff;
    transition: all 0.1s;
    animation: neon 0.1s ease-in-out infinite alternate;
    animation-delay: 0s, 1.2s;
    letter-spacing: 1px;
}

#logo_naranja div:hover label span {
    color: #ffffff;
    font-weight: 400;
}

#logo_azul {
    cursor: pointer;
}

#logo_azul_mobile {
    cursor: pointer;
}


#label_soft_duro {
    cursor: pointer;
}

@keyframes neon2 {
from {
    text-shadow: 
    0 0 2.5px #fff,
    0 0 5px #fff,
    0 0 7.5px #fff,
    0 0 10px #4B869C,
    0 0 17.5px #4B869C,
    0 0 20px #4B869C,
    0 0 25px #4B869C,
    0 0 37.5px #4B869C;
}

to {
    text-shadow: 
    0 0 3px #fff,
    0 0 7px  #fff,
    0 0 13px  #fff,
    0 0 17px  #4B869C,
    0 0 33px  #4B869C,
    0 0 38px  #4B869C,
    0 0 48px #0DB8DD,
    0 0 63px #0DB8DD;
    }
}

  /* Agranda el label cuando se pasa el mouse */

#logo_azul div:hover label {
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);
    color: #ffffff;
    transition: all 0.1s;
    animation: neon2 0.1s ease-in-out infinite alternate;
    animation-delay: 0s, 1.2s;
    letter-spacing: 1px;
}

#logo_azul_mobile div:hover label {
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);
    color: #ffffff;
    transition: all 0.1s;
    animation: neon2 0.1s ease-in-out infinite alternate;
    animation-delay: 0s, 1.2s;
    letter-spacing: 1px;
}

#logo_azul div:hover label span {
    color: #ffffff;
    font-weight: 400;
}

#logo_azul_mobile div:hover label span {
    color: #ffffff;
    font-weight: 400;
}


/****  FOOTTER ***/

.footer-distributed {
    position: fixed;
    width:100%;
    display: flex;
    height: auto;
    text-align: center;
    font-weight: bold;
    bottom: 0px;
    /* background-color:black; */
    background-image: url(/static/img/base_app/fondo/fondo_negro.jpg);
    z-index: 400;
    padding-top: 4px;
}

.footer-left{
width: 80%;
letter-spacing: 0.5px;
color: #fff;
font-size: 1.5vh;
margin-top: 5px;
margin-left: 250px;

}

.footer-rs{
    width: 20%;
    color: #fff;
    font-size: 4vh;
    margin-top: -3px;
}

#f{
    margin-left: 100px;
}


#f:hover{
    color: #0DB8DD;
    cursor: pointer;
}

#l:hover{
    color: #0DB8DD;
    cursor: pointer;
}
#t:hover{
    color: #0DB8DD;
    cursor: pointer;
}
/**** FIN FOOTTER ***/

@media screen and (min-width: 200px) and (max-width: 320px) {
    .form_menu_landing_page {
        width:250px;
        height: 360px;
        padding: 20px 10px 0px 10px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px 10px #FFB233;
    }

    .divTotalPage {
        padding-top: 30px !important;
    }

    .img-fluid {
        width: 200px;
        height: 50px
    }

    #logo_naranja {
        height: 110px !important;
    }

    #logo_azul {
        height: 110px !important;
    }

    #logo_azul_mobile {
        height: 110px !important;
    }

    #label_soft_presup {
        font-size: 14px;
    }

    #label_soft_presup2 {
        font-size: 14px;
    }

    #label_soft_duro {
        font-size: 14px;
    }

    #label_soft_duro2 {
        font-size: 14px;
    }

    #label_soft_duro_mobile {
        font-size: 12px;
    }

    #label_soft_duro_mobile2 {
        font-size: 12px;
    }

    .letra_pie_pag {
        font-size: 10px;
    }

    .footer-distributed {
        position: fixed;
        width:auto;
        display: flex;
        height: auto;
        text-align: center;
        font-weight: bold;
        bottom: 0px;
        /* background-color:black; */
        background-image: url(/static/img/base_app/fondo/fondo_negro.jpg);
        z-index: 400;
        padding-top: 4px;
    }

    .footer-left{
        width: 80%;
        letter-spacing: 0.5px;
        color: #fff;
        font-size: 1.5vh;
        margin-top: 5px;
        margin-left: 35px;
    }

}

@media screen and (min-width: 321px) and (max-width: 600px) {
    .form_menu_landing_page {
        width:300px;
        height: 380px;
        padding: 25px 10px 0px 10px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px 10px #FFB233;
    }

    .divTotalPage {
        padding-top: 80px !important;
    }

    .img-fluid {
        width: 200px;
        height: 50px
    }

    #logo_naranja {
        height: 110px !important;
    }

    #logo_azul {
        height: 110px !important;
    }

    #logo_azul_mobile {
        height: 110px !important;
    }

    #label_soft_presup {
        font-size: 16px;
    }

    #label_soft_presup2 {
        font-size: 16px;
    }

    #label_soft_duro {
        font-size: 16px;
    }

    #label_soft_duro2 {
        font-size: 16px;
    }

    #label_soft_duro_mobile {
        font-size: 14px;
    }

    #label_soft_duro_mobile2 {
        font-size: 14px;
    }

    .letra_pie_pag {
        font-size: 10px;
    }

    .footer-distributed {
        position: fixed;
        width:auto;
        display: flex;
        height: auto;
        text-align: center;
        font-weight: bold;
        bottom: 0px;
        /* background-color:black; */
        background-image: url(/static/img/base_app/fondo/fondo_negro.jpg);
        z-index: 400;
        padding-top: 4px;
    }

    .footer-left{
        width: 80%;
        letter-spacing: 0.5px;
        color: #fff;
        font-size: 1.5vh;
        margin-top: 5px;
        margin-left: 50px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .form_menu_landing_page {
        width:650px;
        height: 600px;
        padding: 25px 30px 0px 30px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px 10px #FFB233;
    }

    .divTotalPage {
        padding-top: 15% !important;
    }

    .img-fluid {
        width: 400px;
        height: 100px
    }

    #logo_naranja {
        height: 180px !important;
    }

    #logo_azul {
        height: 180px !important;
    }

    #logo_azul_mobile {
        height: 180px !important;
    }

    #label_soft_presup {
        font-size: 35px;
    }

    #label_soft_presup2 {
        font-size: 35px;
    }

    #label_soft_duro {
        font-size: 35px;
    }

    #label_soft_duro2 {
        font-size: 35px;
    }

    #label_soft_duro_mobile {
        font-size: 30px;
    }

    #label_soft_duro_mobile2 {
        font-size: 30px;
    }

    .letra_pie_pag {
        font-size: 18px;
    }

    .footer-distributed {
        position: fixed;
        width:100%;
        display: flex;
        height: auto;
        text-align: center;
        font-weight: bold;
        bottom: 0px;
        /* background-color:black; */
        background-image: url(/static/img/base_app/fondo/fondo_negro.jpg);
        z-index: 400;
        padding-top: 4px;
    }

    .footer-left{
        width: 80%;
        letter-spacing: 0.5px;
        color: #fff;
        font-size: 1.5vh;
        margin-top: 5px;
        margin-left: 80px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .form_menu_landing_page {
        width:900px;
        height: 400px;
        padding: 50px 40px 0px 40px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px 10px #FFB233;
    }

    .divTotalPage {
        padding-top: 6%;
    }

    .img-fluid {
        width: 280px;
        height: 80px
    }

    #logo_naranja {
        height: 160px !important;
    }

    #logo_azul {
        height: 160px !important;
    }

    #logo_azul_mobile {
        height: 160px !important;
    }

    #label_soft_presup {
        font-size: 20px;
    }

    #label_soft_presup2 {
        font-size: 20px;
    }

    #label_soft_duro {
        font-size: 20px;
    }

    #label_soft_duro2 {
        font-size: 20px;
    }

    #label_soft_duro_mobile {
        font-size: 20px;
    }

    #label_soft_duro_mobile2 {
        font-size: 20px;
    }

    .letra_pie_pag {
        font-size: 12px;
    }

    .footer-distributed {
        position: fixed;
        width:100%;
        display: flex;
        height: auto;
        text-align: center;
        font-weight: bold;
        bottom: 0px;
        /* background-color:black; */
        background-image: url(/static/img/base_app/fondo/fondo_negro.jpg);
        z-index: 400;
        padding-top: 4px;
    }

    .footer-left{
        width: 80%;
        letter-spacing: 0.5px;
        color: #fff;
        font-size: 1.5vh;
        margin-top: 5px;
        margin-left: 80px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .form_menu_landing_page {
        width:900px;
        height: 400px;
        padding: 50px 50px 0px 50px;
        border-radius: 20px;
        box-shadow: 0px 0px 30px 20px #FFB233;
    }

    .divTotalPage {
        padding-top: 10%;
    }

    .img-fluid {
        width: 270px;
        height: 80px
    }

    #logo_naranja {
        height: 150px !important;
    }

    #logo_azul {
        height: 150px !important;
    }

    #logo_azul_mobile {
        height: 150px !important;
    }

    #label_soft_presup {
        font-size: 18px;
    }

    #label_soft_presup2 {
        font-size: 18px;
    }

    #label_soft_duro {
        font-size: 18px;
    }

    #label_soft_duro2 {
        font-size: 18px;
    }

    #label_soft_duro_mobile {
        font-size: 18px;
    }

    #label_soft_duro_mobile2 {
        font-size: 18px;
    }
    .letra_pie_pag {
        font-size: 12px;
    }

    .footer-distributed {
        position: fixed;
        width:100%;
        display: flex;
        height: auto;
        text-align: center;
        font-weight: bold;
        bottom: 0px;
        /* background-color:black; */
        background-image: url(/static/img/base_app/fondo/fondo_negro.jpg);
        z-index: 400;
        padding-top: 4px;
    }

    .footer-left{
        width: 80%;
        letter-spacing: 0.5px;
        color: #fff;
        font-size: 1.5vh;
        margin-top: 5px;
        margin-left: 100px;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
    .form_menu_landing_page {
        width:1300px;
        height: 500px;
        padding: 50px 50px 0px 50px;
        border-radius: 20px;
        box-shadow: 0px 0px 30px 20px #FFB233;
    }

    .divTotalPage {
        padding-top: 6%;
    }

    .img-fluid {
        width: 400px;
        height: 100px
    }

    #logo_naranja {
        height: 200px !important;
    }

    #logo_azul {
        height: 200px !important;
    }

    #logo_azul_mobile {
        height: 200px !important;
    }

    #label_soft_presup {
        font-size: 28px;
    }

    #label_soft_presup2 {
        font-size: 28px;
    }

    #label_soft_duro {
        font-size: 28px;
    }

    #label_soft_duro2 {
        font-size: 28px;
    }

    #label_soft_duro_mobile {
        font-size: 28px;
    }

    #label_soft_duro_mobile2 {
        font-size: 28px;
    }

    .letra_pie_pag {
        font-size: 18px;
    }

    .footer-distributed {
        position: fixed;
        width:100%;
        display: flex;
        height: auto;
        text-align: center;
        font-weight: bold;
        bottom: 0px;
        /* background-color:black; */
        background-image: url(/static/img/base_app/fondo/fondo_negro.jpg);
        z-index: 400;
        padding-top: 4px;
    }

    .footer-left{
        width: 80%;
        letter-spacing: 0.5px;
        color: #fff;
        font-size: 1.5vh;
        margin-top: 5px;
        margin-left: 150px;
    }
}


@media screen and (min-width: 1921px) and (max-width: 2560px) {
    .form_menu_landing_page {
        width:2000px;
        height: 750px;
        padding: 100px 120px 0px 120px;
        border-radius: 20px;
        box-shadow: 0px 0px 30px 20px #FFB233;
    }

    .divTotalPage {
        padding-top: 2%;
    }

    .img-fluid {
        width: 700px;
        height: 150px
    }

    #logo_naranja {
        height: 280px !important;
    }

    #logo_azul {
        height: 280px !important;
    }

    #logo_azul_mobile {
        height: 280px !important;
    }

    #label_soft_presup {
        font-size: 44px;
    }

    #label_soft_presup2 {
        font-size: 44px;
    }

    #label_soft_duro {
        font-size: 44px;
    }

    #label_soft_duro2 {
        font-size: 44px;
    }

    #label_soft_duro_mobile {
        font-size: 42px;
    }

    #label_soft_duro_mobile2 {
        font-size: 42px;
    }

    .letra_pie_pag {
        font-size: 18px;
    }

    .footer-distributed {
        position: fixed;
        width:100%;
        display: flex;
        height: auto;
        text-align: center;
        font-weight: bold;
        bottom: 0px;
        /* background-color:black; */
        background-image: url(/static/img/base_app/fondo/fondo_negro.jpg);
        z-index: 400;
        padding-top: 4px;
    }

    .footer-left{
        width: 80%;
        letter-spacing: 0.5px;
        color: #fff;
        font-size: 1.5vh;
        margin-top: 5px;
        margin-left: 150px;
    }
}