.bordomedio
{
  background-color: #9f0631; 
    
}

.bordoclaro
{
    background-color: #c0073a;
}

.bordooscuro
{
    background-color: #850528;
    margin-top: 20px;
}

.amarillomedio
{
    background-color: #eb9f14;
}

.amarilloclaro
{
    background-color: #fac561;
}

.amarillooscuro
{
    background-color: #dd9713;
}

.grismedio
{
    background: #c3c3c3;
}

.grisclaro
{
    background: #d9d9d9;
    background-blend-mode: color;
    color: #A1A1A1;
}

.grisoscuro
{
    background: #a1a1a1;
}
.bg-primary
{
    background: rgb(130,130,200);
}

.col-sm-3 {
    width: 25%;
    height: 144px;
}

.amarillooscuroT
{
   color: #dd9713; 
}

.bordooscuroT
{
    color: #850528;
}

.grismedioT
{
    color: #c3c3c3;
}

.grisclaroT
{
    color: #d9d9d9;
}

.grisoscuroT
{
    color: #a1a1a1;
}

.bordomedioT
{
  color: #9f0631;   
}

.bordoclaroT
{
    color: #c0073a;
}

.amarillomedioT
{
    color: #eb9f14;
}

.amarilloclaroT
{
    color: #fac561;
}