componentesReutilizaveis.css

/* COMPONENTES REUTILIZAVEIS */

/* 1 */
.linha {
    width: 100%;
    text-align: center;
}

/* 1 */
.linha2 {
    width: 100%;
    text-align: center;
    padding-left: 3%;
    padding-right: 3%;
}

/* 1 */
.linha3 {
    width: 100%;
    text-align: center;
    padding: 1% 5% 0 4%;
}

/* 2 */
.col {
	display: block;
	float: left;
	margin: 13% 0 0 0;
}

.col:first-child { margin-left: 0; }

/* 2 */
.col2 {
	display: block;
	float: left;
	margin: 0 0 0 0;
}

.col2:first-child { margin-left: 0; } 

/* 2 */
.col3 {
	display: block;
	float: left;
	margin: 1% 0 0 0;
}

.col3:first-child { margin-left: 0; }

/* 3 */
.span-1-of-2 {
	width: 50%;
}

/* 3 */
.span-2-of-2 {
	width: 100%;
}

/* 3 */
.span-3-of-3 {
	width: 50%;
}

/* 3 */
.span-4-of-4 {
	width: 50%;
	margin-bottom: 1%;
	padding-right: 0.5%;
}

/* 3 */
.span-4-of-5 {
	width: 50%;
	margin-bottom: 1%;
	padding-left: 0.5%;
}

/* 4 */
section {
    padding: 80px 0;
}