/* =COLUNAS coluna um e dois */
#um {float:left; width:33.0%}
#dois {float:right; width:66.0%}
/* =============== */

/* =BOXES os 3  boxes verde, amarelo e azul */
 #web-standards .descricao, #programacao .descricao, #design .descricao {min-height:180px;} 

#design, #programacao { 
	float:left; 
	width:49.3%;
	display:inline;
		}
#programacao { /* box azul */
	float:right; 
		}
#web-standards { /* box verde */ 
	background: url('../imagens/web-standards-inf-dir.jpg') no-repeat right bottom;
		}
#web-standards .titulo{ 
	background: url('../imagens/web-standards-sup-dir.jpg') no-repeat right top;
		}
#web-standards .titulo h2 { 
	background: url('../imagens/web-standards-sup-esq.jpg') no-repeat left top;
		}
#web-standards .descricao { 
	background: url('../imagens/web-standards-inf-esq.jpg') no-repeat left bottom;
		}
#web-standards .descricao {
	padding: 0 25px 25px;
	}
#design { 
	background: url('../imagens/design-inf-dir.jpg') no-repeat right bottom;
		}
#design .titulo{ 
	background: url('../imagens/design-sup-dir.jpg') no-repeat right top;
		}
#design .titulo h2 { 
	background: url('../imagens/design-sup-esq.jpg') no-repeat left top;
		}
#design .descricao { 
	background: url('../imagens/design-inf-esq.jpg') no-repeat left bottom;
		}
#design .descricao {
	padding: 0 25px 25px;
	}
#programacao { 
	background: url('../imagens/programacao-inf-dir.jpg') no-repeat right bottom;
		}
#programacao .titulo{ 
	background: url('../imagens/programacao-sup-dir.jpg') no-repeat right top;
		}
#programacao .titulo h2 {
	background: url('../imagens/programacao-sup-esq.jpg') no-repeat left top;
		}
#programacao .descricao { 
	background: url('../imagens/programacao-inf-esq.jpg') no-repeat left bottom;
		}
.titulo h2 {
	font-size:1.4em;
	text-indent:3.0em;
	color:#fff;
	padding: 15px 20px 45px;
	}
#programacao .descricao {
	padding: 0 25px 25px;
	}
/* =============== */