/*Retícula de 12 columnas */
* { margin: 0; padding: 0; }

#pagina {max-width: 1280px; margin: 0 auto;}

/*Columnas*/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {margin: 0 1% 0 0;float: left;}

.col1 {width: 7.3%}
.col2 {width: 15.6%}
.col3 {width: 24%}
.col4 {width: 32%}
.col5 {width: 40.6%}
.col6 {width: 49%}
.col7 {width: 57.3%}
.col8 {width: 65.6%}
.col9 {width: 74%}
.col10 {width: 82.3%}
.col11 {width: 90.6%}
.col12 {width: 100%}

.fila {clear: both; border: none;}

/*imagenes*/
.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
  display: block;
  width: 100%;
}

/*pantallas*/
@media all and (max-width: 800px) {
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    display: block;
    width: 99%;
  }
}

@media all and (max-width: 400px) {
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    display: block;
    width: 100%;
  }
}