@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed|Roboto|Roboto+Condensed');

/* Boxes */
section#boxes {
	width: 980px;
}
div#box-dedetizacao {
	float: left;
	width: 245px;
	height: 200px;
	background: url("../_imagens/bg-desinsetizacao.png");
}
div#box-desratizacao {
	float: left;
	width: 245px;
	height: 200px;
	background: url("../_imagens/bg-desratizacao.png");
}
div#box-mosquitos {
	float: left;
	width: 245px;
	height: 200px;
	background: url("../_imagens/bg-mosquito.png");
}
div#box-reservatorios {
	float: left;
	width: 245px;
	height: 200px;
	background: url("../_imagens/bg-caixadagua.png");
}
section#boxes h1 {
	font-family: "Roboto Condensed"; sans-serif;
	color: #ffffff;
	font-size: 18pt;
	padding: 15px;
	margin: -7px 0px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
section#boxes p {
	font-family: "Roboto"; sans-serif;
	text-align: justify;
	color: #ffffff;
	font-size: 10pt;
	padding: 15px;
	margin-top: -27px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

/* Colunas */
section#porque {
	width: 980px;
}
section#porque h1 {
	clear: both;
	font-family:"Roboto Condensed", sans-serif;
	font-size: 24pt;
	color: #005871;
	margin: 15px 20px;
	padding: 10px 0px;
	border-bottom: 2px solid #005871;
}
div#experiencia {
	float: left;
	width: 300px;
	margin: 5px 10px 10px 20px;
}
div#compromisso {
	float:left;
	width: 300px;
	margin: 5px 10px 10px 10px;
}
div#ecologia {
	float: left;
	width: 300px;
	margin: 5px 20px 10px 10px;
}
div#orcamento {
	clear: both;
	float: left;
	width: 300px;
	margin: 5px 10px 15px 20px;
}
div#agilidade {
	float:left;
	width: 300px;
	margin: 5px 10px 15px 10px;
}
div#garantia {
	float: left;
	width: 300px;
	margin: 5px 20px 15px 10px;
}
article.col-verde h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18pt;
	color: #ffffff;
	background-color: #60ad4e;
	padding: 5px 15px;
	margin: 0px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
article.col-verde p {
	font-family: "Roboto", sans-serif;
	font-size: 10pt;
	text-align: justify;
	color: #000000;
	padding: 5px;
	margin: 0px 10px;
}
article.col-verdeazulado h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18pt;
	color: #ffffff;
	background-color: #128a65;
	padding: 5px 15px;
	margin: 0px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
article.col-verdeazulado p {
	font-family: "Roboto", sans-serif;
	font-size: 10pt;
	text-align: justify;
	color: #000000;
	padding: 5px;
	margin: 0px 10px;
}
article.col-azul h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18pt;
	color: #ffffff;
	background-color: #005871;
	padding: 5px 15px;
	margin: 0px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
article.col-azul p {
	font-family: "Roboto", sans-serif;
	font-size: 10pt;
	text-align: justify;
	color: #000000;
	padding: 5px;
	margin: 0px 10px;
}