/* Variáveis */

:root {
 --cor-base:#edb433;
 --cor-clara:#e7ba55;
 --cor-escura:#a3761f;
 --cor-dois:#101010;
 --cor-bg:#fff;
}

/* Reset */

* {
 margin:0; padding:0; border:0; outline:0;
 box-sizing:border-box;
}

/* Base */ 

html {
 position:relative;
 min-height:100%;
}

body {
 margin:0;
 height:100%;
 min-width:300px;
 overflow-y:scroll;
 overflow-x:hidden;
 background-color:var(--cor-bg);
 background-image:url(/imagens/layout/bgmain.png);
 color:#000;
 font-family:Arial,Helvetica,Garuda;
 font-size:1em;
 font-weight:400;
}

.rouge {
 font-family:'Rouge Script',Times New Roman;
}

.quattro {
 font-family:'Quattrocento Sans',Arial,Helvetica;
}

/* jQuery UI */

.ui-widget {
 font-style:inherit !important;
 font-family:inherit !important;
 font-size:100% !important;
}

.ui-dialog-titlebar-close {
 visibility:hidden;
}

.ui-tooltip-content {
 font-size:0.8em;
}

.ui-accordion-header {
 outline:none !important;
}

.ui-datepicker {
 font-size:0.95em !important;
}

.ui-progressbar-value {
 height:2em !important;
}

#dialog {
 display:none;
}

.dialog-fixed {
 position:fixed !important; 
}

/* Tags */

a {
 text-decoration:none;
 color:#000;
 outline:none;
}

a:hover {
 text-decoration:none;
 color:var(--cor-base);
}

a.amarelo {
 text-decoration:none;
 color:var(--cor-base);
 outline:none;
}

a.amarelo:hover {
 text-decoration:none;
 color:var(--cor-clara);
}

a.bege {
 text-decoration:none;
 color:#ffefcb;
 outline:none;
}

a.bege:hover {
 text-decoration:none;
 color:#fff;
}

input[type=text],input[type=password],input[type=file],select,textarea {
 width:100%;
 max-width:600px;
 border:1px solid var(--cor-base);
 background-color:#fff;
 border-radius:3px;
 color:#000;
 margin:0 0 20px;
 padding:8px;
 outline:none;
 resize:none;
 font-family:'Quattrocento Sans',Arial;
 font-size:1em;
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
 background-color:#F4F4F4;
 border:1px solid var(--cor-dois);
}

button,input[type=button],input[type=submit] {
 background-color:var(--cor-base);
 border:0;
 border-radius:3px;
 padding:10px 20px;
 color:#fff;
 outline:none;
 cursor:pointer;
 font-family:'Quattrocento Sans',Arial;
 font-size:1em;
 font-weight:700;
}

button:hover,input[type=button]:hover,input[type=submit]:hover {
 background-color:var(--cor-escura);
}

hr {
 border:0;
 width:100%;
 height:1px;
 background-color:var(--cor-base);
}

break {
 flex-basis:100%;
 width:0; height:0; 
 overflow:hidden;
}

main {
 margin:0;
 padding:0;
}

/* Específicos */

.nosel {
 user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -webkit-user-select:none;
 -webkit-touch-callout:none;
 -webkit-tap-highlight-color:transparent;
}

.yessel {
 user-select:text !important;
 -moz-user-select:text !important;
 -ms-user-select:text !important;
 -webkit-user-select:text !important;
}

.noresp {
 display:inline;
}

.flex {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
}

@media screen and (max-width:639px) {
 .noresp {
  display:none;
 }
}

/* Projeto */

.topo {
 width:100%;
 height:300px;
 background-color:var(--cor-dois);
 background-image:url(/imagens/layout/bgtopo.gif);
 background-position:bottom center;
 background-repeat:repeat-x;
}

.topo_logo {
 display:inline-block;
 padding:25px 30px;
}

.logo {
 width:100%:
 max-width:550px;
}

