*{margin:0; padding:0;  border:none; outline:none;box-sizing:border-box; font-family: 'Gabarito', sans-serif;}

.space{width:100%; height:100px; }

.invi{display:none;}

.azul_padrao{color:#009dfa;}
.azul_novo{color:#0081cd;}

.menuze{display:none;}

.cabecalho{position:absolute; width:100%; height:75px;background-color:#434343;box-shadow: 5px 5px 5px #888888; margin-bottom:10px;z-index:50;}


.porta_dois{width:100%;clear:both;border-bottom:solid 1px #eeeefe;}
.porta_um{width:100%;clear:both;border-bottom:solid 1px #eeeefe;text-align:center;}




.porta_dois2{top:0px; left:0px;width:100%;clear:both;border-bottom:solid 1px #eeeefe;}

.quadro{width:100%;float:left;padding:25px;font-size:1.1em;color:#333;}
.quadre{width:100%;float:left;padding:0px;font-size:1.1em;color:#333;}

.tinta{background-color:#f4f4f4;}

.titqua{font-size:1.4em; color:#000;line-height:100%;margin-bottom:5px;}
.cox{padding:10px; color:#333;line-height:100%;}

.img_do_quadro{width:70%;}

.img_2{width:90%;}

.faixado{width:100px;font-size:1.0em;width:100%; background-color:#ddd ;padding:25px;box-shadow: 5px 5px 5px #888888; margin-bottom:10px;}

.porta_sapo{ width:100%;height:100px; background-color:transparent;float:left;}



.rodape{width:100%; font-size:0.7em; font-weight:bold; padding:15px 25px;background-color:#434343; color:#fff;float:left;}

.barrape{width:100%; height:50px; background-color:#ebecee; color:#888;line-height:50px;overflow: hidden;font-size:0.8em;color:#666;padding-left:20px;float:left;}

.logo{position:absolute; top:0px; left:20px; padding:20px 0px;}

.menu{position:absolute; top:30px; right:5px;z-index:51;}

.botelho{background-color:#5bc7fe;padding:10px 15px;text-align:center;font-size:.9em; font-weight:700;color:#fffffe;border-radius:0 0 20px 0;cursor:pointer;text-decoration:none;margin:0 10px;}
.botelho:hover{background-color:#7be7fe;}

.botnegativo{background-color:transparent;border:solid 1px #fff;}
.icobt{padding:0 10px;}

.menuapp{position:absolute; top:0px; right:0px;width:100%;height:100%; background-color: #333;opacity:1;z-index:52;}

.bt_menuapp{background-color: transparent;position:fixed;color:#434343; top:0px; left:0px;width:80px;height:80px; z-index:52;padding:5px; cursor:pointer;}
.bt_menuapp:hover{background-color: transparent;}



.menuicon{ font-size:1.5em; cursor:pointer;background-color: #5bc7fe;color:#fff;width:40px;height:40px;border-radius:40px;text-align:center;padding-top:8px;}


.celmenuapp{color:#fff; font-weight:bold; padding:20px 20px;text-decoration:none;width:100%; text-align:center;display:block;}
.celmenuapp:hover{background-color: #fff;color:#434343;}
.closemenu{width:100%; text-align:right; padding:20px 20px;color:#fff;}
.closeicon{ font-size:2em; cursor:pointer;}
.vivi{display:none;}

.icovai{margin-right:10px;}
.lizta{color:#434343;list-style-type:none;font-size:1.3em;}
.suave{color:#333;font-size:100%;margin:0 25px;}
.coluna{width:50%;text-align:center;float:left;}
.leco{background-image: linear-gradient(to bottom, #eeeefe, #ffffff);width:100%; float:left;text-align:center; margin:10px 0;}

.konox{position:fixed;right:5px; bottom:20px;z-index: 2147483636;}
.bolax{width:65px;height:65px;border-radius:65px;background-color:#0094e2;cursor:pointer;background-image: url("/frobj/bixiga.png"); background-position: center;background-repeat: no-repeat;background-size: 50%;border:solid 5px #fff;}

.idiomax{position:absolute; top:10px; right:130px;z-index:12;}
.idiomini{background-color:#666;color:#ddd;padding-left:5px;border-radius:3px;}

.rack{width:100%;text-align:center;}
.froast{width:100%;}


.porta_charrete{width:100%; background-color:transparent;padding:0;}

.porta_carruagem{width:100%; background-color:transparent;padding:0;margin-bottom:20px;}

.porta_preco{width:100%; background-color:transparent;padding:0;}

.perereca{width:100%;height:auto;background-color:#eee;box-shadow: 5px 5px 5px #888888;margin-top:0px; padding:10px 10px 5px 10px;}
.titureca{width:100%; text-align:center; font-size:1.8em; font-weight:bold; color:#333;}
.textoreca{width:100%; text-align:center; font-size:1.3em; color:#333;}
.obsreca{width:100%; text-align:center; font-size:1.0em; color:#666; font-style:italic;}
.portabotoneca{ text-align:center;background-color:transparent;margin:30px 0px;cursor:pointer;}
.titoblu{font-weight:bold;color:#5bc7fe;line-height:.9em;margin-bottom:10px;}

.boteco{background-color:#5bc7fe;padding:10px 15px;text-align:center;font-size:1.1em; font-weight:700;color:#fffffe;border-radius:0 0 20px 0;cursor:pointer;text-decoration:none;margin:0 10px;}
.boteco:hover{background-color:#7be7fe;}

.botorelo{background-color:#eeae01;padding:10px 15px;text-align:center;font-size:.9em; font-weight:700;color:#fffffe;border-radius:7px;cursor:pointer;text-decoration:none;margin:0 10px;}
.botorelo:hover{background-color:#f5c954;}

.encomenda{margin-left:5px; font-weight:normal;}

.botozul{background-color:#0081cd;padding:10px 15px;text-align:center;font-size:.9em; font-weight:700;color:#fffffe;border-radius:7px;cursor:pointer;text-decoration:none; }
.botozul:hover{background-color:#07a3ff;}

.eita{width:100%;}

.botilho{color:#237aa7; font-weight:bold; margin-left:5px;}
.botilho:hover{text-decoration:none; color:#333;}



.dd1{border:solid 1px #333; background-color:#333; color:#ddd; padding:5px 10px;white-space: nowrap;font-size:.9em;}
.dd2{border:solid 1px #333; padding:5px 10px;white-space: nowrap;font-size:.9em;}
.atencao{font-size:0.7em;}

.porta_precos{ background-color:#eee;}

.wz_bottom{position:fixed; bottom:0px; left:30px;}

.preco{width:90%;margin:5%; text-align:center; font-size:1.3em; font-weight:bold; color:#0191dd;margin-bottom:25px;background-color:#eee;padding:8px; border-radius:5px;}

.pv{font-size:1.3em;}
.pausa{clear:both;width:100%; height:10px; background-color:#fff;}
.cc{width:100%;text-align:center;background-image: linear-gradient(to bottom right, #fff, #ccc);}



.toda_fecha{position:absolute;left:100%; top:50%; margin-left:-30px; margin-top:-210px;  text-align:center;}
.iconfecha{color:#fff; font-size:2em;cursor:pointer}
.iconfecha:hover{color:#ccc;}
.cp{cursor:pointer;}

.toda{position:fixed;left:0; top:0; bottom:0px; right:0px; background-color:transparent;z-index:19;display:none;}
.preta{width:100%;height:100%;background-color:#000; opacity:.9;}

.porta_video{width:100%;height: 200px;left:0;margin-left:0; position:absolute;    top:50%; ; margin-top:-158px;  text-align:center; }
.frotavi{width:100%; height:200px;} 
.central{width:100%;text-align:center;}
.centralx{width:100%;text-align:center;cursor:pointer; }
.ivi{width:100%;}

.pazzo{width:100%;padding:0px;}
.pazzo td{width:32%;}
.btop{border-top:solid 1px #aaa;}
.bleft{border-left:solid 1px #aaa;}
.td-tito{text-align:center; font-weight:bold; padding:20px 0;border-right:solid 1px #aaa; border-bottom:solid 1px #aaa;}
.spgreat{font-size:1.5em;}
.botica{width:80%;background-image: linear-gradient(to bottom, #5bc7fe, #4289ad);color:#fff; font-size:1em; font-weight:bold; border-radius:30px; padding:10px ;box-shadow: 5px 5px 5px #888888;cursor:pointer;margin-top:15px; margin-bottom:15px;}
.botica:hover{background-image: linear-gradient(to bottom,  #4289ad, #5bc7fe);}
.tabe2{width:100%;}
.tabe2 td{border:solid 0px #000;}

.prepeque{font-size:.9em; color:#666; text-align:center;padding-top:0px;width:100%;line-height:1.1em;float:left;font-weight:normal; padding-right:0px;}

.tobinha{float:right;}
.ceu{background-color:#c8ecff}
.capitao{background-color:#5bc7fe; color:#fff; text-align:center; font-weight:bold;}

.spande{margin:30px 0;}

.mini{color:#999;}

.cencem{width:100%; text-align:center;}

.pretrato{background-color:#5bc7fe; padding:10px;}

.btgrandao{background-image: linear-gradient(to bottom, #5bc7fe, #4289ad);color:#fff; font-size:1.2em; font-weight:bold; border-radius:30px; padding:10px 30px;box-shadow: 5px 5px 5px #888888;cursor:pointer;margin-top:30px; margin-bottom:30px;}
.btgrandao:hover{background-image: linear-gradient(to bottom,  #4289ad, #5bc7fe);}

.moca{width:100%;}
.rb{height:100%;}
.tralha{height:100%;}

.dd{width:100%;padding:40px 0 0 20px;cursor:pointer;}

.bide{background-color:#f4f4f4;}
.copa{ left:0px; width:100%;clear:both;background-color:#ccc;}
.meia{width:100%;float:left;padding:5px;margin-top:80px;}
.gg{color:#333; font-size:2.0em; line-height:1em;margin-bottom:15px; padding:0 10px;text-align:center;}
.gg2{text-align:center; color:#333; font-size:1.2em;  line-height:1em;margin-bottom:15px; padding:0 10px;}
.gg3{text-align:center; color:#0095e3; font-size:1.3em; line-height:1em;margin-bottom:15px; padding:0 10px;}
.gg4{text-align:center; color:#06598a; font-size:1.8em; line-height:1em;margin-bottom:15px; padding:0 10px; font-weight:bold}
.gg22{text-align:center; color:#333; font-size:.8em;line-height:0.8em;margin-bottom:0px;font-weight:bold; padding:0 10px;}
.gg33{text-align:center; color:#0095e3; font-size:1.3em; line-height:1em;margin-bottom:5px; padding:0 10px;}

.mm{color:#333; font-size:1.1em; padding:0 10px;}
.porta_signup2{background-color:#ccc;padding:20px; border-radius:5px;box-shadow: 2px 5px 5px 5px #888888;}
.porta_signup{background-color:#a1c3d7;padding:20px; border-radius:20px;}

.caixaloga{width:100%; padding:10px; border-radius:5px;margin-bottom:10px;font-size:1.3em;}

.bt_signup{width:100%; padding:10px; border-radius:15px;margin-bottom:10px;font-size:1.3em; font-weight:bold; background-color:#333; text-align:center; cursor:pointer; color:#fff;margin-bottom:10px;margin-top:20px;}
.bt_signup:hover{background-color:#f5c954;}
.erroz{color:#ff0000; font-weight:bold;}

.bt_signup2{width:100%; padding:10px; border-radius:15px;margin-bottom:10px;font-size:1.3em; font-weight:bold; background-color:#0081cd; text-align:center; cursor:pointer; color:#fff;margin-bottom:10px;margin-top:20px;}
.bt_signup2:hover{background-color:#06598a;}




.qload{display:none;width:100%;height:100%;position:fixed;top:100px;left:0; font-size:2em; text-align:center; background-color:#ddd; z-index:20;padding:20px;}
.spaceselo{padding:0 15px;}
.bilo{margin-right:5px; margin-top:16px; color:#0081cd;font-size:1.2em;font-weight:bold;text-align:center;}

.framevideos{position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent;z-index:0;}

.cemporcento{width:80%;}

.blueform{background-color:#0194e1; width:100%; padding:20px; margin:0;border-radius:10px;}
.rtz{color:#fff; font-weight:bold;}
.rtz2{color:#333; font-weight:bold;}
.rtz21{color:#777; font-weight:bold; font-size:.8em;}
.alturacaixa{height:150px;}

.gifok{width:100%; text-align:center;}

.trq{width:100%; text-align:center;}
.ss3{margin:10px;}

.tito_signup{width:100%; text-align:center;font-size:1.8em;font-weight:bold;margin-bottom:15px;line-height:1.1em;color:#cde7f6;text-shadow: 2px 2px grey;}


.cinex{position:fixed; left:0; top:0; width:100%; height:100%; background-color:transparent;z-index:98;display:none;overflow-x:scroll;}

.pretinha{position:absolute; left:0; top:0; width:100%; height:100%;background-color:#000000; opacity:.7;}

.branca{position:absolute; left:0; top:0; width:90%; height:90%; margin:5%; background-color:#333; z-index:99;}

.tela{position:absolute; top:70px; left:-500px; margin-left:50%; width:1000px; height:560px; background-color:#eee;}

.crose{width:100%;background-color:#333; height:50px;text-align:center;color:#fff; font-size:2em; cursor:pointer;padding-top:10px;}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}


.duvidas{position:fixed; bottom:0px; color:#fff; text-align:center; right:10px; background-color:#19b11e; padding:10px; border-radius:10px 10px 0 0;z-index:2;line-height:1em;z-index:60; cursor:pointer;}

.xox{margin-top:4px;margin-right:5px;height:30px;}

.wlk{text-decoration:none; font-weight:bold;color:#fff;}

.vov{display:block;}



.logo_altura{height:40px;}



.ate{color:#999; text-decoration:italic; font-size:1em;}

.ii{width:100%; border-radius:10px;}

.liko{color:#000099; font-size:1.4em;}
.liko:hover{color:#333;}

.lkflexa{color:#000099; font-size:1.4em;z-index:10;}
.lkflexa:hover{color:#333;}
.videox{top: 0; left: 0; width: 100%;  position: relative; border: 0;}


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

.videox{top: 0; left: 0; width:580px ; height: 360px; position: relative; border: 0;}

.blueform{ width:50%; left:50%; margin-left:25%; }


.meia{width:50%;padding:20px;}
.gg{font-size:2.5em; padding:0 0; text-align:left;}
.gg2{font-size:1.4em; padding:0 0; }
.gg3{font-size:1.5em;line-height:1.1em; padding:0 0; }
.mm{font-size:1.5em padding:0 0;}

.pazzo{padding:20px;}
.spgreat{font-size:2.5em;}
.botica{font-size:1.0em;margin-bottom:15px;}

.prepeque{ padding-right:20px;width:75%;}

.toda_fecha{margin-left:250px;left:50%;}
.perereca{ padding:30px 40px 10px 40px;margin-top:37px;}
.titureca{font-size:2.5em;}
.textoreca{font-size:1.7em;}

.porta_charrete{ }

.froast{width:412px;height:308px;}

.konox{right:45px;}
.quadro{width:50%;text-align:left;}
.quadre{width:50%;text-align:left;}

.logo{ padding:20px 20px;text-align:left;}

.bt_menuapp{display:none;}
.vivi{display:block;background-color:#f7f7f7; padding:30px; text-align:center;}
.dd1{padding:5px 20px;font-size:1em;}
.dd2{padding:5px 20px;font-size:1em;}

.porta_video{ width:560px;height: 315px;left:50%;margin-left:-280px}
.frotavi{width:560px;height: 315px;}
.ivi{width:560px;}

.img_2{width:80%;}

.gr{font-size:1.3em;}

.logo_altura{height:55px;}

.cabecalho{height:100px;}

.duvidas{}

.vov{display:block;}

.meia{margin-top:120px;}

.menu{top:60px; right:20px;display:block;}

.bilo{text-align:center;}

}