*{font-family: 'Nunito Sans', sans-serif;}
h1{font-family: 'Inter', sans-serif;font-size:22px;}
h2{font-family: 'Inter', sans-serif;font-size:22px;}
h3{font-family: 'Inter', sans-serif;font-size:18px;}
h4{font-family: 'Inter', sans-serif;}
h5{font-family: 'Inter', sans-serif;}
p{font-family: 'Nunito Sans', sans-serif;}
a{font-family: 'Nunito Sans', sans-serif;}
body{overflow-x:hidden;width:100%;margin:0;padding:0;}
.topo{padding:10px;width:60%;float:left;margin-left:20%;box-sizing: border-box;}
.topo a{float:right;text-decoration:none;font-size:12px;color:rgba(0,69,34,1);}
section.centro{width:55%;margin-left:22.5%;padding-top:5px;float:left;}
section.centro p{font-size:16px;text-align:justify;float:left;}
section.centro ul{padding:0}
section.centro ul li a{color:rgba(17,96,191,1);}
section.centro ul li{text-align:justify;float:left;width:100%;}
section.centro h2{width:100%;float:left;}
section.centro h3{width:100%;float:left;margin-bottom:0;}
section.borda{border-bottom:1px solid rgba(204,9,48,1);}
p{font-size:14px;}
header{background:rgba(255,255,255,1);width:100%;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
    transition: all .25s linear;position:relative;}
header figure img#icone-menu{width:45px;top:5px;right:20px;position:absolute;transition: opacity 500ms;opacity:1;display:none;}
header figure img#seta{display:none;transition: opacity 0.5s;opacity: 0;display:none;width:45px;top:5px;right:20px;position:absolute;}

header figure{max-width: 100%; width: 100%; max-height: 100%;position: relative; margin:0;overflow: hidden;box-sizing: border-box;border-top:1px solid rgba(233,233,233,1);border-bottom:1px solid rgba(233,233,233,1);}

header figure figcaption nav img#logo{max-height: 100%;float:left;max-width:100%;width:auto;height:45px;margin-top:20px;margin-left:320px;}
nav{float:left;width:100%;height:70px;}
nav ul#menu{z-index:600;float:left;list-style:none;margin-top:0px;position:relative;display:block;}
nav ul#menu li{float:left;position:relative;box-sizing:border-box;}
nav ul#menu li a{font-size:14px;text-decoration:none;margin:0;display:block;color:rgba(50,50,50,1);padding:25px;}
nav ul#menu a:hover{background:rgba(244,244,244,1);border-bottom:1px solid rgba(0,69,34,1);color:rgba(0,69,34,1);}
nav ul#menu li#orc{display:none;}

.btn-fixed{
  position:fixed;
  bottom:100px;
  right:15px;
  visibility:hidden;
}
.btn-fixed.visible{
  visibility:visible;
}
a.btn-fixed img{width:20px;margin-bottom:-5px;}
a.btn-fixed{font-size:13px;text-decoration:none;color:rgba(255,255,255,1);text-align:center;background:rgba(113,121,137,1);padding-left:10px;padding-right:10px;padding-bottom:5px;}
ul#sub{display:none;position:fixed;width:150px;float:left;background:rgba(240,240,240,1);z-index:50;}
ul#sub li{list-style:none;width:190px;margin-left:-40px !important;float:left;display:block;border-bottom:1px solid #CCC;}
ul#sub li a{color:rgba(0,0,0,1);padding:10px !important;}
ul#sub li a:hover{color:rgba(255,255,255,1);border-bottom:0px solid rgba(0,69,34,1);background:rgba(150,150,150,1);}

ul#sub_m{display:none;position:fixed;width:150px;float:left;background:rgba(240,240,240,1);z-index:50;}
ul#sub_m li{list-style:none;width:190px;margin-left:-40px !important;float:left;display:block;border-bottom:1px solid #CCC;}
ul#sub_m li a{color:rgba(0,0,0,1);padding:10px !important;}
ul#sub_m li a:hover{color:rgba(255,255,255,1);border-bottom:0px solid rgba(0,69,34,1);background:rgba(150,150,150,1);}