.topo_menu {
 display:inline-block;
 float:right;
 padding:25px 30px;
 vertical-align:top;
}

@keyframes menuitem {
 50% {
  transform: scale(1.05);
 }
}

.menuitem {
 display:inline-block;
 width:190px;
 background-color:#161616;
 border:1px solid var(--cor-escura); 
 border-radius:5px;
 box-shadow:0 5px 5px rgba(0,0,0,0.7);
 text-align:center;
 margin-bottom:7px;
 padding:8px;
 font-size:0.95em;
 color:#fff;
 letter-spacing:1px;
 transition:0.3s;
 transform:perspective(1px) translateZ(0);
}

.menuitem:hover, .menuitem:focus, .menuitem:active {
 background:#000;
 animation-name:menuitem;
 animation-duration:0.3s;
 animation-timing-function:linear;
 animation-iteration-count:1;
}

#menu_hamb_ico {
 display:none;
 float:right;
 width:40px;
 margin:10px;
 border:0;
 cursor:pointer;
}

#menu_resp {
 display:none;
 position:absolute;
 top:62px;
 left:0;
 width:100%;
 text-align:center;
 background:var(--cor-dois);
 padding:10px;
}

.menuitem_resp {
 display:inline-block;
 width:100%;
 background-color:#161616;
 border:1px solid var(--cor-base); 
 border-radius:5px;
 box-shadow:0 5px 5px rgba(0,0,0,0.7);
 padding:8px 10px;
 margin-bottom:10px;
 font-size:1.1em;
 color:var(--cor-base);
 letter-spacing:1px;
 cursor:pointer;
}

#topo_navbar {
 position:fixed;
 display:block;
 width:100%;
 height:80px;
 top:-160px;
 background-color:var(--cor-dois);
 border-bottom:1px solid var(--cor-base);
 box-shadow:0 5px 5px rgba(0,0,0,0.3);
 transition:top 0.9s;
 text-align:center;
 z-index:99;
}

.navbar_logo {
 display:inline-block;
 padding:5px 25px 0 5px;
}

.navbar_item {
 display:inline-block;
 vertical-align:top;
 padding:30px 25px 0;
}

.papel1 {
 width:100%;
 max-width:1240px;
 margin:-50px auto 0;
}

.papel2 {
 margin:0 20px;
 background:var(--cor-bg);
 box-shadow:0 0 10px 2px rgba(0,0,0,0.3);
}

.rodape {
 width:100%;
 background:var(--cor-dois);
 padding:20px;
 color:#ffefcb;
}

.rod1 {
 display:inline-block;
 padding:20px 30px 20px 20px;
 font-size:0.95em;
 line-height:1.4em;
}

.rod2 {
 float:right;
 vertical-align:top;
 padding:30px 20px;
}

@keyframes redesociais {
 50% {
  transform: scale(1.1);
 }
}

.redesociais {
 display:inline-block;
 width:35px;
 height:35px;
 background-color:var(--cor-clara);
 border-radius:18px;
 text-align:center;
 padding-top:7px;
 transition:0.3s;
 transform:perspective(1px) translateZ(0);
}

.redesociais:hover, .redesociais:focus, .redesociais:active {
 background:#fff;
 animation-name:redesociais;
 animation-duration:0.3s;
 animation-timing-function:linear;
 animation-iteration-count:1;
}

.inweb {
 width:100%;
 text-align:center;
 padding:20px 10px 18px;
 font-size:0.8em;
}

.centro1 {
 width:100%;
 padding:5px;
}

.centro2 {
 background-image:url(/imagens/layout/bgcentro.jpg);
 background-repeat:repeat-x;
 background-position:top center;
 padding:30px;
 font-size:1.1em;
 line-height:1.4em;
}

.tit {
 width:100%;
 border-bottom:1px solid var(--cor-escura);
 margin:20px 0 10px;
}

