*{margin:0; padding:0; border:0;}
body{ background-color: #FFFFFF; width: 100%; height: auto;}

/* GERAIS */
a:link, a:visited, a:hover{ color:#FFFFFF; text-decoration:none;}
.clearfix:before, .clearfix:after,.clearfix2:before, .clearfix2:after { display: table; content: " "; min-height: 0px !important; margin: 0px !important; }
.clearfix:after, .clearfix2:after { clear: both; float: none; height: 0px !important; min-height: 0px !important; margin: 0px !important;  }
#wrap{ margin-top: 0px; width:100%; height: auto;}
.util{ width:1000px; height:auto; margin:0 auto;}
.util2{ width:1000px; height:auto; margin:0 auto;}
#mapalocal { width:100%; height:250px; margin:15px 0px; display:none; }

	.carregando{ left:0;top:0; position:fixed;z-index:5000000; background: rgba(72,92,32,0.55);width:100% !important;height:100% !important;}
	.sk-folding-cube {
	  top: 50%;
	  left: 50%;
	  margin-top: -20px;
	  margin-left: -20px;
	  width: 40px;
	  height: 40px;
	  position: fixed;
	  -webkit-transform: rotateZ(45deg);
	          transform: rotateZ(45deg);
	}

	.sk-folding-cube .sk-cube {
	  float: left;
	  width: 50%;
	  height: 50%;
	  position: relative;
	  -webkit-transform: scale(1.1);
	      -ms-transform: scale(1.1);
	          transform: scale(1.1); 
	}
	.sk-folding-cube .sk-cube:before {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(106,136,48,0.55);;
	  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	          animation: sk-foldCubeAngle 2.4s infinite linear both;
	  -webkit-transform-origin: 100% 100%;
	      -ms-transform-origin: 100% 100%;
	          transform-origin: 100% 100%;
	}
	.sk-folding-cube .sk-cube2 {
	  -webkit-transform: scale(1.1) rotateZ(90deg);
	          transform: scale(1.1) rotateZ(90deg);
	}
	.sk-folding-cube .sk-cube3 {
	  -webkit-transform: scale(1.1) rotateZ(180deg);
	          transform: scale(1.1) rotateZ(180deg);
	}
	.sk-folding-cube .sk-cube4 {
	  -webkit-transform: scale(1.1) rotateZ(270deg);
	          transform: scale(1.1) rotateZ(270deg);
	}
	.sk-folding-cube .sk-cube2:before {
	  -webkit-animation-delay: 0.3s;
	          animation-delay: 0.3s;
	}
	.sk-folding-cube .sk-cube3:before {
	  -webkit-animation-delay: 0.6s;
	          animation-delay: 0.6s; 
	}
	.sk-folding-cube .sk-cube4:before {
	  -webkit-animation-delay: 0.9s;
	          animation-delay: 0.9s;
	}

.titulo{font-family: 'Roboto'; font-size: 28px; color: #6A8830; text-align: center; line-height: 120px; letter-spacing: 0px; height: 120px;}
.titulo2{font-family: 'Roboto'; font-size: 18px; color: #6A8830; text-align: center; line-height: 120px; letter-spacing: 0px; float: left; width: 500px; height: 100px;}
.titulo3{font-family: 'Roboto'; font-size: 28px; color: #6A8830; text-align: center; line-height: 120px; letter-spacing: 0px; float: left; width: 500px; height: 100px; /*margin-left: 200px*/;}
.titulo4{font-family: 'Roboto'; font-size: 28px; color: #6A8830; text-align: center; line-height: 120px; letter-spacing: 0px; float: right; text-align: right; width: 500px; height: 100px; /*margin-right: 200px;*/}
.titulo5{font-family: 'Roboto'; font-size: 24px; color: #6A8830; text-align: center; line-height: 120px; letter-spacing: 0px; height: 120px;}
.titulo6{font-family: 'Roboto'; font-size: 24px; color: #6A8830; text-align: center; line-height: 30px; letter-spacing: 0px; height: auto; padding:40px 0px 5px 0px; }
.titulo6 span { text-transform: uppercase; }
.titulo6 p { font-size:14px; font-weight:300; }
.icone{width: 28px; height: 28px; float: right; margin-top: 35px; cursor: pointer;}
.txt20{ width: 50%;font-family: 'Roboto'; color: #FFFFFF; font-size: 16px; text-align: center;}
.txt2{font-family: 'Roboto'; color: #FFFFFF; font-size: 16px; text-align: center;}
.txt2 a {font-family: 'Roboto'; text-decoration:underline; color: #FFFFFF; font-size: 16px; text-align: center;}
#clientes, #cases, #instagram, #contato, #blog{padding-bottom: 60px;}
.animacao{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.recuo { display:none; height:110px; background-color:#F0F0F0; }
.pulse { -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; }
/* GERAIS */

/* MSG */
#msgalerta{width:100%; height:130px; text-align: center; font-family: 'Roboto'; font-size: 24px; letter-spacing: -1px; color:#000000; overflow:hidden;}
#msgalerta img{padding:14px;}
#tmsg{margin-top:-5px;}
/*MSG*/
/* SCROLL TOP */
#btn-dinamic {overflow: hidden; width: auto; z-index: 5000; position: fixed; bottom: 20px; left: 20px; top: auto; cursor:pointer;}
#btn-dinamic span { display: block; overflow: hidden; width: 35px; height: 35px; border: 2px #ffffff solid; background: url(../imagens/seta.png) no-repeat center center; background-color: #6A8830; margin-right: 15px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
/* SCROLL TOP */

/*TOPO*/
.topo{	width: 2000px; height: 90px; background-color: #FFFFFF; opacity: 1 ; top: 0px; left: 50%; margin-left: -1000px; position: fixed; z-index: 1999;  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); }
.logomarca_templateb{width: 250px; height: 90px; background: url(../area/img/cust_geral/palamad-joinville-60dbf589ce677.jpg) no-repeat; top: 0px; position:fixed; background-size: auto 90px; opacity:1; z-index: 2001; cursor: pointer; }
.logomarca_template{width: 250px; height: 90px; background: url(../area/img/cust_geral/palamad-joinville-60dbf589ce677.jpg) no-repeat; top: 0px; position:fixed; background-size: auto 90px; opacity:1; z-index: 2001; cursor: pointer; }
ul.menu{width: 1000px; height: 90px; z-index: 2000; top: 0px; position:fixed; opacity:1;   }
	ul.menu li{list-style: none; letter-spacing:1px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid rgba(51,51,51,0.3); background-color: rgba(106,136,48,0); float: right; font-family: 'Roboto'; font-size: 14px; color: #333333; font-weight: 400; line-height: 30px; padding: 0px 12px; cursor: pointer; margin: 30px 3px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
	ul.menu li.ativo, ul.menu li:hover { border: 1px solid rgba(51,51,51,1); color: #333333; background-color: rgba(106,136,48,1); }
ul.menu a li.destacarF, ul.menu li.destacarF { border: 1px solid rgba(129,183,26,0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; list-style: none; float: right; font-family: 'Roboto'; font-size: 14px; color: #FFFFFF; font-weight: 600; line-height: 40px; margin:25px 0px 25px 1px; padding: 0px 15px 0px 30px; cursor: pointer; margin-right: 1px; background: #81B71A url(../imagens/fone.png) no-repeat 10px 13px;}
ul.menu a li.destacarW, ul.menu li.destacarW { border: 1px solid rgba(129,183,26,0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; list-style: none; float: right; font-family: 'Roboto'; font-size: 14px; color: #FFFFFF; font-weight: 600; line-height: 40px; margin:25px 0px 25px 1px; padding: 0px 15px 0px 30px; cursor: pointer; margin-right: 1px; background-color: #81B71A; background-image: url(../imagens/whats.png); background-repeat:no-repeat; background-position: 8px 12px; background-size: 16px auto;}
ul.menu a li.destacarF, ul.menu li.destacarF:hover, ul.menu a li.destacarF { border: 1px solid rgba(129,183,26,1); }
/*TOPO*/

/*TOPO CELL*/
.topo2 { width: 100%; height: 90px; background-color: #FFFFFF; opacity: 1 ; position: fixed; z-index: 2001; display: none;   -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); }
.topo2 .iconemenu { width: 38px; height: 34px; background:#6A8830 url(../imagens/menucell.png) no-repeat; float: right; margin-top: 28px; cursor: pointer; }
.topo2 .iconemenu:hover { background:#6A8830 url(../imagens/menuativo.png) no-repeat; }
.topo2 .logomarca_template { width: 180px; height: 90px; background: url(../area/img/cust_geral/palamad-joinville-60dbf589ce677.jpg) no-repeat; float: left; margin: 0px; cursor: pointer;}
.topo2 ul.menu2 { width: 100%; height: auto; float: right; display: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0px 3px 3px 0px rgba(54,153,255, 0.1); -moz-box-shadow: 0px 3px 3px 0px rgba(54,153,255, 0.1); box-shadow: 0px 3px 3px 0px rgba(54,153,255, 0.1); }
.topo2 ul.menu2 li { background-color: #333333; border-top: 1px solid #FFFFFF; list-style: none; font-family: 'Roboto'; font-size: 24px; letter-spacing:2px; color: #FFFFFF; text-align: center; font-weight: normal; line-height: 35px; padding: 0px 0px; cursor: pointer; margin-right: 1px; width:100%; }
/*TOPO CELL*/

/*MAPA DO SITE*/
.mapadosite { width: 100%; height: auto; background-color: #333333; position: relative; clear: both; text-align: center; }
.mapadosite .bloco { width: 230px; height: auto; display:inline-block; margin: 15px 10px; }
.mapadosite .bloco .titulo { width: 100%; height: auto; clear: both; line-height:50px; text-align: left; color: #0d253b; font-family: 'Roboto'; font-size: 18px; color: #FFFFFF; font-weight: 400; text-transform: uppercase; font-style: normal; }
.mapadosite .bloco li { list-style-type:none; width: 100%; float: left; text-align: left; font-family: 'Roboto'; font-size: 16px; line-height: auto; color: #FFFFFF; font-weight: 400; }

/*RODAPE*/
.rodape{width: 100%; min-height: 120px; height: auto; background-color: #6A8830; bottom: 0px; left: 0px; position: relative; z-index: 2000; display: inline-block; padding-bottom: 16px;}
.rodape .info{float: left; margin: 0px;}
.rodape .info .fone_contato{font-family: 'Roboto'; font-size: 24px; color: #FFFFFF; font-weight: 400; letter-spacing: -1px;}
.rodape .info p{font-family: 'Roboto'; color: #FFFFFF; font-weight: 400; letter-spacing: 0px;}
.rodape .redes{width: auto; float: left; margin: 0 auto; position: absolute; left: 50%; }
.rodape .redes li{ list-style-type:none; background-size: 20px 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 28px; height: 28px; float: left; margin: 46px 5px;}
.rodape .logodireitos {width: 100px; height: 100px; background: url(https://marraweb.com.br/logo/marra-formiga.gif) no-repeat center center; float: right; margin: 10px 0px;}
.rodape .logodireitos :hover{margin-right: -5px;}
.rodape .logodireitos .chama { position:absolute; width:100px; height:auto; text-align:center; font-family: 'Roboto'; font-size: 10px; color: #FFFFFF; font-weight: normal; padding-top:5px; }
.direitos{width: 100%; height: 50px; background-color:#333333; }
.direitos p{font-family: 'Roboto'; font-size: 14px; color: #FFFFFF; font-weight: 400; text-align: center; line-height: 50px; }
#mascara-c {width: 100%; height: 290px; position: absolute; display: block; background: url(../imagens/loading.gif) no-repeat center center #e6e6e6; z-index: 100; margin-top: 90px;}

/* POPUP */
#fechar { z-index:100002; position:fixed; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #d5d5d5; overflow: hidden; }
#mascara { position:fixed; width:100%; min-height: 100%; left: 0; top: 0; z-index:100001; background-color: #81B71A; opacity: 0.63; }
/*RODAPE*/

@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5); -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5); box-shadow: 0 0 0 0 rgba(0,0,0, 0.5); }
  70% { -webkit-box-shadow: 0 0 0 15px rgba(0,0,0, 0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}

@keyframes move {
  0% {left: 0%;}
  75% {left:100%;}
  100% {left:100%;}
}
@-webkit-keyframes move {
  0% {left: 0%;}
  75% {left:100%;}
  100% {left:100%;}
}

@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}

@media screen and (max-width: 1020px) {
	.organiza-paginas { display:inherit !important; }
	.util{ width: 94%; padding-left: 3%; padding-right: 3%; }
	.topo,
	.logomarca_template,
	ul.menu {display: none; width: 0px; height: 0px; top: 0; left: 0; overflow: hidden;  }
	.topo2 .logomarca_template,
	.logomarca_templateb { display: block; width: 250px; height: 90px; background-image: url(../area/img/cust_geral/palamad-joinville-60dbf589ce677.jpg); background-repeat: no-repeat; background-position: center center; background-size: auto; float: left; margin: 0px 0px 0px 10px; cursor: pointer; z-index:2002; left:inherit; margin-left: inherit; }
	.topo2{display: block;  }
	.recuo { height: 90px; }
	.topo { width: 100% !important; }
	.topo2 ul.menu2 { margin-top:28px; }
	.txt20 { width: 100% !important; text-align: center !important; }
}
@media screen and (max-width: 980px) {
	.titulo3{width: auto;}
	.titulo4{width: auto;}
}
@media screen and (max-width: 700px) {
	<!-- .util{width: 94%; margin: 0 3%;} -->
	.rodape{min-height: 200px;}
	.rodape .redes{ margin-top: 116px; position: relative; }

	.mapadosite .bloco .titulo { padding: 15px 0px 5px 0px }
	.mapadosite, .mapadosite .bloco .titulo, .mapadosite .bloco li { text-align: center; }
	.mapadosite .bloco { width: 100%; margin: 15px 0px; height: auto; float: none; display: inline; text-align: center; } 

}
@media screen and (max-width: 640px) {
	#mascara, #fechar, #pop, #pop img { width: 0px !important; height: 1px !important; top: 0 !important; left: 0 !important; overflow: hidden !important; }
	<!-- .util{width: 500px;} -->
	.titulo2{font-family: 'Roboto'; font-size: 30px; color: #0c67b6; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; float: left; width: 100%; height: 100px;}
	.rodape .logodireitos {width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; position:absolute; bottom: -47px; left:0px; margin: 0px 0px;}
	.rodape .info,
	.rodape .info .fone_contato,
	.rodape .info p { width:100%; text-align:center; left: 0px; }
	.direitos{width: auto; margin: 0px; padding-left:60px; } 
	.direitos p { text-align:left; }
	.rodape .logodireitos .chama { display:none; }
	#btn-dinamic { width:0px; height:0px; }
}
@media screen and (max-width: 480px) {
	<!-- .util{width: 300px; margin: 0 auto; } -->
	.titulo2{font-family: 'Roboto'; font-size: 30px; color: #0c67b6; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; float: left; height: 100px;}
	.titulo3{width: 85%; float: left; text-align: left;}
	.titulo4{display: none;}
	.rodape .info{margin: 15px 0px; width: 100%; text-align: left; position:absolute; left:0px;}
	.rodape .redes img{margin: 30px 5px 0px 5px;}
}
@media screen and (max-width: 360px) {
	<!-- .util{width: 300px; margin: 0 auto; } -->
	.titulo2{font-family: 'Roboto'; font-size: 30px; color: #0c67b6; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; float: left; height: 100px;}
	.titulo3{width: 85%; float: left; text-align: left;}
	.titulo4{display: none;}
	.rodape .info{margin: 15px 0px; width: 100%; text-align: left; position:absolute;}
	.rodape .redes img{margin: 30px 5px 0px 5px;}
}

/* */

.hide {
    display: none !important;
}

/* Pg Tags */

#corpo_tag {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    margin-top: 160px;
}

#corpo_tag h1 {
    color: #303030;
    text-align: center;
}

#corpo_tag h2 {
    color: #404040;
    font-size: 22px;
    text-align: center;
}

#corpo_tag h3 {
    color: #333333;
}

#corpo_tag h4 {
    color: #505050;
    text-align: center;
}

#corpo_tag p {
    color: #353535;
    margin-bottom: 30px;
}

#tabela_tags img {
    margin: 40px 5px;
    box-shadow: 0px 0px 4px 1px #00000021;
    border: 4px solid #ffffff;
    max-width: 312px;
}