@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);


body {
    overflow-y: scroll;
    font-family: 'Open Sans';
    overflow-x: hidden;
    margin: 0px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.container {
    max-width: 1200px;
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}

h2 {
    margin: 0px;
}

h3 {
    margin: 0px;
}

.pb-3 {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.DiviArtiGra {
    float: left;
    width: 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: 1px solid #73d5e6;
    border-bottom: 1px solid #dddddd;
    margin: 4px;
    height: 360px;
    background-color: white;
    height: 398px;
    margin-bottom: 16px;
    width: 48%;
    float: left;
    margin: 6px;
}

.DiviArtiPeq {
    width: 48%;
    border-bottom: 1px solid #cccccc;
    float: left;
    padding: 0px;
    margin: 6px;
    margin-bottom: 20px;
    height: 116px;
}

.DiviArtiImgGra {
    float: left;
    width: 100%;
}

.ImgDivNotiHomeGra {
    height: 280px;
    width: 100%;
}

.DiviArtiHeaGra {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'PT Serif', serif;
    width: 100%;
    float: left;
}

.DiviArtiHeaH3Gra {
    overflow: hidden;
    font-size: 25px;
    line-height: 25px;
    padding: 6px;
    font-family: 'Bariol Bold';
    height: 94px;
    padding-top: 0px;
    text-align: left;
}

.DiviArtiFootPeq {
    float: left;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 20px;
    overflow: hidden;
    font-size: 13px;
    margin-left: 8px;
    color: #777777;
    font-family: 'Bariol Bold';
}

.HoraStrGr {
    font-weight: bold;
    float: left;
    font-size: 11px;
    font-family: Open Sans,sans-serif;
    padding-right: 0px;
    width: 50px;
    text-align: left;
    margin-left: 3px;
}

.VistasStrGr {
    font-weight: bold;
    float: right;
    font-size: 11px;
    font-family: Open Sans,sans-serif;
    width: 70px;
    text-align: right;
    margin-left: 0px;
    padding-right: 12px;
}



.VistasStrGr {
    font-weight: bold;
    float: right;
    font-size: 11px;
    font-family: Open Sans,sans-serif;
    width: 70px;
    text-align: right;
    margin-left: 0px;
    padding-right: 12px;
}



.DiviArtiImgPeq {
    width: 33%;
    float: left;
}

.DiviArtiHeaH3Peq {
    height: 90px;
    font-size: 21px;
    line-height: 21px;
    font-weight: 600;
    padding: 8px;
    padding-top: 0px;
    font-family: 'Bariol Bold';
    overflow: hidden;
}

.DiviArtiHeaPeq {
    width: 66%;
    float: left;
    font-family: 'PT Serif', serif;
    text-align: left;
}

a {
    color: #444444;
    text-decoration: none;
    font-family: 'Bariol Bold';
}

    a:hover {
        color: #003066;
        text-decoration: underline;
    }


    a:not([href]):not([class]) {
        color: #495086;
        text-decoration: none;
        font-family: 'Bariol Bold';
    }

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: 'Bariol Bold';
    font-style: normal;
    font-weight: bold;
    src: local("Bariol Bold"),url("https://debu.pcbolsa.com/fonts//Bariol_Bold.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: 'Bariol Regular';
    font-style: normal;
    font-weight: 400;
    src: local("Bariol Bold"),url("https://debu.pcbolsa.com/fonts//Bariol_Regular.otf") format("opentype");
    font-display: swap;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.CajaCotizaNombre {
    float: left;
    width: 30%;
    height: auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 16px;
}

.GraficoClassPrin {
    float: left;
    height: auto;
    margin-bottom: 6px;
    margin-top: 4px;
    background-color: white;
    margin-top: 0px;
    width: 100%;
    margin-left: 0px;
}

.MenuGraf {
    display: none;
    position: absolute;
    top: 52px;
    left: 16px;
    width: 200px;
    height: 100px;
    border: 1px solid #808080;
    background-color: #ffffff;
    box-shadow: 2px 1px 4px #999999;
    z-index: 100;
}

.Caja {
    float: left;
    width: 100%;
    height: 18px;
    border: 0px solid #000000;
    display: block;
    margin: 0px;
    padding: 0px;
    border-top: 0px solid #beacac;
    border-left: 0px solid #beacac;
    border-right: 0px solid #beacac;
    padding-top: 1px;
    z-index: 10;
    cursor: pointer;
}

.CajaCotizaNombre {
    float: left;
    width: 30%;
    height: auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 16px;
}

.CajaCotizacionTicker {
    float: left;
    border: 0 solid #aaa;
    abox-shadow: 1px 1px 1px #999;
    height: 48px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    width: 33%;
    border-radius: 3px;
}

.MenuUserMisDatosTick {
    cursor: pointer;
    padding-left: 4px;
    height: 34px;
    color: #c4c7d1;
    font-size: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #666;
    color: black;
    font-weight: bold;
    padding-top: 4px;
    font-size: 14px;
}

    .MenuUserMisDatosTick:hover {
        background-color: #e8e8e8;
    }

.CajaCotizacionArriba {
    height: 18px;
    text-align: center;
    font-size: small;
    background-color: black;
    color: white;
    display: none;
}

.CajaCotizacionabajo {
    font-family: "Bariol Bold";
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    height: 20px;
    padding-top: 2px;
    margin-top: 4px;
    text-align: center;
    font-size: 20px;
    width: 100%;
    font-weight: bold;
}

.CajaCotiza {
    float: left;
    width: 35%;
    height: auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    color: green;
}

.CajaCotizaHora {
    float: right;
    width: 30%;
    height: auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    padding-right: 4px;
    line-height: 16px;
}

.CajaCotizaUlt {
    -webkit-user-select: none;
    user-select: none;
    -ms-user-select: none;
    float: left;
    text-align: right;
    width: 48%;
    height: 19px;
}

.CajaPosIzVenUlt {
    float: right;
    width: 100%;
    text-align: center;
    height: 18px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 5px;
}

.CajaCotizacion {
    float: left;
    border: 0 solid #aaa;
    abox-shadow: 1px 1px 1px #999;
    height: 48px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    border-radius: 3px;
}

.CajaCotizaHoraT {
    float: right;
    width: auto;
    text-align: center;
    margin-bottom: 2px;
    margin-right: 10px;
    height: 20px;
}


.CajaPosVol {
    float: right;
    width: 70px;
    text-align: right;
    margin-bottom: 2px;
    margin-right: 3px;
}

.CajaPosEur {
    float: right;
    width: 70px;
    text-align: right;
    margin-bottom: 2px;
    font-weight: normal;
    margin-right: 3px;
}

.CajaPosMax {
    text-align: right;
    width: 45px;
    float: left;
}

.CajaPosPor {
    text-align: right;
    width: 45px;
    float: left;
}

.CajaPosIz {
    float: left;
    text-align: right;
    width: 50%;
}

.CajaPosDe {
    float: right;
    text-align: left;
    width: 50%;
}

.CajaCotizaPos {
    float: left;
    width: 35%;
    height: 28px;
    font-family: -apple-system, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    line-height: 16px;
    text-transform: uppercase;
}


.CajaPosIzVenPor {
    float: left;
    width: 100%;
    text-align: center;
    height: 18px;
    margin-left: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

.CajaPosIzVen {
    float: right;
    width: 150px;
    height: 28px;
    font-size: 11px;
    line-height: 10px;
    text-align: center;
    margin-right: 2px;
    border-radius: 2px;
}

.CajaPosDeVen {
    float: left;
    width: 150px;
    height: 28px;
    font-size: 11px;
    line-height: 10px;
    text-align: center;
    border-radius: 2px;
}

.CajaPosIzVenT {
    float: right;
    width: 100%;
}

.CajaPosIzVenT1 {
    float: left;
    background-color: white;
    ;
    width: 30%;
    height: 14px;
    margin-left: 4px;
    margin-top: 1px;
    text-align: right;
    padding-right: 2px;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
}

.CajaPosIzVenT2 {
    float: right;
    background-color: white;
    width: 30%;
    height: 14px;
    margin-right: 4px;
    margin-top: 1px;
    text-align: right;
    padding-right: 2px;
    font-size: 12px;
    line-height: 15px;
}


.ClasTickerCont {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    margin-top: 2px;
    width: 145px;
    height: 108px;
    float: left;
    margin: 2px;
}

.ClasTickerContMis {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    margin-top: 2px;
    width: 300px;
    height: 180px;
    float: left;
    margin: 20px;
    margin-right: 6px;
}

.MenuTexTicker {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    padding-top: 2px;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.MenuRangoTicker {
    float: left;
    width: 62px;
    height: 26px;
    border: 0px solid #beacac;
    margin: 2px;
}

.BotonGrafTicker {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    background: url('/images/lock.png') -0px -0px no-repeat;
    width: 32px;
    height: 24px;
    float: left;
    background-color: #ffffff;
    border-bottom: 1px solid #beacac;
    border-top: 1px solid #beacac;
    border-left: 1px solid #beacac;
    padding: 1px;
    cursor: pointer;
}

    .BotonGrafTicker:hover {
        background-color: #c5f1f6;
    }

.BotonGrafMeTicker {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    float: left;
    width: 25px;
    height: 31px;
    border: 1px solid #beacac;
    padding: 1px;
    margin-top: 1px;
    cursor: pointer;
    background: url('/images/tools.png') 2px -26px;
}

    .BotonGrafMeTicker:hover {
        background-color: #c5f1f6;
    }


.ClasTickerCont {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    margin-top: 2px;
    width: 145px;
    height: 108px;
    float: left;
    margin: 2px;
}

.ClasTickerContMis {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    margin-top: 2px;
    width: 300px;
    height: 180px;
    float: left;
    margin: 20px;
    margin-right: 6px;
}

.ClasGraficoTicker {
    display: block;
    float: left;
    margin-left: 1px;
    border-radius: 2px;
    height: 100px;
    border: 1px solid #1f587d;
    padding: 2px;
    -webkit-user-select: none;
    user-select: none;
    -ms-user-select: none;
    z-index: 19;
}

.ClasGraficoInf {
    display: block;
    float: left;
    margin-left: 4px;
    border-radius: 2px;
    height: 100px;
    border: 1px solid #bbbbbb;
    padding: 3px;
    -webkit-user-select: none;
    user-select: none;
    -ms-user-select: none;
    z-index: 9;
}

.ClasGraficoInf {
    display: block;
    float: left;
    margin-left: 4px;
    border-radius: 2px;
    height: 100px;
    border: 1px solid #bbbbbb;
    padding: 3px;
    -webkit-user-select: none;
    user-select: none;
    -ms-user-select: none;
    z-index: 9;
}

.CajaPosIzVenPT2 {
    float: right;
    background-color: white;
    width: 30%;
    height: 14px;
    margin-right: 4px;
    margin-top: 1px;
    text-align: right;
    padding-right: 2px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    text-align: right;
}



.TrCot {
    float: left;
    text-align: center;
    font-size: 9px;
    font-weight: normal;
    line-height: 12px;
    padding-left: 0px;
    width: 26px;
    padding-right: 0px;
    padding-top: 0px;
    font-family: 'arial';
    height: 12px;
    background-color: #facccc;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    color: #505050;
    display: none;
}

.VolumenSegunTicker {
    float: right;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding-right: 2px;
    padding-top: 0px;
    font-family: 'Open Sans',sans-serif;
    height: 12px;
}

.CajaCotizaNombreTicker {
    float: left;
    width: 60%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 12px;
    line-height: 10px;
}

.CajaCotizaTicker {
    float: left;
    width: 45%;
    height: 12px;
}

.CajaCotizaPorTicker {
    float: right;
    width: 45%;
    height: 12px;
}

.CajaCotizaTicker1 {
    float: right;
    height: 12px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    color: green;
    line-height: 12px;
    padding-left: 4px;
    padding-right: 4px;
}

.CajaCotizaPorTicker1 {
    float: left;
    height: 12px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: green;
    line-height: 12px;
    padding-left: 4px;
    padding-right: 4px;
}

.CajaCotizaUltTicker {
    -webkit-user-select: none;
    user-select: none;
    -ms-user-select: none;
    float: left;
    text-align: center;
    width: 48%;
    height: 19px;
}

.CajaCotizaHoraTTicker {
    float: right;
    text-align: right;
    margin-bottom: 0px;
    margin-right: 3px;
    height: 11px;
    padding-top: 1px;
}

.CajaCotizaHoraTicker {
    float: right;
    width: 30%;
    height: auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding-right: 0px;
    line-height: 10px;
}

.OpenCot {
    float: left;
    text-align: center;
    font-size: 9px;
    font-weight: normal;
    line-height: 12px;
    padding-top: 0px;
    font-family: 'arial';
    height: 12px;
    background-color: #e4fcf0;
    border-right: 1px solid #a0a0a0;
    width: 26px;
    border-bottom: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    color: #505050;
    display: none;
}


.CajaTicker {
    float: left;
    width: 100%;
    height: 13px;
    display: block;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    color: white;
    cursor: pointer;
}


.BotonInfoCot {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    margin-top: 2px;
    margin-right: 4px;
    float: left;
    width: 34px;
    height: 36px;
    padding: 1px;
    cursor: pointer;
    background: url('/images/CardOpen.png') 1px 1px no-repeat;
    display: block;
}

    .BotonInfoCot:hover {
        background-color: #c5f1f6;
    }

.Compartir {
    float: left;
    padding-top: 1px;
    width: 100%;
    height: 91px;
    margin-bottom: 4px;
    margin-top: 4px;
}

.CompartirTe {
    padding-top: 6px;
    float: left;
}

.CajaPos {
    cursor: pointer;
    float: left;
    width: 100%;
    height: 40px;
    border: 0px solid #000000;
    display: block;
    margin-top: 5px;
    padding: 0px;
    border-left: 1px solid #beacac;
    border-right: 1px solid #beacac;
    border-bottom: 1px solid #beacac;
    padding-top: 1px;
    z-index: 10;
}

.CajaPosMaxMin {
    float: right;
    width: 130px;
    height: 32px;
    font-family: -apple-system, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-right: 6px;
    text-transform: uppercase;
    border-radius: 2px;
}

.CajaPosVolumen {
    float: left;
    width: 120px;
    height: 28px;
    font-family: -apple-system, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-right: 6px;
    border-radius: 2px;
    text-transform: uppercase;
}

.CajaPosDatos {
    float: left;
    width: 100%;
    height: 24px;
    font-family: 'Bariol Bold';
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    border: 1px solid #d8d8d8;
    background-color: #f8f8f8;
    margin-right: 6px;
}

.CajaMax {
    float: right;
    width: 100%;
    height: 18px;
}

.CajaPosMin {
    float: left;
    width: 30%;
}

.CajaPosMaxTe {
    width: 26px;
    float: left;
    margin-right: 4px;
    color: #666666;
}

.BotonConfiVer {
    font-family: 'Bariol Bold';
    text-transform: uppercase;
    padding: 0px;
    float: left;
    display: inline-block;
    color: White;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    width: 60px;
    margin: 2px;
    margin-right: 4px;
    margin-left: 0px;
    background-color: #d75442;
    border-color: #d75442;
    text-align: center;
    border-radius: 3px;
    font-size: 13px;
    margin-top: 3px;
}

.MenuColor {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    float: left;
    height: 32px;
    border: 0px solid #beacac;
    margin: 0px;
    margin-bottom: 0px;
    padding-top: 2px;
    display: block;
}

.BotonGrafTiempo {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 40px;
    height: 31px;
    float: left;
    border-bottom: 1px solid #beacac;
    border-top: 1px solid #beacac;
    border-left: 1px solid #beacac;
    padding: 1px;
    margin-top: 1px;
    cursor: pointer;
}

.BotonGrafMeTiem {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    float: left;
    width: 26px;
    height: 24px;
    border: 1px solid #beacac;
    padding: 1px;
    cursor: pointer;
    background: url(/images/tools.png) 2px -26px;
    height: 31px;
    margin-top: 1px;
    margin-right: 3px;
}

.MenuTexTiem {
    padding-top: 2px;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.MenuPie {
    height: 40px;
    float: left;
}

.BotonTiempo {
    float: left;
    border: 0px;
    width: 32px;
    height: 28px;
    border-right: 1px solid #beacac;
    padding: 0px;
    cursor: pointer;
    text-align: center;
    margin-right: 0px;
    padding-top: 0px;
    font-family: -apple-system, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding-top: 4px;
    margin-top: 4px;
}

    .BotonTiempo:hover {
        background-color: #dddddd;
    }

.MenuTiempo {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    float: left;
    height: 32px;
    border: 0px solid #beacac;
    margin: 0px;
    margin-bottom: 0px;
    padding-top: 2px;
}

.VolumenSegun {
    float: right;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    margin-top: 9px;
    font-family: 'Open Sans',sans-serif;
}

.MenuRango {
    float: left;
    width: 60px;
    height: 35px;
    border: 0px solid #beacac;
    margin: 2px;
    margin-top: 2px;
    margin-left: 1px;
}

.BotonGraf {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    background: url(/images/lock.png) 0px 0px no-repeat;
    width: 32px;
    height: 35px;
    float: left;
    background-color: #ffffff;
    padding: 1px;
    cursor: pointer;
}

.BotonGrafMe {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    float: left;
    width: 28px;
    height: 35px;
    padding: 1px;
    cursor: pointer;
    background: url(/images/tools.png) 2px -22px;
}

    .BotonGrafMe:hover {
        background-color: #c5f1f6;
    }

.MenuTex {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    padding-top: 4px;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.MenuCelda {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #beacac;
    cursor: pointer;
}

    .MenuCelda:hover {
        background-color: #dddddd;
    }

.MenuItem {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    padding-top: 4px;
    padding-left: 10px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    color: #303030;
}

.BotonGrafCot1 {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    margin-top: 2px;
    margin-right: 4px;
    float: left;
    width: 35px;
    height: 35px;
    padding: 1px;
    cursor: pointer;
    background-color: white;
}

.BotonPantaCompleta {
    display: none;
}

.BotonSoloGrafico {
    display: none;
}

.BotonComGra {
    display: block;
    float: right;
    height: 36px;
    width: 76px;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #06b2ce;
    margin: 2px;
    margin-bottom: 4px;
    font-family: 'Open Sans',sans-serif;
    padding-top: 2px;
    cursor: pointer;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #0099d4;
    color: white;
    text-align: center;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 14px;
    margin-top: 3px;
}

    .BotonComGra:hover {
        background-color: #0079a4;
    }

.GuardarDialogClass {
    cursor: default;
    position: fixed;
    top: 220px;
    float: left;
    left: 620px;
    display: none;
    height: 295px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    background-color: #eee;
    padding-top: 6px;
    padding-left: 4px;
    margin-bottom: 4px;
    background-color: #fff;
    width: 320px;
    border: 0 solid #333;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 3px 4px #999;
    z-index: 212;
}

.ButLoginArriba {
    font-size: 18px;
    float: left;
    color: #000;
    margin-left: 16px;
    padding-left: 2px;
    padding-top: 6px;
    cursor: pointer;
    border-bottom: 2px solid red;
}

.ButRegistroArriba {
    font-size: 18px;
    float: left;
    color: #888;
    margin-left: 26px;
    padding-top: 6px;
    cursor: pointer;
    border-bottom: 0 solid red;
}

.BotonLoginFace {
    color: White;
    background-color: #38569a;
    float: left;
    height: 36px;
    width: 120px;
    border: 1px solid #38569a;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

    .BotonLoginFace:hover {
        background-color: #6876aa;
    }

.BotonLoginTwiter {
    color: White;
    background-color: #06b1cd;
    float: right;
    height: 36px;
    width: 120px;
    border: 1px solid #06b1cd;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

    .BotonLoginTwiter:hover {
        background-color: #06929e;
    }

.BotonLogin {
    color: White;
    border-color: #06b2ce;
    background-color: #06b2ce;
    position: absolute;
    height: 36px;
    width: 120px;
    border: 1px solid #06b2ce;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

    .BotonLogin:hover {
        background-color: #0692ae;
    }

.BotonCartera {
    color: White;
    border-color: #9ca0a6;
    background-color: #9ca0a6;
    color: White;
    position: absolute;
    height: 36px;
    width: 120px;
    border: 1px solid #9ca0a6;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

.IndicadorDialogClass {
    cursor: default;
    position: fixed;
    top: 220px;
    float: left;
    left: 620px;
    display: none;
    height: 325px;
    color: #000000;
    font-weight: bold;
    font-size: 15px;
    background-color: #eeeeee;
    margin-bottom: 4px;
    background-color: #ffffff;
    width: 320px;
    border: 0px solid #333333;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px 2px #999999;
    width: 360px;
    z-index: 212;
}

.CarteraDialogValor {
    cursor: default;
    position: fixed;
    top: 20px;
    float: left;
    left: 20px;
    display: none;
    height: 480px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    background-color: #eee;
    padding-top: 2px;
    padding-left: 4px;
    background-color: #fff;
    width: 400px;
    border: 0 solid #333;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 3px 4px #999;
}

.IndiSel {
    float: left;
    width: 42px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #707070;
    margin-left: 8px;
}

.CloseIndi {
    position: absolute;
    width: 20px;
    border: 0px px solid black;
    height: 20px;
    margin-left: 2px;
    margin-top: 0px;
    cursor: pointer;
    background: url(/images/iconos.png) 0px -138px no-repeat;
}

.verGraficoBut {
    float: left;
    width: 99%;
    font-weight: bold;
    text-align: center;
    font-family: "Bariol Bold";
    text-transform: uppercase;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    display: block;
    margin-left: 4px;
    border: 0px solid #33a4e6;
    background-color: #0099d4;
    color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 5px;
}

.PcBolsaGrafico {
    padding: 0px;
    height: 600px;
}

.BotonDiaDibu {
    float: left;
    width: 24px;
    margin-left: 8px;
    height: 24px;
    border: 1px solid #707070;
    cursor: pointer;
}

.MenuRangoDibu {
    float: left;
    width: 59px;
    height: 22px;
    border: 0 solid #beacac;
    margin: 0;
    margin-top: 0;
    margin-left: 30px;
}

.BotonGrafMeDibu {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    float: left;
    width: 26px;
    height: 24px;
    border: 1px solid #beacac;
    padding: 1px;
    cursor: pointer;
    background: url(/images/tools.png) 2px -29px;
}

.ContenidoClassPrincipalForo {
    height: auto;
    float: left;
    margin: auto;
    width: 100%;
    margin-bottom: 5px;
    padding: 0px;
    background-color: white;
    -webkit-box-sizing: border-box;
    border-radius: 4px;
}


.BotonesPaMovClas {
    margin-bottom: 0px;
    border: 0px;
    height: auto;
    background-color: red;
    width: 100%;
    margin-top: 0px;
    color: white;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
}

.TitularNombre {
    float: left;
    padding-left: 10px;
    font-family: 'Bariol Bold';
    font-size: 32px;
    display: block;
    font-weight: bold;
    border: 0px;
    float: left;
    margin: 6px;
    padding-left: 4px;
}

.ContenidoFooter {
    float: left;
    width: 24%;
    font-family: 'Open Sans';
    margin-left: 10px;
}

.BotonCarteraCot {
    background: url('/images/CarteraNueva.png') no-repeat;
    float: left;
    height: 32px;
    width: 32px;
    /*border-radius: 20px;*/
    /*background-color: white;*/
    cursor: pointer;
    /*border: 2px solid white;*/
    margin-top: 8px;
    margin-right: 2px;
}

.BotonCarteraCot1 {
    background: url('/images/CarteraNueva.png') no-repeat;
    float: left;
    height: 32px;
    width: 32px;
    /*border-radius: 20px;*/
    /*background-color: white;*/
    cursor: pointer;
    /*border: 2px solid white;*/

    margin-top: 2px;
    margin-right: 2px;
}

.BotonAlarCot {
    margin-left: 15px;
    background: url('/images/AlarmaNueva.png') no-repeat;
    float: left;
    height: 32px;
    width: 32px;
    /*    border-radius: 20px;
    background-color: white;
*/ cursor: pointer;
    /*  border: 2px solid white;
  */
    margin-top: 8px;
    margin-right: 2px;
}

.BotonAlarCot1 {
    margin-left: 5px;
    background: url('/images/AlarmaNueva.png') no-repeat;
    float: left;
    height: 32px;
    width: 32px;
    /*    border-radius: 20px;
    background-color: white;
*/ cursor: pointer;
    /*  border: 2px solid white;
  */
    margin-top: 2px;
    margin-right: 2px;
}

.BotonFavoCot {
    background: url('/images/escudo estrella.png') no-repeat;
    float: left;
    height: 32px;
    width: 32px;
    /*    border-radius: 20px;
    background-color: white;
*/ cursor: pointer;
    /*    border: 2px solid white;
*/ margin-left: 15px;
    margin-top: 8px;
    margin-right: 8px;
}

.BotonFavoCot1 {
    background: url('/images/escudo estrella.png') no-repeat;
    float: left;
    height: 32px;
    width: 32px;
    /*    border-radius: 20px;
    background-color: white;
*/ cursor: pointer;
    /*    border: 2px solid white;
*/ margin-left: 5px;
    margin-top: 2px;
    margin-right: 8px;
}

.CuadradoNuevoTop {
    border: 1px solid #bababa;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 100%;
    margin-top: 0px;
}

.EstreDivVoCuad {
    margin-top: 0px;
    display: block;
    float: left;
    font-weight: bold;
    font-family: 'Bariol Bold';
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
    height: 36px;
    font-size: 22px;
    line-height: 36px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 10px;
}

.ForoCabecera2 {
    height: auto;
    padding-bottom: 0px;
    margin-top: 0px;
    float: left;
    display: block;
    width: 100%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.DivMandarMensaje {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 4px;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.Escriba {
    display: block;
    float: left;
    font-weight: bold;
    padding-left: 6px;
    font-size: 16px;
    color: #aeaeae;
    height: 12px;
    font-family: 'Bariol Bold';
    text-transform: uppercase;
    margin-bottom: 4px;
}

.EscribaMas {
    display: block;
    float: left;
    font-weight: bold;
    margin-left: 166px;
    font-size: 16px;
    color: #aeaeae;
    height: 12px;
    font-family: 'Bariol Bold';
    text-transform: uppercase;
    margin-bottom: 4px;
}

.ImagenMenCla {
    width: 100%;
    height: 300px;
    float: left;
    text-align: center;
    display: none;
}

.EscribaAb {
    margin: auto;
    border: 1px solid #bbbbbb;
    width: 300px;
    height: 300px;
}

.ImMensajeUser {
    float: left;
    padding: 3px;
    height: inherit;
}

.EnviarMenC {
    float: left;
    margin-bottom: 4px;
    margin-left: 4px;
    font-size: 14px;
    background-color: White;
    color: Black;
    width: 80%;
    margin-top: 4px;
}

.TexColNew {
    float: left;
    margin-bottom: 4px;
    margin-left: 0px;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    font-size: 17px;
    background-color: White;
    color: #333333;
    margin-top: 4px;
    -webkit-appearance: textarea;
    overflow: auto;
    padding: 2px;
    resize: both;
    height: auto;
    width: 72%;
    min-height: 57px;
}

.TexColNewNoPuedes {
    float: left;
    margin-bottom: 4px;
    margin-left: 0px;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    font-size: 17px;
    background-color: White;
    color: #333333;
    margin-top: 4px;
    overflow: auto;
    padding: 2px;
    font-size: 13px;
    height: auto;
    width: 100%;
    min-height: 57px;
    text-transform: uppercase;
    line-height: 23px;
}

.BotonSmall {
    float: left;
    cursor: pointer;
    margin: 3px;
    height: 38px;
    width: 38px;
    background-color: white;
    /*    border: 1px solid #444444;
*/
}

.Emo1Sel {
    background: url('/images/smile.png') -0px 0px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo1Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo2Sel {
    background: url('/images/emoji_u2639.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo2Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo3Sel {
    background: url('/images/emoji_u1f914.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo3Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo4Sel {
    background: url('/images/emoji_u1f911.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo4Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo5Sel {
    background: url('/images/emoji_u1f602.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo5Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo6Sel {
    background: url('/images/emoji_u1f621.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo6Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo7Sel {
    background: url('/images/emoji_u1f929.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo7Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo8Sel {
    background: url('/images/emoji_u1f634.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo8Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo9Sel {
    background: url('/images/emoji_u1f60d.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo9Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo10Sel {
    background: url('/images/emoji_u1f44d_1f3fc.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo10Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo11Sel {
    background: url('/images/emoji_u270c.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo11Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo12Sel {
    background: url('/images/emoji_u1f917.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo12Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo13Sel {
    background: url('/images/emoji_u1f910.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo13Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo14Sel {
    background: url('/images/emoji_u1f92c.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo14Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo15Sel {
    background: url('/images/emoji_u1f92b.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo15Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo16Sel {
    background: url('/images/emoji_u1f62e.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo16Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo17Sel {
    background: url('/images/emoji_u1f60b.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo17Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo18Sel {
    background: url('/images/emoji_u1f44e_1f3fb.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo18Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo19Sel {
    background: url('/images/emoji_u1f60e.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo19Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo20Sel {
    background: url('/images/emoji_u1f61c.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo20Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo21Sel {
    background: url('/images/emoji_u1f92a.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo21Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo22Sel {
    background: url('/images/emoji_u1f609.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo22Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo23Sel {
    background: url('/images/emoji_u1f612.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo23Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo24Sel {
    background: url('/images/emoji_u1f618.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo24Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo25Sel {
    background: url('/images/emoji_u1f623.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo25Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo26Sel {
    background: url('/images/emoji_u1f644.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo26Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo27Sel {
    background: url('/images/emoji_u1f924.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo27Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo28Sel {
    background: url('/images/emoji_u1f606.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo28Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo29Sel {
    background: url('/images/emoji_u1f918_1f3fb.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo29Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo30Sel {
    background: url('/images/emoji_u1f44a.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo30Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo31Sel {
    background: url('/images/emoji_u1f3c1.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo31Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo32Sel {
    background: url('/images/emoji_u1f4b2.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo32Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo33Sel {
    background: url('/images/emoji_u1f6ac.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo33Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo34Sel {
    background: url('/images/emoji_u1f6bd.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo34Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo35Sel {
    background: url('/images/emoji_u1f37b.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo35Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo36Sel {
    background: url('/images/emoji_u1f37e.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo36Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo37Sel {
    background: url('/images/emoji_u1f198.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo37Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo38Sel {
    background: url('/images/emoji_u1f440.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo38Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo39Sel {
    background: url('/images/emoji_u1f493.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo39Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo40Sel {
    background: url('/images/emoji_u1f494.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo40Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo41Sel {
    background: url('/images/emoji_u1f595_1f3ff.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo41Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo42Sel {
    background: url('/images/emoji_u1f680.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo42Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo43Sel {
    background: url('/images/emoji_u1f947.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo43Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo44Sel {
    background: url('/images/emoji_u26d4.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo44Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo45Sel {
    background: url('/images/emoji_u1f48b.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo45Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.Emo46Sel {
    background: url('/images/emoji_u1f346.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .Emo46Sel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.DiskSel {
    background: url('/images/updoc.png') -0px 0px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 26px 26px;
    margin: 2px;
    background-position-x: 2px;
    cursor: pointer;
    background-position-y: 2px;
}

    .DiskSel:hover {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position-x: 0px;
        background-position-y: 0px;
    }


.Emo1 {
    background: url('https://pcbolsa.com/images/emoji_u1f642.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo2 {
    background: url('https://pcbolsa.com/images/emoji_u2639.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo3 {
    background: url('https://pcbolsa.com/images/emoji_u1f914.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo4 {
    background: url('https://pcbolsa.com/images/emoji_u1f911.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo5 {
    background: url('https://pcbolsa.com/images/emoji_u1f602.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo6 {
    background: url('https://pcbolsa.com/images/emoji_u1f621.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo7 {
    background: url('https://pcbolsa.com/images/emoji_u1f929.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo8 {
    background: url('https://pcbolsa.com/images/emoji_u1f634.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo9 {
    background: url('https://pcbolsa.com/images/emoji_u1f60d.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo10 {
    background: url('https://pcbolsa.com/images/emoji_u1f44d_1f3fc.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo10 {
    background: url('https://pcbolsa.com/images/emoji_u1f44d_1f3fc.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo11 {
    background: url('https://pcbolsa.com/images/emoji_u270c.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo12 {
    background: url('https://pcbolsa.com/images/emoji_u1f917.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo13 {
    background: url('https://pcbolsa.com/images/emoji_u1f910.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo14 {
    background: url('https://pcbolsa.com/images/emoji_u1f92c.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo15 {
    background: url('https://pcbolsa.com/images/emoji_u1f92b.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo16 {
    background: url('https://pcbolsa.com/images/emoji_u1f62e.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo17 {
    background: url('https://pcbolsa.com/images/emoji_u1f60b.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo18 {
    background: url('https://pcbolsa.com/images/emoji_u1f44e_1f3fb.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo18 {
    background: url('https://pcbolsa.com/images/emoji_u1f44e_1f3fb.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo19 {
    background: url('https://pcbolsa.com/images/emoji_u1f60e.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo20 {
    background: url('https://pcbolsa.com/images/emoji_u1f61c.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo21 {
    background: url('https://pcbolsa.com/images/emoji_u1f92a.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo22 {
    background: url('https://pcbolsa.com/images/emoji_u1f609.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo23 {
    background: url('https://pcbolsa.com/images/emoji_u1f612.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo24 {
    background: url('https://pcbolsa.com/images/emoji_u1f618.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo25 {
    background: url('https://pcbolsa.com/images/emoji_u1f623.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo26 {
    background: url('https://pcbolsa.com/images/emoji_u1f644.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo27 {
    background: url('https://pcbolsa.com/images/emoji_u1f924.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo28 {
    background: url('https://pcbolsa.com/images/emoji_u1f606.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo29 {
    background: url('https://pcbolsa.com/images/emoji_u1f918_1f3fb.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo30 {
    background: url('https://pcbolsa.com/images/emoji_u1f44a.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo31 {
    background: url('https://pcbolsa.com/images/emoji_u1f3c1.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo32 {
    background: url('https://pcbolsa.com/images/emoji_u1f4b2.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo33 {
    background: url('https://pcbolsa.com/images/emoji_u1f6ac.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo34 {
    background: url('https://pcbolsa.com/images/emoji_u1f6bd.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo35 {
    background: url('https://pcbolsa.com/images/emoji_u1f37b.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo36 {
    background: url('https://pcbolsa.com/images/emoji_u1f37e.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo37 {
    background: url('https://pcbolsa.com/images/emoji_u1f198.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo38 {
    background: url('https://pcbolsa.com/images/emoji_u1f440.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo39 {
    background: url('https://pcbolsa.com/images/emoji_u1f493.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo40 {
    background: url('https://pcbolsa.com/images/emoji_u1f494.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo41 {
    background: url('https://pcbolsa.com/images/emoji_u1f595_1f3ff.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo42 {
    background: url('https://pcbolsa.com/images/emoji_u1f680.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo43 {
    background: url('https://pcbolsa.com/images/emoji_u1f947.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo44 {
    background: url('https://pcbolsa.com/images/emoji_u26d4.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo45 {
    background: url('https://pcbolsa.com/images/emoji_u1f48b.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}

.Emo46 {
    background: url('https://pcbolsa.com/images/emoji_u1f346.png') -0px 0px no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    -webkit-user-modify: read-only;
    background-size: 26px 26px;
}



.EmoticoSelect {
    padding-left: 6px;
    background-color: white;
    float: left;
    width: 78%;
    height: auto;
    border: 2px solid #808080;
    border: 2px solid #73d5e6;
    border-radius: 3px;
    margin-left: 5px;
    padding-right: 6px;
}

.ButonClasAzul {
    border-radius: 5px;
    margin-top: 2px;
    font-family: 'Bariol Bold';
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    background-color: #525fbd;
    cursor: pointer;
    color: white;
    text-align: center;
    float: left;
    margin-right: 0px;
    margin-left: 2px;
    line-height: 28px;
    width: auto;
    padding: 4px;
    padding-right: 8px;
    padding-left: 8px;
}

    .ButonClasAzul:hover {
        background-color: #2a47f6;
    }

.ButonClasRojo {
    border-radius: 5px;
    margin-top: 2px;
    font-family: 'Bariol Bold';
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    background-color: #d75442;
    cursor: pointer;
    color: white;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 28px;
    width: auto;
    padding: 4px;
    padding-right: 8px;
    padding-left: 8px;
}

    .ButonClasRojo:hover {
        background-color: #e75442;
    }


.ButonClasAzul .All {
    width: 99%;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
/*
.BuscarCabeceraTool {
    margin-top: 10px;
    margin-bottom: 2px;
    width: 120px;
    display: inline-block;
    height: 34px;
    border: 1px solid #000;
    border-radius: 4px;
    background: url(/images/spritesPlaNu.png) -6px -272px no-repeat;
    background-color: #fff;
    margin-left: 10px;
    margin-right: 0;
    float: left;
}

.BuscarHomeClas {
    margin-left: 28px;
    font-size: 14px;
    background-color: #ffffff;
    border: 0px solid #ffffff;
    border-radius: 0px;
    color: #000000;
    height: 30px;
    width: 80px;
    opacity: 1;
}

*/
.BuscarValorImputUser {
    width: 160px;
    display: inline-block;
    position: inherit;
    margin-left: 5px;
    background: url(/images/spritesPlaNu.png) -6px -272px no-repeat;
    height: 34px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    background-color: #fff;
}

.BuscarImputUser {
    height: 32px;
    padding-top: 0px;
    background-color: #ffffff;
    color: #000000;
    width: 110px;
    border: 0px solid #ffffff;
    border-radius: 0px;
    margin-left: 28px;
}

.centdiv {
    margin: 2px;
    padding: 0px;
    margin-top: 1px;
    cursor: pointer;
    float: right;
    border: 1px solid #dddddd;
    padding: 3px;
    border-radius: 3px;
    box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.75);
    background-color: #bbbbbb;
}

    .centdiv:hover {
        background-color: #dddddd;
    }

.centdiv1 {
    margin: 2px;
    padding: 0px;
    margin-top: 5px;
    cursor: pointer;
    float: left;
    border: 1px solid #aaaaaa;
    padding: 3px;
    border-radius: 3px;
    margin-right: 3px;
    box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.75);
    background-color: #121631;
}


    .centdiv1:hover {
        background-color: #666666;
    }

.centdiv > div {
    padding: 5px;
    /*background-color: purple;*/
}

.PestaCss {
    float: left;
    width: 100%;
    border-top: 6px solid #293066;
    overflow-x: hidden;
    height: 48px;
    border-bottom: 1px solid #aeb1c4;
    overflow: hidden;
    background-color: #293066;
}

.PestaControl {
    float: left;
    width: auto;
    height: auto;
    padding-top: 5px;
    padding-bottom: 0px;
    height: 42px;
}

.BuscoValorPesta {
    display: none;
    height: 28px;
    position: inherit;
    margin-left: 5px;
    width: 100px;
    float: left;
    margin-top: 2px;
}

.PestoControlValor {
    height: 28px;
    padding-left: 5px;
    background-color: #ffffff;
    border: 0px;
    color: #000000;
    width: 100px;
}

.BuscarMensajeId {
    float: left;
    width: 100%;
    height: auto;
    min-height: 34px;
    line-height: 30px;
    font-weight: bold;
    padding-top: 4px;
    background-color: #dddddd;
}

.FechaBuscar {
    font-size: 14px;
    text-align: right;
    margin-left: 0px;
    float: left;
    width: 130px;
    background-color: #ffffff;
    border: 1px solid #555555;
    color: #000000;
    height: 36px;
}

.HoraBuscar {
    font-size: 14px;
    text-align: right;
    margin-left: 2px;
    float: left;
    width: 100px;
    background-color: #ffffff;
    border: 1px solid #555555;
    color: #000000;
    height: 36px;
}

.NoticiasFavArchId {
    float: left;
    width: 100%;
    height: auto;
    min-height: 28px;
    line-height: 30px;
    font-weight: bold;
    padding-top: 4px;
    display: block;
    border-top: 6px solid #293066;
    border-bottom: 1px solid #cccccc;
    background-color: #c8c8c8;
}

.PestaForosNewNu {
    font-family: 'Bariol Bold';
    float: left;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    background-color: #45509f;
    color: white;
    width: 125px;
    text-align: left;
    border: 0px;
    padding: 5px;
    margin: 0px;
    height: 38px;
    line-height: 26px;
    text-transform: uppercase;
    margin-right: 5px;
    padding-left: 3px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 3px;
    padding-bottom: 3px;
    box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.75);
}

    .PestaForosNewNu:hover {
        background-color: cornflowerblue;
    }

.EstreDiv28Cro {
    float: left;
    width: 24px;
    margin-left: 0px;
    height: 24px;
    margin-right: 5px;
    overflow: hidden;
}


.PestaForosNew {
    font-family: 'Bariol Bold';
    float: left;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    background-color: white;
    color: black;
    margin: 0px;
    width: 65px;
    text-align: center;
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: 45px;
    border: 0px solid #999999;
    text-transform: uppercase;
    margin-right: 5px;
    padding-left: 0px;
    border-bottom: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 3px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

    .PestaForosNew:hover {
        background-color: #bbbbbb;
    }

.PestaForosNewSel {
    font-family: 'Bariol Bold';
    float: left;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    background-color: white;
    color: black;
    margin: 0px;
    width: 65px;
    text-align: center;
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: 45px;
    border: 0px solid #999999;
    text-transform: uppercase;
    margin-right: 5px;
    padding-left: 0px;
    border-bottom: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 3px;
    background-color: #cbc0c0;
}

    .PestaForosNewSel:hover {
        background-color: #cbc0c0;
    }

.PestaNum {
    position: relative;
    padding: 2px;
    left: 37px;
    margin-left: 5px;
    top: 2px;
    font-size: 12px;
    border: 0px solid black;
    width: 17px;
    height: 14px;
    line-height: 10px;
    font-weight: normal;
    text-align: center;
    background-color: transparent;
    border-radius: 2px;
    color: white;
}

.PestaValor {
    position: relative;
    left: 0px;
    top: -11px;
    font-size: 15px;
    border: 0px solid black;
    width: 32px;
    height: 12px;
    line-height: 12px;
    margin-left: 3px;
}

.PestaDif {
    position: relative;
    left: 5px;
    top: -7px;
    font-size: 13px;
    border: 0px solid black;
    width: 58px;
    height: 14px;
    padding: 2px;
    line-height: 12px;
    font-weight: bold;
    text-align: right;
}

.mensajes {
    background-color: transparent;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .mensajes .avatar1 {
        float: left;
        padding-right: 6px;
        width: 55px;
        height: 60px;
        margin-left: 1px;
    }

    .mensajes .avatar2 {
        float: left;
        padding-right: 6px;
        width: 55px;
        height: 60px;
        margin-left: 1px;
    }

    .mensajes .mensaje1 {
        margin-left: 30px;
    }

.MensajeTextoForoPre {
    word-wrap: break-word;
    float: left;
    padding: 0px;
    font-weight: 600;
    margin-left: 8px;
    margin-bottom: 10px;
    width: 85%;
}

.mensajes .usuario1Pre {
    text-transform: uppercase;
    margin: 0px;
    height: 26px;
    float: left;
    margin: 0px;
    margin-left: 0.5em;
    line-height: 26px;
}

.mensajes .Pro {
    text-transform: uppercase;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    margin-top: 4px;
    float: left;
    margin-left: 1ex;
    width: 2.4em;
    background-color: #43be83;
    Color: White;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2px;
}


.mensajes .avatar1 img {
    -moz-border-radius: 46px;
    -webkit-border-radius: 46px;
    border: 0 solid #e0e0e0;
    height: 45px;
    width: 45px;
    margin: 6px;
}

.mensajes .avatar2 img {
    border: 0 solid #e0e0e0;
    height: 35px;
    width: 35px;
    margin: 8px;
}

.DivRespuesta {
    float: left;
    width: 90%;
}

.mensajes .mensaje-cab {
    border: 0px;
    margin: 0px;
    height: auto;
    padding: 0px;
    margin-top: 5px;
}

.mensajes .usuario1 {
    text-transform: capitalize;
    margin: 0px;
    height: 26px;
    float: left;
    margin: 0px;
    margin-left: 0.5em;
    line-height: 26px;
}


.mensajes p.fecha-hora1 {
    margin: 0px;
    font-family: 'Bariol Bold';
    height: 26px;
    line-height: 26px;
    float: right;
    color: #888888;
    margin-right: 10px;
    margin-left: 6px;
    margin-top: 1px;
}

.mensaje p {
    margin: 0px;
}

.mensajes .valor1 {
    margin: 0px;
    text-transform: uppercase;
    height: 26px;
    color: #1f1f1f;
    float: right;
    text-align: right;
    margin-right: 0.5em;
    padding-top: 0;
    line-height: 26px;
    width: 60px;
    overflow: hidden;
}

.graficoMenIMG {
    margin-top: 10px;
    margin-left: 190px;
    border: 1px solid rgb(196, 207, 214);
    border-radius: 18px;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 1px;
}

.mensajes .graficoMen img {
    width: 35%;
    margin-left: 190px;
}

.PorceGoro {
    margin: 0px;
    font-family: 'Bariol Bold';
    height: 26px;
    line-height: 26px;
    float: right;
    margin-top: 1px;
}

.mensajes .Perfil {
    display: none;
    font-weight: bold;
    text-align: center;
    height: 12px;
    background-color: #eee;
    Color: #333;
    border: 0 solid;
    font-size: .7925em;
    padding-left: 2px;
    padding-right: 3px;
    margin-left: 0;
    margin-right: 9px;
    padding-bottom: 3px;
}

.MensajeTextoForo {
    word-wrap: break-word;
    float: left;
    padding: 0px;
    margin-left: 8px;
    margin-bottom: 10px;
    width: 85%;
}

.MensajeForoC {
    -webkit-box-sizing: border-box;
    width: 97%;
    overflow: hidden;
    margin: 10px;
    border: 1px solid #bababa;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    background-color: #fff;
    text-align: left;
    float: left;
}

.MensajeaUserPeq {
    display: none;
    float: left;
    margin-top: 5px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 0px;
    background-color: #f0fefe;
    color: White;
    width: 20px;
    text-align: center;
    height: 15px;
    cursor: pointer;
    font-size: small;
    font-weight: bold;
    padding-top: 2px;
    padding-right: 1px;
    border-radius: 2px;
}

.MensajeTextoForoRes {
    background-color: #EBEEF7;
    font-style: italic;
    word-wrap: break-word;
    padding-left: 4px;
    padding-top: 6px;
    padding-bottom: 8px;
    margin-left: 8px;
    float: left;
    width: 100%;
}

.Respues {
    font-family: 'Bariol Bold';
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px dashed #e4e4e4;
    margin-bottom: 4px;
    margin-left: 40px;
}

.MensajeForo {
    -webkit-box-sizing: border-box;
    width: 97%;
    overflow: hidden;
    margin: 10px;
    border: 1px solid #bababa;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    background-color: #fff;
    text-align: left;
    float: left;
    border-radius: 5px;
}

.MeGustaDiv {
    float: left;
}

.MeGustaDivAajo {
    float: left;
    width: 80%;
}

.like_button_iconFA {
    width: auto;
    height: 32px;
    opacity: 1.00;
    color: black;
    font-weight: bold;
    background-color: red;
    text-align: right;
    font-size: 12px;
    padding-top: 0px;
    padding-right: 2px;
    margin-left: 10px;
    float: left;
    background: no-repeat;
    line-height: 32px;
    cursor: pointer;
}

.like_button_iconF {
    width: 65px;
    height: 32px;
    opacity: 0.80;
    background-color: transparent;
    text-align: right;
    font-size: 12px;
    padding-top: 0px;
    padding-right: 2px;
    margin-left: 10px;
    float: left;
    background: no-repeat;
    background-image: url(/images/mejores_azul.png);
    background-size: 26px;
    line-height: 32px;
    cursor: pointer;
    opacity: 0.65;
}

.VotCon {
    float: left;
    margin-left: 0px;
    line-height: 43px;
}

.VotConTotal {
    float: left;
    font-size: 11px;
    color: gray;
    margin-left: 4px;
    line-height: 43px;
}

.GuardoForo {
    background: url(/images/archiv_azul.png) 0 3px no-repeat;
    width: 40px;
    height: 28px;
    opacity: 1.0;
    background-size: 24px 24px;
    background-color: transparent;
    left: -3px;
    color: white;
    border-radius: 4px;
    text-align: right;
    font-size: 13px;
    padding-right: 2px;
    margin-left: 25px;
    float: left;
    color: black;
    line-height: 35px;
    cursor: pointer;
    opacity: 0.75;
}

.PestaForosNewNuSel {
    font-family: 'Bariol Bold';
    float: left;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    background-color: cornflowerblue;
    color: white;
    width: 125px;
    text-align: left;
    border: 0px;
    padding: 5px;
    margin: 0px;
    height: 38px;
    line-height: 26px;
    text-transform: uppercase;
    margin-right: 5px;
    padding-left: 3px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 3px;
    box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.75);
    padding-bottom: 3px;
}

.ClickNoti {
    cursor: pointer;
    color: #005a8d;
    overflow: hidden;
    width: 100%;
    float: left;
    margin: 10px;
    word-break: break-all
}

    .ClickNoti:hover {
        text-decoration: underline;
    }

.MensajeTextoForoPreLink {
    float: left;
    width: 90%;
    margin-left: 5px;
}

.RespuestaForo {
    background: url(/images/comentarios_azul.png) 0 3px no-repeat;
    width: 44px;
    height: 28px;
    opacity: 1.0;
    background-size: 24px 24px;
    background-color: transparent;
    left: -3px;
    color: white;
    border-radius: 4px;
    text-align: left;
    font-size: 13px;
    font-family: 'Bariol Bold';
    padding-right: 2px;
    margin-left: 0px;
    padding-left: 28px;
    float: left;
    color: #666666;
    cursor: pointer;
    opacity: 0.75;
    line-height: 35px;
}

.VotConPeq {
    float: left;
    margin-left: 0px;
    font-size: 13px;
    font-family: 'Bariol Bold';
    line-height: 29px;
}

.EstreDiv28 {
    width: 24px;
    height: 24px;
    margin: 0px;
    background-size: 24px 24px;
    background-image: url(/images/EstrellaVa.png);
    float: left;
}

.VotConTotalPeq {
    float: left;
    font-family: 'Bariol Bold';
    font-size: 10px;
    color: gray;
    margin-left: 4px;
    line-height: 29px;
}

.ValDiaSelInd {
    float: left;
    border: 1px solid #5e5e5e;
    height: 12px;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    line-height: 9px;
    background-color: #007aff;
    color: white;
    margin-left: 6px;
    width: 80px;
    text-align: center;
    text-transform: uppercase;
    border: 0px;
    width: 30%;
    padding: 0px;
    margin: 0px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #dddddd;
    margin-top: 10px;
    margin-left: 10px;
}

.ValDiaInd {
    float: left;
    background-color: white;
    border: 1px solid #5e5e5e;
    height: 11px;
    padding: 5px;
    line-height: 10px;
    font-size: 12px;
    color: #1256A0;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    margin-left: 6px;
    width: 80px;
    text-align: center;
    text-align: center;
    text-transform: uppercase;
    border: 0px;
    width: 30%;
    padding: 0px;
    margin: 0px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #dddddd;
    margin-top: 10px;
    margin-left: 10px;
}

    .ValDiaInd:hover {
        background-color: #cbc0c0;
    }

.BotonBorrarGra {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    float: right;
    width: 24px;
    height: 24px;
    border: 1px solid #beacac;
    padding: 1px;
    cursor: pointer;
    background: url(/images/toolsblanc.png) 2px -570px;
    background-color: #d75442;
}

    .BotonBorrarGra:hover {
        background-color: #beacac;
    }

.ButCerrarLate {
    float: right;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #888888;
    width: 20px;
    padding-left: 6px;
    cursor: pointer;
    margin-top: 2px;
    margin-right: 2px;
    border-radius: 2px;
    background-color: white;
    color: black;
    margin-top: 0px;
    width: 25px;
    height: 23px;
    line-height: 23px;
    padding-left: 2px;
    margin-right: 0px;
}

    .ButCerrarLate:hover {
        background-color: #dddddd;
    }


.EstreDiv {
    float: left;
    margin-left: 10px;
}

.EstreDivVoto {
    float: left;
    width: 100%;
}

.EstrePun {
    float: left;
    font-size: 13px;
    line-height: 24px;
    margin-left: 4px;
    line-height: 26px;
    font-weight: bold;
    text-transform: uppercase;
}

.EstreRese {
    float: left;
    font-size: 12px;
    line-height: 26px;
    margin-left: 5px;
    color: #777777;
    text-decoration: underline;
}

.EstrePulsa {
    float: left;
    font-size: 13px;
    line-height: 32px;
    margin-left: 20px;
    color: black;
    display: none;
}

.EstreVotarDiv {
    float: left;
    border-top: 1px solid #aaaaaa;
    width: 100%;
    padding-top: 2px;
    font-family: "Bariol Bold";
}

.EstreVotarTex {
    float: left;
    width: 100%;
    font-family: 'Open Sans','sans-serif';
    font-size: 14px;
    font-weight: bold;
    margin-left: 0px;
    margin-bottom: 2px;
}

.EstreVotarTexCor {
    float: left;
    font-family: "Bariol Bold";
    font-size: 13px;
    margin-left: 5px;
    margin-right: 10px;
    line-height: 26px;
    width: 100px;
    text-transform: uppercase;
}

.veEstrellaBut {
    display: block;
    float: left;
    margin-top: -6px;
}


.EstreDivEstre {
    float: left;
    cursor: pointer;
    margin-bottom: 5px;
}

.EstreCla {
    width: 24px;
    height: 24px;
    cursor: pointer;
    vertical-align: baseline;
    max-width: fit-content;
}

.EstreCla32 {
    width: 32px;
    height: 32px;
    cursor: pointer;
    vertical-align: baseline;
    max-width: fit-content;
}

.EstreClaDivVoto {
    width: 24px;
    height: 24px;
    margin: 0px;
    background-size: 24px 24px;
    background-image: url(/images/EstrellaVa.png);
    float: left;
}

.EstreBueDivVoto {
    width: 24px;
    height: 24px;
    margin: 0px;
    background-size: 24px 24px;
    background-image: url(/images/EstrellaBu.png);
    float: left;
}

.EstreDiv32 {
    width: 32px;
    height: 32px;
    margin: 0px;
    background-size: 32px 32px;
    background-image: url(/images/EstrellaVa.png);
    opacity: 0.60;
    float: left;
}

.ResponderDialogClass {
    cursor: default;
    position: fixed;
    top: 220px;
    float: left;
    left: 620px;
    display: none;
    height: 195px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    background-color: #eee;
    padding-top: 6px;
    padding-left: 4px;
    margin-bottom: 4px;
    background-color: #fff;
    width: 420px;
    border: 0 solid #333;
    overflow-y: hidden;
    overflow-x: hidden;
    border: 2px solid #0099d4;
}

.ButLoginArriba {
    font-size: 18px;
    float: left;
    color: #000;
    margin-left: 16px;
    padding-left: 2px;
    padding-top: 6px;
    cursor: pointer;
    border-bottom: 2px solid red;
}

.CerrarDialogCarteraCla {
    cursor: pointer;
    float: right;
    color: #555;
    padding-left: 6px;
    padding-right: 0;
    padding-top: 0px;
    font-size: 22px;
    width: 25px;
    height: 25px;
}

    .CerrarDialogCarteraCla:hover {
        color: red;
    }

.BotonLogin {
    color: White;
    border-color: #06b2ce;
    background-color: #06b2ce;
    position: absolute;
    height: 34px;
    width: 120px;
    border: 1px solid #06b2ce;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

.BotonCartera {
    color: White;
    border-color: #9ca0a6;
    background-color: #9ca0a6;
    color: White;
    position: absolute;
    height: 34px;
    width: 120px;
    border: 1px solid #9ca0a6;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

    .BotonCartera:hover {
        background-color: #7c8086;
    }

.BotonCarteraAzul {
    color: White;
    border-color: #525fbd;
    background-color: #525fbd;
    color: White;
    position: absolute;
    height: 34px;
    width: 120px;
    border: 1px solid #525fbd;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

    .BotonCarteraAzul:hover {
        background-color: #323f9d;
    }

.BotonCarteraRojo {
    color: White;
    border-color: #d75442;
    background-color: #d75442;
    color: White;
    position: absolute;
    height: 34px;
    width: 120px;
    border: 1px solid #d75442;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

    .BotonCarteraRojo:hover {
        background-color: #c74432;
    }


.BotonGrafCot {
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    margin-top: 2px;
    margin-right: 4px;
    float: left;
    width: 36px;
    height: 36px;
    border: 1px solid #beacac;
    padding: 1px;
    cursor: pointer;
    background: url(/images/lock.png) 0px 2px no-repeat;
    background-color: white;
}

    .BotonGrafCot:hover {
        background-color: #c5f1f6;
    }

.MenuTop {
    height: 26px;
    background-color: #373950;
    margin-bottom: 0px;
    white-space: nowrap;
    display: block;
    height: 34px;
    line-height: 16px;
    width: 100%;
}


.CabeceraMenuTop {
    background-color: transparent;
    border: 0px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.BotonHomeRight {
    float: left;
    height: 18px;
    margin-top: 10px;
    padding-top: 0;
    cursor: pointer;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    white-space: nowrap;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.BotonHome {
    float: left;
    height: 18px;
    margin-top: 10px;
    padding-top: 0;
    cursor: pointer;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    white-space: nowrap;
    border-right: 1px solid white;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.MenuUserVeo {
    float: right;
    margin-right: 5px;
    width: 100px;
    height: 58px;
    padding-left: 0px;
}

    .MenuUserVeo:hover {
        background-color: #333;
    }

.MenuUsuarioNew {
    display: none;
    cursor: pointer;
    float: right;
    padding-top: 2px;
    padding-right: 2px;
    margin-top: 0px;
}

.MenuUsuarioNewImg {
    background-color: white;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    /*border: 2px solid white;*/
    display: inline-block;
    float: left;
    margin-left: 28px;
}

.MenuUsuarioNewNom {
    float: left;
    padding-left: 4px;
    padding-top: 2px;
}

.MenuUsuarioNombre {
    font-weight: bold;
    color: White;
    float: left;
    padding-right: 0px;
    font-size: 11px;
    line-height: 21px;
    margin-right: 0px;
    width: 100%;
    margin-top: 0px;
    text-align: center;
}

.ToolButIconAbajo {
    background: url(/images/iconos.png) 0 -80px no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 7px;
    margin-top: 8px;
}

.MenuUsuarioDe {
    display: none;
    text-align: left;
    position: absolute;
    top: 40px;
    height: 70px;
    background-color: #000000;
    width: 160px;
    border: 1px solid #444444;
}

.MenuUserMisDatos {
    cursor: pointer;
    padding-left: 4px;
    height: 24px;
    color: #c4c7d1;
    font-size: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.ButLoginNew {
    width: 140px;
    height: 30px;
    margin-top: 4px;
    font-weight: bold;
    color: White;
    cursor: pointer;
    float: right;
    background-color: #06b1cd;
    display: inline-block;
    margin-right: 6px;
    margin-top: 0px;
    width: 100px;
    border-radius: 3px;
}


.ProDivHome {
    font-weight: bold;
    text-align: center;
    height: 18px;
    background-color: #43be83;
    Color: White;
    border: 0 solid;
    font-size: 11px;
    margin-left: 6px;
    width: 26px;
    float: left;
    margin-top: -60px;
    border: 2px solid #43be83;
    border-radius: 5px;
}



.ProDiv {
    font-weight: bold;
    text-align: center;
    height: 20px;
    background-color: #373950;
    Color: White;
    border: 0 solid;
    font-size: 11px;
    margin-left: 6px;
    width: 26px;
    float: left;
    margin-top: 4px;
    margin-left: 6px;
    border: 3px solid #43be83;
    border-radius: 5px;
}

.ToolArribaFijo {
    margin-bottom: 1px;
    box-shadow: none;
    background-color: transparent;
}

.ToolArriba {
    float: left;
    position: inherit;
    height: auto;
    width: 100%;
    background: #121631;
    left: 0px;
    top: 0px;
    z-index: 200;
    border-radius: 0px;
    width: 100%;
    position: inherit;
    overflow: hidden;
}

.LogoPcClas {
    display: block;
    cursor: pointer;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
    margin-left: 10px;
}

.LogoImgClas {
    width: auto;
    height: 50px;
}

.DiBotonesPri {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    text-align: center;
    float: left;
    height: 55px;
    z-index: 25;
    margin: auto;
    float: left;
    width: auto;
    overflow: hidden;
    padding-left: 5px;
    display: flex;
}

.DiforoOs {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    padding-top: 8px;
    padding-right: 2px;
    color: #fffdff;
    font-weight: bold;
    text-align: center;
    float: left;
    bottom: 0;
    width: 60px;
    height: 56px;
    /*background: #eee;*/
    cursor: pointer;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 15px;
    margin-right: 8px;
}

    .DiforoOs:hover {
        background-color: #333;
    }

.Diforo {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    padding-top: 8px;
    padding-right: 2px;
    color: #fffdff;
    font-weight: bold;
    text-align: center;
    float: left;
    bottom: 0;
    width: 60px;
    height: 56px;
    /*background: white;*/
    cursor: pointer;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 15px;
}

.NumAlarmasCss {
    display: none;
    float: left;
    position: relative;
    top: -50px;
    width: 20px;
    margin-left: 2px;
    margin-top: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: red;
    color: White;
    font-size: 11px;
    border: 1px solid #000000;
    border-radius: 4px;
}

.NumMensaCss {
    float: left;
    position: relative;
    top: 25px;
    display: none;
    width: 22px;
    margin-left: 2px;
    margin-top: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: darkorange;
    color: black;
    font-size: 12px;
    border: 1px solid #000000;
    border-radius: 4px;
    text-align: center;
}

.NumNoticiasCss {
    display: none;
    float: left;
    position: relative;
    top: -55px;
    width: 20px;
    margin-left: 2px;
    margin-top: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: green;
    color: black;
    font-size: 11px;
    border: 1px solid #000000;
    border-radius: 50%;
}

.NumCalendarioCss {
    display: none;
    float: left;
    position: relative;
    top: -50px;
    width: 20px;
    margin-left: 2px;
    margin-top: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #f6b0b0;
    color: black;
    font-size: 11px;
    border: 1px solid #000000;
    border-radius: 4px;
}

.NumCreditosCss {
    display: none;
    float: left;
    position: relative;
    top: -34px;
    margin-left: 8px;
    margin-top: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #f6b0b0;
    color: black;
    font-size: 11px;
    border: 1px solid #000000;
    font-family: 'Open Sans';
    border-radius: 4px;
}

.BuscarCabeceraTool {
    margin-top: 10px;
    margin-bottom: 2px;
    width: 120px;
    display: inline-block;
    height: 34px;
    border: 1px solid #000;
    border-radius: 4px;
    background: url(/images/spritesPlaNu.png) -6px -272px no-repeat;
    background-color: #fff;
    margin-left: 10px;
    margin-right: 0;
    float: left;
}

.BuscarHomeClas {
    margin-left: 8px;
    font-size: 14px;
    background-color: #ffffff;
    border: 0px solid #ffffff;
    border-radius: 0px;
    color: #000000;
    height: 30px;
    width: 80px;
    opacity: 1;
}

.ValPesta {
    float: left;
    width: 100%;
    background: white;
    border: 1px solid #dddddd;
    border-radius: 0px;
    margin-left: 0px;
    overflow-y: hidden;
    overflow-x: hidden;
    border-bottom: 1px solid #000000;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid black;
    box-shadow: -1px 1px 11px -4px rgba(0,0,0,0.75);
    height: 64px;
    -webkit-box-sizing: border-box;
    z-index: 200;
}

.ValPestaScrol {
    height: auto;
    padding-bottom: 0px;
    margin-top: 0px;
    float: left;
    display: block;
    padding-left: 0px;
    -webkit-overflow-scrolling: touch;
    width: 2080px;
}

.ValForoNewTi {
    font-family: "Bariol Bold";
    color: #555555;
    margin-left: 0px;
    text-transform: uppercase;
    float: left;
    background-color: white;
    cursor: pointer;
    margin-right: 0px;
    border-right: 1px solid #555555;
    height: 60px;
    width: 50px;
    font-size: 12px;
    display: block;
    padding-left: 2px;
    width: 48px;
    border-left: 1px solid;
    padding-left: 2px;
}

    .ValForoNewTi:hover {
        background-color: #eeeeee;
    }

.ValForoNom {
    float: left;
    overflow: hidden;
    padding: 0px;
    text-align: left;
    height: 14px;
    line-height: 13px;
    text-align: left;
    width: 50px;
    margin-left: 2px;
    background: url('/images/spritesPlaNu.png') -2px -122px no-repeat;
    height: 28px;
    width: 28px;
    margin-left: 8px;
}

.ValForoHora {
    font-family: 'Open Sans';
    float: right;
    width: 44px;
    overflow: hidden;
    padding: 0px;
    font-weight: 700;
    font-size: 11px;
    color: #666666;
    text-align: right;
    height: 14px;
    line-height: 12px;
    margin-right: 0px;
    margin-top: 0px;
}

.ValForoPor {
    float: right;
    width: 38px;
    overflow: hidden;
    padding: 0px;
    font-weight: 700;
    font-size: 11px;
    color: Green;
    text-align: left;
    height: 14px;
    line-height: 14px;
    padding-right: 2px;
    margin-top: 1px;
    font-family: 'Open Sans',sans-serif;
}

.ValForoPre {
    float: left;
    width: 54px;
    overflow: hidden;
    padding: 0px;
    font-weight: 700;
    font-size: 13px;
    color: #444444;
    text-align: center;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    font-family: "Bariol Bold";
    text-align: left;
    margin-left: 2px;
    letter-spacing: 0.04em;
}

.ValForoMenIco {
    background: url(/images/iconos.png) -40px -57px no-repeat;
    width: 14px;
    height: 17px;
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}

.ValForoForos {
    float: left;
    width: 25px;
    overflow: hidden;
    padding: 0px;
    font-weight: 500;
    font-size: 10px;
    color: #444444;
    text-align: center;
    height: 16px;
    margin-top: 3px;
    border-radius: 3px;
}

.ValForoVol {
    width: 50px;
    font-size: 10px;
    font-weight: normal;
    float: right;
    text-align: right;
    height: 13px;
    margin-top: 2px;
    color: black;
    margin-right: 2px;
    overflow: hidden;
    font-family: 'Open Sans',sans-serif;
}

.ValForoVeA {
    border-bottom: 1px solid #eeeeee;
    width: 43px;
    font-size: 10px;
    font-weight: normal;
    float: left;
    text-align: right;
    height: 13px;
    margin-top: 1px;
    color: black;
    font-family: 'Open Sans',sans-serif;
}

.ValForoVeA {
    background-color: #eeeeee;
}

.ValForoVeP {
    border-bottom: 1px solid #eeeeee;
    width: 45px;
    font-size: 10px;
    font-weight: bold;
    float: right;
    text-align: right;
    margin-right: 6px;
    height: 13px;
    margin-top: 1px;
    color: red;
    font-family: 'Open Sans',sans-serif;
}

.ValForoVeP {
    border-bottom: 1px solid #eeeeee;
    width: 45px;
    font-size: 10px;
    font-weight: bold;
    float: right;
    text-align: right;
    margin-right: 6px;
    height: 13px;
    margin-top: 1px;
    color: red;
}

.ValForoNew {
    float: left;
    background-color: white;
    font-size: 14px;
    color: black;
    display: inline-block;
    cursor: pointer;
    margin-right: 0px;
    border: 0px solid #555555;
    border-right: 1px solid #555555;
    border-radius: 2px;
    width: 105px;
    height: auto;
    font-weight: 600;
    color: #005a8d;
    padding: 2px;
    padding-top: 1px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

    .ValForoNew:hover {
        background-color: #eeeeee;
    }

.ValForoNewAna {
    float: left;
    background-color: white;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    margin-right: 0px;
    border: 0px solid #555555;
    border-right: 1px solid #555555;
    border-radius: 2px;
    width: 85px;
    height: 60px;
    font-weight: 600;
    color: #aaaaad;
    padding: 2px;
    padding-top: 1px;
}

    .ValForoNewAna:hover {
        background-color: #eeeeee;
    }

.ValForoNombre {
    float: left;
    overflow: hidden;
    padding: 0px;
    text-align: left;
    height: 14px;
    line-height: 13px;
    text-align: left;
    width: 50px;
    margin-left: 2px;
    font-family: "Bariol Bold";
    color: #555555;
    margin-left: 1px;
}

.CajaValResisVerde {
    display: inline-block;
    width: 70px;
    margin-right: 8px;
    text-align: center;
    font-weight: normal;
    float: left;
    height: 20px;
    margin-top: 3px;
    line-height: 20px;
    color: white;
    cursor: pointer;
    border-right: 0px;
    font-size: 11px;
    font-family: 'Open Sans';
    background-color: rgb(0, 160, 0);
    text-transform: uppercase;
    font-family: 'Open Sans';
    margin-left: 2px;
    opacity: 0.8;
}

    .CajaValResisVerde:hover {
        background-color: rgb(0, 120, 0);
    }

.CajaValResisRojo {
    display: inline-block;
    width: 70px;
    margin-right: 8px;
    text-align: center;
    font-weight: normal;
    float: left;
    height: 20px;
    margin-top: 3px;
    cursor: pointer;
    line-height: 20px;
    color: white;
    border-right: 0px;
    font-size: 11px;
    background-color: red;
    text-transform: uppercase;
    font-family: 'Open Sans';
    margin-left: 2px;
    opacity: 0.8;
}

    .CajaValResisRojo:hover {
        background-color: orangered;
    }

.CajaValResisAzul {
    display: inline-block;
    width: 70px;
    margin-right: 8px;
    text-align: center;
    font-weight: normal;
    float: left;
    height: 20px;
    margin-top: 3px;
    line-height: 20px;
    color: white;
    cursor: pointer;
    border-right: 0px;
    font-size: 11px;
    background-color: #0099d4;
    text-transform: uppercase;
    margin-left: 2px;
    font-family: 'Open Sans';
    opacity: 0.8;
}

    .CajaValResisAzul:hover {
        background-color: blue;
    }

.ButCarterasDiv {
    width: 100%;
    float: left;
}


.ValArriba {
    float: left;
    margin-left: 3px;
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 1px;
    color: #005a8d;
    text-decoration: underline;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    width: 130px;
}

    .ValArriba:hover {
        color: blue;
    }

.ValRentOc {
    float: left;
    margin-left: 3px;
    display: block;
    font-size: 11px;
    margin-top: 1px;
    color: #005a8d;
    width: 75px;
    text-decoration: underline;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    display: none;
}

    .ValRentOc:hover {
        color: red;
    }

.ValRentabiPri {
    float: left;
    -webkit-user-select: none;
    color: black;
    width: 75px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    line-height: 22px;
}

.ValRentabi {
    float: left;
    -webkit-user-select: none;
    color: black;
    width: 75px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    display: none;
}



.CrearProRen {
    border: 1px solid #06b2ce;
    text-transform: uppercase;
    margin-left: 5px;
    font-weight: bold;
    text-align: center;
    float: left;
    color: White;
    border-color: #06b2ce;
    background-color: #0099d4;
    cursor: pointer;
    padding-left: 0px;
    height: 16px;
    width: 70px;
    padding-left: 0px;
    font-size: 11px;
    line-height: 16px;
}

    .CrearProRen:hover {
        background-color: blue;
    }



.ValPosV {
    float: left;
    width: 150px;
    height: 25px;
    overflow: hidden;
    line-height: 9px;
}

.ButMerNue {
    float: left;
    cursor: pointer;
    font-family: "Bariol Bold";
    color: black;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #eeeeee;
    height: 25px;
    text-transform: uppercase;
    line-height: 25px;
    font-weight: bold;
    font-size: 16px;
}

    .ButMerNue:hover {
        background-color: aliceblue;
    }

.TituloPanelUser {
    display: block;
    float: left;
    font-weight: bold;
    color: white;
    margin-right: 20px;
    /* margin-left: 6px; */
    font-family: 'Open Sans','Arial','sans-serif','helvetica';
    font-size: 15px;
    line-height: 30px;
    background-color: #216087;
    text-align: center;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
}

.CabeceraCotiza {
    color: #5e5e5e;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    background-color: #eeeeee;
    padding-top: 6px;
    padding-left: 0px;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 100%;
    height: 28px;
    border-bottom: 1px solid;
    width: 1700px;
}

.Cotizacion {
    font-size: small;
    background-color: #fff;
    padding-top: 2px;
    padding-left: 2px;
    white-space: nowrap;
    margin-left: 1px;
    overflow: hidden;
    float: left;
    width: 1290px;
    height: 22px;
    cursor: pointer;
    border-left: 3px solid;
    border-left-color: #fff;
    width: 1690px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: -0.02em;
}

.ValName {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 130px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    display: inline-block;
    text-transform: uppercase;
    text-transform: uppercase;
    float: left;
    font-family: Roboto,O;
    padding-left: 2px;
    font-weight: 500;
    color: #444444;
}

.ValTicker {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 48px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    display: inline-block;
    font-family: "Bariol Bold";
    text-transform: uppercase;
    font-family: 'Bariol Bold';
    text-transform: uppercase;
    float: left;
    text-align: left;
    padding-left: 4px;
}

.ValUltimo {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    color: black;
    width: 70px;
    text-align: right;
    display: inline-block;
    padding-right: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    float: left;
    font-family: Roboto,O;
    letter-spacing: -0.02em;
    font-weight: 500;
    padding-right: 3px;
}

.ValPor {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 60px;
    text-align: right;
    display: inline-block;
    overflow: hidden;
    border-right: 1px solid #ddd;
    float: left;
    font-family: Roboto;
    letter-spacing: -0.02em;
    font-weight: 500;
    padding-right: 3px;
}

.ValVolumen {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 90px;
    text-align: right;
    display: inline-block;
    overflow: hidden;
    border-right: 1px solid #ddd;
    float: left;
    font-family: Roboto;
    letter-spacing: -0.01em;
    font-weight: 400;
    padding-right: 3px;
}

.ValHora {
    -webkit-user-select: none;
    width: 70px;
    text-align: right;
    display: inline-block;
    overflow: hidden;
    border-right: 1px solid #ddd;
    float: left;
    font-family: Roboto;
    letter-spacing: -0.01em;
    font-weight: 400;
    padding-right: 3px;
}

.ValPosV {
    float: left;
    width: 150px;
    height: 28px;
    overflow: hidden;
    line-height: 9px;
}

.ValPosVeA {
    border-bottom: 1px solid #cccccc;
    width: 46px;
    font-size: 10px;
    font-weight: 400;
    float: left;
    text-align: right;
    height: 14px;
    margin-top: 0px;
    color: black;
    font-family: 'Open Sans',sans-serif;
    line-height: 12px;
}

.ValPosVeP {
    border-bottom: 1px solid #cccccc;
    width: 40px;
    font-family: 'Open Sans',sans-serif;
    font-size: 10px;
    font-weight: bold;
    font-weight: 700;
    float: right;
    text-align: right;
    margin-right: 6px;
    height: 14px;
    margin-top: 0px;
    color: red;
    line-height: 12px;
}

.ValPosVeDP {
    border-bottom: 1px solid #cccccc;
    width: 40px;
    font-size: 10px;
    font-weight: normal;
    float: right;
    text-align: right;
    margin-right: 6px;
    height: 14px;
    margin-top: 0px;
    font-family: 'Open Sans',sans-serif;
    color: red;
    line-height: 12px;
}

.ValVela {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 100px;
    text-align: right;
    display: inline-block;
    overflow: hidden;
    border-right: 1px solid #ddd;
}

.ValRentabiPri {
    float: left;
    -webkit-user-select: none;
    color: black;
    width: 80px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    line-height: 22px;
}

.ValRentabi {
    float: left;
    -webkit-user-select: none;
    color: black;
    width: 80px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    display: none;
}

.ValMaximo {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    color: black;
    width: 60px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    line-height: 22px;
    float: left;
}

.ValMaximoDif {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    color: black;
    width: 50px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    line-height: 22px;
    float: left;
    padding-right: 2px;
}

.ValEur {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 95px;
    text-align: right;
    display: inline-block;
    visibility: visible;
    overflow: hidden;
    border-right: 1px solid #ddd;
    line-height: 22px;
    float: left;
    padding-right: 2px;
}

.ValAyer {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    color: black;
    width: 65px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    line-height: 22px;
    float: left;
    padding-right: 2px;
}

.ValOpen {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    color: black;
    width: 65px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    line-height: 22px;
    float: left;
    padding-right: 2px;
}

.ValAcciones {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    color: black;
    width: 100px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    padding-right: 2px;
}

.ValCapital {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    color: black;
    width: 100px;
    text-align: right;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    overflow: hidden;
    border-right: 1px solid #ddd;
    padding-right: 2px;
}

.PanelUsuario {
    float: left;
    width: 100%;
    height: auto;
    max-height: none;
    overflow-y: hidden;
    overflow-x: auto;
    background-color: #eeeeee;
}

.PanelUsuarioP {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    display: block;
    max-height: none;
}

.ValVela {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 100px;
    text-align: right;
    display: inline-block;
    overflow: hidden;
    border-right: 1px solid #ddd;
    float: left;
    margin-top: 1px;
}

.DiviArtiPeqUs {
    height: 120px;
    width: 96%;
    margin: 4px;
    float: left;
    margin-bottom: 10px;
    background-color: white;
    border: 1px solid #dddddd;
    border-radius: 3px;
    cursor: pointer;
    padding: 2px;
}

.DiviArtiImgPeqUs {
    float: left;
    width: 25%;
}

.DiviArtiDerePeqUs {
    float: left;
    width: 73%;
}

.DiviArtiHeaPeqUs {
    float: left;
    width: 100%;
    height: 93px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'PT Serif', serif;
    overflow: hidden;
}

.DiviArtiFootPeqUs {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    font-size: 14px;
    margin-left: 8px;
    color: #777777;
    font-family: 'Bariol Bold';
    color: black;
}

.HoraStrGrUs {
    font-weight: bold;
    float: right;
    font-size: 11px;
    font-family: Open Sans,sans-serif;
    padding-right: 0px;
    width: 70px;
    text-align: left;
    margin-left: 3px;
}

.ImgDivNotiHome {
    width: 100%;
    height: 114px;
}

.DiviArtiHeaH3PeqUs {
    height: auto;
    font-size: 21px;
    line-height: 22px;
    padding: 8px;
    padding-top: 2px;
    font-family: 'Bariol Bold';
    overflow: hidden;
    color: #005a8d;
    padding-bottom: 0px;
    margin-bottom: 2px;
}

.DiviArtiDesPeqUs {
    font-weight: normal;
    font-size: 13px;
    margin-left: 10px;
    font-family: Open Sans,sans-serif;
    color: black;
    float: left;
    overflow: hidden;
    height: 38px;
}

.mensajes .grafico {
    padding: 10px;
    padding-bottom: 18px;
    cursor: pointer;
}

    .mensajes .grafico img {
        width: 80%;
        margin-left: 40px;
    }

.graficoIMG {
    margin-top: 10px;
    margin-left: 100px;
    border: 1px solid rgb(196, 207, 214);
    border-radius: 18px;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 4px;
}

.MenuMercadosPeq {
    float: left;
    width: 1700px;
    background-color: white;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}

.BotonesNuevosPrin {
    margin-top: 0px;
    margin-bottom: 6px;
    padding-bottom: 0px;
    float: left;
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #c8c8c8;
}

.BotonesPaMovClasWi {
    float: left;
    width: 100%;
}

.ButTickerArribaBl {
    float: left;
    margin-right: 0px;
    cursor: pointer;
    font-family: Roboto,O;
    color: black;
    padding-right: 4px;
    border-left: 1px #e0e0e0;
    margin-top: 0px;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0px;
    border-right: 1px solid #f0f0f0;
    padding: 10px;
    text-transform: uppercase;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

    .ButTickerArribaBl:hover {
        background-color: #c5f1f6;
    }

.ValArribaCar {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    padding: 2px;
    font-size: 12px;
    width: 120px;
    text-transform: uppercase;
}

.CarNombre {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 130px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    text-align: left;
    font-family: 'Open Sans';
    font-size: 14px;
    padding-left: 5px;
}

.CarPlus {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 85px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 4px;
}

.CarDifAyer {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 70px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 4px;
}

.CarDifAyerEur {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 75px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 4px;
}

.CarDifAyer {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 70px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 4px;
}

.CarValorTotal {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 100px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 4px;
}

.CarTitulos {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 100px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 4px;
}

.TabsCartera {
    border-bottom: 1px solid #aaaaaa;
    color: #000000;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    margin-top: 4px;
    padding-top: 6px;
    padding-left: 0px;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    min-width: 1200px;
    width: 99%;
    height: 40px;
}

.MenuCarteraVal {
    color: #5e5e5e;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    background-color: #eeeeee;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid;
}

.CarTabsArriba {
    color: #444;
    padding-top: 6px;
    background-color: #fff;
    height: 34px;
    width: 160px;
    border: 1px solid #aaa;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
}

.ValArribaTodo {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 120px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    padding-right: 4px;
}

.CarUltimoTodo {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 120px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #999;
    text-align: right;
    font-size: 15px;
    padding-right: 6px;
    padding-right: 4px;
}

.CarValNombre {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 140px;
    display: inline-block;
    font-weight: bold;
    font-family: 'Open Sans';
    overflow: hidden;
    border-right: 1px solid #ddd;
    text-align: left;
    font-size: 14px;
}

.CarUltimo {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 80px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 4px;
}

.ClasCosteCartera {
    background-color: #eeeeee;
    vertical-align: middle;
    padding: 3px;
    font-size: 16px;
    text-align: right;
    padding-right: 4px;
    float: right;
    width: 140px;
    border: 1px solid #555555;
    color: #000000;
}

.CarteraDialogBorrar {
    cursor: default;
    position: fixed;
    top: 20px;
    float: left;
    left: 20px;
    display: none;
    height: 180px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    background-color: #eee;
    padding-left: 4px;
    background-color: #fff;
    width: 400px;
    border: 0 solid #333;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 3px 4px #999;
}

.ClTextoBorrarTitulo {
    float: left;
    color: #888888;
    padding-left: 6px;
    padding-top: 6px;
    text-transform: uppercase;
}

.ClTextoBorarTxt {
    float: left;
    padding-top: 10px;
    width: 100%;
    text-align: center;
}

.VenderValorBut {
    margin-top: 4px;
    background-color: #fff;
    height: 30px;
    border: 1px solid #06b2ce;
    float: left;
    line-height: 20px;
    margin-left: 10px;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    display: inline-block;
    color: White;
    border-color: #525fbd;
    text-transform: uppercase;
    background-color: #525fbd;
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}

    .VenderValorBut:hover {
        background-color: #424fad;
    }

.BorrarValorBut {
    margin-top: 4px;
    background-color: #fff;
    height: 30px;
    border: 1px solid #06b2ce;
    float: left;
    line-height: 20px;
    margin-left: 10px;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    display: inline-block;
    color: White;
    border-color: #06b2ce;
    text-transform: uppercase;
    background-color: #06b2ce;
    font-size: 13px;
    border-color: #d75442;
    background-color: #d75442;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}

    .BorrarValorBut:hover {
        background-color: #c74432;
    }
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 20px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: red;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 14px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.mensajes .avatar1 {
    float: left;
    padding-right: 6px;
    width: 55px;
    height: 60px;
    margin-left: 1px;
}

.VeoIcono {
    height: 13px;
    width: 16px;
    background-image: url(/images/sprite1.png);
    background-repeat: no-repeat;
    background-position: 0 -2837px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    content: " ";
    padding-left: 3px;
    margin-right: 5px;
}

.MensaIcono {
    padding-left: 5px;
    height: 13px;
    width: 16px;
    background-image: url(/images/sprite1.png);
    background-repeat: no-repeat;
    background-position: 0 -1068px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    content: " ";
    padding-left: 4px;
    margin-left: 10px;
}

.HoraStr {
    font-weight: bold;
    float: left;
    font-size: 11px;
    font-family: Open Sans,sans-serif;
    padding-right: 20px;
    width: 50px;
    text-align: right;
}

.BuscarCotizacion {
    font-size: 13px;
    background-color: #fff;
    padding-top: 4px;
    padding-left: 4px;
    margin-left: 1px;
    float: left;
    width: 99%;
    height: 30px;
    cursor: pointer;
    border-left: 3px solid;
    border-left-color: #fff;
}

    .BuscarCotizacion:hover {
        background-color: #eee;
    }

.TickerBuscar {
    width: 80px;
    font-weight: bold;
    color: Black;
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    display: inline-block;
}

    .TickerBuscar span {
        color: Red;
    }

.NombreBuscar {
    font-weight: normal;
    width: 160px;
    color: Black;
    float: left;
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 4px;
    display: inline-block;
}

    .NombreBuscar span {
        font-weight: bold;
        color: Red;
    }

.MarcadoBuscar {
    font-size: 12px;
    font-weight: normal;
    width: 50px;
    color: Black;
    float: right;
    margin-bottom: 4px;
    margin-top: 4px;
    Color: Gray;
    display: inline-block;
}

.BuscarValor {
    display: none;
    position: fixed;
    top: 70px;
    right: 46px;
    height: 320px;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #ffffff;
    width: 380px;
    border: 1px solid #000000;
    z-index: 300;
}

.CabBuscarValor {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    background-color: #eeeeee;
    padding-top: 6px;
    padding-left: 4px;
    white-space: nowrap;
    width: 99%;
    height: 30px;
    border-bottom: 1px solid;
}

.cerrarBuscar {
    float: right;
    font-size: 24px;
    margin-right: 15px;
    cursor: pointer;
}

    .cerrarBuscar:hover {
        color: red;
    }

.ClaDiviDiv {
    float: left;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: 'Open Sans';
    padding: 0px;
}

.InfoDiv {
    float: left;
    width: 100%;
    padding-top: 25px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    font-size: 13px;
}

.ContenidoNuevo {
    height: auto;
    background-color: white;
    width: 100%;
    float: left;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 20px;
}

.CabeNuevaAzul {
    float: left;
    width: 100%;
    font-weight: bold;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: #45509f;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
}


.CabeNuevaAzulDia {
    float: left;
    width: 100%;
    font-weight: bold;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: #45509f;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
}

.CajaTituloCabe {
    color: black;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #ffffff;
    padding-top: 3px;
    float: left;
    width: 100%;
    height: 22px;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid;
    background-color: #dadada;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.CeldaNuevaNom {
    float: left;
    width: 20%;
    text-align: Left;
    padding-left: 3px;
    border-left: 1px solid #eeeeee;
    font-size: 13px;
    font-weight: bold;
}

.CeldaNueva {
    width: 15%;
    text-align: left;
    float: left;
    text-align: center;
    border-left: 1px solid #eeeeee;
    font-size: 14px;
    font-weight: normal;
}

.TituloNuevo {
    width: 20%;
    float: left;
    height: auto;
    line-height: 26px;
    text-align: center;
    border-left: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    font-weight: normal;
    font-size: 14px;
}

.CajaDatosFunda {
    float: left;
    text-align: left;
    background-color: white;
    width: 100%;
    border-bottom: 0px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    font-size: 14px;
    background-color: #ffffff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}

    .CajaDatosFunda:hover {
        background-color: #dddddd;
    }

.CajaDatosFundaCla {
    float: left;
    text-align: left;
    background-color: white;
    width: 100%;
    border-bottom: 0px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    font-size: 14px;
    background-color: #f6f6f6;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}

    .CajaDatosFundaCla:hover {
        background-color: #dddddd;
    }

.CajaValDi {
    height: 26px;
    line-height: 22px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    font-weight: normal;
    font-size: 13px;
    border-right: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ColuNomHis {
    width: 14%;
    text-align: center;
    float: left;
    border-left: 0px;
    box-shadow: inset -1px 0 0 0 #aaaaaa;
    height: 18px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.CajaTituloNueva {
    background-color: white;
    font-size: 16px;
    overflow: hidden;
    display: block;
    font-family: 'Bariol Bold';
    color: #999999;
    float: left;
    width: 100%;
    line-height: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #bbbbbb;
    background-color: #999999;
    color: white;
    height: 28px;
}

.BotonCompra {
    border: 2px solid #06b2ce;
    float: left;
    line-height: 22px;
    margin-left: 10px;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    display: inline-block;
    color: #222f8d;
    border-color: #525fbd;
    text-transform: uppercase;
    background-color: white;
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    margin-left: 5px;
    margin-top: -3px;
    margin-right: 10px;
    width: 104px;
    height: 26px;
    padding-top: 0px;
    box-shadow: 1px 1px 2px #999999;
    border-radius: 4px;
}

    .BotonCompra:hover {
        background-color: #dddddd;
    }

.BorrarValorBut1 {
    margin-top: 4px;
    background-color: #fff;
    height: 30px;
    border: 1px solid #06b2ce;
    float: left;
    margin-left: 10px;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    display: inline-block;
    color: White;
    border-color: #06b2ce;
    text-transform: uppercase;
    background-color: #06b2ce;
    font-size: 13px;
    border-color: #d75442;
    background-color: #d75442;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    margin-top: -3px;
    height: 26px;
    line-height: 24px;
    padding-top: 0px;
}

    .BorrarValorBut1:hover {
        background-color: #c74432;
    }

.CajaValTicks {
    display: inline-block;
    width: 70px;
    margin-right: 8px;
    text-align: center;
    font-weight: normal;
    float: left;
    height: 20px;
    margin-top: 3px;
    line-height: 20px;
    color: white;
    border-right: 0px;
    font-size: 11px;
    font-family: 'Open Sans';
    background-color: black;
    text-transform: uppercase;
    font-family: 'Open Sans';
    margin-left: 2px;
    opacity: 0.8;
    cursor: pointer;
}

    .CajaValTicks:hover {
        background-color: #888888;
    }

.MenuDivContenido {
    height: 95%;
    float: left;
    width: 100%;
}

.MenuValGraNombre {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 140px;
    display: inline-block;
    font-weight: blod;
    overflow: hidden;
    border-right: 0px solid #dddddd;
    padding-top: 1px;
    text-align: left;
}

.BotonMenuGraNoSelec {
    padding-left: 3px;
    width: 90px;
    background-color: #ede9e9;
    float: left;
    height: 26px;
    margin-top: 5px;
    line-height: 20px;
    font-weight: normal;
    cursor: pointer;
    border-color: #ddd9d9;
    border-top: 1px solid #ddd9d9;
    border-left: 1px solid #ddd9d9;
    border-right: 1px solid #ddd9d9;
    color: black;
    display: block;
}

    .BotonMenuGraNoSelec:hover {
        background-color: #ddd9d9;
    }

.BotonMenuGraSelec {
    margin-left: 2px;
    padding-left: 3px;
    width: 90px;
    border-color: #ddd9d9;
    border-top: 1px solid #ddd9d9;
    border-left: 1px solid #ddd9d9;
    border-right: 1px solid #ddd9d9;
    float: left;
    height: 26px;
    margin-top: 3px;
    margin-right: 2px;
    line-height: 20px;
    cursor: pointer;
}

.MenuGraSelec {
    width: 100%;
    height: 32px;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #a0a0a0;
    border-top: 0px solid #a0a0a0;
}

.MenuDivContenido {
    height: 95%;
    float: left;
    width: 100%;
}

.CabMeClass {
    color: #5e5e5e;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    background-color: #eeeeee;
    margin-top: 2px;
    padding-left: 4px;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 244px;
    height: 22px;
    border-bottom: 1px solid;
}

.CabMeClassVal {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 100px;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    text-align: left;
    font-size: 13px;
    padding-left: 4px;
}

.MenuValGra {
    font-size: 11px;
    padding-top: 4px;
    padding-left: 0px;
    white-space: nowrap;
    margin-left: 1px;
    overflow: hidden;
    float: left;
    width: 214px;
    height: 24px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    font-weight: bold;
}

.MenuValGraNombre {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 140px;
    display: inline-block;
    font-weight: blod;
    overflow: hidden;
    border-right: 0px solid #dddddd;
    padding-top: 1px;
    text-align: left;
}

.MenuValGraNombre {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    width: 140px;
    display: inline-block;
    font-weight: blod;
    overflow: hidden;
    border-right: 0px solid #dddddd;
    padding-top: 1px;
    text-align: left;
}

.ModificarValorBut {
    margin-top: 4px;
    background-color: #fff;
    height: 30px;
    border: 1px solid #06b2ce;
    float: left;
    width: 90px;
    margin-left: 10px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    display: inline-block;
    color: White;
    border-color: #06b2ce;
    text-transform: uppercase;
    background-color: #06b2ce;
}

.LoginDialogClass {
    cursor: default;
    position: fixed;
    top: 220px;
    float: left;
    left: 620px;
    display: none;
    height: 495px;
    color: #000000;
    font-weight: bold;
    font-size: 15px;
    background-color: #eeeeee;
    padding-top: 6px;
    padding-left: 4px;
    background-color: #ffffff;
    width: 320px;
    border: 0px solid #333333;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 3px 4px #999999;
}

.PagarBoton {
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 10px;
    border: 1px solid #cccccc;
    padding-left: 6px;
    border-radius: 4px;
    height: 46px;
    cursor: pointer;
}

    .PagarBoton:hover {
        background-color: #e1e7ef;
    }

.ValDiaSel {
    float: left;
    border-right: 0px solid #5e5e5e;
    height: 24px;
    line-height: 24px;
    padding: 0px;
    margin-right: 6px;
    padding-left: 4px;
    padding-right: 4px;
    font-family: 'Open Sans',sans-serif;
    color: #1256A0;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    background-color: #007aff;
    -webkit-font-smoothing: antialiased;
    color: white;
}

.ValDia {
    text-transform: uppercase;
    float: left;
    background-color: white;
    border-right: 0px solid #5e5e5e;
    height: 14px;
    font-size: 12px;
    font-weight: bold;
    color: black;
    display: inline-block;
    cursor: pointer;
    height: 28px;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans',sans-serif;
    padding: 0px;
    margin-right: 6px;
    padding: 8px;
    color: #1256A0;
    margin-right: 4px;
}

    .ValDia:hover {
        background-color: #cbc0c0;
    }

.ValDato {
    float: left;
    border-right: 1px solid #eeeeee;
    width: 60px;
    height: 12px;
    line-height: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #808080;
    display: inline-block;
    margin-right: 14px;
}

.BanTexAgen {
    font-size: 15px;
    font-weight: normal;
    padding-left: 4px;
    padding-right: 8px;
    line-height: 18px;
    float: left;
    min-width: 240px;
}

.AnteriorAgen {
    float: right;
    width: 60px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-align: right;
    margin-right: 14px;
    color: black;
}

.DatoAgen {
    float: right;
    width: 60px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-align: right;
    margin-right: 14px;
    color: black;
}

.HoraAgen {
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 8px;
    line-height: 18px;
    width: 40px;
    text-align: right;
}

.BanEurAgen {
    margin-left: 6px;
    float: left;
    background-image: url("https://pcbolsa.com/images/flag_eu.png");
    background-repeat: no-repeat;
    background-position: 0 1px;
    width: 22px;
    height: 15px;
}

.BanEspaAgen {
    margin-left: 6px;
    float: left;
    background-image: url("https://pcbolsa.com/images/flag_spain.png");
    background-repeat: no-repeat;
    background-position: 0 1px;
    width: 22px;
    height: 15px;
}

.BanAleAgen {
    margin-left: 6px;
    float: left;
    background-image: url("https://pcbolsa.com/images/flag_germany.png");
    background-repeat: no-repeat;
    background-position: 0 1px;
    width: 22px;
    height: 15px;
}

.BanUsaAgen {
    margin-left: 6px;
    float: left;
    background-image: url("https://pcbolsa.com/images/flag_usa.bmp");
    background-repeat: no-repeat;
    background-position: 0 1px;
    width: 22px;
    height: 15px;
}

.BanUkAgen {
    margin-left: 6px;
    float: left;
    background-image: url("https://pcbolsa.com/images/uk-flag-icon.png");
    background-repeat: no-repeat;
    background-position: 0 4px;
    width: 22px;
    height: 15px;
}

.BanFraAgen {
    margin-left: 6px;
    float: left;
    background-image: url("https://pcbolsa.com/images/flag_france.png");
    background-repeat: no-repeat;
    background-position: 0 2px;
    width: 22px;
    height: 18px;
}

.BanImpor2Agen {
    float: left;
    margin-top: 3px;
    margin-left: 2px;
    margin-right: 5px;
    background-color: red;
    border: 2px solid red;
    border-radius: 8px;
    width: 12px;
    height: 12px;
}

.BanImpor1Agen {
    float: left;
    margin-top: 3px;
    margin-left: 2px;
    margin-right: 5px;
    background-color: #ffb953;
    border: 2px solid #ffb953;
    border-radius: 8px;
    width: 12px;
    height: 12px;
}

.BanImpor0Agen {
    float: left;
    margin-top: 3px;
    margin-left: 2px;
    margin-right: 5px;
    background-color: #5bc0de;
    border: 2px solid #5bc0de;
    border-radius: 8px;
    width: 12px;
    height: 12px;
}

.DivRecoDato {
    width: 100%;
    float: left;
    height: 28px;
    border-bottom: 1px solid #cbc0c0;
    padding-top: 1px;
    display: inline-block;
    background-color: white;
    color: black;
    padding-bottom: 0px;
    margin-left: 0px;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}

.DivAgendaDato {
    width: 100%;
    float: left;
    height: auto;
    border-bottom: 1px solid #cbc0c0;
    padding-top: 4px;
    display: inline-block;
    background-color: white;
    color: black;
    height: auto;
    line-height: 32px;
    min-height: 34px;
}

.DivAgendaDato1 {
    font-family: 'Open Sans';
    width: 100%;
    float: left;
    height: auto;
    border-bottom: 1px solid #cbc0c0;
    padding-top: 7px;
    display: inline-block;
    background-color: whitesmoke;
    float: left;
    width: 100%;
    color: #808080;
    height: auto;
    line-height: 32px;
    min-height: 34px;
}

.ValDatoReco {
    float: left;
    border-right: 0px solid #eeeeee;
    width: 31%;
    height: 26px;
    font-size: 14px;
    margin-top: 0px;
    font-weight: normal;
    color: #808080;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    color: black;
    line-height: 26px;
}

.ValDatoRecoNom {
    float: left;
    border-right: 0px solid #eeeeee;
    width: 31%;
    margin-top: 0px;
    line-height: 14px;
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    padding-left: 3px;
    color: #005a8d;
    border: 0px;
    font-family: 'Bariol Bold';
    font-size: 13px;
    text-transform: uppercase;
    line-height: 26px;
}

.StyleVa {
    font-size: 13px;
    font-weight: bold;
}

.TituloNuevo {
    width: 20%;
    float: left;
    padding-left: 4px;
    height: 32px;
    text-align: center;
    border-left: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 15px;
    font-weight: normal;
    font-size: 13px;
}

.CeldaNueva {
    width: 20%;
    text-align: left;
    float: left;
    padding-left: 4px;
    height: 25px;
    text-align: center;
    border-left: 1px solid #eeeeee;
    padding-top: 3px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 4px;
    font-weight: normal;
}

.CeldaNuevaFecha {
    width: 20%;
    text-align: left;
    float: left;
    padding-left: 4px;
    height: 25px;
    text-align: center;
    border-left: 1px solid #eeeeee;
    padding-top: 3px;
    font-size: 11px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 4px;
    font-weight: normal;
}

.ContenidoNuevo {
    height: auto;
    background-color: white;
    margin-top: 15px;
    width: 60%;
    ;
    float: left;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.CajaNuevaTit {
    color: black;
    width: 100%;
    height: 22px;
    font-weight: bold;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 4px;
}

.CajaDAtosDivi {
    float: left;
    text-align: left;
    background-color: white;
    width: 96%;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    font-size: 12px;
    background-color: #f6f6f6;
    margin-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}