:root {
    --appColorAplicacion: rgb(0, 125, 255);
    --appColorPrincipal: rgb(255, 173, 24);
    --appColorOscuro: rgb(50 50 50);
    /*##################################################################################*/
    --appHeaderTopLineSize: 1px;
    --appHeaderColor: rgb(0, 40, 150); /* rgb(0, 125, 255); */
    --appHeaderColorTo: rgb(0, 125, 255); /* rgb(0, 125, 255); rgb(0, 75, 255)   rgb(0 75 90); */
    --appHeaderColorMovil: rgb(0, 90, 230);
    --appHeaderPctjDesde: 15%;
    --appHeaderPctjHasta: 75%;
    /*----------------------------------------------------------------------------------*/
    /*--appHeaderAltoTop: rgb(0 0 0); */
    --appHeaderMenu: rgb(35 35 35);
    --appHeaderMenuOver: rgb(255, 210, 50); /* rgb(255, 200, 0); */
    --appHeaderMenuTexto: rgb(255 255 255); /* rgb(235 235 235); */
    --appHeaderMenuTextoOver: rgb(0 0 0);
    --appHeaderMenuLine: rgb(85 85 85);
    /*--appHeaderBajoTexto: rgb(235 235 235);*/
    /*##################################################################################*/
    --appBodyColor: rgb(240 240 240);
    /*==================================================================================*/
    --appBodyEquipos: rgb(255 255 255);
    --appBodyEquiposClaro: rgb(245 245 245);
    --appBodyEquiposOscuro: rgb(185 185 185);
    /*==================================================================================*/
    --appBodyNoticiasTop: rgb(0, 125, 255);
    --appBodyNoticiasClaro: rgb(200, 225, 255);
    --appBodyNoticiasOscuro: rgb(0, 125, 255);
    --appBodyNoticiasShadow: rgb(200 200 200);
    /*==================================================================================*/
    --appBodyOpinionesTituloBack: rgb(0, 210, 255);
    --appBodyOpinionesTituloTexto: rgb(255 255 255);
    --appBodyOpinionesClaro: rgb(129 240 255);
    --appBodyOpinionesOscuro: rgb(185 185 185);
    /*==================================================================================*/
    --appBodyContactanosTituloBack: rgb(35 35 35);
    --appBodyContactanosTituloTexto: rgb(235 235 235);
    --appBodyContactanosClaro: rgb(255 202 205);
    --appBodyContactanosOscuro: rgb(185 185 185);
    /*##################################################################################*/
    --appBodyNotaGrupo: rgb(0, 180, 225); /* rgb(0, 210, 255); */
    --appBodyNotaTitulo: rgb(50 50 50);
    --appBodyNotaTexto: rgb(50 50 50);
    --appBodyRedesFacebook: rgb(24 119 242);
    --appBodyRedesFacebookOver: rgb(0 87 199);
    --appBodyRedesTwitter: rgb(58 175 255);
    --appBodyRedesTwitterOver: rgb(29 155 240);
    --appBodyRedesWhatsApp: rgb(84 206 97);
    --appBodyRedesWhatsAppOver: rgb(18 187 58);
    --appBodyRedesTexto: rgb(240 240 240);
    --appBodyRedesTextoOver: rgb(255 255 255);
    /*==================================================================================*/
    --appTextoTitulo: rgb(35 35 35);
    --appTextoBorder: rgb(200 200 200);
    --appTextoBackColorFocus: rgb(230 230 230);
    /*##################################################################################*/
    --appFooterColor: rgb(0, 125, 255); /* rgb(0, 210, 255); */
    --appFooterColorTo: rgb(0 0 0);
    --appFooterColorLinea: rgb(0, 125, 255); /* rgb(255, 200, 0); */
    --appFooterPctjDesde: 0%;
    --appFooterPctjHasta: 100%;
    --appFooterTexto: rgb(255 255 255);
    /*##################################################################################*/
    --appBotonColor: rgb(255 117 0);
    --appBotonColorHover: rgb(239 82 15);
}

body {
    background-color: var(--appBodyColor);
    padding-bottom: 0em;

}

