h1 {clear: both; width: 100%;}

#fundo_title {
	clear: both;
	width: 90%;
	margin: 30px 5%;
}
#fundo_title span {font-size: 11px;}

#fundo_title2 {
	clear: both;
	width: 90%;
	margin: 30px 5% 0;
}
#fundo_title2 span {font-size: 11px;}

.title1 { /* titulo destaques */
	clear: both;
	padding: 0;
	margin: 0;
	width: 90%;	
	margin-left: 5%;
	font-family: "CenturyGothic";
	font-size: 25px;
	color: #3F3F3F;
	line-height: normal;
	text-align: center;
	font-weight: normal;
}

.title2 { /* titulo diferenciais */
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;	
	font-family: "CenturyGothic";
	font-size: 30px;
	color: #FFF;
	text-transform: uppercase;
	line-height: normal;
	text-align: center;
}
.title2 span {font-family: "LeelawadeeUI";}

.title3 { /* titulo resultado da busca */
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	margin-top: 15px;	
	font-family: "CenturyGothic";
	font-weight: normal;
	font-size: 25px;
	line-height: normal;
	text-align: left;
}

.title4 { /* titulo detalhes */
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	width: 90%;	
	margin-left: 5%;
	margin-top: 30px;
	font-family: "CenturyGothic";
	font-size: 25px;
	color: #3F3F3F;
	line-height: normal;
	text-align: center;
	font-weight: normal;
}

.title5 { /* subtitulos detalhes */
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0 0 30px;
	font-family: "CenturyGothic";
	font-size: 18px;
	color: #3F3F3F;
	line-height: normal;
}

.title6 { /* subtitulos detalhes semelhantes */
	clear: both;
	padding: 0;
	margin: 0;
	width: 95%;	
	margin-left: 5%;
	font-family: "CenturyGothic";
	font-size: 18px;
	color: #3F3F3F;
	line-height: normal;
}

.title7 { /* titulo internas */
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;	
	font-family: "CenturyGothic";
	font-size: 20px;
	color: #86A8A4;
	text-transform: uppercase;
}
.title7 span {font-family: 'LeelawadeeUI';}

.title8 { /* subtitulo internas */
	clear: both;
	padding: 0;
	width: 100%;
	margin: 15px 0 0;
	font-family: "CenturyGothic";
	font-size: 25px;
	line-height: normal;
	font-weight: bold;
}

.voltar { /* pag de detalhes e lista */
	clear: both;
	padding: 0;
	margin: 0;
	width: 90%;	
	margin-left: 5%;
	font-family: "CenturyGothic";
	line-height: normal;
	text-align: center;
	margin-top: 30px;
	font-weight: bold;
}
.voltar img {margin-right: 8px;}
.voltar a:hover {color: #9F9F9F;}


@media only screen and (min-width: 768px) {	
.title1 {font-size: 30px;}	
.title2 {font-size: 40px;} /* titulo diferenciais */	
.title3 {font-size: 30px;}  /* titulo resultado da busca */	
.title4 {font-size: 30px;}	 /* titulo detalhes */
.title5 {font-size: 22px;}	 /* titulo detalhes */
.title6 {margin-left: 3%; font-size: 22px;}  /* subtitulos detalhes semelhantes */
	
.voltar { /* pag de detalhes */
	position: absolute;
	float: right;
	clear: right;	
	width: auto;	
	text-align: right;
	margin: 0;
	right: 5%;
	top: 130px;
	z-index: 99;
}	
}

@media only screen and (min-width: 1024px) {	
.title2 { /* titulo diferenciais */
	float: left;
	clear: none;	
	width: 25%;
	margin: 0;
	margin-top: 140px;
	text-align: left;
} 
}

@media only screen and (min-width: 1280px) {	
.title1 {font-size: 35px;}  /* titulo destaques */
.title2 {width: 260px; font-size: 50px;}  /* titulo diferenciais */	
.title3 {font-size: 35px;}  /* titulo resultado da busca */
.title4 {clear: none; width: 63%; text-align: left; font-size: 35px;} /* titulo detalhes */
.title5 {font-size: 25px;}	 /* titulo detalhes */	
.title6 {font-size: 25px;}  /* subtitulos detalhes semelhantes */	
.title8 {font-size: 30px;}
}

@media only screen and (min-width: 1800px) {	
.title8 {font-size: 35px;}
}