body {padding:0; margin:0; line-height:28px; overflow-x:hidden; font-family:'Libre Franklin'; color:#666; font-size:16px}

body a {color:inherit !important; text-decoration:none}

.clear {clear:both;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 0.4; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
	opacity: 0.4;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
	opacity: 0.4;
}

h1,h2,h3 {padding:0; margin:0; font-weight:normal}

input, textarea, select {outline:none; font-family:'Libre Franklin'; color:#666; font-size:14px; box-sizing: border-box;}

@media only screen and (min-width: 1025px) {

#whatsapp_responsivo {display:none;}	
#fix_responsivo {width:0; height:0; display:none;}
#header_responsivo {display:none}

#sobe {background-image:url(../Imagens/icone_seta_cima.png); background-position:center center; background-repeat:no-repeat; background-color:#7d8c94; position:fixed; z-index:999; width:50px; height:50px; background-size:60%; bottom:-100px; right:15px; cursor:pointer; transition:0.3s}
#sobe:hover {background-color:#666}

#fix {width:100%; height:110px; display:none;}

#whatsapp {width:220px; height:60px; line-height:normal; border-top-left-radius:50px; border-bottom-left-radius:50px; overflow:hidden; background:#00d4a2; color:#fff; position:fixed; z-index:999; top:220px; margin-top:-30px; right:-150px; transition:all 0.3s; cursor:pointer;}
#whatsapp .icone {width:64px; height:60px; margin-left:5px; display:inline-block; vertical-align:middle; background:url(../Imagens/icone_whatsapp.png) center center no-repeat; background-size:50%;}
#whatsapp span {display:inline-block; vertical-align:middle}
#whatsapp strong {display:block; font-size:16px}
#whatsapp:hover {right:0;}

#top {width:100%; min-width:1200; background:#fff}
#top .area {width:1200px; height:50px; line-height:50px; font-size:14px; margin:0 auto; border-bottom:1px solid #eee;}
#top .area span {display:inline-block; width:1px; height:10px; background:rgba(0,0,0,0.2); margin:0 8px}
#top .area .redes_sociais {float:right; text-align:right;}
#top .area .redes_sociais img {width:auto; height:20px; opacity:0.4}
#top .area .redes_sociais a:last-of-type img {height:18px;}
#top .area .redes_sociais a {display:inline-block; vertical-align:middle; margin:-2px 0 0 10px}
#top .area .redes_sociais a:last-of-type { margin:-2px 0 0 16px}

#header {width:100%; min-width:1200px; background:#fff; position:relative; z-index:999; box-shadow:0px 20px 30px rgba(0,0,0,0.05);}
#header.sombra {box-shadow:0px 15px 30px rgba(0,0,0,0.05);}
#header .area {width:1200px; margin:0 auto; position:relative}
#header .area .logomarca {width:170px; height:70px; background:url(../Imagens/logomarca.png) left bottom no-repeat; background-size:contain; position:absolute; bottom:20px; left:0; transition:all 0.3s}
#header .area .menu {float:right; text-align:right}
#header .area .menu ul {margin:0; padding:0; font-size:0; list-style:none}
#header .area .menu li {display:inline-block; height:110px; line-height:110px; color:#999; font-size:15px; font-weight:700; padding:0 22px; transition:all 0.3s; position:relative}
#header .area .menu li:hover {color:#666}
#header .area .menu li.ativo {color:#666}
#header .area .menu li .underline {width:0; left:50%; margin-left:-0%; height:5px; background:#022D72; position:absolute; bottom:0; transition:all 0.3s}
#header .area .menu li:hover .underline {width:100%; margin-left:-50%}
#header .area .menu li.ativo .underline {width:100%; margin-left:-50%}

#header .area .menu li:hover ul {opacity:1; visibility:visible; top:100%}
#header .area .menu li ul {position:absolute; width:100%; left:0; top:calc(100% + 40px); padding:15px 0; text-align:left; box-shadow:0 10px 30px 15px rgba(0,0,0,0.05); background:#fff; opacity:0; visibility:hidden; transition:all 0.3s}
#header .area .menu li ul li {font-weight:normal; height:auto; color:#666; text-transform:none; margin:0; font-size:14px; padding:10px 20px; line-height:20px; display:block; transition:all 0.3s}
#header .area .menu li ul li:hover {background:#022D72; color:#fff}

#banner {position:relative; z-index:0; width:100%; height:500px; overflow: hidden;}
#banner .opacidade {position:absolute; z-index:9; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); width:100%; height:100%; pointer-events:none}
#banner .area_txt {position:absolute; z-index:91; text-align:center; display:table; top:80px; width:100%; height:300px;}
#banner .area_txt .txt {display:table-cell; padding:0 80px; line-height:80px; font-family:'Oswald'; font-size:64px; font-weight:300; text-transform:uppercase; color:#fff; vertical-align:middle}

#conteudo {width:100%; min-width:1200px;}

.miolo {width:1200px; margin:50px auto; text-align:justify;}

.titulo_chamada {font-size:40px; font-weight:200; line-height:50px; margin-bottom:40px; color:#000;}
.center {text-align:center}

.titulo_pagina {text-align:center; font-size:50px; font-weight:200; color:#fff; padding:100px 0; position:relative; text-transform:uppercase;}

.subtitulo_pagina {font-size:26px; font-weight:200; line-height:30px; margin-bottom:30px; color:#000;}
.subtitulo_pagina.meio {margin-top:40px;}

.bt_mais {display:table; padding:15px 40px; margin:30px 0 0; border:2px solid #022D72; background:#022D72; color:#fff; font-weight:700; transition:all 0.3s}
.bt_mais:hover {background:none; color:#022D72}

#introducao {width:100%; min-width:1200px; margin:80px auto; position:relative}
#introducao .col_img {width:50%; top:0; bottom:0; left:0; position:absolute;}
#introducao .col_txt {width:calc(50% - 160px); padding:80px; float:right}

#diferenciais {width:100%; background:#f5f5f5; min-width:1200px; padding:60px 0; text-align:center;}
#diferenciais .area {width:1200px; margin:0 auto;}
#diferenciais .area .txt {display:block; margin:0 auto 50px; width:800px; text-align:center}
#diferenciais .area .diferencial {float:left; width:276px; margin:0 30px 0 0; text-align:center;}
#diferenciais .area .diferencial:last-of-type {margin:0}
#diferenciais .area .diferencial .icone {width:130px; height:130px; border-radius:100px; display:inline-block; transition:all 0.3s; background-color:#022D72;}
#diferenciais .area .diferencial .icone i {font-size:50px; color:#fff; text-align:center; line-height:130px;}
#diferenciais .area .diferencial .titulo {margin:30px 0 20px; font-size:22px; line-height:28px; font-weight:700; color:#4d4d4d}

#produtos {width:1200px; margin:60px auto 90px;}
#produtos .txt {display:block; margin:0 auto 50px; width:800px; text-align:center}
#produtos .seta_esq {width:60px; height:300px; position:absolute; left:-60px; top:-1px; z-index:9; background:url(../Imagens/seta_esq.png) center center no-repeat; background-size:90%; cursor:pointer}
#produtos .seta_dir {width:60px; height:300px; position:absolute; right:-60px; top:0; z-index:9; background:url(../Imagens/seta_dir.png) center center no-repeat; background-size:90%; cursor:pointer}
#produtos .slider {width:100%; margin:0 auto; text-align:center; font-size:0;}
#produtos .slider a {outline:none}
#produtos .produto {width:260px; height:350px; position:relative; margin:0 25px; outline:none !important; cursor:pointer}
#produtos.pg {width:100%; margin:0; text-align:left;}
#produtos.pg .produto {margin:0; height:350px;}
#produtos.pg a {float:left; margin:20px 53px 0 0;}
#produtos.pg a:nth-of-type(4n) {margin:20px 0 0;}
#produtos .produto .img {width:260px; height:240px; position:relative; overflow:hidden;}
#produtos .produto .titulo {margin:15px 0 0; font-size:26px; line-height:32px; font-weight:200; text-align:center}

#chamada {width:100%; min-width:1200px; color:#fff; text-align:center; padding:80px 0;}
#chamada .titulo_chamada {color:#fff;}
#chamada .txt {width:700px; margin:0 auto; display:block; text-align:center;}
#chamada .numeros {margin:20px auto 0; display:table;}
#chamada .numeros .numero {width:250px; float:left; line-height:38px; margin:0 50px 0 0; font-family:'Oswald'; font-size:32px; font-weight:200; text-transform:uppercase}
#chamada .numeros .numero:last-of-type {margin:0}
#chamada .numeros .numero .qtd {display:block; font-weight:500; font-size:50px; margin:18px 0 20px; color:#999}

#portfolio {width:1200px; margin:0 auto; padding:60px 0; text-align:center}
#portfolio.pg {width:auto; padding:0; text-align:justify}
#portfolio .titulo_chamada {margin-bottom:50px}
#portfolio .projeto {width:262.5px; text-align:left;}
#portfolio a {float:left; margin:10px 50px 0 0;}
#portfolio a:last-of-type {margin:10px 0 0}
#portfolio .projeto .area_img {width:262.5px; height:190px; position:relative; overflow:hidden;}
#portfolio .projeto .area_img .img {position:absolute; top:0; bottom:0; left:0; right:0; transition:all 0.3s}
#portfolio .projeto .titulo {margin:20px 0; font-size:26px; line-height:30px; font-weight:200; color:#666}
#portfolio .projeto:hover .img {top:-15px; bottom:-15px; left:-15px; right:-15px;}

#galeria {margin:40px 0 0}
#galeria .img {width:182.5px; height:150px;}
#galeria a {float:left; margin:0 21px 21px 0}
#galeria a:nth-of-type(6n) {margin:0 0 21px 0}

#videos .video {float:left; width:360px; height:300px; margin-right:60px}
#videos .video iframe {width:100%; height:200px;}
#videos .video .titulo_video {margin-top:20px; font-size:20px; line-height:28px; text-align:left;} 
#videos .video:nth-of-type(3n) {margin:0}

.guia {height:50px; line-height:50px; border-bottom:1px solid #eee;}
.guia a:hover {text-decoration:underline}
.guia span {display:inline-block; width:1px; height:10px; background:#999; margin:0 5px}

#detalhes {margin-top:50px;}
#detalhes .col_galeria {float:left; width:500px;}
#detalhes .col_galeria .img {width:500px; height:400px; background-position:center center; background-repeat:no-repeat; background-size:contain}
#detalhes .col_galeria .miniaturas {text-align:center; margin-top:20px; font-size:0;}
#detalhes .col_galeria .miniaturas .miniatura {display:inline-block; vertical-align:top; width:80px; height:80px; background-position:center center; background-repeat:no-repeat; background-size:80%; border:1px solid #ddd; margin:10px 5px 0; transition:all 0.3s; cursor:pointer}
#detalhes .col_galeria .miniaturas .miniatura:hover {border-color:#022D72}
#detalhes .col_galeria .miniaturas .miniatura.ativo {border-color:#022D72}
#detalhes .col_info {float:right; width:560px;}
#detalhes .col_info .titulo {font-size:26px; line-height:32px; text-align:left}
#detalhes .col_info .codigo {font-size:12px; margin:5px 0 0;}
#detalhes .col_info .descricao {padding:20px 0 0; margin:30px 0 0; border-top:1px solid #eee}

.compartilhar {margin:40px 0 0; padding:28px 0 20px; border-top:1px solid #eee; text-align:right;}
.compartilhar.artigo {margin:30px 0 0;}
.compartilhar span {display:inline-block; vertical-align:middle; color:#999; font-weight:900; margin:0 10px 0 0}
.compartilhar .icone {width:40px; height:40px; background-color:#ccc; background-position:center center; background-repeat:no-repeat; transition:all 0.3s}
.compartilhar .icone:hover {background-color:#999}
.compartilhar a {display:inline-block !important; vertical-align:middle !important; margin:0 3px}

.mapa iframe {width:100% !important; height:400px !important;}

#fale_conosco .col_info {float:left; width:400px;}
#fale_conosco .col_info .subtitulo_pagina {font-size:30px;}
#fale_conosco .col_info strong {display:table}
#fale_conosco .col_info a.mail {display:table; margin-top:10px;}
#fale_conosco .col_info a:hover {text-decoration:underline}
#fale_conosco .col_form {float:right; width:700px; border:1px solid #eee; padding:20px;}
#fale_conosco .col_form .titulo_campo {font-size:14px; margin-bottom:5px;}
#fale_conosco .col_form input[type="text"] {width:100%; padding:0 10px; height:40px; line-height:40px; background:#f9f9f9; border:1px solid #eee; margin-bottom:10px;}
#fale_conosco .col_form textarea {width:100%; padding:10px; height:130px; background:#f9f9f9; border:1px solid #eee;}
#fale_conosco .col_form .bt_enviar {height:38px; line-height:38px; margin:20px 0 0; text-align:center; font-weight:700; border:2px solid #022D72; background:#022D72; color:#fff; cursor:pointer; transition:all 0.3s}
#fale_conosco .col_form .bt_enviar:hover {background:none; color:#022D72}

#rodape {width:100%; padding:80px 0; background:#1f2024; font-size:15px; line-height:24px;}
#rodape .area {width:1200px; margin:0 auto}
#rodape .area .col {display:inline-block; vertical-align:top; padding-right:50px;}
#rodape .area .col:last-of-type{padding:0}
#rodape .area .col .titulo {font-size:18px; color:#878792; margin-bottom:20px;}
#rodape .area .col ul {margin:0; padding:0; list-style:none;}
#rodape .area .col li {color:#fff; margin-bottom:10px; transition:all 0.3s; cursor:pointer;}
#rodape .area .col li:hover {color:#878792}
#rodape .area .col .endereco {margin-top:10px; display:block !important}
#rodape .area .col .redes_sociais {margin-top:20px}
#rodape .area .col .redes_sociais .icone {display:inline-block; width:40px; height:40px; background-color:#878792; background-position:center center; background-repeat:no-repeat; margin-right:10px; vertical-align:top; transition:all 0.3s}
#rodape .area .col .redes_sociais .icone:hover {background-color:#666}
#rodape .area .col .cartoes {color:#fff;}
#rodape .area .col .cartoes span {display:block;}
#rodape .area .col .cartoes .cartao {display:block; width:50px; height:50px; float:left; margin:0 15px 0 0}
#rodape .area .col .info {margin-bottom:10px;}
#rodape .area .col .cor, a.cor {color:#fff !important; display:inline-block; transition:all 0.3s}
#rodape .area .col a.cor:hover {color:#878792 !important}
#rodape .area .col .atendimento {color:#fff;}
#rodape .area .col .atendimento strong {color:#666;}
#rodape .area .col br.tel {display:none}

#assinatura {width:1200px; margin:0 auto; line-height:60px; font-size:15px; text-align:right;}
#assinatura br {display:none}
#assinatura .direitos {float:left;}

}

@media only screen and (max-width: 1024px) {

#sobe {display:none;}
#fix {width:0; height:0; display:none;}
#whatsapp {display:none;}
#top {display:none;}
#header {display:none;}

#whatsapp_responsivo {position:fixed; z-index:999; height:50px; width:50px; text-align:center; border-radius:100px; background:url(../Imagens/icone_whatsapp.png) center center no-repeat #0C9; background-size:45%; bottom:20px; right:20px; box-shadow:0 0 20px 6px rgba(0,0,0,0.1)}

#fix_responsivo {width:100%; height:80px;}

#header_responsivo {position:fixed; top:0; z-index:999; width:100%; max-height:100%; overflow-y:auto; background:#fff; box-shadow:0px 15px 15px rgba(0,0,0,0.05);}
#header_responsivo .area {padding:0 15px;}
#header_responsivo .area .logomarca {width:120px; height:50px; background:url(../Imagens/logomarca.png) left center no-repeat; background-size:contain; float:left; margin:15px 0}
#header_responsivo .area .bt_menu_responsivo {width:50px; height:50px; margin:15px 0 0; float:right; background:url(../Imagens/icone_menu_responsivo.png) center center no-repeat; background-size:60%;}
#header_responsivo ul {padding:0; display:none; list-style:none; margin:0; background:#022D72;}
#header_responsivo li {min-height:34px; border-bottom:1px solid rgba(255,255,255,0.09); font-weight:700; font-size:15px; text-align:center; color:#fff;}
#header_responsivo li span {margin:16px; display:inline-block;}
#header_responsivo a:last-of-type li {border:none}
#header_responsivo li ul {background:#fff;}
#header_responsivo li ul li {border-bottom:1px solid rgba(0,0,0,0.1); letter-spacing:normal; font-weight:normal; line-height:64px; color:#666;}

#banner {position:relative; width:100%; height:220px; overflow: hidden;}
#banner .opacidade {position:absolute; z-index:9; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); width:100%; height:100%; pointer-events:none}
#banner .area_txt {position:absolute; z-index:9; text-align:center; display:table; width:100%; height:100%;}
#banner .area_txt .txt {display:table-cell; padding:0 20px; line-height:35px; font-family:'Oswald'; font-weight:300; font-size:30px; color:#fff; vertical-align:middle}
banner .area_txt .txt br {display:none;}

#conteudo {width:100%;}

.miolo {margin:30px 20px;}

.titulo_chamada {font-size:28px; font-weight:200; line-height:36px; margin-bottom:30px; color:#000;}
.center {text-align:center}

.titulo_pagina {text-align:center; font-size:34px; line-height:40px; font-weight:200; color:#fff; padding:60px 20px; position:relative; text-transform:uppercase;}

.subtitulo_pagina {font-size:22px; font-weight:200; line-height:30px; margin-bottom:20px; color:#000;}
.subtitulo_pagina.meio {margin-top:30px;}

.bt_mais {display:table; padding:15px 40px; margin:30px auto 0; border:2px solid #022D72; background:#022D72; color:#fff; font-weight:700; transition:all 0.3s}
.bt_mais:hover {background:none; color:#022D72}

#introducao {margin:30px 20px; text-align:center;}
#introducao .col_img {width:100%; max-width:400px; padding-bottom:80%; margin:40px auto;}

#diferenciais {background:#f5f5f5; padding:30px 20px; text-align:center;}
#diferenciais .area .txt {margin:0 auto 30px;}
#diferenciais .area .diferencial {margin:0 auto 40px; text-align:center;}
#diferenciais .area .diferencial .icone {width:100px; height:100px; border-radius:100px; display:inline-block; transition:all 0.3s; background-color:#022D72;}
#diferenciais .area .diferencial .icone i {font-size:40px; color:#fff; text-align:center; line-height:100px;}
#diferenciais .area .diferencial .titulo {margin:20px 0; font-size:22px; line-height:28px; font-weight:700; color:#4d4d4d}

#produtos {margin:40px 20px;}
#produtos .txt {margin:0 0 30px; text-align:center}
#produtos .seta_esq {width:40px; height:100%; position:absolute; left:-40px; top:0; bottom:0; z-index:9; background:url(../Imagens/seta_esq.png) center center no-repeat; background-size:70%; cursor:pointer}
#produtos .seta_dir {width:40px; height:100%; position:absolute; right:-40px; top:0; bottom:0; z-index:9; background:url(../Imagens/seta_dir.png) center center no-repeat; background-size:70%; cursor:pointer}
#produtos .slider {width:88%; margin:0 auto 80px; text-align:center; font-size:0;}
#produtos .slider a {outline:none}
#produtos .produto {width:calc(100% - 20px); position:relative; margin:0 10px; outline:none !important; cursor:pointer}
#produtos.pg {width:100%; margin:0;}
#produtos.pg a {width:100%; max-width:400px; display:table; margin:0 auto 30px;}
#produtos .produto .img {width:100%; padding-bottom:80%; position:relative; overflow:hidden;}
#produtos .produto .titulo {margin:15px 0 0; font-size:24px; line-height:32px; font-weight:200; text-align:center}

#chamada {color:#fff; text-align:center; padding:30px 20px;}
#chamada .titulo_chamada {color:#fff;}
#chamada .numeros {margin:20px auto 0; display:table;}
#chamada .numeros .numero {width:250px; line-height:40px; margin:0 auto 30px; font-family:'Oswald'; font-size:30px; font-weight:200; text-transform:uppercase}
#chamada .numeros .numero .qtd {display:block; font-weight:500; font-size:46px; margin:18px 0 20px; color:#999}

#portfolio {margin:30px 20px; text-align:center}
#portfolio.pg {margin:0;}
#portfolio .titulo_chamada {margin:40px 0;}
#portfolio a {width:100%; max-width:400px; display:table; margin:0 auto 30px;}
#portfolio .projeto .area_img {width:100%; padding-bottom:60%; position:relative; overflow:hidden;}
#portfolio .projeto .area_img .img {position:absolute; top:0; bottom:0; left:0; right:0; transition:all 0.3s}
#portfolio .projeto .titulo {margin:20px 0; font-size:26px; line-height:30px; font-weight:200; color:#666}
#portfolio .projeto:hover .img {top:-15px; bottom:-15px; left:-15px; right:-15px;}

#galeria {margin:30px 0 0}
#galeria .img {width:100%; padding-bottom:60%;}
#galeria a {width:100%; max-width:400px; display:table; margin:0 auto 20px;}
#galeria a:last-of-type {margin:0 auto 40px}

#videos .video {width:100%; max-width:400px; display:table; margin:0 auto 30px;}
#videos .video iframe {width:100%; height:200px;}
#videos .video .titulo_video {margin-top:20px; font-size:20px; line-height:28px; text-align:center;} 

.guia {padding:10px 0; border-bottom:1px solid #eee;}
.guia a:hover {text-decoration:underline}
.guia span {display:inline-block; width:1px; height:10px; background:#999; margin:0 5px}

#detalhes {margin-top:40px;}
#detalhes .col_galeria .img {width:100%; max-width:400px; padding-bottom:60%; margin:0 auto; background-position:center center; background-repeat:no-repeat; background-size:contain}
#detalhes .col_galeria .miniaturas {text-align:center; margin-top:20px; font-size:0;}
#detalhes .col_galeria .miniaturas .miniatura {display:inline-block; vertical-align:top; width:50px; height:50px; background-position:center center; background-repeat:no-repeat; background-size:80%; border:1px solid #ddd; margin:10px 5px 0; transition:all 0.3s; cursor:pointer}
#detalhes .col_galeria .miniaturas .miniatura:hover {border-color:#022D72}
#detalhes .col_galeria .miniaturas .miniatura.ativo {border-color:#022D72}
#detalhes .col_info {margin:40px 0 0;}
#detalhes .col_info .titulo {font-size:26px; line-height:32px; text-align:left}
#detalhes .col_info .codigo {font-size:12px; margin:5px 0 0;}
#detalhes .col_info .descricao {padding:20px 0 0; margin:30px 0 0; border-top:1px solid #eee}

.compartilhar {margin:30px 0 0; padding:30px 20px 20px; border-top:1px solid #ddd; text-align:center;}
.compartilhar span {display:none;}
.compartilhar .icone {width:40px; height:40px; display:inline-block; vertical-align:middle; background-color:#ccc; background-position:center center; background-repeat:no-repeat; margin:0 3px}
.compartilhar .icone:hover {background-color:#999}

.mapa iframe {width:100% !important; height:300px !important;}

#fale_conosco .col_info .subtitulo_pagina {font-size:30px;}
#fale_conosco .col_info strong {display:table}
#fale_conosco .col_info a.mail {display:table; margin-top:10px;}
#fale_conosco .col_info a:hover {text-decoration:underline}
#fale_conosco .col_form {margin:30px 0 0; border:1px solid #eee; padding:20px;}
#fale_conosco .col_form .titulo_campo {font-size:14px; margin-bottom:5px;}
#fale_conosco .col_form input[type="text"] {width:100%; padding:0 10px; height:40px; line-height:40px; background:#f9f9f9; border:1px solid #eee; margin-bottom:10px;}
#fale_conosco .col_form textarea {width:100%; padding:10px; height:130px; background:#f9f9f9; border:1px solid #eee;}
#fale_conosco .col_form .bt_enviar {height:38px; line-height:38px; margin:20px 0 0; text-align:center; font-weight:700; border:2px solid #022D72; background:#022D72; color:#fff; cursor:pointer; transition:all 0.3s}
#fale_conosco .col_form .bt_enviar:hover {background:none; color:#022D72}

#rodape {padding:40px 20px 20px; background:#1f2024; font-size:15px; line-height:24px; text-align:center;}
#rodape .area .col {margin:0 auto 30px;}
#rodape .area .col .titulo {font-size:18px; color:#878792; margin-bottom:20px;}
#rodape .area .col ul {margin:0; padding:0; list-style:none;}
#rodape .area .col li {color:#fff; margin-bottom:10px; transition:all 0.3s; cursor:pointer;}
#rodape .area .col li:hover {color:#878792}
#rodape .area .col .endereco {margin-top:10px; display:block !important}
#rodape .area .col .redes_sociais {margin-top:20px}
#rodape .area .col .redes_sociais .icone {display:inline-block; width:40px; height:40px; background-color:#878792; background-position:center center; background-repeat:no-repeat; margin-right:10px; vertical-align:top; transition:all 0.3s}
#rodape .area .col .redes_sociais .icone:hover {background-color:#666}
#rodape .area .col .cartoes {color:#fff;}
#rodape .area .col .cartoes span {display:block;}
#rodape .area .col .cartoes .cartao {display:block; width:50px; height:50px; float:left; margin:0 15px 0 0}
#rodape .area .col .info {margin-bottom:10px;}
#rodape .area .col .cor, a.cor {color:#fff !important; display:inline-block; transition:all 0.3s}
#rodape .area .col a.cor:hover {color:#878792 !important}
#rodape .area .col .atendimento {color:#fff;}
#rodape .area .col .atendimento strong {color:#666;}
#rodape .area .col br.tel {display:none}

#assinatura {padding:20px; font-size:15px; text-align:center;}
#assinatura br {display:block}

}