*{box-sizing:border-box;font-family: 'Source Serif Pro', serif;}
section#portifolio{width: 100%;margin:0; padding: 0;float:left;position: relative;margin-bottom:20px;}
section#portifolio #direito{width:40%;float:left;position:relative;margin-bottom:20px;}
section#portifolio #esquerdo{width:60%;float:left;position:relative;margin-bottom:20px;}
section#portifolio #esquerdo a{-webkit-box-shadow: 5px 3px 3px rgba(50, 50, 50, 0.77);
        -moz-box-shadow:5px 3px 3px rgba(50, 50, 50, 0.77);
        box-shadow:5px 3px 3px rgba(50, 50, 50, 0.77);float:left;width:500px;margin-left:25%;margin-top:40px;padding:8px;background:rgba(27,132,54,1);color:rgba(255,255,255,1);text-decoration:none;text-align:center;font-size:20px;}
section#portifolio h1{font-size:25px;font-family: 'Merriweather', serif;text-shadow:1px 1px #eee; color:rgba(0,0,0,1);width:100%;background-image:linear-gradient(to top, rgba(240,240,240,1),rgba(220,220,220,1));padding:30px;text-align:center;margin-bottom:20px;}
section#portifolio img.exp{-webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
        -moz-box-shadow:9px 7px 5px rgba(50, 50, 50, 0.77);
        box-shadow:9px 7px 5px rgba(50, 50, 50, 0.77);border:1px solid rgba(200,200,200,1);width:500px;margin-left:10%;}
