.title1 { /*destaques*/
	float: left;
	clear: both;
	width: 90%;
	padding: 0px;
	margin: 0px;
	margin-left: 5%;
	font-family: 'CircularStd-Bold';
	color: #2B2B2B;
	font-size: 20px;
	text-transform: uppercase;
}

.title_rodape { /*rodape*/
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: 'CircularStd-Bold';
	color: #000;
	font-size: 15px;
	text-transform: uppercase;
}

.title2 {/*titulo principal lista*/
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: 'CircularStd-Bold';
	color: #2B2B2B;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
}

.title2 span {
	color: #008D40;
}

.title3 {
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: 'CircularStd-Bold';
	color: #2B2B2B;
	font-size: 20px;
	text-transform: uppercase;
	text-align: left;
}

.title4 {
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: 'CircularStd-Bold';
	color: #2B2B2B;
	font-size: 18px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
}

.title5 {/*semelhantes*/
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: 'CircularStd-Bold';
	color: #2B2B2B;
	font-size: 18px;
	text-transform: uppercase;
	text-align: left;
	border-bottom: solid 1px #CCC;
	padding-bottom: 10px;
}

.titulo_contato {
	float: left;
	clear: both;
	width: 100%;
	background: #F4F4F4 url(../imagens/background/title_geral.jpg) repeat-x center top;
	text-align: center;
}

.titulo_geral {
	float: left;
	clear: both;
	width: 100%;
	background: #F4F4F4 url(../imagens/background/title_geral.jpg) repeat-x center top;
	text-align: center;
}


@media only screen and (min-width: 585px) {
.title2 {/*titulo principal lista*/
	clear: none;
	width: auto;
	text-align: left;
	margin-top: 10px;
	margin-left: 5%;
}
	
.titulo_contato {
	padding-top: 30px;
	padding-bottom: 30px;
	background-image: url(../imagens/background/title_contato.jpg);
}
}

@media only screen and (min-width: 768px) {
.title2 {/*titulo principal lista*/
	font-size: 22px;
}
	
.title3 {
	font-size: 22px;
}
	
.title5 {/*semelhantes*/
	width: 95%;
}
}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1280px) {	
.title2 {/*titulo principal lista*/
	font-size: 25px;
}
	
.title3 {
	font-size: 25px;
}
	
.title4 {
	font-size: 20px;
}
	
.title5 {/*semelhantes*/
	font-size: 20px;
}
}

@media only screen and (min-width: 1440px) {
.title2 {/*titulo principal lista*/
	margin-left: 25%;
}
}


@media only screen and (min-width: 1900px) {
.title2 {/*titulo principal lista*/
	margin-left: 30%;
}
}