#AreaGeralProduto {position: relative; background: #FFF; width: 100%; display: block; max-width: 900px; margin: 0 auto; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #444242; overflow: hidden;}
	#AreaMultilaser {background: #FFF; box-sizing: border-box; display: block; clear: both; width: 100%; max-width: 900px; margin: 0 auto;}
		
		#ColorsMultilaser {height: 5px; width: 100%; display: block;}
		#FimBlocos p {font-size: 10px !important; font-weight: 300; color: #444; line-height: 1rem !important; }

	.BackgroundGeral {width: 100%; display: block;}

		#AreaGeralProduto p {width: 100%; z-index: 999; font-weight: 300; font-size: 1rem; line-height: 1.8rem;}
		#AreaGeralProduto h3 {color: #FFF; width: 100%; font-weight: 700;}
		#AreaGeralProduto br {display: block; clear: both;}
		#AreaGeralProduto > div {position: relative; float: left; width: 100%; display: block; clear: both;}

		.ConteudoBloco {padding: 0 70px; box-sizing: border-box; top: 0; position: relative; width: 100%;}

		.BackgroundBloco {width: 100%; position: absolute; top: 0; left: 0;}

	#BlocoUm {}
		#BlocoUm .ConteudoBloco p {text-align: center;}

	#BlocoDois {}
		#BlocoDois .ConteudoBloco {}

	#BlocoTres {background-color: #834c9d;}
		#BlocoTres .ConteudoBloco > div p {color: #FFF;}

	#BlocoQuatro {background-color: #5a1b6f;}
		#BlocoQuatro .ConteudoBloco {color: #FFF;}


	@media screen and (min-width: 901px) { /* Desktop */
		.DesktopItem {display: block !important;}
		.MobileItem {display: none !important;}
		#LogoDaMultilaser img {max-width: 288px; padding: 40px;}
		#LogoDaMultilaser {width: 45%; display: block; float: left;}
		#FimBlocos {width: 55%;  padding: 30px; box-sizing: border-box; float: left;}
		.ConteudoBloco > div {position: relative; width: 50%; float: left; display: block;}

	#BlocoUm > img {}
		#BlocoUm .ConteudoBloco > div {}
		#BlocoUm .ConteudoBloco > div p {}


	#BlocoDois {}
		#BlocoDois .ConteudoBloco > div:nth-of-type(1) img { position: relative; z-index: 2; margin: 40px 0; }
		#BlocoDois .ConteudoBloco > img {margin: 50px auto; display: block;}

	#BlocoTres {}
		#BlocoTres > img {position: absolute; right: 0; bottom: -100px; z-index: 2;}
		#BlocoTres .ConteudoBloco > div {padding-right: 30px; margin-bottom: 300px;}
		#BlocoTres .ConteudoBloco img { margin: 50px 0; }

	#BlocoQuatro {}
		#BlocoQuatro > img:first-of-type {position: absolute; z-index: 2; left: 0;}
		#BlocoQuatro .ConteudoBloco h3 {font-size: 3rem; line-height: 4rem; font-weight: 300; box-sizing: border-box; padding-right: 30px; margin-top: 0;}
		#BlocoQuatro .ConteudoBloco > div {position: relative; z-index: 3; float: right; margin: 100px 0 60px; padding-left: 50px; box-sizing: border-box;}


	}
	@media screen and (max-width: 900px) {
		.DesktopItem {display: none !important;}
		.MobileItem {display: inline-block !important;}

		#AreaGeralProduto img {width: 100%; display: block;}
		#LogoDaMultilaser img {max-width: 288px; padding: 20px;}
		#FimBlocos p { box-sizing: border-box; padding: 0 20px; }
		#AreaGeralProduto p {text-align: justify;}

	#BlocoUm {}
		#BlocoUm > img {}

	#BlocoDois {}
		#BlocoDois .ConteudoBloco {}

	#BlocoTres {}
		#BlocoTres .ConteudoBloco img {margin-top: 30px;}

	#BlocoQuatro > img:first-of-type {z-index: 2; position: relative;}


	}
	@media screen and (max-width: 700px) {
	}
	@media screen and (max-width: 550px) {
		.ConteudoBloco {padding: 0 20px;}
	}
	@media screen and (max-width: 350px) {
		#LogoDaMultilaser {padding-left: 0;}
	}