/* ---------------------------------------------
* lc-css-framework-20-coll.css
*
* Esta folha de estilo configura um grid 
* com 20 colunas. Por default, o grid é 
* Fullscreen, com 20 colunas, com espaço 
* de 10% de margin entre colunas. 
* 
* @project   Risk Monitor
* @version   1.0
* @author    Bruna Fava
* @copyright LinearCode Sistemas
* @date      22/11/2011
*
* @colordef  #fff; padrão branco
* @colordef  #bbb; cinza médio
--------------------------------------------- */

body { min-width:100%; } /* Body FullScreen */

.cell_20 { margin: 0 auto; width:100%; } /* agrupa todas suas colunas */

.coll_1, .coll_2, .coll_3, .coll_4, .coll_5, .coll_6, .coll_7, .coll_8, .coll_9, .coll_10,
.coll_11, .coll_12, .coll_13, .coll_14, .coll_15, .coll_16, .coll_17, .coll_18, .coll_19, .coll_20
{ display:inline; float:right; margin-right:0.5%; margin-left:0.5%; } /* colunas globais, espaço de 10% entre colunas */

.add_1, .remov_1, .add_2, .remov_2, .add_3, .remov_3, .add_4, .remov_4, .add_5, .remov_5,
.add_6, .remov_6, .add_7, .remov_7, .add_8, .remov_8, .add_9, .remov_9, .add_10, .remov_10,
.add_11, .remov_11, .add_12, .remov_12, .add_13, .remov_13, .add_14, .remov_14, .add_15, .remov_15,
.add_16, .remov_16, .add_17, .remov_17, .add_18, .remov_18, .add_19, .remov_19, .add_20, .remov_20
{ position:relative; } 


/* Coluna - Filha: divide em duas colunas (Front ~ Primeira, After ~ Após) */
.front { margin-right:0; }
.after { margin-left:0; } 


/* Celulas e colunas */
.cell_20 .coll_1 { width:4%; }
.cell_20 .coll_2 { width:9%; }
.cell_20 .coll_3 { width:14%; }
.cell_20 .coll_4 { width:19%; }
.cell_20 .coll_5 { width:24%; }
.cell_20 .coll_6 { width:29%;
	height: 70px;
}
.cell_20 .coll_7 { width:34%; }
.cell_20 .coll_8 { width:39%; }
.cell_20 .coll_9 { width:44%; }
.cell_20 .coll_10 { width:49%; }
.cell_20 .coll_11 { width:54%; }
.cell_20 .coll_12 { width:59%; }
.cell_20 .coll_13 { width:64%; }
.cell_20 .coll_14 { width:69%; }
.cell_20 .coll_15 { width:74%; }
.cell_20 .coll_16 { width:79%; }
.cell_20 .coll_17 { width:84%; }
.cell_20 .coll_18 { width:89%; }
.cell_20 .coll_19 { width:94%; }
.cell_20 .coll_20 { width:99%; }


/* Prefixo espaço extra entre colunas*/
.cell_20 .prefix_1 { padding-right:5%; }
.cell_20 .prefix_2 { padding-right:10%; }
.cell_20 .prefix_3 { padding-right:15%; }
.cell_20 .prefix_4 { padding-right:20%; }
.cell_20 .prefix_5 { padding-right:25%; }
.cell_20 .prefix_6 { padding-right:30%; }
.cell_20 .prefix_7 { padding-right:35%; }
.cell_20 .prefix_8 { padding-right:40%; }
.cell_20 .prefix_9 { padding-right:45%; }
.cell_20 .prefix_10 { padding-right:50%; }
.cell_20 .prefix_11 { padding-right:55%; }
.cell_20 .prefix_12 { padding-right:60%; }
.cell_20 .prefix_13 { padding-right:65%; }
.cell_20 .prefix_14 { padding-right:70%; }
.cell_20 .prefix_15 { padding-right:75%; }
.cell_20 .prefix_16 { padding-right:80%; }
.cell_20 .prefix_17 { padding-right:85%; }
.cell_20 .prefix_18 { padding-right:90%; }
.cell_20 .prefix_19 { padding-right:95%; }


