#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;} .BackgroundGeral {width: 100%; display: block;} #LogoMultilaser {display: block; clear: both; height: 133px;} #LogoMultilaser img {position: absolute; top: 0; left: 50px; z-index: 999999;} #AreaGeralProduto p {width: 380px; z-index: 999;} #AreaGeralProduto h3 {color: #000; font-size: 22px; text-transform: uppercase; width: 444px; font-weight: bold; margin: 0;} #AreaGeralProduto br {display: block; clear: both;} .ConteudoBloco {padding: 0 50px; box-sizing: border-box; top: 0; width: 100%;} .BackgroundBloco {width: 100%; display: block;} #AreaMultilaser {background: #FFF; box-sizing: border-box; display: block; clear: both; width: 100%; max-width: 900px; margin: 0 auto; height: 94px;} #AreaMultilaser img {width: 100%; display: block; clear: both; float: left;} #LogoDaMultilaser {max-width: 288px; margin: 0 0 20px; padding-left: 40px;} #ColorsMultilaser {height: 5px;} #BlocoUm {position: relative;} #BlocoUm .ConteudoBloco {position: absolute;} #BlocoUm h3 {float: right; width: 221px; margin-top: -30px;} #BlocoUm p {float: right; text-align: justify; clear: both; color: #FFF; width: 760px;} #BlocoUm .ConteudoBloco img {float: left;} #Logo3G {margin-top: 200px; clear: both;} #ImagemBlocoUm {z-index: 999; position: absolute; right: 30px; bottom: -50px;} #BlocoDois {border-bottom: 3px solid #ef8717;} #BlocoDois .ConteudoBloco {float: left;} #BlocoDois h3 {width: 260px; color: #ef8717; clear: both; display: block; float: left;} #BlocoDois p {width: 740px; text-align: justify; float: left; font-size: 14px;} #BlocoDois img {width: 100%; display: block; clear: both;} #BlocoTres {display: block; clear: both; margin: 30px 0;} #BlocoTres .ConteudoBloco {} #BlocoTres h3 {width: 100%; color: #ef8717; clear: both; display: block; text-align: center;} #BlocoTres p {width: 100%; font-size: 14px; text-align: center;} #BlocoTres img {width: 100%; display: block; clear: both;} #BlocoSeis {padding: 30px 100px;} #BlocoSeis p {width: 100%; text-align: center;} #BlocoSeis iframe {width: 100%; max-width: 560px;} #FimBlocos {padding: 30px; font-size: 10px; padding-bottom: 20px; border-bottom: 3px solid #ef8717;} @media screen and (max-width: 850px) { #BlocoUm {padding-bottom: 0;} #ImagemBlocoUm {display: none;} #BlocoUm p {width: 100%; margin-bottom: 10px;} #BlocoUm h3 {margin: 30px auto 0; float: none;} #BlocoUm .BackgroundBloco {height: 800px;} #BlocoUm .ConteudoBloco img {float: none;} #ImagemCentralDois {position: initial; margin: 0 auto;} #BlocoDois p {width: 100%; text-align: center;} #ImgBlocoDois {display: none;} #BlocoDois {margin-top: 0;} #BlocoDois .ConteudoBloco {width: 100%;} #BlocoDois h3 {width: 100%; text-align: center;} #BlocoTres img {float: none;} #FloatRight {display: none;} #BlocoQuatro p {width: 100%; text-align: center;} #BlocoUm {margin-bottom: 70px;} #FotoMao {display: none;} #BlocoUm p {text-align: center;} #BlocoTres h3 {text-align: center; width: 100%;} #BlocoTres p {text-align: center; width: 100%;} #BlocoQuatro {margin: 0;} #Logo3G {margin-top: 0; clear: none;} } @media screen and (max-width: 700px) { #LogoMultilaser img {position: inherit;} .ConteudoBloco {padding: 0 30px;} #BlocoSeis {padding: 30px 0;} } @media screen and (max-width: 600px) { #BlocoQuatro .BackgroundBloco {height: 260px;} #BlocoTres {padding: 0;} } @media screen and (max-width: 450px) { .BackgroundBloco {width: auto;} #ImagemBlocoUm {width: 100%;} #ImagemCentralDois {width: 100%;} #BlocoSeis {padding: 30px 0;} #BlocoTres img {width: 100%;} #BlocoTres .ConteudoBloco {padding: 0 10px;} #BlocoUm .BackgroundBloco {height: 1200px;} #BlocoDois {margin-top: -300px;} } @media screen and (max-width: 350px) { #BlocoQuatro .BackgroundBloco {height: 200px;} #BlocoQuatro p {margin-top: 20px;} }