ul#sub_h{display:none;position:fixed;width:150px;float:left;background:rgba(240,240,240,1);z-index:50;}
ul#sub_h li{list-style:none;width:190px;margin-left:-40px !important;float:left;display:block;border-bottom:1px solid #CCC;}
ul#sub_h li a{color:rgba(0,0,0,1);padding:10px !important;}
ul#sub_h li a:hover{color:rgba(255,255,255,1);border-bottom:0px solid rgba(0,69,34,1);background:rgba(150,150,150,1);}

ul#sub_r{display:none;position:fixed;width:150px;float:left;background:rgba(240,240,240,1);z-index:50;}
ul#sub_r li{list-style:none;width:190px;margin-left:-40px !important;float:left;display:block;border-bottom:1px solid #CCC;}
ul#sub_r li a{color:rgba(0,0,0,1);padding:10px !important;}
ul#sub_r li a:hover{color:rgba(255,255,255,1);border-bottom:0px solid rgba(0,69,34,1);background:rgba(150,150,150,1);}

a.tabela{font-size:14px;background:rgba(0,69,34,1);color:rgba(255,255,255,1);margin-top:15px;text-decoration:none;padding:10px;display:block;float:right;margin-right:300px;border-radius:5px;font-weight:bold;letter-spacing:1px;}
a.tabela:hover{background:rgba(0,69,34,0.8);transition:0.5s;color:rgba(255,255,255,1);}

.whats{position:absolute;bottom:20px;position:fixed;right:15px;z-index:600;padding:10px;padding-bottom:5px;background:rgba(32,181,88,1);border-radius:40px;-webkit-box-shadow: 7px 5px 5px rgba(50, 50, 50, 0.77);
-moz-box-shadow:7px 5px 5px rgba(50, 50, 50, 0.77);box-shadow:7px 5px 5px rgba(50, 50, 50, 0.77);}
.whats img{height:35px;}
.whats:hover{transition:0.5s;background:rgba(26,145,70,1);}
#msg1 {background: rgba(32,181,88,1);color:rgba(255,255,255,1);position: fixed;width:200px;bottom:40px;right: 90px;font-size:13px;line-height: 13px;padding:8px; border-radius:5px; box-shadow: 2px 2px 3px #000;z-index:900;font-weight:bold;letter-spacing:1px;}

