@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
*{margin:0;padding:0}
a{text-decoration:none;color:#FFF}
img{border:0}
ul{list-style:none}
.clear{clear:both}
input:focus{outline:none}
button {border:0; background:none; cursor:pointer}
button:focus{outline:none; cursor:pointer}
area{display:inline;cursor:pointer}
area:focus{outline:none}
input {margin:0; padding:0;}

body{margin:0; font-family:'Ubuntu', sans-serif; background:#C9C9C9;}
header, main, footer {display:block; float:left; width:100%; text-align:center;}
.red {color:#f00;}
header .center{position:relative; float:left; margin-left:calc(50% - 490px); height:200px; background:url(imagens/bkg-topo.jpg) top center no-repeat; margin-top:10px;}
.logo {display:block; float:left; width:282px; height:59px; margin:40px 0 0 21px;}

.bt-promocao {position:absolute; width:252px; height:179px; left:290px; z-index:2;}
.txt-promocao{position:absolute; left:500px; top:70px; background:rgb(255,255,255, 0.8); font-size:12.5px; padding:10px 10px 10px 50px; border-radius:10px; z-index:1; color:#000; font-weight:bold;}

.eng-tel {position:absolute; width:100%; height:70px; left:0; bottom:0; text-align:left; font-style:italic;}
.eng-tel p {display:block; float:left; width:610px; height:60px; font-size:20px; box-sizing:content-box; color:#fffc00; line-height:4.7; padding:0 0 0 40px; font-style:normal; text-shadow: 2px 0px 0px #a70000, 0px 0px 0px #a70000, 0px 1px 0px #a70000, 0px -1px 0px #a70000;}
.tels {display:block; float:left; width:330px;}
.tels b {display:block; width:100%; font-size:20px; color:#a70000; text-align:center;}
.tels p {display:block; float:left; width:100%; height:40px; font-size:16px; font-weight:600; box-sizing:content-box; color:#fff; line-height:3; padding:0 0 0 20px;}
 
.center {display:inline-block; width:980px; height:auto; background:#fff;}

section {display:block; float:left; width:520px; padding:10px 0; margin-left:13px;}
section h1, section h2, section article {display:block; float:left; width:100%;text-align:justify; text-align-last:left;}
section h1, section h2 {font-size:25px; color:#990000; }
section article p{margin:16px 0; font-size:14px;}
iframe {width:calc(100% - 10px); height:300px; border:5px solid #DADADA;}

.eng-form-suporte{display:block;float:left;width:100%; margin:0 0 20px 0; left:0;}
fieldset {border:0;}
legend {border-top:1px solid #DDD;border-bottom:1px solid #DDD; width:100%; padding:10px 0; font-weight:700;}
.eng-form-suporte .p {display:block; float:left; width:100%; text-align:left; margin-top:8px; margin-bottom:0; font-size:13px;}
.eng-form-suporte .p2 {display:block; float:left; width:300px; text-align:left; margin-top:8px; margin-bottom:0; font-size:13px;}
.eng-form-suporte .p3 {display:block; float:right; width:170px; text-align:left; margin-top:8px; margin-bottom:0; font-size:13px;}

.input{position:relative;float:left;border:1px solid #DDD;height:25px;padding-left:10px;width:calc(100% - 12px); box-sizing:border-box;}
.textarea{position:relative;float:left;border:1px solid #DDD;margin-bottom:10px;padding-top:10px;padding-left:10px;width:calc(100% - 12px);}
.captcha{position:relative;float:left;width:100px;height:34px;text-align:center;background:#f0f0f0;margin:10px 0}
.captcha img{position:relative;float:left;border:2px solid #e0e0e0}
.bt_refresh {display: block; float: left; height: 30px; padding: 0 10px;}

.bt-enviar{position:relative;float:left;width:100%;background:#a70000;border:0;margin-top:10px;font-size:16px;color:#fff; padding:10px 0;font-weight:500; text-align:center; text-align-last:center;}
.bt-enviar:hover {background:#212121; color:#cfd6dd; transition:1s;}

aside {display:block; float:left; width:200px; box-sizing:content-box; padding:0 10px;}
main aside:last-of-type{float:right;}
aside a {display:block; width:100%; height:150px; border:1px solid #666; margin:10px 0;}

footer {padding:20px 20px; text-align:center; font-size:14px; color:#fff; background:#a70000; box-sizing:border-box;}

/*Botão WhatsApp*/
.bt-whats { font-size: 1rem; margin-top: 10px; padding: 15px; position:fixed; right:15px; bottom:60px; width:auto; 
height: auto; vertical-align:middle; background:#01b763; color:#fff; text-align:center; line-height:2.6; font-weight:500; z-index: 9999999999; font: 13px Helvetica, Arial,sans-serif; text-decoration: none; border-radius: 10px;}

.alinhar { padding-top:4px; width:auto;}

/* Efeito Pulsar Botão WhatsApp */
.efeitoPulse { ursor: pointer; box-shadow: 0 0 0 rgba(1,183,99, 0.4); animation: pulse 1s infinite;}
.efeitoPulse:hover { animation: none; }

@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(1,183,99, 0.4); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(1,183,99, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(1,183,99, 0); }
}
@keyframes pulse {
  0% { -moz-box-shadow: 0 0 0 0 rgba(1,83,99, 0.4); box-shadow: 0 0 0 0 rgba(1,83,99, 0.4);}
  70% { -moz-box-shadow: 0 0 0 10px rgba(1,83,99, 0); box-shadow: 0 0 0 10px rgba(1,83,99, 0);}
  100% { -moz-box-shadow: 0 0 0 0 rgba(1,83,99, 0); box-shadow: 0 0 0 0 rgba(1,83,99, 0);}
}

@media only screen and (min-width: 980px) and (max-width: 1169px) {
.center {width:955px;}
header .center{margin-left:calc(50% - 477.5px);}
.tels {width:330px;}
.eng-tel p {padding: 0 0 0 20px; width:580px; font-size:19px;}
.tels p {padding:0 0 0 10px; width:100%; font-size:16px;}
section {width:490px;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
.center {width:743px;}
header .center{margin-left:calc(50% - 371.5px); background:#fff;}

.bt-promocao {display:none;}
.txt-promocao {width:300px; left:360px; top:25px; font-size:18px;}
.eng-tel {background:#a70000;}
.eng-tel p {width:392px; float:left; padding: 0 0 0 20px; line-height:1.2; text-align:center; margin-top:10px;}

.tels {width:310px; padding:0 0 0 20px;}
.tels b {width:100%;color:#fff; border-right:1px solid #fff; margin-top:13px; margin-right:0;text-align:left; padding:0;}
.tels p {width:100%; float:left; height:20px; line-height:1; border-right:1px solid #fff; text-align:left; padding:0; margin-top:0;}

iframe {height:220px;}
main aside:last-of-type{width:100%; text-align:center; padding:0; text-align:center; }
main aside:last-of-type a {width:219.4px; height:150px; display:block; float:left; margin:25px 15px 25px 10px;}

section {width:490px;}
}
@media only screen and (min-width: 667px) and (max-width: 767px) {
.center {width:642px;}
header .center{margin-left:calc(50% - 321px); background:#fff;}

.bt-promocao {display:none;}
.txt-promocao {width:300px; left:335px; top:35px; font-size:18px; padding:0; background:none;}
.eng-tel {background:#a70000;}
.eng-tel p {width:282px; float:left; padding: 0 0 0 20px; line-height:1.2; text-align:center; margin-top:12px; font-size:17px;}

.tels {width:310px; padding:0 0 0 20px;}
.tels b {width:100%;color:#fff; border-right:1px solid #fff; margin-top:13px; margin-right:0;text-align:left; padding:0;}
.tels p {width:100%; float:left; height:20px; line-height:1; border-right:1px solid #fff; text-align:left; padding:0; margin-top:0;font-size:16px;}

iframe {height:400px;}
main aside:first-of-type {display:none;}
main aside:last-of-type{width:100%; text-align:center; padding:0; text-align:center; }
main aside:last-of-type a {width:180px; height:150px; display:block; float:left; margin:25px 0 25px 23px;}

section {width:100%; margin:0; padding:40px 20px; box-sizing:border-box;}
.input {height:50px;}
.eng-form-suporte .p2 {width:410px;}
.bt-enviar {padding:20px 0;}
section article p {font-size:16px;}

}
@media only screen and (min-width: 480px) and (max-width: 666px) {
.center {width:455px;}
header .center{margin-left:calc(50% - 227.5px); height:313px; background:#fff; text-align:center;}
.logo{display:inline-block; float:none;}

.bt-promocao {display:none;}
.txt-promocao {position:relative; float:left; width:100%; left:0; top:0; margin-top:20px; font-size:18px; padding:0; background:none;}
.eng-tel {position:relative; float:left; margin-top:20px; top:0; background:#a70000; height:auto;}
.eng-tel p {width:100%; float:left; padding: 0; line-height:1.2; text-align:center; margin-top:12px;}

.tels {width:310px; padding:0 0 0 0; width:100%;}
.tels b {width:100%;color:#fff; margin-top:13px; margin-right:0;text-align:left; padding:0; text-align:center;}
.tels p {width:100%; float:left; height:20px; line-height:1; text-align:left; padding:0; margin-top:0;font-size:16px; text-align:center;}

iframe {height:400px;}
main aside:first-of-type {display:none;}
main aside:last-of-type{width:100%; text-align:center; padding:0; text-align:center; }
main aside:last-of-type a {width:190px; height:150px; display:block; float:left; margin:25px 0 25px 23px;}

section {width:100%; margin:0; padding:40px 20px; box-sizing:border-box;}
.input {height:50px;}
.eng-form-suporte .p2 {width:230px;}
.bt-enviar {padding:20px 0;}
section article p {font-size:16px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.center {width:295px;}
header .center{ margin-left:calc(50% - 147.5px); height:393px; background:#fff; text-align:center;}
.logo{display:inline-block; float:none;margin-left:0}

.bt-promocao {display:none;}
.txt-promocao {position:relative; float:left; width:100%; left:0; top:0; margin-top:20px; font-size:18px; padding:0; background:none;}
.eng-tel {position:relative; float:left; margin-top:20px; top:0; background:#a70000; height:auto; box-sizing:border-box; padding:0 10px;}
.eng-tel p {width:100%; height:auto; float:left; padding: 0; line-height:1.2; text-align:center; margin:12px 0;}

.tels {width:100%; padding:0 0 0 0;}
.tels b {width:100%;color:#fff; margin-top:13px; margin-right:0;text-align:left; padding:0; text-align:center;}
.tels p {width:100%; float:left; height:auto; line-height:1; text-align:left; padding:0; margin-top:0;font-size:21px; text-align:center;}

iframe {height:200px;}
main aside:first-of-type {display:none;}
main aside:last-of-type{width:100%; text-align:center; padding:0; text-align:center; }
main aside:last-of-type a {width:245px; height:150px; display:block; float:left; margin:25px 0 25px 23px;}

section {width:100%; margin:0; padding:40px 20px; box-sizing:border-box;}
section h1, section h2 {text-align:center; text-align-last:center;}
.input {width:100%; height:50px;}
.eng-form-suporte .p2, .eng-form-suporte .p3 {float:left; width:100%;}

.bt-enviar {padding:20px 0;}
section article p {font-size:16px;}
}