@charset "iso-8859-1";
/* CSS Document */

/* DESKTOPS maiores */
@media (min-width: 980px) {
	body {
		padding-top: 50px;
		padding-bottom: 20px;
	}

	legend {
		font-size: 26px;
	}
	
	span {
		font-size: 24px;
	}
	
	.celula-extra {
		width: 14%;
		float: left;
		padding-right: 12px;
		padding-bottom: 8px;
	}
	
	.celula {
		width: 25%;
		float: left;
		padding-right: 12px;
		padding-bottom: 8px;
	}
}

/* TABLETS */
@media (min-width: 481px) and (max-width: 979px) {
	body {
		padding-top: 50px;
		padding-bottom: 15px;
	}
	
	legend {
		font-size: 24px;
	}
	
	span {
		font-size: 22px;
	}
	
	.celula-extra {
		width: 24%;
		float: left;
		padding-right: 12px;
		padding-bottom: 8px;
	}
	
	.celula {
		width: 50%;
		float: left;
		padding-right: 12px;
		padding-bottom: 8px;
	}
	
	.rodape {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* PHONES */
@media (max-width: 480px) {
	body {
		padding-top: 20px;
	}
	
	legend {
		font-size: 22px;
	}
	
	span {
		font-size: 20px;
	}
	
	.celula-extra {
		width: 50%;
		float: left;
		padding-bottom: 8px;
	}
	
	.celula {
		width: 100%;
		float: left;
		padding-bottom: 8px;
	}
	
	.rodape {
		padding-left: 10px;
		padding-right: 10px;
	}
}