*{
    box-sizing: border-box;
}
#principal {
    width: 1140px;
    margin: auto;
}
img {
    max-width: 100%;
}
.fila {
    display: flex;
    flex-wrap: wrap;
}
.columna{
    padding: 0 10px;
}
.doce{
    width: 100%;
}
.once{
    width: 91.6667%;
}
.diez{
    width: 83.3333%;
}
.nueve{
    width: 75%;
}
.ocho{
    width: 66.6667%;
}
.siete{
    width: 58.3333%;
}
.seis{
    width: 50%;
}
.cinco{
    width: 41.6667%;
}
.cuatro{
    width: 33.3333%;
}
.tres{
    width: 25%;
}
.quinto{
    width: 20%;
}
.dos{
    width: 16.6667%;
}
.uno{
    width: 8.3333%;
}
.centrado{
    justify-content: center;
}
.espaciado{
    justify-content: space-around;
}
.derecha{
    justify-content: flex-end;
}