/*** título ***/
h1.titles{
	margin: 14px 0 34px 0;
	color: #ff7700;
	font-size: 34px;
	font-style: italic;
}

.ie7 h1.titles{
	margin: 0px 0 34px 0px;
	color: #ff7700;
	font-size: 34px;
	font-style: italic;
	float:left;
}


/*** quadro ***/
.area-block{
	width: 616px;
	padding: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	background-image: url(../img/fundoLoja.gif);
	background-repeat: no-repeat;
	background-position: top;
	
}

.ie7 .area-block{
	width: 616px;
	clear: both;
	float:left;
	margin: 0px 0px -80px 0px;
	background: url(../resources/images/institucional/qdr1-brodas.html) no-repeat top #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	
}


.qdrBorder-topo,
.qdrBorder-rodape{
	position: relative;
	clear: both;
	width: 616px;
	height: 4px;
	background-image: url(../img/qdr2-brodas.png);
}
.qdrBorder-topo{ background-position: left top; margin-bottom: -3px; }
.qdrBorder-rodape{ background-position: right bottom; top: -3px;
margin-bottom:100px; }
.qdrBorder-centro{
	width: 614px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
/**/


.portletFilosofia{
	color: #404040;
	font-size: 13px;
}

	.portletFilosofia .area-block{
	clear: both;
	width: 616px;
	height:850px;
	padding: 40px;
	background-color: #F5FDF0;
	}	
	.portletFilosofia .border{
		padding: 1px;
		background-color: #ddd;
	}
	.portletFilosofia .border-area{
		margin: auto;
		background-color: #fff;
	}
	
.portletFilosofia em{
	color: #01aeff;
	font-style: normal;
}
.portletFilosofia strong{
	color: #404040;
	font-weight: normal;
}
	
.filosofia-topo{
	padding: 55px 60px 35px 60px;
}
	.filosofia-topo h2{
		margin: 0 0 19px 0;
		font-size: 21px;
	}
	.filosofia-topo p{
		margin: 0 0 19px 0;
		line-height: 19px;
	}
	.filosofia-topo h3{
		margin: 0 0 19px 0;
		color: #6ede00;
		font-size: 21px;
	}
	
.filosofia-etapas{
	height: 700px;
	background:url(../resources/images/institucional/filosofia_bg.html) no-repeat;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 15px;
	padding-left: 60px;
}
	.filosofia-etapas .etapa-01{ width: 180px; height: 285px; padding-left: 265px; }
	.filosofia-etapas .etapa-02{ width: 180px; height: 223px; padding-left: 53px; }
	.filosofia-etapas .etapa-03{ width: 175px; height: 313px; padding-left: 295px; }
	.filosofia-etapas .etapa-04{ width: 175px; height: 313px; padding-left: 33px; }
	
.filosofia-etapas h2{
	margin: 0;
	color: #707070;
	font-size: 21px;
}
.filosofia-etapas p{
	margin: 0;
	line-height: 20px;
}
.filosofia-etapas strong{
	color: #404040;
	font-weight: normal;
}