html {
 overflow-x:hidden;
 position:relative;
 min-height:100%;
}

body {
 background:#dee5ec;
 font-family:Red Hat Display,Arial,Helvetica,Garuda;
 font-size:1em;
 font-weight:400;
 color:#394b63;
 height:100%;
 margin:0;
}

a {
 color:#394b63;
 text-decoration:none;
}

a:hover {
 color:#000;
}

a.branco {
 color:#fff;
}

a:hover.branco {
 color:#8afcfe;
}

.block {
 display:block;
 width:100%;
 height:100%;
}

* {
 box-sizing:border-box;
}

.topo {
 width:98%;
 margin:20px auto;
 background:#fff;
 border:1px #9aaabd solid;
 border-radius:6px;
 text-align:center;
 padding:10px 2px 2px 2px;
 position:sticky;
 top:-202px;
 z-index:9999;
}

.topo_logo {
 display:inline-block;
 width:100%;
 max-width:590px;
}

.logo {
 width:100%;
 max-width:590px;
 border:0;
}

.menu_master {
 width:100%;
 height:50px;
 background:#566f8f;
 border-radius:0 0 5px 5px;
 margin-top:6px;
 text-align:center;
}

.menu_item {
 display:inline-block;
 margin:0 15px;
 padding:16px 9px 15px;
 color:#fff;
 letter-spacing:1px;
 cursor:pointer;
 transform:perspective(1px) translateZ(0);
 position:relative;
 transition-property:color;
 transition-duration:0.4s;
}

.menu_item:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#fff;
 transform:scaleY(0);
 transform-origin:50% 0;
 transition-property:transform;
 transition-duration:0.4s;
 transition-timing-function:ease-out;
}

.menu_item:hover, .menu_item:focus, .menu_item:active {
 color:#566f8f;
}

.menu_item:hover:before, .menu_item:focus:before, .menu_item:active:before {
 transform:scaleY(1);
}

.menu_icoresp {
 display:none;
 float:right;
 width:50px;
 margin:10px 0;
 border:0;
 cursor:pointer;
 z-index:9999;
}

.menu_close {
 display:none;
 position:fixed;
 top:15px;
 right:10px;
 width:50px;
 border:0;
 cursor:pointer;
 z-index:9999;
}

#menu_resp {
 display:none;
 position:fixed;
 top:86px;
 left:0;
 width:100%;
 background:#fff;
 border:1px #9aaabd solid;
 border-top:1px #fff solid;
 border-radius:0 0 8px 8px;
 padding:0 15px 10px;
 z-index:9999;
}

.menu_item_resp {
 width:100%;
 background:#566f8f;
 border-radius:5px;
 text-align:center;
 padding:8px;
 margin:0 0 8px;
 font-size:0.9em;
 letter-spacing:1px;
 color:#fff;
 cursor:pointer;
}

.centro1 {
 width:100%;
 margin:30px 0;
}

.centro2 {
 width:100%;
 max-width:1260px;
 margin:0 auto;
 padding:15px 20px 30px;
 font-size:1.1em;
}

.hero_desk {
 width:98%;
 max-width:1870px;
 margin:30px auto;
}

.hero_mob {
 display:none;
}

.tit {
 display:inline-block;
 background:#fff;
 border:1px #9ca5b1 solid;
 border-radius:6px;
 padding:10px 30px;
 margin-left:20px;
}

.tit_int {
 width:100%;
 height:1px;
 background:#9ca5b1;
 margin:70px 0 0;
}

h1 {
 font-size:1.5em;
 color:#394b63;
 font-weight:400;
 line-height:1em;
 margin:0;
}

.rodape {
 width:98%;
 background:#394b64;
 margin:20px auto 0;
 border-radius:6px;
}

.rodimg {
 display:inline-block;
 width:206px;
 padding:10px;
}

.rodtxt {
 display:inline-block;
 vertical-align:top;
 padding:30px 20px;
 color:#fff;
 line-height:1.8em;
 letter-spacing:1px;
}

.rodico {
 width:23px;
 filter:opacity(0.6);
 margin-right:5px;
}

