@charset "UTF-8";

a:link,
a:visited,
a:active {
    text-decoration: none;
    color: black;
}

a:hover {
    color: #8cbc00 !important;
}

body {
    font-family: Helvetica;
    font-size: 11pt;
    width: 100%;
    margin: 0px auto;
    min-width: 300px;
    text-align: center;
}

.form-group input::placeholder{
    color: #c3c3c3;    
}

.content {
    width: 90%;
    margin: 30px auto 0px auto;
    max-width: 1100px;
    min-width: 300px;
}

#header-aura {
    width: 100%;
    margin: 0px auto;
    height: 100px;
    display: table;
    font-size: 12pt;
}

.header-logo-aura {
    display: table-cell;
    width: 30%;
    margin: 0px auto;
    text-align: left;
}

.header-logo-aura img{
    cursor: pointer;
}

.header-ligas {
    display: table-cell;
    width: 50%;
    margin: 0px auto;
    vertical-align: middle;
}

.header-ligas span {
    margin: 0px 10px;
}

#header-idioma {
    display: table-cell;
    width: 10%;
    margin: 0px auto;
    vertical-align: middle;
}

#aLink{  
    margin: 0 10px;
}

.header-option-now {
    text-decoration: underline;
    color: #8cbc00;
}

.linea-gris-separator {
    background: #e2e2e2;
    height: 1px;
    width: 100%;
}

#description {
    width: 95%;
    margin: 10px auto;
    font-family: Century Gothic;
}

.font-century {
    font-family: Century Gothic !important;
}

.description-title {
    width: 95%;
    margin: 0px auto;
    color: #8cbc00;
    font-family: Helvetica;
}

.description-text {
    width: 100%;
    margin: 0px auto;
    color: black;
}

#list {
    width: 80%;
    margin: 40px auto 20px auto;
}

.list-title {
    width: 80%;
    margin: 0px auto;
    color: black;
}

.list-abc {
    margin: 0px auto;
    width: 80%;
    color: #8cbc00;
}

.list-abc div {
    display: inline-block;
    width: 2%;
    margin: 0px 5px;
    cursor: pointer;
}

.letter-selected {
    width: 90%;
    margin: 0px auto;
    text-align: left;
}

#table-revistas {
    width: 90%;
    margin: 25px auto;
    text-align: left;
    min-width: 300px;
    overflow-x: auto;
}

table {
    font-size: 10pt;
}

.table-header {
    background: white;
    color: #8cbc00;
    font-size: 10pt;
}

.table-header th {
    padding: 3px;
}

td {
    padding: 3px;
    border-bottom: 1px solid #f1f1f1;
}

tr {
    border-bottom: 1px solid #000;
}

.tr-border {
    border-bottom: 1pt solid #e2e2e2;
}

.th-td-revista {
    width: 300px;
}

.th-td-color {
    width: 41px
}

.th-td-licencia {
    width: 120px;
}

.th-td-acceso {
    width: 54px;
}

.th-td-autoarchivo {
    width: 84px;
}

.th-td-versiones {
    width: 170px;
}

.punto {
    width: 15px;
    height: 15px;
    border: 1px solid #e2e2e2;
    border-radius: 15px;
    margin: 0px auto;
}

.text-center {
    text-align: center !important;
}

.pazul {
    background: #29abe2;
}

.pamar {
    background: #fcee21;
}

.pverde {
    background: #39b54a;
}

.pblanco {
    background: white;
}

.text-bold {
    font-weight: bold;
}

.colorblack {
    color: black;
}

#accesos {
    width: 90%;
    margin: 40px auto;
    background: #efefef;
    display: block;
    font-family: Century Gothic;
    text-align: center;
    font-size: 9pt;
    border-radius: 56px;
}

#accesos div {
    display: inline-table;
    /* vertical-align: middle; */
    width: 18%;
    margin: 10px auto;
}

#accesos p {
    max-width: 0px auto;
}

#propuestas {
    width: 80%;
    margin: 50px auto;
    text-align: center;
}

.propuestas-content {
    width: 100%;
    margin: 5px auto;
    text-align: center;
    display: table;
}

.propuestas-title {
    width: 80%;
    margin: 0px auto;
    color: black;
    display: block !important;
}

.propuestas-logos {
    width: 20%;
    margin: 0px auto;
    display: table-cell;
    vertical-align: middle;
}

#propuestas img {
    width: 120px;
    height: auto;
    max-height: 50px;
}

