/* ==========================================================================
Estrutura grade
========================================================================== */
/* Conteúdos
----------------------------------------------------------------------------------------------------*/
.conteudo {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}



/* grade >> Global
----------------------------------------------------------------------------------------------------*/
/* Linha */
.linha {
	width: 1200px;
	max-width: 100%;
	min-width: 768px;
	margin: 0 auto;
}
.linha .linha {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -15px;
}
.linha.collapse .coluna, .linha.collapse .colunas { padding: 0; }
.linha .linha.collapse { margin: 0; }

/* Coluna */
.coluna, .colunas {
	float: left;
	min-height: 1px;
	padding: 0 15px;
	position: relative;
	margin-bottom: 20px;
}
.coluna.centralizado, .colunas.centralizado {
	float: none;
	margin: 0 auto;
}

.coluna.esquerda, .colunas.esquerda { float: left; }
.coluna.direita, .colunas.direita { float: right; }

[class*="coluna"] + [class*="coluna"]:last-child { float: right; }
[class*="coluna"] + [class*="coluna"].final { float: left; }

.linha .um { width: 8.333%; }
.linha .dois { width: 16.667%; }
.linha .tres { width: 25%; }
.linha .quatro { width: 33.333%; }
.linha .cinco { width: 41.667%; }
.linha .seis { width: 50%; }
.linha .sete { width: 58.333%; }
.linha .oito { width: 66.667%; }
.linha .nove { width: 75%; }
.linha .dez { width: 83.333%; }
.linha .onze { width: 91.667%; }
.linha .doze { width: 100%; }

.linha { *zoom: 1; }
.linha:before, .linha:after {
	content: "";
	display: table;
}
.linha:after { clear: both; }



/* grade >> Blocos
----------------------------------------------------------------------------------------------------*/
.bloco-grade {
	display: block;
	overflow: hidden;
	padding: 0;
}
.bloco-grade > li {
	display: block;
	height: auto;
	float: left;
}

.bloco-grade.um-acima { margin: 0; }
.bloco-grade.um-acima > li {
	width: 100%;
	padding: 0 0 15px;
}

.bloco-grade.dois-acima { margin: 0 -15px; }
.bloco-grade.dois-acima > li {
	width: 50%;
	padding: 0 15px 15px;
}

.bloco-grade.tres-acima { margin: 0 -12px; }
.bloco-grade.tres-acima > li {
	width: 33.33%;
	padding: 0 12px 12px;
}

.bloco-grade.quatro-acima { margin: 0 -10px; }
.bloco-grade.quatro-acima > li {
	width: 25%;
	padding: 0 10px 10px;
}

.bloco-grade.cinco-acima { margin: 0; }
.bloco-grade.cinco-acima > li {
	width: 20%;
	padding: 0;
	margin:0 0 -5px 0;
}



/* Limpar Elementos Flutuantes
----------------------------------------------------------------------------------------------------*/
.limpar {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.corrigir:before,
.corrigir:after,
.conteudo:before,
.conteudo:after {
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.corrigir:after,
.conteudo:after {
  clear: both;
}

/*
 O zoom seguinte: 1 regra é especificamente para IE6 + IE7.
 Mover para separar estilo se inválido CSS é um problema.
*/

.corrigir,
.conteudo {
  zoom: 1;
}