#AreaLogo { background: #000; border-bottom: 6px solid #e65900; padding: 35px 70px; margin: 0 auto; height: 100px; box-sizing: border-box; }

			#AreaGeralProduto {position: relative; background: #000; width: 100%; display: block; max-width: 900px; margin: 0 auto; font-family: 'Oswald', sans-serif; font-size: 16px; color: #FFF;}
				#AreaGeralProduto br {display: block; clear: both;}
			
			.BackgroundGeral {width: 100%; display: block;}

				#AreaGeralProduto p {width: 290px; z-index: 999; display: block; clear: both; box-sizing: border-box; text-align: justify; color: #fff;}
				#AreaGeralProduto h3 {color: #fff; font-size: 22px; margin: 10px 0; text-transform: uppercase; display: block; clear: both;}
				#AreaGeralProduto h3 span {color: #ca5a1a;}
				
				.ConteudoBloco {padding: 0 50px; box-sizing: border-box; top: 0; width: 100%;}
				.ConteudoBloco img { max-width: 100% }

				.fl { float: left; }
				.fr { float: right; }
				.cor-laranja { color: #e9531c }
				.separador { display: block; margin: 0 auto; padding-top: 50px }

				#BlocoUm {display: block; clear: both;}
					#BlocoUm .titulo { padding-top: 50px; }
					#BlocoUm p { margin-top: 85px; font-weight: 100; max-width: 220px }
					#BlocoUm .img-principal { display: block; margin: 0 auto; margin-right: -31px; margin-top: -325px; }
				
				#BlocoDois {display: block; clear: both; padding: 90px 0 20px 0;}
					#BlocoDois .icons { width: 350px; float: right; display: block; }
					#BlocoDois .wrapper { display: flex; align-items: center; min-height: 85px; }					
					#BlocoDois .wrapper > p { padding-left: 10px; text-align: left; font-size: 15px; }

				#BlocoTres { display: block; clear: both; height: 425px; margin-bottom: 30px; }
					#BlocoTres h3 { max-width: 335px; height: 450px; display: inline-block; vertical-align: middle; font-weight: 100; }	
					#BlocoTres h2 { width: 295px; font-size: 15px; font-weight: 400; background-color: #e8541b; border-radius: 7px; height: 30px; padding-top: 8px; text-align: center; }
					#BlocoTres .recomendacoes { display: inline-block; width: 150px; margin-left: 110px; font-weight: 100; }

				#FimBlocos { height: 42px; display: flex; width: 100%; background-color: #e65900; text-align: center; align-items: center; }
					#FimBlocos div { display: block; width: 33.3%; height: 100%; line-height: 2.4; background-color: #e65900; }
					#FimBlocos div.ilustrativas { font-size: 13px; font-weight: 200; line-height: 3; }


			@media screen and (max-width: 860px) {
				.ConteudoBloco img { display: block;margin: 0 auto }
				#BlocoUm .img-principal { margin: 0 auto; margin-top: 50px }
				#BlocoUm p { max-width: 100%; width: 100%; margin: 0 auto; margin-top: 20px; }
				#BlocoDois .icons { margin: 0 auto; float: none; margin-top: 40px; max-width: 100% }
				#BlocoTres { height: 100% }
				#BlocoTres h3 { max-width: 100%; margin: 0 auto; display: block; height: auto; margin-top: 35px}
				#BlocoTres .recomendacoes { display: block; width: 100%; margin: 0 auto; margin-top: 50px; }
				#BlocoTres h2 { width: 100% }
				#BlocoTres p { width: 100%; text-align: center; }

			}
			@media screen and (max-width: 680px) {
				#FimBlocos { display: block; margin: 20px 0; }
				#FimBlocos div { width: 100%; height: 100%; }
			}
			@media screen and (max-width: 560px) {
				
			}
			@media screen and (max-width: 440px) {				
				.ConteudoBloco {padding: 0 30px;}
			}
			@media screen and (max-width: 400px) {
				#AreaLogo img {width: 100%;}
			}