section#portifolio h3{width:80%;float:left;}
section#portifolio h2{width:80%;float:left;margin-top:15px;}
section#portifolio ul{width:100%;float:left;}
section#portifolio ul li{width:100%;float:left;font-size:20px;}
section#galeria{width:100%;float:left;position:relative;display:block;margin-top:15px;background:rgba(230,230,230,1);}
section#portifolio p{width:80%;padding-top:10px;margin-top:5px;padding-bottom:10px;float:left;text-align:justify;font-size:20px;color:rgba(50,50,50,1);}
section#portifolio address{width:80%;padding-top:10px;margin-top:5px;padding-bottom:10px;float:left;text-align:justify;font-size:20px;color:rgba(50,50,50,1);}
section#galeria h2{text-align:center;color:rgba(255,255,255,1);text-shadow:1px 1px #000;width:100%;padding:10px;background:rgba(50,50,50,1);margin-bottom:15px;font-size:25px;}
section#galeria img{border:1px solid rgba(222,222,222,1);width:100%;height:100%;max-width:100%;max-height:100%;-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;transition: all 0.5s;}
section#galeria img:hover{-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);}
.esconde{display:none;}
.pintado{background: rgba(39,91,138,1); color:#FFF;text-shadow: 1px 1px 2px #000000;}

section.diferenca{width:100%;float:left;position:relative;display:block;color:rgba(80,80,80,1);border-bottom:1px solid rgba(230,230,230,1);padding-bottom:10px;}
section.diferenca h3{width:80%;margin-left:10%;float:left;}
section.diferenca p{width:80%;margin-left:10%;float:left;text-align:justify;}
section.diferenca p#texto{margin-top:25px;}
section.diferenca ul{width:80%;margin-left:10%;float:left;margin-top:20px;margin-bottom:20px;}
section.diferenca ul li{font-size:20px;list-style:circle;}
section.diferenca ul#menu_policarbonato{width:100%;float:left;margin-left:0;}
section.diferenca ul#menu_policarbonato li{list-style:none;width:30%;float:left;text-align:center;padding:10px;border-radius:5px;box-sizing:border-box;margin-left:13.3%;border:2px solid rgba(39,91,138,1);}
section.diferenca a{color:rgba(0,0,0,1);}
section#policarbonato_compacto{float:left;width:100%;padding-bottom:40px;padding-top:30px;background:rgba(39,91,138,1);color:rgba(255,255,255,1);}
section#policarbonato_compacto h4{width:90%;margin-left:5%;float:left;text-align:center;margin-bottom:20px;}
section#policarbonato_alveolar{float:left;width:100%;padding-bottom:40px;padding-top:30px;background:rgba(39,91,138,1);color:rgba(255,255,255,1);}
section#policarbonato_alveolar h4{width:90%;margin-left:5%;float:left;text-align:center;margin-bottom:20px;}

section#galeria ul{width:90%;margin-left:5%;float:left;position:relative;}
section#galeria ul li{overflow: hidden;width:22%;margin-left:2.6%;float:left;list-style:none;height:300px;margin-bottom:20px;position:relative;z-index: 100;display:block;}
section#orcamento{width: 100%;margin:0; padding: 0;float:left;position: relative;background-size:cover;background-image: url("../img/orcamento.jpg");background-repeat: no-repeat;background-attachment: fixed;display:none;}
section#sombra{background:rgba(0,0,0,0.5);width:100%;float:left;}
section#mail{width:100%;float:left;position:relative;margin-bottom:30px;}
section#orcamento li h4{text-align:center;margin-bottom:10px;color:rgba(255,255,255,1);padding-top:20px;}
section#orcamento li p{margin-bottom: 25px;width:50%;text-align:center;margin-left:25%;color:rgba(255,255,255,1);}
section#mail ul{width:50%;margin-left:25%;}
section#orcamento ul li{list-style: none;}
section#mail ul li #nome, #email{width:80%;margin-left:10%;margin-right:5%;float:left;padding-top: 5px;padding-bottom: 5px;font-size:18px;text-indent: 10px;margin-bottom: 5px;}
section#mail ul li #ddd{width:15%;margin-left:10%;float:left;list-style: none;padding-top: 5px;padding-bottom: 5px;font-size:18px;text-indent:10px;margin-bottom:5px;}
section#mail ul li #numero{width:64%;margin-left:1%;margin-right:0%;float:left;padding-top: 5px;padding-bottom: 5px;font-size:18px;text-indent:10px;margin-bottom:5px;}
section#mail ul li #assunto{background:rgba(255,255,255,1);width:80%;margin-left:10%;margin-right:5%;float:left;padding-top: 5px;padding-bottom:5px;font-size:18px;text-indent: 10px;margin-bottom: 5px;}
section#mail ul li #mensagem{height:100px;resize: none;width:80%;margin-left:10%;margin-right:5%;float:left;padding-top: 5px;padding-bottom: 5px;font-size:18px;text-indent: 10px;margin-bottom: 5px;}
section#mail ul li #botao{width:20%;margin-left:40%;height:40px;border-radius:5px;background-image:linear-gradient(to top, rgba(43,98,140,0.7),rgba(43,98,140,1));font-size:18px;color:rgba(255,255,255,1);}
section#mail ul li #botao:hover{transition:0.5s;background-image:linear-gradient(to top, rgba(43,98,140,1),rgba(43,98,140,0.7));}
@media screen and (max-width:1600px ){
section#galeria ul{width:100%;margin-left:0;}
}
@media screen and (max-width:1500px ){
section#galeria ul li{width:30%;margin-left:2.5%;}
}
@media screen and (max-width:1200px ){
section#portifolio img.exp{width:400px;margin-left:10%;}
section#portifolio #esquerdo a{width:400px;margin-left:10%;}
section#portifolio #esquerdo{width:50%;}
section#portifolio #direito{width:50%;}
}
@media screen and (max-width:1050px ){
section#mail ul{width:70%;margin-left:15%;}
section#orcamento li p{width:70%;margin-left:15%;}
}
@media screen and (max-width:1000px ){
section#galeria ul li{width:40%;margin-left:6.6%;}
section.diferenca ul#menu_policarbonato{width:90%;margin-left:5%;}
section.diferenca ul#menu_policarbonato li{width:40%;margin-left:6.6%;font-size:19px;}
}
@media screen and (max-width:950px ){
section#galeria ul li{width:45%;margin-left:3.3%;height:250px;}
section#galeria ul{width:100%;margin-left:0;}
section#portifolio img.exp{width:500px;margin:0 auto;display:block;}
section#portifolio #direito{width:100%;}
section#portifolio #esquerdo{width:100%;}
section#portifolio #esquerdo a{width:50%;margin-left:25%;}
section#portifolio p{margin-left:10%;}
section#portifolio address{margin-left:10%;}
section#portifolio ul{width:80%;margin-left:10%;}
section#portifolio h3{width:80%;margin-left:10%;}
section#portifolio h2{width:80%;margin-left:10%;}
}
@media screen and (max-width:850px ){
section#mail{width:100%;}
}
@media screen and (max-width:700px ){
section#galeria ul li{height:250px;width:50%;margin-left:25%;}
section#galeria img{height:220px;border:0px solid rgba(222,222,222,0);-webkit-box-shadow:9px 7px 5px rgba(50, 50, 50, 0.77);
        -moz-box-shadow:9px 7px 5px rgba(50, 50, 50, 0.77);box-shadow:9px 7px 5px rgba(50, 50, 50, 0.77);}
section#galeria img:hover{-moz-transform: scale(1.0);-webkit-transform: scale(1.0);transform: scale(1.0);}}
@media screen and (max-width:650px ){
section#mail ul{width:90%;margin-left:5%;}
section#orcamento li p{width:90%;margin-left:5%;}
section#galeria ul li{width:100%;margin-left:0;}
section#galeria img{width:300px;margin:0 auto;display:block;}
section#portifolio img.exp{width:400px;}
section#portifolio #esquerdo a{width:70%;margin-left:15%;font-size:18px;}
}
@media screen and (max-width:600px ){
section#portifolio #direita img{width:80%;margin-left:10%;border-radius:0;}
section.diferenca ul#menu_policarbonato li{width:50%;margin-left:25%;margin-bottom:20px;}
section#portifolio h1{font-size:22px;}
}
@media screen and (max-width:500px ){
section#orcamento li h4{width:90%;margin-left:5%;}
section#orcamento li p{text-align:justify;}
section#mail ul li #botao{width:40%;margin-left:30%;}
section.diferenca ul#menu_policarbonato li{width:70%;margin-left:15%;}
section#portifolio p{width:70%;margin-left:15%;}
section#portifolio address{width:70%;margin-left:15%;}
section#portifolio ul{width:70%;margin-left:15%;}
section#portifolio img.exp{width:70%;margin-left:15%;}
section#portifolio h3{margin-left:15%;width:70%;}
section#portifolio h2{margin-left:15%;width:70%;}
section.diferenca h3{width:70%;margin-left:15%;}
section.diferenca p{width:70%;margin-left:15%;}
section.diferenca ul{width:70%;margin-left:15%}
section#policarbonato_compacto h4{width:70%;margin-left:15%;}
section#portifolio h1{font-size:18px;padding:20px;}
section#galeria h2{font-size:20px;}
}
@media screen and (max-width:450px ){
section#portifolio #esquerdo a{width:80%;margin-left:10%;font-size:17px;}
}
@media screen and (max-width:420px ){
section#orcamento ul li #nome, #email{width:90%;margin-left:5%;}
section#orcamento ul li #assunto{width:90%;margin-left:5%;}
section#orcamento ul li #ddd{width:25%;margin-left:5%;}
section#orcamento ul li #numero{width:64%;margin-left:5px;}
section#orcamento ul li #mensagem{width:90%;margin-left:5%;}
section#mail ul{width:100%;margin-left:0;}
section.diferenca ul#menu_policarbonato li{width:80%;margin-left:10%;}
}