h1 {
 font-family:'Rouge Script',Times New Roman;
 font-size:3.5em;
 font-weight:400;
 color:var(--cor-base);
 letter-spacing:-2px;
 line-height:0.9em;
}

.floatwhats {
 position:fixed;
 bottom:5px;
 right:10px;
 z-index:999;
 cursor:pointer;
}

.floatwhats_img {
 width:60px;
 border:0;
 transition:0.3s;
}

.floatwhats_img:hover {
 width:94px;
}

.slick {
 width:100%;
 max-width:1120px;
 margin:0 auto;
 padding:0;
}

.slickseta {
 position:absolute;
 top:50%;
 z-index:1;
 cursor:pointer;
}

.slickimg {
 width:35px;
 border:0;
 opacity:0.7;
 margin:0;
}

.slickimg:hover {
 opacity:1;
}

.home_bolas {
 width:100%;
 max-width:1050px;
 margin:20px auto;
 text-align:center;
}

.home_bolaflex {
 flex:1;
 vertical-align:top;
 font-weight:700;
}

.home_consult {
 width:100%;
 max-width:750px;
 margin:60px auto 30px;
}

.home_consult1 {
 flex:1;
 max-width:35px;
 height:170px;
 border-top:2px solid var(--cor-base);
 border-left:2px solid var(--cor-base);
 border-bottom:2px solid var(--cor-base);
 margin-top:130px;
}

.home_consult2 {
 flex:2;
 min-width:267px;
}

.home_consult3 {
 flex:4;
 height:170px;
 border-top:2px solid var(--cor-base);
 border-right:2px solid var(--cor-base);
 border-bottom:2px solid var(--cor-base);
 margin-top:130px;
 text-align:right;
 padding:18px 20px;
 font-size:0.9em;
}

.home_consult4 {
 margin-top:-48px;
 font-size:3.5em;
 letter-spacing:-1px;
 color:var(--cor-escura);
}

@keyframes bot {
 50% {
  transform: scale(1.05);
 }
}

.bot {
 display:inline-block;
 width:90%;
 max-width:340px;
 background:var(--cor-base);
 border-radius:3px;
 box-shadow:0 3px 3px rgba(0,0,0,0.3);
 margin:10px 0;
 padding:5px;
 font-size:0.8em;
 font-weight:700;
 color:#fff;
 transition:0.3s;
 transform:perspective(1px) translateZ(0);
}

.bot:hover, .bot:focus, .bot:active {
 background:var(--cor-dois);
 animation-name:bot;
 animation-duration:0.3s;
 animation-timing-function:linear;
 animation-iteration-count:1;
}

.int_topo {
 width:100%;
 max-width:1120px;
 height:300px;
 margin:0 auto 50px;
 background-position:center center;
 background-repeat:no-repeat;
}

@keyframes int_bot {
 50% {
  transform: scale(1.05);
 }
}

.int_bot {
 display:inline-block;
 width:90%;
 max-width:280px;
 background:var(--cor-clara);
 border-radius:6px;
 padding:10px;
 margin:20px 10px;
 font-size:0.8em;
 font-weight:700;
 color:#000;
 line-height:1.4em;
 transition:0.3s;
 transform:perspective(1px) translateZ(0);
}

.int_bot:hover, .int_bot:focus, .int_bot:active {
 color:#000;
 animation-name:int_bot;
 animation-duration:0.3s;
 animation-timing-function:linear;
 animation-iteration-count:1;
}

.int_botico {
 width:40px;
 filter:brightness(0);
}

.quem_foto {
 flex:1;
 min-width:300px;
}

.quem_txt {
 flex:3;
 padding-top:20px;
 padding-left:30px;
}

.quem_box {
 width:100%;
 padding-left:100px;
 margin:20px 0 40px;
}

.trat_box {
 flex:1;
 min-width:300px;
 vertical-align:top;
 text-align:left;
 margin:15px;
 padding:10px 15px 15px;
 background:#fff;
 box-shadow:0 0 8px rgba(0,0,0,0.2);
 font-size:0.9em;
}