section#cotacao{box-sizing:border-box;margin-top:0px;display:none;}
section#cotacao h2{width:80%;margin-left:10%;margin-bottom:20px;font-size:25px;}
section#cotacao p.tit{width:80%;margin-left:10%;margin-bottom:20px;color:rgba(0,0,0,1);font-size:16px;box-sizing:border-box;margin-top:20px;}
section#cotacao ul li{list-style: none;margin-left:0 !important;font-size:16px;}
section#mail{width:100%;margin:0;float:left;position: relative;}
section#mail ul{width:100%;box-sizing: border-box;padding:0}
section#mail ul li #nome, #email{box-sizing:border-box;margin-left:10%;border-top: 1px solid rgba(0,0,0,0);border-left: 1px solid rgba(0,0,0,0);border-right: 1px solid rgba(0,0,0,0);border-bottom: 1px solid #CCC;-webkit-appearance:none;height:50px;width:80%;float:left;padding-top:5px;padding-bottom: 5px;text-indent:10px;margin-bottom:10px;margin-right:10%;}
section#mail ul li #ddd{box-sizing:border-box; margin-left:10%;border-top: 1px solid rgba(0,0,0,0);border-left: 1px solid rgba(0,0,0,0);border-right: 1px solid rgba(0,0,0,0);border-bottom: 1px solid #CCC;height:50px;width:15%;float:left;list-style: none;padding-top: 5px;padding-bottom: 5px;text-indent: 10px;margin-bottom: 5px;-webkit-appearance:none;}
section#mail ul li #telefone{box-sizing:border-box; border-top: 1px solid rgba(0,0,0,0);border-left: 1px solid rgba(0,0,0,0);border-right: 1px solid rgba(0,0,0,0);border-bottom: 1px solid #CCC;-webkit-appearance:none;width:64%;margin-left:5px;float:left;list-style: none;padding-top: 5px;padding-bottom: 5px;text-indent: 10px;margin-bottom:10px;height:50px;}
section#mail ul li #assunto{box-sizing:border-box;margin-left:10%;border-top: 1px solid rgba(0,0,0,0);border-left: 1px solid rgba(0,0,0,0);border-right: 1px solid rgba(0,0,0,0);border-bottom: 1px solid #CCC;-webkit-appearance:none;width:80%;margin-right:5%;float:left;padding-top: 5px;padding-bottom: 5px;text-indent: 10px;margin-bottom:25px;height:60px;}
section#mail ul li select#assunto {background:rgba(255,255,255,1);}
section#mail ul li #nome:focus{border-bottom:1px solid rgba(0,0,0,1);outline:0;}
section#mail ul li #email:focus{border-bottom:1px solid rgba(0,0,0,1);outline:0;}
section#mail ul li #telefone:focus{border-bottom:1px solid rgba(0,0,0,1);outline:0;}
section#mail ul li #ddd:focus{border-bottom:1px solid rgba(0,0,0,1);outline:0;}
section#mail ul li #assunto:focus{border-bottom:1px solid rgba(0,0,0,1);outline:0;}
section#mail .btn{border-radius:10px;width:40%;margin-left:30%;font-size:16px;background:rgba(0,69,34,1);border:1px solid rgba(0,0,0,0.5);color:rgba(255,255,255,1);padding:10px;border-radius:5px;float:left;margin-bottom:30px;}
section#mail .btn:hover{background:rgba(0,69,34,0.8);transition:0.7s;}