/* Sufixo espaço extra entre colunas*/ 
.cell_20 .suffix_1 { padding-left:5%; }
.cell_20 .suffix_2 { padding-left:10%; }
.cell_20 .suffix_3 { padding-left:15%; }
.cell_20 .suffix_4 { padding-left:20%; }
.cell_20 .suffix_5 { padding-left:25%; }
.cell_20 .suffix_6 { padding-left:30%; }
.cell_20 .suffix_7 { padding-left:35%; }
.cell_20 .suffix_8 { padding-left:40%; }
.cell_20 .suffix_9 { padding-left:45%; }
.cell_20 .suffix_10 { padding-left:50%; }
.cell_20 .suffix_11 { padding-left:55%; }
.cell_20 .suffix_12 { padding-left:60%; }
.cell_20 .suffix_13 { padding-left:65%; }
.cell_20 .suffix_14 { padding-left:70%; }
.cell_20 .suffix_15 { padding-left:75%; }
.cell_20 .suffix_16 { padding-left:80%; }
.cell_20 .suffix_17 { padding-left:85%; }
.cell_20 .suffix_18 { padding-left:90%; }
.cell_20 .suffix_19 { padding-left:95%; }


/* Adicionar espaço entre colunas */ 
.cell_20 .add_1 { right:5%; }
.cell_20 .add_2 { right:10%; }
.cell_20 .add_3 { right:15%; }
.cell_20 .add_4 { right:20%; }
.cell_20 .add_5 { right:25%; }
.cell_20 .add_6 { right:30%; }
.cell_20 .add_7 { right:35%; }
.cell_20 .add_8 { right:40%; }
.cell_20 .add_9 { right:45%; }
.cell_20 .add_10 { right:50%; }
.cell_20 .add_11 { right:55%; }
.cell_20 .add_12 { right:60%; }
.cell_20 .add_13 { right:65%; }
.cell_20 .add_14 { right:70%; }
.cell_20 .add_15 { right:75%; }
.cell_20 .add_16 { right:80%; }
.cell_20 .add_17 { right:85%; }
.cell_20 .add_18 { right:90%; }
.cell_20 .add_19 { right:95%; }


/* Remover espaço entre colunas */  
.cell_20 .remov_1 { right:-5%; }
.cell_20 .remov_2 { right:-10%; }
.cell_20 .remov_3 { right:-15%; }
.cell_20 .remov_4 { right:-20%; }
.cell_20 .remov_5 { right:-25%; }
.cell_20 .remov_6 { right:-30%; }
.cell_20 .remov_7 { right:-35%; }
.cell_20 .remov_8 { right:-40%; }
.cell_20 .remov_9 { right:-45%; }
.cell_20 .remov_10 { right:-50%; }
.cell_20 .remov_11 { right:-55%; }
.cell_20 .remov_12 { right:-60%; }
.cell_20 .remov_13 { right:-65%; }
.cell_20 .remov_14 { right:-70%; }
.cell_20 .remov_15 { right:-75%; }
.cell_20 .remov_16 { right:-80%; }
.cell_20 .remov_17 { right:-85%; }
.cell_20 .remov_18 { right:-90%; }
.cell_20 .remov_19 { right:-95%; }


/* Limpar elementos (float) ----------------------------------------------------------------------------------------------------*/
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.clearfix:before, .clearfix:after, .cell_20:before, .cell_20:after 
{ content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0; }

.clearfix:after, .cell_20:after 
{ clear:both; }

.clearfix, .cell_20 /* Zoom de 1 para o IE6 + IE7. Movimento para separar o 'stylesheet' inválida no CSS, que é um problema. */
{ zoom:1; }