.inweb {
 width:100%;
 text-align:center;
 padding:7px 10px 9px;
}

@-webkit-keyframes botsaiba {
 50% {
 transform: scale(1.07);
 }
}
@keyframes botsaiba {
 50% {
 transform: scale(1.07);
 }
}

.botsaiba {
 width:80%;
 max-width:500px;
 margin:20px auto 0;
 background:#ddd;
 background:linear-gradient(#fefefe,#ddd);
 border:1px #394b64 solid;
 border-radius:3px;
 padding:8px 15px;
 text-align:center;
 font-size:0.9em;
 font-weight:500;
 cursor:pointer;
 transform:perspective(1px) translateZ(0);
}

.botsaiba:hover, .botsaiba:focus, .botsaiba:active {
 animation-name:botsaiba;
 animation-duration:0.3s;
 animation-timing-function:linear;
 animation-iteration-count:1;
}

.icobot {
 width:22px;
 margin-right:10px;
}

form {
 margin:0;
}

input[type=text] {
 width:100%;
 max-width:530px;
 background-color:#fff;
 border:1px #9ca5b1 solid;
 border-radius:5px;
 padding:10px;
 font-family:Arial;
 font-size:0.9em;
}

input[type=text]:focus {
 background:#394b64;
 border:1px #394b64 solid;
 border-radius:2px;
 color:#fff;
 outline:none;
}

textarea {
 resize:none;
 width:100%;
 max-width:530px;
 height:210px;
 background-color:#fff;
 border:1px #9ca5b1 solid;
 border-radius:5px;
 padding:7px;
 font-family:Arial;
 font-size:0.9em;
}

textarea:focus {
 background:#394b64;
 border:1px #394b64 solid;
 border-radius:2px;
 color:#fff;
 outline:none;
}

.formenvia {
 width:80%;
 max-width:250px;
 background:#ddd;
 background:linear-gradient(#fefefe,#ddd);
 border:1px #394b64 solid;
 border-radius:2px;
 box-shadow:0 2px 2px #d0d0d0;
 text-align:center;
 padding:8px 5px;
 margin:0 5px 30px;
 font-size:0.8em;
 color:#394b64;
 font-weight:500;
 cursor:pointer;
}

/**************************/

@media screen and (max-width:850px) {
 .rodimg {
 display:none;
 }
 .rodtxt {
 width:100%;
 padding:15px 15px 23px;
 font-size:0.9em;
 letter-spacing:0;
 }
}

@media screen and (max-width:650px) {
 .topo {
 margin:10px auto;
 top:-160px;
 }
 .menu_item {
 margin:0 5px;
 font-size:0.9em;
 }
 .topo_logo {
 padding:0 10px;
 }
 .logo {
 max-width:450px;
 }
}

@media screen and (max-width:550px) {
 .menu_master {
 display:none;
 }
 .topo {
 width:100%;
 margin:0;
 border-radius:0;
 padding:5px 8px;
 position:fixed;
 top:0;
 left:0;
 }
 .topo_logo {
 float:left;
 width:80%;
 text-align:left;
 padding:0;
 }
 .logo {
 max-width:250px;
 }
 .menu_icoresp, .menu_close {
 display:inline-block;
 }
 .hero_desk {
 display:none;
 }
 .hero_mob {
 display:inline-block;
 width:100%;
 }
 .centro1 {
 margin:90px 0 30px;
 }
 .tit_int {
 margin:150px 0 0;
 }
}

@media screen and (max-width:450px) {
 .tit {
 padding:10px 15px;
 margin-left:15px;
 }
 h1 {
 font-size:1.2em;
 }
 .centro2 {
 padding:5px 15px 20px;
 font-size:0.9em;
 }
}

@media screen and (max-width:300px) {
 .logo {
 max-width:150px;
 }
 .menu_icoresp {
 width:30px;
 margin:7px 0;
 }
 .menu_close {
 width:30px;
 }
 #menu_resp {
 top:56px;
 }
 .centro1 {
 margin:60px 0;
 }
 .tit_int {
 margin:110px 0 0;
 }
 .icobot {
 display:none;
 }
}
