@charset "utf-8";

/*
font-family: 'Quicksand', sans-serif;
font-family: 'Open Sans', sans-serif;

cor: #014D71
*/

* { box-sizing: border-box; outline: none; color: inherit; font-family: inherit; resize: none; }
html, body { min-height: 100%; height: 100%; }
body { font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-family: 'Quicksand', sans-serif; font-weight: normal; }
a { text-decoration: none; transition: all 250ms; }

.tit-lateral { background: #014D71; padding: 5px; color: #fff; border-radius: 3px; text-align: center; margin-top: 0; }
.tit-conteudo small { display: block; font-size: .35em; margin-top: 0; border-bottom: 1px solid #666; padding-bottom: 10px; }

.bg-carro { background-image: url(img/bg-site.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center; }
.site { width: 100%; min-height: 100%; }
.container { width: 90%; max-width: 920px; }
.flex { display: flex; }
.wrap { flex-wrap: wrap; }
.vcenter { align-items: center; }
.hcenter { justify-content: center; }
.fcoluna { flex-direction: column; }
.between { justify-content: space-between; }

.lateral { padding: 5px; box-shadow: 0 0 30px #000; min-height: 90%; width: 100%; max-width: 320px; border: 2px solid rgba(255,255,255,.2); background-color: rgba(255,255,255,.1); }
.content-lateral { background-image: linear-gradient(to bottom, rgba(255,255,255,.8) 0%, rgba(255,255,255,.4) 50%, rgba(0,0,0,.1) 100%); height: 100%; width: 100%; padding: 5px; }
.logo { width: 100%; max-width: 320px; }
.logo img { width: 100%; height: auto; }
.main-menu { width: 100%; font-family: 'Quicksand', sans-serif; text-transform: uppercase; color: #000; margin: 20px 0; padding: 0; list-style: none; }
.main-menu li:not(:last-child) { border-bottom: 1px dotted #000; }
.main-menu a { display: block; padding: 4px 10px; font-size: 1.5em; margin: 2px; border-radius: 3px; }
.main-menu a:hover { background: #fff; }
.formpadrao { width: 100%; }
.formpadrao .campo { padding: 5px; border: none; border-bottom: 2px solid #fff; color: #fff; background: rgba(0,0,0,.5); width: 100%; margin-bottom: 5px; }
.formpadrao .campo::placeholder { color: #ccc; }
.formpadrao .campo.metade { width: 49%; }
.formpadrao .captcha { margin-bottom: 5px; width: 100%; }
.formpadrao .captcha .campo { margin-bottom: 0; }
.formpadrao .botoes { width: 100%; }
.formpadrao .botoes button { background: #014D71; color: #fff; border: none; cursor: pointer; margin-right: 5px; padding: 10px; }
.formpadrao .loading { display: none; flex: 1; font-size: .7em; padding: 5px; margin: 0; border-radius: 3px; color: #8a6d3b; background-color: #fcf8e3; border: 2px solid #8a6d3b; }

.formpadrao .loading.error { color: #a94442; background-color: #f2dede; border: 2px solid #ebccd1; }
.formpadrao .loading.success { color: #3c763d; background-color: #dff0d8; border: 2px solid #d6e9c6; }

.copy { font-size: .7em; color: #fff; }

.conteudo { flex: 1; min-height: 630px; margin-left: 30px; }
.slogan { color: #fff; text-shadow: 1px 1px 1px #000; text-align: right; font-size: 1.4em; }
.textos { background-image: linear-gradient(to bottom, rgba(0,0,0,.8) 0, rgba(0,0,0,.3) 100%); border: 1px solid #666; color: #fff; padding: 10px; }
.textos-content { font-size: .8em; }

.bt-abre-menu { display: none; width: 100%; padding: 15px; background: #fff; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; margin-bottom: 15px; }
.bt-fecha-menu { display: none; }
.bt-fecha-menu button { width: 100%; padding: 15px; background: #fff; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; }

.fecha-form { display: none; width: 100%; padding: 10px; background: #014D71; border: none; border-radius: 3px; color: #fff; margin-bottom: 20px; }

@media screen and (max-height: 680px){
    body { height: auto; }
}

@media screen and (max-width: 950px){
    .site>.container.flex { flex-wrap: wrap; }
    .lateral { width: 100%; max-width: none; min-height: auto; margin-top: 20px; }
    .conteudo { width: 100%; margin-left: 0; margin-top: 20px; margin-bottom: 20px; flex: none; }
    
    .main-menu { position: fixed; margin: 0; background: #014D71; padding: 25px; top: 0; left: -290px; min-height: 100%; width: 290px; overflow: auto; align-content: flex-start; }
    .main-menu a { color: #fff; }
    .main-menu a:hover { color: #000; }
    
    .bt-abre-menu { display: block; }
    .bt-fecha-menu { display: block; }
    .fecha-form { display: block; }
    
    #formcontato { position: fixed; background: #fff; padding: 25px; top: 0; right: -290px; min-height: 100%; width: 290px; overflow: auto; align-content: flex-start; }
    
    .copy { display: none; }
}