.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.1%; 
}

.span_1_of_3 {
	width: 32.2%;
	bottom:0;
	margin-bottom: 0px;
	padding-bottom:10px;
	
}

.span_1_of_3_alt {
	width: 5.2%;
	padding-left:10px;
	margin-bottom: 0px;
	text-align:left;
	bottom:0;
}

.span_1_of_3_alt2 {
	width: 57.0%;
	padding-left:10px;
	margin-bottom: 0px;
	padding-top:10px;
	text-align:left;
	bottom:0;
}
.span_1_of_3_alt3 {
		width: 100%;
		background-color:#000000;
	}
.span_1_of_3_alt4 {
	width: 100%;
	margin-bottom: 0px;
	text-align:left;
	bottom:0;
	background:#000000 url(../imagens/cores.png); 
	background-position:left top; 
	background-repeat:no-repeat;
	padding: 5px 0px 5px 0px;
}

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
		padding-top:0px;
	}
	.span_1_of_3_alt {
		width: 100%;
	}
	.span_1_of_3_alt2 {
		width: 100%;
		padding-top:0px;
	}
	.span_1_of_3_alt3 {
		width: 100%;
		background-color:#000000;
	}
	.span_1_of_3_alt4 {
		width: 100%;
		background:#000000 url(../imagens/cores.png); 
	    background-position:left top; 
	    background-repeat: repeat-x;
		padding: 30px 0px 5px 0px;
	}
}