#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;} .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; width: 444px; font-weight: 400;} #AreaGeralProduto br {display: block; clear: both;} .ConteudoBloco {padding: 0 100px; box-sizing: border-box; top: 0; width: 100%;} .BackgroundBloco {width: 100%; display: block;} #BlocoUm {} #BlocoUm .ConteudoBloco {position: absolute;} #BlocoUm h3 {float: right; text-align: right; margin-top: -50px;} #BlocoUm p {float: right; text-align: justify; clear: both; color: #FFF; width: 440px; margin-right: 20px;} #r150Mps {float: left;} #ImagemBlocoUm {position: absolute; right: 0; top: 0; z-index: 99;} #BlocoDois {background: #dddddd; position: relative; display: block; clear: both; padding: 150px 0 70px;} #BlocoDois p {width: 430px; text-align: justify; float: right;} #BlocoDois br {display: block; clear: both;} #rWireless {position: absolute; left: 0; bottom: -30px; z-index: 9;} #BlocoTres {position: relative; background: #9D9D9D;} #BlocoTres .ConteudoBloco {color: #FFF; position: absolute; padding: 30px 50px;} #BlocoTres ul {margin: 0; padding: 0;} #BlocoTres ul li {list-style: none; float: left; width: 125px; text-align: center; margin: 0 5px; font-size: 12px;} #BlocoTres ul li img {display: block; clear: both; margin-bottom: 5px;} #BlocoQuatro {padding-top: 20px;} #BlocoQuatro .ConteudoBloco {} #BlocoQuatro p {float: right; width: 400px; text-align: justify;} #BlocoQuatro iframe {width: 100%; max-width: 560px;} #FimBlocos {padding: 30px; font-size: 10px;} @media screen and (max-width: 800px) { #ImagemBlocoUm {display: none;} #rWireless {display: none;} #BlocoDois {margin-top: 0; padding: 50px 0;} #BlocoDois p {width: 100%;} #BlocoUm h3 {margin-top: 20px;} #r150Mps {float: none; display: block; margin: 10px auto;} #BlocoUm p {margin-right: 0; width: 100%;} #BlocoTres ul {width: 270px; margin: 0 auto;} #BlocoTres .BackgroundBloco {display: none;} #BlocoTres .ConteudoBloco {position: initial;} #BlocoQuatro p {width: 100%; margin-bottom: 20px} } @media screen and (max-width: 700px) { .ConteudoBloco {padding: 0 30px;} #r150Mps {display: none;} } @media screen and (max-width: 550px) { #LogoMultilaser img {position: inherit;} #BlocoUm .BackgroundBloco {min-height: 500px;} } @media screen and (max-width: 470px) { #BlocoUm h3 {width: 100%; font-size: 18px;} #BlocoUm h3 img {width: 100%;} #BlocoUm .BackgroundBloco {min-height: 500px;} } @media screen and (max-width: 350px) { #BlocoUm .BackgroundBloco {min-height: 630px;} #BlocoTres ul {width: 50%; margin: 0 auto;} #BlocoTres ul li {width: 50%; margin: 0;} #BlocoTres ul li img {width: 100%;} #BlocoTres .ConteudoBloco {padding: 20px 0;} } @media screen and (max-width: 323px) { #LogoMultilaser img {width: 100%;} }