/*Reticula 12 columnas*/

* {margin:0; padding: 0}

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

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

.col1 {width: 7%}

.col2 {width: 15.5%}

.col3 {width: 24%}

.col4 {width: 32.5%}

.col5 {width: 41%}

.col6 {width: 49.5%}

.col7 {width: 58%}

.col8 {width: 66.5%}

.col9 {width: 75%}

.col10 {width: 83.5%}

.col11 {width: 92%}

.col12 {width: 100%}

.salto {margin:0;}

hr {clear: both; height: 25px; width: 100%; border: none}

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

@media all and (max-width: 768px) {

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, col12 {width: 99%;
float: left;}

}