#AreaGeralProduto {position: relative; background: #000; width: 100%; display: block; max-width: 900px; margin: 0 auto; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #FFF; overflow: hidden;} #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;} .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; box-sizing: border-box; top: 0; width: 100%;} .BackgroundBloco {width: 100%; display: block;} #BlocoUm {position: relative;} #BlocoUm .BackgroundBloco {width: auto;} #BlocoUm .ConteudoBloco {position: absolute;} #BlocoUm h3 {float: right; width: 100%; margin-top: -50px;} #BlocoUm h3 img {width: 100%;} #BlocoUm p {text-align: center; display: block; clear: both; color: #FFF; width: 650px; margin: 50px auto 0;} #ImagemBlocoUm {width: 100%;} #BlocoDois {position: relative; display: block; clear: both;} #BlocoDois .BackgroundBloco {width: auto; float: right; margin-top: 0px;} #BlocoDois .ConteudoBloco {position: absolute; top: 160px; width: 470px; padding: 20px; padding-left: 60px; text-align: justify; float: left; clear: both; font-size: 14px; color: #FFF; background: #444242;} #BlocoDois h3 {clear: both; display: block; color: #FFF;} #BlocoDois p {clear: both; display: block;} #BlocoTres {display: block; clear: both;} #BlocoTres .ConteudoBloco {padding: 0 60px;} #BlocoTres h3 {width: 650px; clear: both; color: #FFF; display: block;} #BlocoTres p {width: 650px; font-size: 14px; color: #FFF; clear: both; display: block; text-align: justify;} #BlocoTres img {width: 100%;} #BlocoQuatro {display: block; clear: both; margin: 0; position: relative;} #BlocoQuatro .BackgroundBloco {width: auto; float: right; margin-top: 150px;} #BlocoQuatro .ConteudoBloco {position: absolute; padding: 20px 60px;} #BlocoQuatro p {color: #FFF; text-align: justify; width: 450px;} #BlocoQuatro img {float: left; display: block; clear: both; margin: 10px;} #BlocoCinco {display: block; clear: both;} #BlocoCinco p {color: #FFF; text-align: center; width: 100%; padding: 50px 150px 0; box-sizing: border-box;} #BlocoSeis {padding: 30px 0px;} #BlocoSeis p {width: 100%; text-align: center;} #BlocoSeis iframe {width: 100%; max-width: 560px;} #FimBlocos {padding: 30px; font-size: 10px; padding-bottom: 20px;} @media screen and (max-width: 850px) { #BlocoUm .ConteudoBloco {} #BlocoDois .BackgroundBloco {display: none;} #BlocoDois .ConteudoBloco {position: initial; width: 100%; padding: 50px;} #BlocoDois .ConteudoBloco p {width: 100%;} #BlocoDois {padding: 0 0 50px;} #BlocoQuatro {} #BlocoQuatro .BackgroundBloco {display: none;} #BlocoQuatro .ConteudoBloco {position: initial; width: 100%; padding: 50px;} #BlocoQuatro p {width: 100%;} #BlocoQuatro img {clear: none;} } @media screen and (max-width: 700px) { #LogoMultilaser img {position: inherit;} #BlocoUm {} #BlocoUm h3 {margin-top: 20px;} #BlocoUm p {margin-top: 100px;} #BlocoTres p {width: 100%;} #BlocoUm p {width: 100%; padding: 0 20px 20px; box-sizing: border-box;} } @media screen and (max-width: 600px) { #BlocoCinco p {padding: 50px 50px 0;} #BlocoTres h3 {width: 100%;} } @media screen and (max-width: 400px) { #BlocoDois .ConteudoBloco {padding: 50px 20px;} #BlocoTres .ConteudoBloco {padding: 0 20px;} #BlocoQuatro .ConteudoBloco {padding: 20px;} #BlocoCinco p {padding: 20px 20px 0;} #BlocoQuatro img {float: none;} } @media screen and (max-width: 350px) { }