.divHeader {
    /*background-color: var(--appHeaderColor);*/
    /*
    background-image: -webkit-linear-gradient(right, rgb(25, 25, 25) 0%, rgb(0, 125, 255) 100%);
    background-image: -o-linear-gradient(right, rgb(25, 25, 25) 0%, rgb(0, 125, 255) 100%);
    background-image: -webkit-gradient(linear, left right, left bottom, from(rgb(25, 25, 25)), to(rgb(0, 125, 255)));
    background-image: linear-gradient(to right, rgb(25, 25, 25) 0%, rgb(0, 125, 255) 100%);*/
    background-image: -webkit-linear-gradient(right, var(--appHeaderColor) 0%, var(--appHeaderColorTo) 100%);
    background-image: -o-linear-gradient(right, var(--appHeaderColor) 0%, var(--appHeaderColorTo) 100%);
    background-image: -webkit-gradient(linear, left right, left bottom, from(var(--appHeaderColor)), to(var(--appHeaderColorTo)));
    background-image: linear-gradient(to right, var(--appHeaderColor) 0%, var(--appHeaderColorTo) 100%);
    border: 0px;
    margin: 0px;

    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.logoTitulo {
    /*background-color: var(--appHeaderMenuTexto);*/
    background-image: url('../App_Images/appMalenoVipLogo.png');
    background-size: 100%;
    background-repeat: no-repeat;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    /*border-radius: 35px 15px;*/
    /*display: block;*/
    height: 85px;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    text-indent: -9999px;
    width: 150px; /* 235px; */
}

.linkTitulo {
    color: var(--appHeaderMenuTexto);
    height: 85px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid transparent;
}

    .linkTitulo:hover {
        color: var(--appHeaderMenuTextoOver);
        background-color: var(--appHeaderMenuOver);
        border-radius: 3px;
    }

.divReferencia {
    visibility: visible;
}

.logoReferencia {
    background-image: url('/App_Images/logoCajaSullana.png');
    background-size: 100%;
    background-repeat: no-repeat;
    border-left: 12px solid transparent;
    margin-top: 0px;
    display: block;
    /*height: 80px;*/
    padding-bottom: 0px;
    text-indent: -9999px;
    visibility: visible;
    /*width: 300px;*/
}

.divReferencita {
    cursor: pointer;
    margin-right: 5px;
    padding-top: 3px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 5px;
    position: fixed;
    align-items: end;
    right: 3px;
    top: 3px;
    visibility: hidden;
}

.logoReferencita {
    background-image: url('/App_Images/logoCajaSullana.png');
    background-size: 100%;
    background-repeat: no-repeat;
    border-left: 12px solid transparent;
    border-top: 0px solid var(--appBodyColor);
    /*background-color:green;*/
    margin-top: 0px;
    display: block;
    height: 100px;
    padding-bottom: 5px;
    text-indent: -9999px;
    visibility: hidden;
    width: 160px;
}

.menuHeigth {
    border-top: 3px solid transparent;
    height: 32px;
}

.slide {
    border: 0px;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.slideLogos {
    position: absolute;
    letter-spacing: 10px;
    /*left: 65%;*/
    top: 65px; /*  10%;  */
    right: 25px;
}

    .slideLogos a {
        color: white;
        font-size: x-large;
        text-shadow: 0.1em 0.1em 0.2em black;
        vertical-align: top;
    }

        .slideLogos a:focus,
        .slideLogos a:hover {
            font-size: xx-large;
        }

    .slideLogos img {
        height: auto;
        width: 125px;
    }

.slideTextos {
    position: absolute;
    top: 50%;
    width: 50%;
}

    .slideTextos a {
        color: white;
        font-size: large;
        font-weight: bold;
        text-shadow: 0.1em 0.1em 0.2em black;
    }

    .slideTextos h1 {
        color: white;
        font-weight: bold;
        /*line-height: 50px;*/
        /*margin-top: 3px;*/
        text-shadow: 0.1em 0.1em 0.5em black;
    }

    .slideTextos h2 {
        color: white;
        font-weight: bold;
        line-height: 40px;
        margin-top: 3px;
        text-shadow: 0.1em 0.1em 0.5em black;
    }

    .slideTextos img {
        height: auto;
        width: 85px;
    }



.divMarcas {
    align-content: center;
    align-items: center;
    display: flex;
    height: 150px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-top: 25px;
    width: 100%;
}

    .divMarcas .divMarca {
        align-items: center;
        background-color: var(--appBodyColor);
        flex-grow: 1;
    }

        .divMarcas .divMarca img {
            height: 100px;
            width: auto;
        }



.divComprobantes {
    padding-bottom: 50px;
    padding-top: 25px;
    min-height: 650px;
}

    .divComprobantes .divComprobantesBusqueda {
        min-height: 85px;
    }

        .divComprobantes .divComprobantesBusqueda .etiqueta {
            padding-bottom: 3px;
            padding-left: 10px;
            padding-top: 10px;
        }

        .divComprobantes .divComprobantesBusqueda .boton {
            margin-top: 35px;
        }

    .divComprobantes .divComprobantesDatos {
        border: 1px solid var(--appHeaderColorTo);
        margin: 0px;
        padding: 10px 0px 0px 0px;
    }

        .divComprobantes .divComprobantesDatos .Etiquetas {
            background-color: var(--appHeaderColorTo);
            border-left: 11px solid var(--appBodyColor);
            color: var(--appHeaderMenuTexto);
            height: 40px;
            
            padding-left: 20px;
            padding-top: 8px;
            text-align: left;
        }

        .divComprobantes .divComprobantesDatos .Valor {
            /*border-bottom: 1px solid var(--appHeaderColorTo);*/
            /*border-right: 12px solid var(--appBodyColor);*/
            height: 40px;
            padding-top: 8px;
            text-align: left;
        }

    .divComprobantes .divComprobantesCabecera {
        background-color: var(--appHeaderColorTo);
        border: 1px solid var(--appHeaderColorTo);
        color: var(--appHeaderMenuTexto);
        margin: 0px;
        min-height: 40px;
        padding: 0px;
    }

        .divComprobantes .divComprobantesCabecera .Cabecera {
            border-right: 1px solid var(--appBodyColor);
            padding-top: 5px;
            text-align: center;
        }

    .divComprobantes .divComprobantesDetalle {
        border-left: 1px solid var(--appHeaderColorTo);
        border-right: 1px solid var(--appHeaderColorTo);
        border-bottom: 1px solid var(--appHeaderColorTo);
        /*background-color: var(--appHeaderColorTo);
        color: var(--appHeaderMenuTexto);*/
        min-height: 40px;
        margin: 0px;
        padding: 0px;
    }

        .divComprobantes .divComprobantesDetalle .Celda {
            border: 2px solid var(--appBodyColor);
            padding-top: 3px;
            text-align: center;
        }

.Tabla {
    /*background-color: yellow;*/
    border: 2px solid var(--appHeaderColorTo);
    width: 100%;
}

.TablaHead {
    background-color: var(--appHeaderColorTo);
    color: white;
    height: 40px;
}

.TablaHeadCelda {
    border-right: 1px solid white;
}

.TablaRow {
    height: 40px;
    border-bottom: 1px solid var(--appHeaderColorTo);
}

.CeldaLeft {
    border: 1px solid white;
    text-align: left;
}

.CeldaCenter {
    border: 1px solid white;
    text-align: center;
}

.CeldaRigth {
    border: 1px solid white;
    text-align: right;
}


.divContenido {
    display: flex;
    gap: 0px;
    border: 0px;
    margin: 0px;
    padding: 40px 0px 0px 0px;
    /*padding: 15px 0px 15px 0px;*/
}

    .divContenido .divBloques {
       /* border: 0px;
        margin: 0px;
        padding: 0px;*/
    }

        .divContenido .divBloques .divNoticias {
            /*border: 0px;
            margin: 0px;
            padding: 0px;*/
            flex-grow: 1;
        }

            .divContenido .divBloques .divNoticias p {
                background-color: var(--appBodyNoticiasTop);
                border-radius: 15px;
                color: white;
                font-size: xx-large;
                font-weight: bold;
                height: 55px;
                padding: 0px 0px 0px 15px;
                text-shadow: 0.1em 0.1em 0.2em black;
                text-align:center;
            }

            .divContenido .divBloques .divNoticias .divNotaTop {
                background-color: var(--appBodyNoticiasTop);
                border-bottom: 10px solid var(--appBodyColor);
                border-left: 5px solid var(--appBodyColor);
                border-right: 5px solid var(--appBodyColor);
                border-radius: 25px;
                height: auto;
                padding: 0px;
                /*top: 48%;*/
            }

                .divContenido .divBloques .divNoticias .divNotaTop:focus,
                .divContenido .divBloques .divNoticias .divNotaTop:hover {
                    cursor: pointer;
                }

                .divContenido .divBloques .divNoticias .divNotaTop img {
                    border-radius: 15px 15px 0px 0px;
                    height: auto; /*100%;*/
                    width: 100%;
                    padding-bottom: 0em;
                }

                .divContenido .divBloques .divNoticias .divNotaTop a {
                    border: 0px;
                    color: white;
                    font-family: Verdana, Geneva, Tahoma, 'Segoe UI', sans-serif;
                    font-size: small;
                    font-weight: bolder;
                    margin: 0px;
                    padding: 5px 0px 0px 15px;
                    text-decoration: none;
                    text-shadow: 0.1em 0.1em 0.2em black;
                    /*position: absolute;
                    top: 10px;*/
                }

                .divContenido .divBloques .divNoticias .divNotaTop p {
                    border: 0px;
                    color: white;
                    font-size: xx-large;
                    font-weight: bold;
                    margin: 0px 0px 5px 0px;
                    padding: 0px 0px 0px 15px;
                    text-align: left;
                    text-shadow: 0.1em 0.1em 0.2em black;
                    position: relative;
                    top: 0px;
                }

                .divContenido .divBloques .divNoticias .divNotaTop .divTextos {
                    line-height: 32px;
                    padding-left: 15px;
                    padding-right: 10px;
                    padding-top: 2px;
                    position: absolute;
                    /*top: 5px;*/ /*48%;*/
                }

                    .divContenido .divBloques .divNoticias .divNotaTop .divTextos a {
                        color: white;
                        font-family: Verdana, Geneva, Tahoma, 'Segoe UI', sans-serif;
                        font-size: small;
                        font-weight: bolder;
                        padding: 0px 0px 0px 0px;
                        text-decoration: none;
                        text-shadow: 0.1em 0.1em 0.2em black;
                    }

                    .divContenido .divBloques .divNoticias .divNotaTop .divTextos p {
                        color: white;
                        font-size: xx-large;
                        font-weight: bold;
                        padding: 0px 0px 0px 0px;
                        text-shadow: 0.1em 0.1em 0.2em black;
                    }


            .divContenido .divBloques .divNoticias .divNota01 {
                border-bottom: 10px solid var(--appBodyColor);
                border-left: 5px solid var(--appBodyColor);
                border-right: 5px solid var(--appBodyColor);
                border-radius: 15px;
                height: 285px;
                padding: 0px;
            }

                .divContenido .divBloques .divNoticias .divNota01:focus,
                .divContenido .divBloques .divNoticias .divNota01:hover {
                    cursor: pointer;
                }

                .divContenido .divBloques .divNoticias .divNota01 img {
                    border-radius: 7px 7px 0px 0px;
                    height: auto;
                    width: 100%;
                    padding-bottom: 0.75em;
                }

                .divContenido .divBloques .divNoticias .divNota01 a {
                    color: black;
                    /*font-family: 'Arial Narrow', Arial, sans-serif, 'Franklin Gothic Medium';*/
                    font-family: Tahoma, Geneva, Verdana, 'Segoe UI',sans-serif;
                    font-size: smaller;
                    font-weight: bolder;
                    padding: 0px 15px;
                    text-decoration: none;
                }

                .divContenido .divBloques .divNoticias .divNota01 p {
                    color: black;
                    /*font-family: Geneva, Verdana, Tahoma, 'Segoe UI', sans-serif;*/
                    font-size: large;
                    /*font-weight: bolder;*/
                    padding-left: 15px;
                    padding-right: 10px;
                    padding-top: 5px;
                }

                .divContenido .divBloques .divNoticias .divNota01 .divTextos {
                    /*line-height: 10px;*/
                    padding-left: 15px;
                    position: absolute;
                    top: 65%;
                }

                .divContenido .divBloques .divNoticias .divNota01Plomo {
                    background-color: var(--appBodyNoticiasOscuro);
                }

                .divContenido .divBloques .divNoticias .divNota01Blanco {
                    background-color: var(--appBodyNoticiasClaro);
                }


            .divContenido .divBloques .divNoticias .divNota02 {
                border-bottom: 10px solid var(--appBodyColor);
                border-left: 5px solid var(--appBodyColor);
                border-right: 5px solid var(--appBodyColor);
                height: 285px;
                padding: 0px;
            }

                .divContenido .divBloques .divNoticias .divNota02:focus,
                .divContenido .divBloques .divNoticias .divNota02:hover {
                    cursor: pointer;
                }

                .divContenido .divBloques .divNoticias .divNota02 img {
                    border-radius: 7px;
                    height: 100%;
                    width: 100%;
                }

                .divContenido .divBloques .divNoticias .divNota02 .divTextos {
                    padding-left: 15px;
                    padding-right: 10px;
                    padding-top: 2px;
                    position: absolute;
                    top: 50%;
                }

                    .divContenido .divBloques .divNoticias .divNota02 .divTextos a {
                        color: white;
                        /*font-family: 'Arial Narrow', Arial, sans-serif, 'Franklin Gothic Medium';*/
                        font-family: Tahoma, Geneva, Verdana, 'Segoe UI', sans-serif;
                        font-size: smaller;
                        font-weight: bolder;
                        text-decoration: none;
                        text-shadow: 0.1em 0.1em 0.2em black;
                    }

                    .divContenido .divBloques .divNoticias .divNota02 .divTextos p {
                        color: white;
                        /*font-family: Verdana, Geneva, 'Segoe UI', Tahoma, sans-serif;*/
                        font-size: large;
                        /*font-weight: bold;*/
                        padding: 4px 0px 0px 0px;
                        text-shadow: 0.1em 0.1em 0.2em black;
                    }





        .divContenido .divBloques .divColumnas {
            flex-grow: 1;
            padding-top: 5px;
        }

            .divContenido .divBloques .divColumnas .divColumnasTitulo {
                background-color: var(--appBodyOpinionesTituloBack);
                line-height: 0px;
                margin-bottom: 10px;
            }

                .divContenido .divBloques .divColumnas .divColumnasTitulo h3 {
                    color: var(--appBodyOpinionesTituloTexto);
                    font-weight: bolder;
                    padding-bottom: 15px;
                    padding-left: 25px;
                }

            .divContenido .divBloques .divColumnas .divOpinion {
                background-color: var(--appBodyOpinionesClaro);
                border-bottom: 10px solid var(--appBodyColor);
                border-left: 5px solid var(--appBodyColor);
                border-right: 5px solid var(--appBodyColor);
                border-radius: 12px 12px 15px 15px;
                /*border-radius: 15px 0px 20px 0px;*/
                height: 150px;
                padding: 0px;
            }

                .divContenido .divBloques .divColumnas .divOpinion:focus,
                .divContenido .divBloques .divColumnas .divOpinion:hover {
                    background-color: var(--appBodyOpinionesTituloBack);
                }

                .divContenido .divBloques .divColumnas .divOpinion img {
                    display: block;
                    max-width: 100%;
                    /*height: auto;*/

                    height: 100%;
                    width: 100%;
                }

                .divContenido .divBloques .divColumnas .divOpinion .divTextos {
                    padding-left: 15px;
                    padding-right: 10px;
                    position: absolute;
                    top: 0%;
                    /*width: 50%;*/
                }

                    .divContenido .divBloques .divColumnas .divOpinion .divTextos h3 {
                        color: white;
                        padding: 0px 0px 0px 50px;
                        text-shadow: 0.1em 0.1em 0.2em black;
                    }

                    .divContenido .divBloques .divColumnas .divOpinion .divTextos h4 {
                        color: white;
                        /*font-size: smaller;*/
                        padding: 0px;
                        text-shadow: 0.1em 0.1em 0.2em black;
                    }

                        .divContenido .divBloques .divColumnas .divOpinion .divTextos h4:focus,
                        .divContenido .divBloques .divColumnas .divOpinion .divTextos h4:hover {
                            /*background-color: white;*/
                            border-radius: 5px;
                            cursor: pointer;
                            font-weight: bolder;
                        }

                    .divContenido .divBloques .divColumnas .divOpinion .divTextos p {
                        color: white;
                        padding: 0px;
                        text-shadow: 0.1em 0.1em 0.2em black;
                    }

                        .divContenido .divBloques .divColumnas .divOpinion .divTextos p:focus,
                        .divContenido .divBloques .divColumnas .divOpinion .divTextos p:hover {
                            /*background-color: white;*/
                            border-radius: 5px;
                            cursor: pointer;
                            font-weight: bolder;
                        }


        .divContenido .divBloques .divContactanos {
            /*background-color: yellow;*/
            flex-grow: 1;
            /*gap: 10px;*/
            /*height: 600px;*/
            /*width: 600px;*/
        }

            .divContenido .divBloques .divContactanos .divContactoTitulo {
                background-color: var(--appBodyContactanosTituloBack);
                margin: 5px;
                line-height: 0px;
            }

                .divContenido .divBloques .divContactanos .divContactoTitulo h3 {
                    color: var(--appBodyOpinionesTituloTexto);
                    font-weight: bolder;
                    padding-bottom: 15px;
                    padding-left: 25px;
                }



.divNoticia {
    display: flex;
    padding-top: 80px; /* 125px; */
    gap: 5px;
}

    .divNoticia .divNota {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        padding: 20px 25px;
    }

        .divNoticia .divNota .txtGrupo {
            color: var(--appBodyNotaGrupo);
            font-size: medium;
            font-weight: bolder;
        }

        .divNoticia .divNota .txtTitulo {
            color: var(--appBodyNotaTitulo);
            font-size: xx-large;
            font-weight: bold;
            line-height: 40px;
        }

        .divNoticia .divNota .txtResumen {
            color: var(--appBodyNotaTexto);
            font-size: large;
        }

        .divNoticia .divNota .imgNota {
            border-radius: 5px 5px 0px 0px;
            height: auto;
            margin-bottom: 0px;
            width: 100%;
        }

        .divNoticia .divNota .imgDiv {
            background-color: var(--appHeaderMenu);
            border-radius: 0px 0px 5px 5px;
            margin-bottom: 12px;
            width: 100%;
        }

            .divNoticia .divNota .imgDiv .imgTexto {
                color: var(--appHeaderMenuTextoOver);
                font-size: small;
                font-weight: bolder;
                padding-left: 15px;
                padding-top: 10px;
                padding-bottom: 10px;
            }



        .divNoticia .divNota .divColumista {
            /*padding: 50px;*/
            border: 0px;
            margin: 0px;
            padding: 0px;
            padding-bottom: 15px;
            padding-top: 25px;
            /*background-color: yellow;*/
            font-size: smaller;
            display: flex;
        }

            .divNoticia .divNota .divColumista .imgColumnista {
                height: 75px;
                width: 75px;
            }

            .divNoticia .divNota .divColumista .divRedactor {
                /*background-color: violet;*/
                flex-grow: 3;
                padding-left: 1em;
            }

                .divNoticia .divNota .divColumista .divRedactor h4 {
                    margin-bottom: 2px;
                }

                .divNoticia .divNota .divColumista .divRedactor p {
                    margin: 1.2px;
                }

            .divNoticia .divNota .divColumista .divRegistro {
                /*background-color: tomato;*/
                flex-grow: 1;
                text-align: end;
            }

                .divNoticia .divNota .divColumista .divRegistro p {
                    margin: 1.2px;
                }

        .divNoticia .divNota .txtCuerpo {
            color: var(--appBodyNotaTexto);
            font-size: large;
            padding-left: 0px;
        }

        .divNoticia .divNota .divRelacionados {
            border-top: 2px solid black;
            margin-top: 35px;
            padding-left: 15px;
            padding-top: 15px;
        }

            .divNoticia .divNota .divRelacionados .divRelacion {
                /*color: var(--appBodyNotaGrupo);*/
                margin-bottom: 20px;
                margin-top: 20px;
            }

                .divNoticia .divNota .divRelacionados .divRelacion:focus,
                .divNoticia .divNota .divRelacionados .divRelacion:hover {
                    cursor: pointer;
                    /*font-weight: bold;*/
                }

                .divNoticia .divNota .divRelacionados .divRelacion h4:focus,
                .divNoticia .divNota .divRelacionados .divRelacion h4:hover {
                    /*color: var(--appBodyNotaGrupo);*/
                    font-weight: bold;
                }



.divNoticiasTodas {
    padding-top: 150px;
}



.divNoticiasTodasLink {
    background-color: var(--appHeaderColor);
    border-radius: 5px;
    border: 5px solid transparent;
    color: white;
    font-size: large;
    height: 45px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    /*padding: 50px;*/
    padding-left: 15px;
    padding-top: 5px;
    /*padding-bottom: 10px;*/
    position: sticky; /*** Fijar al Top ***/
    top: 148px; /********* Fijar al Top ***/
    width: 100%;
}

    .divNoticiasTodasLink:focus,
    .divNoticiasTodasLink:hover {
        background-color: var(--appHeaderMenuOver);
        cursor: pointer;
        font-weight: bold;
    }

    .divNoticiasTodasLink a {
        color: white;
        font-size: large;
        text-decoration: none;
    }



.divColumnas {
    padding-top: 85px;
}

    .divColumnas .divTitulo {
        background-color: var(--appBodyOpinionesTituloBack);
        margin: 5px;
        line-height: 0px;
    }

        .divColumnas .divTitulo h3 {
            color: var(--appBodyOpinionesTituloTexto);
            font-weight: bolder;
            padding-bottom: 15px;
            padding-left: 25px;
            padding-top: 15px;
        }

    .divColumnas .divColumnista {
        background-color: var(--appBodyOpinionesClaro);
        border-bottom: 10px solid var(--appBodyColor);
        border-left: 5px solid var(--appBodyColor);
        border-right: 5px solid var(--appBodyColor);
        border-radius: 12px 12px 15px 15px;
        padding: 0px;
    }

        .divColumnas .divColumnista img {
            border: 0px;
            float: left;
            height: 103px;
            margin: 5px 15px 0px -75px;
            padding: 0px;
            width: auto;
        }

        .divColumnas .divColumnista .divDatos {
            /*line-height: 1.25;*/
            padding-left: 25px;
            padding-right: 10px;
        }

            .divColumnas .divColumnista .divDatos h4 {
                color: white;
                /*font-weight: bold;*/
                padding: 18px 0px 0px 50px;
                text-shadow: 0.1em 0.1em 0.2em black;
            }

            .divColumnas .divColumnista .divDatos p {
                color: white;
                padding: 0px;
                text-shadow: 0.1em 0.1em 0.2em black;
            }

        .divColumnas .divColumnista .divBlogs {
            background-color: white;
            border-radius: 5px;
            margin: 25px;
        }

            .divColumnas .divColumnista .divBlogs .divBlog {
                border-radius: 5px;
                padding-bottom: 0.5em;
                vertical-align: middle;
            }

                .divColumnas .divColumnista .divBlogs .divBlog:focus,
                .divColumnas .divColumnista .divBlogs .divBlog:hover {
                    background-color: var(--appBodyOpinionesTituloBack);
                    color: white;
                    cursor: pointer;
                }

                .divColumnas .divColumnista .divBlogs .divBlog p {
                    padding: 18px 0px 0px 50px;
                }







.linkFacebook {
    background-color: var(--appBodyRedesFacebook);
    border: 5px solid var(--appBodyRedesFacebook);
    border-radius: 7px 0px 0px 7px;
    color: var(--appBodyRedesTexto);
    font-size: medium;
    text-align: center;
}

    .linkFacebook:focus,
    .linkFacebook:hover {
        background-color: var(--appBodyRedesFacebookOver);
        border: 5px solid var(--appBodyRedesFacebookOver);
        color: var(--appBodyRedesTextoOver);
        text-decoration: none;
    }

    .linkFacebook .texto {
        font-size: smaller;
        padding-left: 10px;
    }

.linkTwitter {
    background-color: var(--appBodyRedesTwitter);
    border: 5px solid var(--appBodyRedesTwitter);
    border-radius: 0px 0px 0px 0px;
    color: var(--appBodyRedesTexto);
    font-size: medium;
    text-align: center;
}

    .linkTwitter:focus,
    .linkTwitter:hover {
        background-color: var(--appBodyRedesTwitterOver);
        border: 5px solid var(--appBodyRedesTwitterOver);
        color: var(--appBodyRedesTextoOver);
        text-decoration: none;
    }

    .linkTwitter .texto {
        font-size: smaller;
        padding-left: 10px;
    }

.linkWhatsapp {
    background-color: var(--appBodyRedesWhatsApp);
    border: 5px solid var(--appBodyRedesWhatsApp);
    border-radius: 0px 7px 7px 0px;
    color: var(--appBodyRedesTexto);
    font-size: medium;
    text-align: center;
}

    .linkWhatsapp:focus,
    .linkWhatsapp:hover {
        background-color: var(--appBodyRedesWhatsAppOver);
        border: 5px solid var(--appBodyRedesWhatsAppOver);
        color: var(--appBodyRedesTextoOver);
        text-decoration: none;
    }

    .linkWhatsapp .texto {
        font-size: smaller;
        padding-left: 10px;
    }


.divNosotros {
    /*display: flex;*/
    padding-top: 150px; /* 83px; */
    /*gap: 5px;*/
}

    .divNosotros img {
        margin-bottom: 25px; /* 83px; */
        width: 100%;
    }




.divPublicidadVerticalDesktop {
    height: 100%;
    min-width: 150px;
    padding-bottom: 10px;
    position: sticky; /*** Fijar al Top ***/
    top: 148px; /********* Fijar al Top ***/
    width: 150px;
}

    .divPublicidadVerticalDesktop img {
        height: auto;
        width: 100%;
    }

.divPublicidadVerticalMobile {
    visibility: hidden;
    display: none;
}


.divPublicidadHorizontalDesktop {
    border-bottom: 10px solid var(--appBodyColor);
    border-left: 5px solid var(--appBodyColor);
    border-right: 5px solid var(--appBodyColor);
    height: auto;
    padding: 10px 0px 10px 0px;
    width: 100%;
}

    .divPublicidadHorizontalDesktop img {
        border-radius: 7px;
        height: auto;
        width: 100%;
    }


.divPublicidadCentralDesktop {
    padding: 15px 0px 15px 15px; 
    position: sticky;
    top: 150px;
}

    .divPublicidadCentralDesktop img {
        border-radius: 3px 25px;
        height: auto;
        width: 100%;
    }

.divPublicidadCentralMobile {
    visibility: hidden;
    display: none;
}



.textBlack {
    color: black;
}

.textLink {
    font-family: "Glyphicons Halflings", "Helvetica Neue", Helvetica, Arial, sans-serif;
    word-spacing: -8px;
}



.showVideoFacebook {
    height: 300px;
    width: 100%;
}

.showVideoYouTube {
    height: 345px;
    width: 100%;
}



.showDesktop {
    text-decoration: none;
    visibility: visible;
}

    .showDesktop:focus,
    .showDesktop:hover {
        text-decoration: none;
    }

.showTablet {
    text-decoration: none;
    visibility: visible;
}

    .showTablet:focus,
    .showTablet:hover {
        text-decoration: none;
    }





.panelHeaderMenu {
    background-color: var(--appHeaderMenu);
    /*border-radius: 0px 0px 7px 7px;*/
    color: var(--appHeaderAltoTexto);
    margin: 0px;
}

    .panelHeaderMenu > li {
        border-top: 0px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }




.footers {
    background-color: var(--appFooterColorTo);
    background: -webkit-linear-gradient(to bottom, var(--appFooterColor) var(--appFooterPctjDesde), var(--appFooterColorTo) var(--appFooterPctjHasta));
    background: -moz-linear-gradient(to bottom, var(--appFooterColor) var(--appFooterPctjDesde), var(--appFooterColorTo) var(--appFooterPctjHasta));
    background: -o-linear-gradient(to bottom, var(--appFooterColor) var(--appFooterPctjDesde), var(--appFooterColorTo) var(--appFooterPctjHasta));
    background: linear-gradient(to bottom, var(--appFooterColor) var(--appFooterPctjDesde), var(--appFooterColorTo) var(--appFooterPctjHasta));
    padding-top: 1.25em;
    color: var(--appFooterTexto);

    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .footers img {
        height: 200px;
        padding-bottom: 0em;
    }

    .footers a {
        color: var(--appFooterTexto);
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: medium;
    }

    .footers p {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: medium;
    }

    .footers .logos {
        max-width: 200px;
        height: auto;
    }

#footerAutor {
    background-color: var(--appFooterColorTo);
    border-bottom: 0;
    border-top: solid 2px var(--appFooterColorLinea);
    bottom: -10px; /*Abajo deje un espacio de 0px*/
    color: var(--appFooterTexto);
    font-size: smaller;
    left: 0px; /*A la derecha deje un espacio de 0px*/
    right: 0px; /*A la izquierda deje un espacio de 0px*/
    width: 100%;
    height: 45px;
    margin: 0px;
    opacity: 0.90;
    padding-top: 5px;
    padding-bottom: -15px;
    text-align: center;
}



.linkHeader {
    visibility: visible;
    display: normal;
}

.linkSearch {
    visibility: visible;
    display: normal;
}



@media (min-width: 768px) and (max-width: 1141px) {

    .divPublicidadVerticalDesktop {
        visibility: hidden;
        display: none;
    }

    .showVideoFacebook {
        height: 285px;
        width: 100%;
    }

    .showVideoYouTube {
        height: 315px;
        width: 100%;
    }

    .showTablet {
        visibility: hidden;
        display: none;
    }

}



@media (max-width: 768px) {

    .divHeader {
        background-color: var(--appHeaderColorMovil);
        /*background-color: var(--appHeaderColor);*/
        /*
    background-image: -webkit-linear-gradient(right, rgb(25, 25, 25) 0%, rgb(0, 125, 255) 100%);
    background-image: -o-linear-gradient(right, rgb(25, 25, 25) 0%, rgb(0, 125, 255) 100%);
    background-image: -webkit-gradient(linear, left right, left bottom, from(rgb(25, 25, 25)), to(rgb(0, 125, 255)));
    background-image: linear-gradient(to right, rgb(25, 25, 25) 0%, rgb(0, 125, 255) 100%);*/
        background-image: -webkit-linear-gradient(right, var(--appHeaderColorMovil) 0%, var(--appHeaderColorMovil) 100%);
        background-image: -o-linear-gradient(right, var(--appHeaderColorMovil) 0%, var(--appHeaderColorMovil) 100%);
        background-image: -webkit-gradient(linear, left right, left bottom, from(var(--appHeaderColorMovil)), to(var(--appHeaderColorMovil)));
        background-image: linear-gradient(to right, var(--appHeaderColorMovil) 0%, var(--appHeaderColorMovil) 100%);
    }

    .logoTitulo {
        background-image: url('../App_Images/appMalenoVipBlanco.png');
        border-left: 0px solid transparent;
        height: 55px;
        margin-top: 0px;
        padding-top: 0;
        width: 100px;
    }

    .linkTitulo {
        height: 50px;
        border-top: 5px solid transparent;
    }

    .divReferencia {
        visibility: hidden;
        display: none;
    }

    .logoReferencia {
        visibility: hidden;
    }

    .divReferencita {
        visibility: visible;
    }

    .logoReferencita {
        visibility: visible;
    }

    .img-responsive {
        min-height: 300px;
        min-width: 200%;
        left: 50%;
        margin-left: -200px;
    }

    .slide {
        padding-top: 0px;
        /*height: 200px;*/
    }

    .slideLogos {
        letter-spacing: 5px;
        top: 35px; /*  10%;  */
    }

    .slideTextos {
        line-height: 0px;
        position: absolute;
        top: 35%;
        width: 85%;
    }

        .slideTextos a {
            /*font-size: smaller;*/
        }

        .slideTextos h1 {
            /*line-height: 22px;*/
            /*font-size: medium;
            margin-top: 10px;*/
        }

        .slideTextos h2 {
            line-height: 22px;
            font-size: medium;
            /*margin-top: 10px;*/
        }



    .divMarcas {
        /*align-content: space-between;*/
        display: flex;
        /*flex-wrap: wrap;*/
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
    }

        .divMarcas .divMarca {
            /*flex-grow: 1;
            margin: 7px 7px;*/
            height: 55px;
            max-width: 55px;
            min-width: 55px;
            width: 55px;
        }

            .divMarcas .divMarca img {
                height: 40px;
                width: auto;
            }

    .divComprobantes .divComprobantesBusqueda .boton {
        margin-top: 10px;
        margin-bottom: 15px;
    }


    .divContenido {
        padding-top: 0px;
    }

        .divContenido .divBloques {
            border-left: 0px;
            border-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .divContenido .divBloques .divNoticias {
            padding-top: 15px;
            padding-left: 0px;
            padding-right: 0px;
        }


            .divContenido .divBloques .divNoticias .divNotaTop {
                margin-top: 5px;
                padding-left: 0px;
                padding-right: 0px;
                height: auto;
            }

                .divContenido .divBloques .divNoticias .divNotaTop img {
                    border-radius: 7px 7px 0px 0px;
                    height: auto;
                    padding-bottom: 0.75em;
                }

                .divContenido .divBloques .divNoticias .divNotaTop .divTextos {
                    padding-left: 0px;
                    position: inherit;
                }

                    .divContenido .divBloques .divNoticias .divNotaTop .divTextos a {
                        font-size: medium;
                        padding-left: 10px;
                        padding-right: 10px;
                        text-transform: uppercase;
                    }

                    .divContenido .divBloques .divNoticias .divNotaTop .divTextos p {
                        font-size: large;
                        font-weight:normal;
                        line-height: 1.4;
                        padding-left: 10px;
                        padding-right: 10px;
                        text-shadow: none;
                    }

            .divContenido .divBloques .divNoticias .divNota01 {
                border-bottom: 5px solid var(--appBodyColor);
                margin-top: 5px;
                padding-left: 0px;
                padding-right: 0px;
                height: 250px;
            }

                .divContenido .divBloques .divNoticias .divNota01 a {
                    /*font-family: Geneva, Tahoma, Verdana, 'Segoe UI', sans-serif;*/
                    font-size: smaller;
                    padding-left: 8px;
                }


                .divContenido .divBloques .divNoticias .divNota01 p {
                    /*font-family: Geneva, Verdana, Tahoma, 'Segoe UI', sans-serif;*/
                    font-size: medium;
                    line-height: 1.3;
                    padding-left: 8px;
                    padding-right: 5px;
                }

            .divContenido .divBloques .divNoticias .divNota02 {
                border-bottom: 5px solid var(--appBodyColor);
                margin-top: 5px;
                padding-left: 0px;
                padding-right: 0px;
                height: 250px;
            }

                .divContenido .divBloques .divNoticias .divNota02 .divTextos {
                    padding-left: 0px;
                    padding-right: 0px;
                    top: 48%;
                }

                    .divContenido .divBloques .divNoticias .divNota02 .divTextos a {
                        font-family: Geneva, Tahoma, Verdana, 'Segoe UI', sans-serif;
                        font-size: smaller;
                        padding-left: 8px;

                        text-transform: uppercase;
                    }

                    .divContenido .divBloques .divNoticias .divNota02 .divTextos p {
                        /*font-family: Geneva, Tahoma, Verdana, 'Segoe UI', sans-serif;*/
                        font-size: medium;
                        line-height: 1.3;
                        padding-left: 8px;
                        padding-right: 5px;
                    }

        .divContenido .divBloques .divColumnas {
            /*background-color: red;*/
            /*flex-grow: 1;*/
            padding-left: 0;
            padding-right: 0;
        }

            .divContenido .divBloques .divColumnas .divOpinion img {
                float: right;
                width: auto;
            }



    .divNoticia {
        padding-top: 0px; /* 83px; */
    }

        .divNoticia .divNota {
            padding-top: 5px;
            padding-left: 0px;
            padding-right: 0px;
        }

            .divNoticia .divNota .txtTitulo {
                line-height: 35px;
            }



    .divNosotros {
        /*display: flex;*/
        padding-top: 65px; /* 83px; */
        /*gap: 5px;*/
    }

    .divColumnas {
        padding-top: 0px;
    }

    .divPublicidadVerticalDesktop {
        visibility: hidden;
        display: none;
    }

    .divPublicidadVerticalMobile {
        border-bottom: 10px solid var(--appBodyColor);
        border-left: 5px solid var(--appBodyColor);
        border-right: 5px solid var(--appBodyColor);
        height: auto;
        padding: 10px 0px 10px 0px;
        visibility: visible;
        display: block;
        width: 100%;
    }

        .divPublicidadVerticalMobile img {
            border-radius: 7px;
            height: auto;
            width: 100%;
        }


    .divPublicidadCentralDesktop {
        visibility: hidden;
        display: none;
    }

    .divPublicidadCentralMobile {
        border-bottom: 10px solid var(--appBodyColor);
        border-left: 5px solid var(--appBodyColor);
        border-right: 5px solid var(--appBodyColor);
        height: auto;
        padding: 10px 0px 10px 0px;
        visibility: visible;
        display: block;
        width: 100%;
    }

        .divPublicidadCentralMobile img {
            border-radius: 7px;
            height: auto;
            width: 100%;
        }



    .showVideoFacebook {
        height: 200px;
        width: 100%;
    }

    .showVideoYouTube {
        height: 300px;
        width: 100%;
    }

    .showDesktop {
        visibility: hidden;
        display: none;
    }

    .panelHeaderMenu {
        /*background-color: transparent;*/
    }

    .footers .logos {
        max-width: 175px;
    }

}