#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; 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: 380px; z-index: 999;} #AreaGeralProduto h3 {color: #000; font-size: 22px; width: 444px; font-weight: bold;} #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; width: 100%;} .BackgroundBloco {width: 100%; display: block;} #BlocoUm {background: #49216c; padding: 50px 0 0;} #BlocoUm .ConteudoBloco {} #BlocoUm > img {width: 100%; margin-bottom: -150px;} #BlocoDois {padding-top: 150px;} #BlocoDois .ConteudoBloco {} #BlocoDois .ConteudoBloco h3 {width: 100%; color: #49216c; text-align: center;} #BlocoDois .ConteudoBloco p {width: 100%; text-align: center;} #BlocoTres {} #BlocoTres > img {width: 100%; padding-top: 30px; position: relative; margin-bottom: -50px; z-index: 9999;} #BlocoTres .ConteudoBloco {position: absolute; width: 500px; padding: 0 50px;} #BlocoTres .ConteudoBloco p {width: 100%; text-align: justify;} #BlocoTres .ConteudoBloco h3 {width: 250px; color: #49216c;} #BlocoQuatro {background: #444242; padding: 50px 0;} #BlocoQuatro .ConteudoBloco {width: 500px; float: right;} #BlocoQuatro .ConteudoBloco p {color: #FFF; width: 100%; text-align: justify;} #BlocoQuatro .ConteudoBloco h3 {color: #FFF; width: 100%;} #BlocoQuatro .ConteudoBloco img {float: right;} #ImagemGrande {position: absolute; left: 0;} #BlocoCinco { padding: 30px 0;} #BlocoCinco .ConteudoBloco {width: 500px; float: right;} #BlocoCinco .ConteudoBloco p {width: 100%; text-align: justify;} #BlocoCinco .ConteudoBloco h3 {width: 100%; color: #444242;} #BlocoCinco .ConteudoBloco img {float: right;} #BlocoFinalVideo {padding: 0 0 20px;} #BlocoFinalVideo p {width: 100%; text-align: center;} #BlocoFinalVideo iframe {width: 100%; max-width: 560px;} #FimBlocos {padding: 30px; font-size: 10px;} @media screen and (max-width: 850px) { #BlocoTres {padding-top: 40px;} #BlocoTres .ConteudoBloco {position: initial; width: 100%; text-align: center;} #BlocoTres .ConteudoBloco h3 {width: 100%; text-align: center;} #ImagemGrande {position: initial;} #BlocoQuatro .ConteudoBloco {width: 100%; float: none;} #BlocoCinco .ConteudoBloco {width: 100%; float: none;} #BlocoCinco {padding-bottom: 0;} } @media screen and (max-width: 500px) { #BlocoCinco .ConteudoBloco img {width: 100%; float: none;} #BlocoDois .ConteudoBloco img {width: 100%;} .ConteudoBloco {padding: 0 20px;} #BlocoTres .ConteudoBloco {padding: 0 20px;} #ImagemGrande {width: 100%;} } @media screen and (max-width: 350px) { }