/* Variáveis */

:root {
 --cor-base:#d8c141;
 --cor-clara:#d4d415;
 --cor-escura:#a37306;
 --cor-bg:#1a1a1a;
}

/* 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/bgtopo.jpg);
 background-position:center top;
 background-repeat:no-repeat;
 color:#fff;
 font-family:KoHo,Arial,Helvetica,Garuda;
 font-size:1em;
 font-weight:400;
}

.paris {
 font-family:Parisienne,Times New Roman,Arial,Helvetica,Garuda;
}

/* 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;
}

.ui-widget-shadow {
 -webkit-box-shadow:2px 2px 5px var(--cor-base) !important;
 box-shadow: 2px 2px 5px var(--cor-base) !important;
}

#dialog {
 display:none;
}

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

/* Tags */

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

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

input[type=text],input[type=password],input[type=file],select,textarea {
 width:100%;
 max-width:600px;
 border:0;
 background-color:#fff;
 color:#000;
 margin:0;
 padding:10px;
 outline:none;
 resize:none;
 font-family:Arial;
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
 background-color:#ddd;
}

button,input[type=button],input[type=submit] {
 background-color:#000;
 border:1px solid 000;
 border-radius:3px;
 margin:10px 0;
 padding:10px;
 color:#fff;
 outline:none;
 cursor:pointer;
 font-family:Arial;
}

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%;
 text-align:center;
 padding:30px 10px;
}

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

.menu {
 width:100%;
 text-align:center;
 margin-bottom:50px;
}

.menuitem {
 display:inline-block;
 height:45px;
 border:1px solid #fff;
 padding:6px 15px 0;
 margin:0 5px;
 font-size:1.3em;
 transition:0.3s;
}

.menuflag {
 display:inline-block;
 height:45px;
 vertical-align:top;
 padding:11px 11px 0;
 margin:0;
 border:1px solid #fff;
 transition:0.3s;
}

.menuitem:hover, .menuflag:hover {
 background-color:#000;
 border:1px solid var(--cor-base);
}

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

#menu_resp {
 display:none;
 position:absolute;
 top:88px;
 left:0;
 width:100%;
 text-align:center;
 background-color:rgba(0,0,0,0.9);
 padding:10px;
}

.menuitem_resp {
 display:inline-block;
 width:100%;
 background-color:#1a1a1a;
 border:1px solid var(--cor-base); 
 border-radius:2px;
 padding:8px 10px;
 margin-bottom:10px;
 font-size:1.1em;
 color:var(--cor-base);
 cursor:pointer;
}

#topo_navbar {
 position:fixed;
 display:block;
 width:100%;
 height:60px;
 top:-160px;
 background-color:rgba(0,0,0,0.95);
 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_item {
 display:inline-block;
 vertical-align:top;
 padding:16px 25px 0;
 font-size:1.2em;
}

.cordame {
 width:100%;
 height:20px;
 background-image:url(/imagens/layout/cordame.png);
 background-position:center center;
 background-repeat:repeat-x;
}

.rodape{
 width:100%;
 background-color:#0a0a0a;
 text-align:center;
 padding:25px 15px;
 font-weight:500;
 font-size:1.2em;
}

.rodtel {
 font-weight:700;
 font-size:1.2em;
}

.redesociais {
 display:inline-block;
 width:40px;
 height:40px;
 background-color:var(--cor-base);
 border-radius:20px;
 text-align:center;
 padding-top:7px;
 transition:0.3s;
}

.redesociais:hover {
 background-color:#fff;
}

.inweb {
 width:100%;
 background-color:#070707;
 text-align:center;
 padding:10px;
 font-size:0.9em;
 letter-spacing:0.05em;
}

.botop {
 width:45px;
 height:45px;
 background-color:var(--cor-escura);
 border:1px solid var(--cor-escura);
 border-radius:22px;
 text-align:center;
 padding-top:12px;
 cursor:pointer;
 position:fixed;
 bottom:10px;
 right:15px;
 transition:0.3s;
}

.botop:hover {
 background-color:var(--cor-bg);
 border:1px solid #fff;
}

.home_dest {
 width:100%;
 text-align:center;
 padding:0 20px;
 margin-top:650px;
 margin-bottom:70px;
}

.home_dest01 {
 flex:2;
 max-width:427px;
}

.home_dest02 {
 flex:1;
 max-width:4px;
 background-color:var(--cor-clara);
 margin:0 35px;
}

