.meses{
    width:100%;
    height: 100%;
    margin-left:10px;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:16px;

}
.barra{
    margin: 0 2px;
    vertical-align: bottom;
    display: inline-block;
    padding:5px;
    text-align:center;

}

.mes1{
    color:#FFF;
    padding: 5px;
    background-color: #009933; 
}
.mes2{ background-color: #0000FF; 
       color:#FFF;
    padding: 5px;
}
.mes3{ background-color: #FF6600;
       color:#FFF;
    padding: 5px;
}
.mes4{ background-color: #FF0000;
    color:#FFF;
    padding: 5px;
}

.mes5{ background-color: #382063;
    color:#FFF;
    padding: 5px;
}

.mes6{ background-color: #FF0000;
    color:#FFF;
    padding: 5px;
}


.mes7{ background-color: #ee3148;
    color:#FFF;
    padding: 5px;
}

.mes8{ background-color: #aa4e01;
    color:#FFF;
    padding: 5px;
}
.mes9{ background-color: #aa4e01;
    color:#FFF;
    padding: 5px;
}

.mes10{ background-color: #aa4e01;
    color:#FFF;
    padding: 5px;
}

.mes11{ background-color: #aa4e01;
    color:#FFF;
    padding: 5px;
}

.mes12{ background-color: #aa4e01;
    color:#FFF;
    padding: 5px;
}