﻿

    .grafico_por_volumen div {
        float: left;
        margin: 0px;
        padding: 0px;
        border: 0px none;
    }


        .grafico_por_volumen div:nth-child(1) {
            
        }

        /*.grafico_por_volumen.rows-3 div:nth-child(2), .grafico_por_volumen.rows-3 div:nth-child(3), .grafico_por_volumen.rows-3 div:nth-child(4) {
            height: 50%;
        }

        .grafico_por_volumen.rows-3 div:nth-child(5), .grafico_por_volumen.rows-3 div:nth-child(6), .grafico_por_volumen.rows-3 div:nth-child(7), .grafico_por_volumen.rows-3 div:nth-child(8) {
            height: 30%;
        }

        .grafico_por_volumen.rows-3 div:nth-child(9), .grafico_por_volumen.rows-3 div:nth-child(10), .grafico_por_volumen.rows-3 div:nth-child(11) {
            height: 20%;
        }



        .grafico_por_volumen.rows-2 div:nth-child(2), .grafico_por_volumen.rows-2 div:nth-child(3), .grafico_por_volumen.rows-2 div:nth-child(4) {
            height: 65%;
        }

        .grafico_por_volumen.rows-2 div:nth-child(5), .grafico_por_volumen.rows-2 div:nth-child(6), .grafico_por_volumen.rows-2 div:nth-child(7), .grafico_por_volumen.rows-2 div:nth-child(8) {
            height: 35%;
        }



         .grafico_por_volumen.rows-1 div:nth-child(2), .grafico_por_volumen.rows-1 div:nth-child(3), .grafico_por_volumen.rows-1 div:nth-child(4),  .grafico_por_volumen.rows-1 div:nth-child(5) {
            height: 100%;
        }*/


    .grafico_por_volumen .v--4 {
        background-color: #c00;
        background: -webkit-linear-gradient(#c00, #901e1a);
        background: -o-linear-gradient(#c00, #901e1a);
        background: -moz-linear-gradient(#c00, #901e1a);
        background: linear-gradient(#c00, #901e1a);
    }

    .grafico_por_volumen .v--3 {
        background-color: #a00;
        background: -webkit-linear-gradient(#a00, #7a1819);
        background: -o-linear-gradient(#a00, #7a1819);
        background: -moz-linear-gradient(#a00, #7a1819);
        background: linear-gradient(#a00, #7a1819);
    }

    .grafico_por_volumen .v--2 {
        background-color: #800;
        background: -webkit-linear-gradient(#800, #611515);
        background: -o-linear-gradient(#800, #611515);
        background: -moz-linear-gradient(#800, #611515);
        background: linear-gradient(#800, #611515);
    }

    .grafico_por_volumen .v--1 {
        background-color: #500;
        background: -webkit-linear-gradient(#500, #350000);
        background: -o-linear-gradient(#500, #350000);
        background: -moz-linear-gradient(#500, #350000);
        background: linear-gradient(#500, #350000);
    }

    .grafico_por_volumen .v0 {
        background-color: #000;
    }

    .grafico_por_volumen .v-0 {
        background-color: #050;
        background: -webkit-linear-gradient(#050, #00411e);
        background: -o-linear-gradient(#050, #00411e);
        background: -moz-linear-gradient(#050, #00411e);
        background: linear-gradient(#050, #00411e);
    }

    .grafico_por_volumen .v-1 {
        background-color: #080;
        background: -webkit-linear-gradient(#080, #1a7137);
        background: -o-linear-gradient(#080, #1a7137);
        background: -moz-linear-gradient(#080, #1a7137);
        background: linear-gradient(#080, #1a7137);
    }

    .grafico_por_volumen .v-2 {
        background-color: #0a0;
        background: -webkit-linear-gradient(#0a0, #28853c);
        background: -o-linear-gradient(#0a0, #28853c);
        background: -moz-linear-gradient(#0a0, #28853c);
        background: linear-gradient(#0a0, #28853c);
    }

    .grafico_por_volumen .v-3 {
        background-color: #0b0;
        background: -webkit-linear-gradient(#0b0, #35a246);
        background: -o-linear-gradient(#0b0, #35a246);
        background: -moz-linear-gradient(#0b0, #35a246);
        background: linear-gradient(#0b0, #35a246);
    }

    .grafico_por_volumen div a {
        margin: auto;
        text-align: center;
        color: #eee;
        width: 100%;
        height: 100%;
        border: 1px solid #eee;
        display: table;
    }

        .grafico_por_volumen div a:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

        .grafico_por_volumen div a span {
            display: table-cell;
            vertical-align: middle;
        }