.home_dest03 {
 flex:3;
 max-width:652px;
 padding-top:110px;
}

.home_centro {
 width:100%;
 background-image:url(/imagens/home/bgmapa.gif);
 background-position:center top;
 background-repeat:no-repeat;
 margin-top:50px;
 padding:30px 0;
}

.home_intro {
 width:100%;
 background-image:url(/imagens/home/bgintro.gif);
 background-position:center top;
 background-repeat:repeat-x;
}

.home_intro01 {
 flex:2;
 text-align:right;
}

.home_intro02 {
 flex:3;
 text-align:left;
 padding-left:50px;
 padding-right:10px;
 font-size:1.7em;
 font-weight:500;
 text-shadow:3px 3px 3px #000;
 line-height:1em;
}

.home_intro03 {
 margin-top:95px;
 margin-bottom:50px;
 font-size:2.1em;
 color:var(--cor-base);
 text-shadow:none;
}

.home_check {
 width:35px;
 margin:0 5px;
}

.home_boxes {
 width:100%;
 max-width:1250px;
 margin:180px auto 80px;
 text-align:center;
 padding:0 20px;
}

.home_boxes01 {
 flex:1;
 display:inline-block;
 max-width:333px;
 background-image:url(/imagens/home/boxbot.png);
 background-position:center bottom;
 background-repeat:no-repeat;
 background-size:contain;
 padding-bottom:50px;
 margin:30px;
}

.home_boxes02 {
 width:100%;
 max-width:333px;
 background-image:url(/imagens/home/boxtop.png);
 background-position:center top;
 background-repeat:no-repeat;
 background-size:contain;
 padding-top:50px;
 padding-bottom:30px;
}

.home_boxes03 {
 width:100%;
 text-align:left;
 padding:0 45px;
 font-size:1.1em;
 line-height:1.5em;
}

.internas {
 width:100%;
 background-color:var(--cor-bg);
 margin-top:80px;
}

.centro {
 width:100%;
 max-width:1250px;
 margin:0 auto;
 padding:50px 15px;
 font-size:1.1em;
 line-height:1.5em;
}

.tit {
 width:100%;
 background-color:#070707;
 text-align:center;
 padding:30px 20px 20px;
 margin-bottom:20px;
}

h1 {
 font-size:2.5em;
 font-weight:400;
 color:var(--cor-base);
}

.empresa1 {
 flex:1;
 min-width:308px;
}

.empresa2 {
 flex:3;
 padding-top:10px;
 padding-left:40px;
}

.acordtit {
 color:#000 !important;
 font-weight:700 !important;
 margin:7px 0 0 !important;
 border-radius:0 !important;
}

.serv_bot {
 display:inline-block;
 width:80%;
 max-width:400px;
 margin:10px auto;
 border:1px solid #fff;
 text-align:center;
 padding:5px;
 font-size:0.9em;
 transition:0.3s;
}

.serv_bot:hover {
 background-color:#070707;
 border:1px solid #070707;
}

.thumbs {
 width:45%;
 max-width:180px;
 margin:5px;
 border:2px solid var(--cor-escura);
 transition:0.3s;
}

.thumbs:hover {
 border:2px solid #fff;
}

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

@media screen and (max-width:1400px) {
 .home_centro {
  background-size:contain;
 }
 .home_intro02 {
  font-size:1.3em;
 }
 .home_intro03 {
  margin-top:100px;
  font-size:1.9em;
 }
}

@media screen and (max-width:1200px) {
 .home_dest {
  margin-bottom:95px;
 }
 .home_boxes {
  margin:120px auto 50px;
 }
 .home_boxes01 {
  margin:20px 10px;
 }
}

@media screen and (max-width:1000px) {
 .logo {
  max-width:450px;
 }
 .menuitem {
  height:35px;
  padding:5px 10px 0;
  margin:0 2px;
  font-size:1em;
 }
 .menuflag {
  height:35px;
  padding:6px 6px 0;
 }
 .home_dest {
  margin-top:750px;
  margin-bottom:105px;
 }
 .home_dest01 {
  max-width:327px;
 }
 .home_dest02 {
  margin:0 20px;
 }
 .home_dest03 {
  max-width:502px;
  padding-top:60px;
 }
 .home_centro {
  margin-top:20px;
 }
 .home_intro {
  background-image:none;
 }
 .home_intro01 {
  flex:1;
  padding-left:10px;
 }
 .home_intro02 {
  flex:2;
  padding-left:20px;
  font-size:1.1em;
 }
 .home_intro03 {
  margin-top:80px;
  margin-bottom:20px;
 }
 .home_check {
  width:25px;
 }
 .home_boxes {
  margin:60px auto 20px;
 }
 .home_boxes01 {
  flex:none;
  width:100%;
 }
 .internas {
  margin-top:50px;
 }
 .centro {
  padding:30px 15px 40px;
  font-size:1em;
 }
 .tit {
  padding:20px 15px 15px;
 }
 h1 {
  font-size:2.1em; 
 }
}