.thumbs {
 width:45%;
 max-width:200px;
 margin:10px;
 transition:0.3s;
}

.thumbs:hover {
 transform:scale(1.1);
}

/**********/

@media screen and (max-width:900px) {
 .topo {
  height:250px;
 }
 .topo_logo {
  padding:20px 15px;
 }
 .logo {
  max-width:400px;
 }
 .topo_menu {
  padding:10px;
 }
 .menuitem {
  width:170px;
  margin-bottom:5px;
  padding:5px;
  font-size:0.9em;
 }
 .navbar_logo {
  display:none;
 }
 .rodape {
  padding:15px 10px;
 }
 .rod1 {
  padding:20px 10px;
 }
 .centro2 {
  padding:20px;
  font-size:1.05em;
 }
 .home_consult {
  max-width:650px;
 }
 .home_consult1 {
  max-width:15px;
 }
 .home_consult4 {
  font-size:2.5em;
 }
 .int_topo {
  height:250px;
 }
}

@media screen and (max-width:750px) {
 .quem_foto {
  flex:none;
  width:100%;
  min-width:0;
  text-align:center;
  padding:0 50px;
 }
 .quem_txt {
  flex:none;
  width:100%;
  padding:20px 0 0;
 }
}

@media screen and (max-width:650px) {
 .topo {
  height:70px;
  background-size:auto 15%;
  position:fixed;
  top:0;
  left:0;
  z-index:99;
 }
 .topo_logo {
  padding:5px;
 }
 .logo {
  max-width:150px;
 }
 .topo_menu {
  display:none;
 }
 #menu_hamb_ico {
  display:inline-block;
 }
 #topo_navbar {
  display:none;
 }
 .papel1 {
  margin:90px auto 0;
 }
 .papel2 {
  margin:0 15px;
 }
 .inweb {
  padding:15px 10px 12px;
 }
 .rodape {
  text-align:center;
 }
 .rod1 {
  padding:20px 15px;
 }
 .rod2 {
  float:none;
  display:inline-block;
  width:100%;
  padding:20px 10px;
 }
 .centro2 {
  padding:15px;
  font-size:0.95em;
 }
 .slickimg {
  width:30px;
 }
 .slickseta {
  top:40%;
 }
 .tit {
  margin:0;
 }
 h1 {
  font-size:2.5em;
  letter-spacing:-1px;
 }
 .floatwhats_img {
  width:50px;
 }
 .floatwhats_img:hover {
  width:50px;
 }
 .home_consult {
  margin:40px auto 30px;
 }
 .home_consult1 {
  display:none;
 }
 .home_consult2 {
  flex:none;
  display:inline-block;
  width:100%;
  min-width:0;
  text-align:center;
 }
 .home_consult3 {
  flex:none;
  display:inline-block;
  width:100%;
  height:auto;
  border:2px solid var(--cor-base);
  margin-top:60px;
  text-align:center;
  padding:20px;
  font-size:1em;
 }
 .int_topo {
  height:200px;
  background-size:150%;
  background-position:top center;
  margin:0 auto 30px;
 }
 .int_bot {
  width:100%;
  margin:7px 0;
  font-size:0.85em;
 }
 .quem_box {
  padding-left:40px;
  margin:10px 0 30px;
 }
 .trat_box {
  flex:none;
  display:inline-block;
  width:90%;
  min-width:0;
  margin:15px 0;
 }
}

@media screen and (max-width:550px) {
 .home_bolas {
  margin:0 auto;
 }
 .home_bolaflex {
  flex:none;
  display:inline-block;
  width:47%;
  margin:10px 0;
 }
 .int_topo {
  height:150px;
 }
 .thumbs {
  margin:5px;
 }
}

@media screen and (max-width:450px) {
 .int_topo {
  height:120px;
  margin:0 auto 15px;
 }
}