#AreaGeralProduto {position: relative; background: #00b3e3; 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; height: 94px; margin: 0 auto;}
		#AreaMultilaser img {width: 100%; display: block; clear: both; float: left;}

		#LogoDaMultilaser {max-width: 288px; margin: 0 0 20px; padding-left: 40px;}
		#ColorsMultilaser {height: 5px;}

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

		#AreaGeralProduto p {width: 100%; font-size: 20px; line-height: 24px; z-index: 999;}
		#AreaGeralProduto h3 {color: #005275; width: 100%; font-weight: 700;}
		#AreaGeralProduto h4 {color: #000; width: 100%; font-weight: 300;}
		#AreaGeralProduto br {display: block; clear: both;}
		#AreaGeralProduto > div {position: relative; float: left; width: 100%; display: block; clear: both;}

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

		.BackgroundBloco {width: 100%; position: absolute; top: -190px; left: 415px;}

	#BlocoUm {}
		#BlocoUm .ConteudoBloco {max-width: 415px; top: 20px;}
		#BlocoUm h3 {font-size: 36px;}
		#BlocoUm p {color: #fff; line-height: 28px;}
		#BlocoUm #HDMI {max-width: 100%; position: absolute; right: 50px; top: 70px;}
		#BlocoUm #ImagemUm {max-width: 100%; position: absolute; right: 0; top: 130px; width: 530px;}

	#BlocoDois {top: 100px;}
		#BlocoDois .ConteudoBloco {color: #fff; right: 0; max-width: 410px; float: right; padding: 0 20px 0 0;  right: 35px; top: 100px;}
		#BlocoDois .ConteudoBloco::before {content: ''; width: 300px; border-top: 2px solid #fff; position: absolute; right: 0;}
		#BlocoDois .ConteudoBloco::after {content: ''; width: 180px; border-bottom: 1px solid #fff; position: absolute; right: -90px; top: 90px; transform: rotate(-90deg)}
		#BlocoDois p {text-align: right; line-height: 26px;}
		#BlocoDois img {padding: 0 0 0 50px;max-width: 100%;}

	#BlocoTres {background: #fff; border-top: 20px solid #004e73; top: 130px;}
		#BlocoTres .ConteudoBloco {padding: 0 50px 0 50px;}
		#BlocoTres p {display: inline; width: 50%; float: left; color: #004e73; line-height: 26px;}
		#ImagemQuatro{display: inline; width: 50%; float: right; margin: 70px -15px 0 0;}

	#BlocoQuatro {}
		#BlocoQuatro .ConteudoBloco {}
		

	#FimBlocos {background-color: #FFF; color: #004e73; padding: 30px; font-size: 15px; box-sizing: border-box; text-align: right; margin-top: 100px;}

	@media screen and (min-width: 901px) { /* Desktop */
		.DesktopItem {display: block !important;}
		.MobileItem {display: none !important;}

	#BlocoUm {}
		#BlocoUm .ConteudoBloco {}
		

	#BlocoDois {}
		#BlocoDois .ConteudoBloco {}

	#BlocoTres {}
		#BlocoTres .ConteudoBloco {}

	#BlocoQuatro {}
		#BlocoQuatro .ConteudoBloco {}

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

		.BackgroundBloco {top: 230px; left: 320px; width: 70%;}

	#BlocoUm {}
		#BlocoUm .ConteudoBloco {max-width: 100%; padding: 0 10px; text-align: center;}
		#BlocoUm h3 {font-size: 36px; text-align: center;}
		#BlocoUm p {color: #fff; line-height: 28px;}
		#BlocoUm #HDMI {display: block; position: relative; right: 0; top: 20px; padding: 0 10px;}
		#BlocoUm #ImagemUm {display: block; position: relative; right: 0; top: 30px; margin: 0 auto;}

	#BlocoDois {max-width: 100%; margin: 0 auto; float: none;}
		#BlocoDois .ConteudoBloco {display: block; max-width: 600px; right: 20px; top: 0;}
		#BlocoDois p {display: inline-block; text-align: center; line-height: 26px;}
		#BlocoDois img {display: block; padding: 0; max-width: 100%; margin: 0 auto;}

	#BlocoTres {}
		#BlocoTres .ConteudoBloco {}
		#BlocoTres .ConteudoBloco {padding: 0 50px 0 50px;}
		#BlocoTres p {color: #004e73; line-height: 26px;}
		p #ImagemQuatro{float: right; margin-top: 10px; margin-right: -15px;}


	#BlocoQuatro {}
		#BlocoQuatro .ConteudoBloco {}
	}
	@media screen and (max-width: 700px) {
		.BackgroundBloco {top: 250px; left: 200px; width: 70%;}		

		#BlocoDois .ConteudoBloco {text-align: center; right: 0; padding: 0 5px;}
		#BlocoDois .ConteudoBloco::before {display: none;}
		#BlocoDois .ConteudoBloco::after {display: none;}

		#BlocoTres .ConteudoBloco {padding: 0 5px;}
		#BlocoTres p {display: block; width: 100%; text-align: center;}
		#ImagemQuatro{width: 100%; float: none; margin: 0;}
	}
	@media screen and (max-width: 550px) {

		.BackgroundBloco {top: 300px; left: 150px; width: 70%;}

		#BlocoUm h3 {font-size: 28px;}
		
		.ConteudoBloco {padding: 0 20px;}
		
	}

	@media screen and (max-width: 350px) {

		.BackgroundBloco {top: 350px; left: 150px; width: 70%;}

		#LogoDaMultilaser {padding-left: 0;}
	}