@media screen and (max-width:900px) {
 .navbar_item {
  padding:18px 15px 0;
  font-size:1.1em;
 }
 .home_intro03 {
  margin-top:50px;
 }
 .empresa2 {
  padding-top:0;
  padding-left:20px;
  font-size:1em;
 }
}

@media screen and (max-width:800px) {
 .home_dest {
  margin-bottom:115px;
 }
 .home_intro02 {
  font-size:1em;
 }
}

@media screen and (max-width:750px) {
 body {
  background-image:url(/imagens/layout/bgtopo2.jpg);
 }
 .topo {
  position:fixed;
  top:0;
  left:0;
  height:88px;
  background-color:rgba(0,0,0,0.9);
  text-align:left;
  padding:10px;
  z-index:9999;
 }
 .logo {
  max-width:250px;
 }
 .menu, #topo_navbar {
  display:none;
 }
 #menu_hamb_ico {
  display:inline-block;
 }
 .cordame {
  height:10px;
  background-size:cover;
 }
 .home_dest {
  margin-top:370px;
  margin-bottom:30px;
 }
 .home_dest01 {
  max-width:150px;
 }
 .home_dest02 {
  max-width:2px;
  margin:0 15px;
 }
 .home_dest03 {
  flex:4;
  max-width:300px;
  padding-top:20px;
 }
 .home_intro01 {
  flex:none;
  display:inline-block;
  width:100%;
  max-width:300px;
  text-align:center;
  padding:0 10px;
 }
 .home_intro02 {
  flex:none;
  display:inline-block;
  width:100%;
  text-align:center;
  padding:0 15px;
  line-height:0.7em;
 }
 .home_intro03 {
  margin-top:20px;
 }
 .home_boxes01 {
  padding-bottom:40px;
 }
 .home_boxes02 {
  padding-top:40px;
  padding-bottom:20px;
 }
 .home_boxes03 {
  padding:0 35px;
  font-size:1em;
 }
 .internas {
  margin-top:250px;
 }
 .centro {
  padding:30px 10px 40px;
  font-size:0.9em;
 }
 .tit {
  padding:15px 10px 10px;
 }
 h1 {
  font-size:1.8em; 
 }
 .empresa1 {
  flex:none;
  display:inline-block;
  width:100%;
  text-align:center;
  padding:0 50px;
 }
 .empresa2 {
  flex:none;
  display:inline-block;
  width:100%;
  padding:10px;
 }
}

@media screen and (max-width:600px) {
 .rodape{
  padding:15px 10px;
  font-size:1em;
 }
 .rodtel {
  font-size:1em;
 }
 .inweb {
  font-size:0.7em;
 }
 .botop {
  width:35px;
  height:35px;
  padding-top:6px;
  right:10px;
 }
 .home_centro {
  background-image:none;
 }
 .home_intro02 {
  background-image:url(/imagens/home/bgmapa.gif);
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:contain;
  line-height:1em;
 }
 .home_intro03 {
  line-height:1em;
 }
 .home_check {
  display:none;
 }
}

@media screen and (max-width:500px) {
 .home_dest {
  margin-bottom:36px;
 }
 .home_intro02 {
  text-align:left;
 }
 .home_intro03 {
  text-align:center;
 }
}

@media screen and (max-width:450px) {
 .home_dest {
  margin-bottom:46px;
 }
 .home_boxes {
  padding:0 50px;
 }
 .home_boxes01 {
  margin:20px 0;
 }
}

@media screen and (max-width:350px) {
 .topo {
  padding:18px 10px 0;
 }
 .logo {
  max-width:200px;
 }
 .home_dest {
  margin-bottom:65px;
 }
 .home_dest03 {
  padding-top:15px;
 }
 .home_boxes {
  padding:0 20px;
 }
}