/* GRID */
/* ----------------------------------------- */
.grid-12, .grid-16, .grid-24{
	width: 960px;
	margin-left: auto;
	margin-right:auto;
}
.coluna{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/*Padrão + 12 COLUNAS*/
.grid-12 .tamanho1{width: 60px;}
.grid-12 .tamanho2{width: 140px;}
.grid-12 .tamanho3{width: 220px;}
.grid-12 .tamanho4{width: 300px;}
.grid-12 .tamanho5{width: 380px;}
.grid-12 .tamanho6{width: 460px;}
.grid-12 .tamanho7{width: 540px;}
.grid-12 .tamanho8{width: 620px;}
.grid-12 .tamanho9{width: 700px;}
.grid-12 .tamanho10{width: 780px;}
.grid-12 .tamanho11{width: 860px;}
.grid-12 .tamanho12{width: 940px;}

/*16 COLUNAS*/
.grid-16 .tamanho1{width: 40px;}
.grid-16 .tamanho2{width: 100px;}
.grid-16 .tamanho3{width: 160px;}
.grid-16 .tamanho4{width: 220px;}
.grid-16 .tamanho5{width: 280px;}
.grid-16 .tamanho6{width: 340px;}
.grid-16 .tamanho7{width: 400px;}
.grid-16 .tamanho8{width: 460px;}
.grid-16 .tamanho9{width: 520px;}
.grid-16 .tamanho10{width: 580px;}
.grid-16 .tamanho11{width: 640px;}
.grid-16 .tamanho12{width: 700px;}
.grid-16 .tamanho13{width: 760px;}
.grid-16 .tamanho14{width: 820px;}
.grid-16 .tamanho15{width: 880px;}
.grid-16 .tamanho16{width: 940px;}

/*24 COLUNAS*/
.grid-24 .coluna{margin: 10px 5px;}
.grid-24 .tamanho1{width: 30px;}
.grid-24 .tamanho2{width: 70px;}
.grid-24 .tamanho3{width: 110px;}
.grid-24 .tamanho4{width: 150px;}
.grid-24 .tamanho5{width: 190px;}
.grid-24 .tamanho6{width: 230px;}
.grid-24 .tamanho7{width: 270px;}
.grid-24 .tamanho8{width: 310px;}
.grid-24 .tamanho9{width: 350px;}
.grid-24 .tamanho10{width: 390px;}
.grid-24 .tamanho11{width: 430px;}
.grid-24 .tamanho12{width: 470px;}
.grid-24 .tamanho13{width: 510px;}
.grid-24 .tamanho14{width: 550px;}
.grid-24 .tamanho15{width: 590px;}
.grid-24 .tamanho16{width: 630px;}
.grid-24 .tamanho17{width: 670px;}
.grid-24 .tamanho18{width: 710px;}
.grid-24 .tamanho19{width: 750px;}
.grid-24 .tamanho20{width: 790px;}
.grid-24 .tamanho21{width: 830px;}
.grid-24 .tamanho22{width: 870px;}
.grid-24 .tamanho23{width: 910px;}
.grid-24 .tamanho24{width: 950px;}

.grid-12 .primeiro, .grid-16 .primeiro, .grid-24 .primeiro{margin-left: 0;}
.grid-12 .ultimo, .grid-16 .ultimo, .grid-24 .ultimo{margin-right: 0;}
.grid-12 .nenhum, .grid-16 .nenhum, .grid-24 .nenhum{margin-left: 0; margin-right: 0;}

/*HELPERS*/
.esquerda5{padding-left: 5px;}
.esquerda10{padding-left: 10px;}
.esquerda15{padding-left: 15px;}
.esquerda20{padding-left: 20px;}

.direita5{padding-right: 5px;}
.direita10{padding-right: 10px;}
.direita15{padding-right: 15px;}
.direita20{padding-right: 20px;}