.declaracion-img {
    width: 50px !important;
    height: 50px !important;
}

#pie-footer {
    height: 183px;
}

.acerca-de-div {
    width: 80%;
    margin: 0px auto;
    overflow-x: auto;
    min-width: 300px;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
}

.acerca-de-div p {
    margin: 0px auto;
}

.acerca-de-table {
    border: 1px solid #f1f1f1;
}

.acerca-de-td {
    border-bottom: 0px !important;
}

.acerca-de-td-boder {
    border-left: 1px solid #f1f1f1;
}

@media screen and (max-width: 772px) and (min-width: 481px) {
    #pie-footer {
        height: 201px;
    }

    #header-aura {
        height: auto;
        display: block;
    }

    .header-logo-aura {
        display: block;
        width: 80%;
        text-align: center;
    }

    .header-logo-aura img {
        width: 101px;
    }

    .header-ligas {
        display: block;
        width: 80%;
        margin: 20px auto;
    }
}

@media screen and (max-width: 640px) and (min-width: 481px) {
    #pie-footer {
        height: 204px;
    }

    .propuestas-content {
        width: 100%;
        display: block;
    }

    .propuestas-logos {
        width: auto;
        margin: 15px 25px;
        display: inline-block;
        /* vertical-align: middle; */
    }
}

@media screen and (max-width: 480px) and (min-width: 300px) {
    #pie-footer {
        height: 296px;
    }

    #header-aura {
        height: auto;
        display: block;
    }

    .header-logo-aura {
        display: block;
        width: 80%;
        text-align: center;
    }

    .header-logo-aura img {
        width: 101px;
    }

    .header-ligas {
        display: block;
        width: 80%;
        margin: 20px auto;
        font-size: 10pt;
    }

    .description-text {
        font-size: 10pt;
    }

    .propuestas-content {
        width: 100%;
        display: block;
    }

    .propuestas-logos {
        width: auto;
        margin: 15px 25px;
        display: inline-block;
        /* vertical-align: middle; */
    }
}

/*graficas*/
#titulo-estadistica{
                font-size: 14pt;
                font-weight: bold;
                margin: 30px;
            }
            #graficas{
                /*border: solid 1px;*/
                width: 90%;
                margin: auto;
            }
            .contenedorGrafica{
                display: flex;
                margin: 0 auto;
                /*border: solid yellow;*/
                width: 80%;
                justify-content: space-around;
                flex-wrap: wrap;
                box-shadow: 0 2px 0px 0 rgba(0,0,0,0.2);
                border-radius: 5px;
                margin-bottom: 30px;
            }
            .grafica{
                width: 60%;
                height: 400px;
                display: flex;
                justify-content: flex-end;
                /*border: solid red 1px;*/
            }
            .tabla{
                width: 40%;
                height: 350px;
                margin-top: 50px;
                /*border: solid blue 1px;*/
            }

            .table_sort_div{
                height: 250px;
                width: 260px;
            }

            .chart_Container{
                height: 400px; 
                width: 600px;
                /*border: solid green 1px;*/
            }

            .titulo-grafica{
                width: 100%;
                font-weight: bold;
                font-family: Helvetica;
                color:#808080;
            }

            .numero-registros{
                color: #8cbc00;
            }
            .texto-regitros{
                color: #8cbc00;
            }

            .backgroundCell{
                background-color: #808080;
                color: white;
                background-attachment: fixed!important;
                border: 1px, solid, #808080;
            }
            .beige-background{
                background: #f7f7f7;
            }
            .google-visualization-table-table{
                width: 100%;
                height: 100%;
            }
            .gradient{
                background-image: none!important;
            }

            @media screen and (max-width: 480px) {
                .tabla{
                    width: 100%;
                    height: 350px;
                    margin-top: 0px;
                }
                .grafica{
                    width: 100%;
                    height: 400px;
                    display: flex;
                    justify-content: center;
                }
                .contenedorGrafica{
                    width: 80%;
                    justify-content: center;
                    flex-wrap: wrap
                }
            }

            @media screen and (max-width: 870px) {
                .tabla{
                    width: 100%;
                    height: 350px;
                    margin-top: 0px;
                    display: flex;
                    justify-content: center;
                }
                .grafica{
                    width: 100%;
                    height: 400px;
                    display: flex;
                    justify-content: center;
                }
                .contenedorGrafica{
                    width: 80%;
                    justify-content: center;
                    flex-wrap: wrap
                }
            }