/*
*   UTUQU - CUADRICULA
*************************************************/

.fila {
  max-width: 1200px;
  margin: 0 auto;
  clear: both;
}

.fila:after {
  content: "";
  display: table;
  clear: both;
}

[class*='peque-'],
[class*='medio-'],
[class*='grande-'] {
  float: left;
  padding: 1rem;
}

.peque-1        { width: 8.33%; }
.peque-2        { width: 16.66%; }
.peque-3        { width: 25%; }
.peque-4        { width: 33.33%; }
.peque-5        { width: 41.66%; }
.peque-6        { width: 50%; }
.peque-7        { width: 58.33%; }
.peque-8        { width: 66.66%; }
.peque-9        { width: 75%; }
.peque-10       { width: 83.33%; }
.peque-11       { width: 91.66%; }
.peque-12       { width: 100%; }

[class*='medio-'],
[class*='grande-'] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  .medio-1        { width: 8.33%; }
  .medio-2        { width: 16.66%; }
  .medio-3        { width: 25%; }
  .medio-4        { width: 33.33%; }
  .medio-5        { width: 41.66%; }
  .medio-6        { width: 50%; }
  .medio-7        { width: 58.33%; }
  .medio-8        { width: 66.66%; }
  .medio-9        { width: 75%; }
  .medio-10       { width: 83.33%; }
  .medio-11       { width: 91.66%; }
  .medio-12       { width: 100%; }
}

@media only screen and (min-width: 1200px) {
  .grande-1        { width: 8.33%; }
  .grande-2        { width: 16.66%; }
  .grande-3        { width: 25%; }
  .grande-4        { width: 33.33%; }
  .grande-5        { width: 41.66%; }
  .grande-6        { width: 50%; }
  .grande-7        { width: 58.33%; }
  .grande-8        { width: 66.66%; }
  .grande-9        { width: 75%; }
  .grande-10       { width: 83.33%; }
  .grande-11       { width: 91.66%; }
  .grande-12       { width: 100%; }
}

.sin-medianil > [class*='peque-'],
.sin-medianil > [class*='medio-'],
.sin-medianil > [class*='grande-'] {
  padding: 0;
}

.fila .fila.sin-medianil {
  padding: 0 1rem;
}

[class*='peque-'] .fila.sin-medianil,
[class*='medio-'] .fila.sin-medianil,
[class*='grande-'] .fila.sin-medianil {
  padding: 0;
}

.auto-cuartos .auto-item {
  float: left;
  padding: 1rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .auto-cuartos .auto-item { width: 50%; }
}

.auto-tercios .auto-item {
  float: left;
  padding: 1rem;
  width: 50%;
}
@media (min-width: 600px) {
  .auto-tercios .auto-item { width: 33.33%; }
}

.alturas-iguales {
  display: table;
}

.iguala {
  float: none;
  display: table-cell;
}
@media (max-width: 600px) {
  .iguala {
    float: left;
    display: block;
    border: none;
    padding: 1rem 0;
  }
}

.columna-centrada
{
  float: none;
  margin: 0 auto;
}