.esconde{display:none;}
.pintado{background:rgba(0,45,89,1);color:#FFF;text-shadow: 1px 1px 2px #000000;}
img.pequeno{height:20px;margin-right:5px;margin-bottom:-3px;}

section#perguntas-frequentes button{background:rgba(255,255,255,1);width:100%;float:left;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #CCC;text-align:left;}
section#perguntas-frequentes h2{float:left;width:100%;font-size:18px;}
section#perguntas-frequentes h2.principal{font-size:20px;}
section#perguntas-frequentes h3{float:left;width:100%;}
section#perguntas-frequentes p{width:100%;float:left}
section#perguntas-frequentes span.sobe{display:block;float:right;font-size:15px;margin-left:5px;}
section#perguntas-frequentes span.desce{display:none;float:right;font-size:15px;margin-left:5px;}
section#perguntas-frequentes div.escondido{display:none;width:100%;float:left;position:relative;}
section#perguntas-frequentes ul{width:100%;float:left;color:rgba(0,0,0,1);font-size:18px;letter-spacing:2px;padding:0}
section#perguntas-frequentes ul li{margin-top:5px;font-size:16px;width:90%;float:left;margin-right:5%;margin-left:5%;}
section#perguntas-frequentes ul li a{color:rgba(255,255,255,1);text-decoration: underline;}

footer{margin:0 auto;clear:both;border-top:1px solid rgba(204,9,48,0.5);text-align: center;position: relative;color:rgba(0,0,0,1);padding-top:20px;}
footer section#r_principal{display:flex;justify-content:space-around;width:100%;padding-bottom:20px;}
footer section.r_bloco{}
footer p.titulo_r{width:100%;float:left;font-size:25px !important;text-align:center;}
footer ul{width:100%;float:left;margin-left:0 !important;padding:0}
footer li{list-style:none;text-align:left;margin-top:3px;width:90%;margin-left:5%;}
footer li a{color:rgba(00,0,1);text-decoration:none;width:}
footer li a:hover{color:rgba(0,0,0,1);}
footer li img#icon{width:20px;float:left;margin-right:5px;}
footer section#copy{width:100%;;background:rgba(235,235,235,1);float:left;}
footer section#copy p{font-size:14px;text-align:center;margin:0;padding:0;color:rgba(0,0,0,1) !important}
section.desenvolvedor{margin-top:-5px;width:100%;float:left;display: block;background:rgba(235,235,235,1);text-align:center;position:relative;box-sizing:border-box;padding-bottom:5px;}
section.desenvolvedor a{bottom:0;color:rgba(0,0,0,1);font-size:13px;text-decoration:none;}
section.desenvolvedor a:hover{text-decoration: none;}

.element {
  display: block;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: element 2s infinite;
        }
.element:hover {
  animation: none;
}      
@-webkit-keyframes element {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 6px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes element {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(26,145,70,0.2);
    box-shadow: 0 0 0 0 rgba(26,145,70,0.2);
  }
  70% {
      -moz-box-shadow: 0 0 0 6px rgba(26,145,70,0.4);
      box-shadow: 0 0 0 6px rgba(26,145,70,0.4);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(26,145,70,0.1);
      box-shadow: 0 0 0 0 rgba(26,145,70,0.1);
  }
}

@media screen and (max-width:1500px ){header figure figcaption nav img#logo{margin-left:25px;margin-right:50px;}section.centro{width:70%;margin-left:15%;}}
@media screen and (max-width:1390px ){a.tabela{margin-right:0;float:left;margin-left:10px;}}
@media screen and (max-width:1200px ){nav ul#menu{margin-right:100px;}section.centro{width:80%;margin-left:10%;}}
@media screen and (max-width:1050px ){
section.centro{width:90%;margin-left:5%;}
}
@media screen and (max-width:1000px ){
section#cotacao h2{margin-left:0;width:100%;margin-right:0;}
section#cotacao p.tit{margin-left:0;width:100%;margin-right:0;}
section#mail ul li #nome, #email{margin-left:0;width:100%;margin-right:0;}
section#mail ul li #ddd{margin-left:0;width:15%;}
section#mail ul li #telefone{width:84%;margin-left:1%;}
section#mail ul li #assunto{margin-left:0;width:100%;margin-right:0;}
section#mail .btn{margin-left:0;width:300px;}
footer section#r_principal{display:block;float:left;}
}
@media screen and (max-width:900px ){
header{position:relative;background:rgba(255,255,255,1);}
a.tabela{display:none;}
nav ul#menu li a:hover{background:rgba(0,0,0,0);}
nav ul#menu li{margin-top:0px;padding:5px;}
nav ul#menu li#orc{display:block;}
  nav ul#menu li a{color:rgba(0,0,0,1);padding:10px;text-shadow: 0 0 0 rgba(0,0,0,0);margin:0 !important;}
  nav ul#menu a:hover{color:rgba(0,0,0,1);transition:0;border-bottom:0px solid rgba(0,69,34,1);}
header figure img#icone-menu{height:auto;display:block;right:40px;margin-top:20px;position:absolute;float:right;}
header figure img#seta{height:auto;display:block;right:40px;margin-top:20px;}
  nav ul#menu{background:rgba(255,255,255,1);float:left;display:none;font-size:17px; width: 100%;margin-top:20px;margin-right:0;}
  nav ul#menu li{z-index:auto;text-align:center;width:100%;margin-left:-45px;font-size:14px;border-top:1px solid rgba(233,233,233,1);float:left;}
  nav ul#menu li:hover{background:0;}
  section.centro{width:90%;margin-left:5%;}
  header figure{border-bottom:0}

ul#sub{position:relative;width:100%;}
ul#sub_m{position:relative;width:100%;}
ul#sub_h{position:relative;width:100%;}
ul#sub_r{position:relative;width:100%;}
}
@media screen and (max-width:600px ){
section#cotacao h2{font-size:22px;}
section#perguntas-frequentes h2.principal{font-size:18px !important;}
section#perguntas-frequentes h2{font-size:17px !important;}
}
@media screen and (max-width:550px ){
footer li{text-align:center;}
footer p.titulo_r{font-size:20px;font-weight:bold;padding-bottom:20px;}
footer li img#icon{width:20px;float:none !important;margin-right:5px;margin-bottom:-5px;}
}
@media screen and (max-width:500px ){
section#mail .btn{width:100%;}
}