#atendimento-online{
	width:100%;
	margin:0 auto;
}

#title{
	width:915px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#title h1{
	padding:10px 10px 17px 10px;
	font:26px BankGothic Lt BT, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
}



/* css div top */

#top-1{
	margin:-40px auto 0;
	width:915px;
	height:485px;
	background:url(../imagens/top.png) center top no-repeat;
	padding:40px 5px 0 5px;
}

#top-1 img{
	margin:0 0 0 160px;
}

#top{
	width:915px;
	height:485px;
	margin:10px auto;
	background:url(../imagens/top.png) center top no-repeat;
	padding:40px 5px 0 5px;
}

#top h2{
	background:url(../imagens/h2.png) no-repeat;
	width:232px;
	font:bold 22px Arial, Arial, Helvetica, sans-serif;
	padding:12px 0;
	text-align:center;
	margin:3px 0 0 76px;
}

#box-text{
	width:317px;
	height:400px;
	float:left;
	margin:3px 0 0 40px;
	padding:40px 0 0 35px;
	background:url(../imagens/box-descricao.png) no-repeat;
}

#box-text p{
	font:20px Arial, Verdana, Helvetica, sans-serif;
	margin:20px 0 60px 0;
	text-align: justify;
	width:280px;
}

#box-text p a{
	text-decoration:underline;
color:#999;

}

#box-text p a:hover{
	color:#333;	
}

#box-text p .ativo{
	color:#333;	
}

/*-----------------------------------------------*/


#include{	
	width:448px;
	height:440px;
	float:left;
	margin:3px 0 0 25px;
	background:url(../imagens/box-vantagens.png) no-repeat;
}

#include h3{
	width:212px;
	margin:7px auto;
	height:31px;
	color:#FFF;
	padding:10px 9px 0 5px; 
	background:url(../imagens/h3.png) no-repeat;
	font:bold 16px Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
}

#melhore h3{
	font:bold 14px Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	width:212px;
	margin:7px auto;
	height:31px;
	padding:5px 9px 5px 5px; 

}

#include p{
	font:17px Arial, Verdana, Helvetica, sans-serif;
	margin:40px auto;
	text-align:center;
	width:280px;
}

#include p em{
	color:#922D31;
}