@charset "utf-8";

/* CSS Document */
* { margin: 0; padding: 0; border: 0; text-decoration: none; }
body { background: #fff url(../imagens/fundos/fundo_site.jpg) repeat-x top fixed; font-family: 'Open Sans', sans-serif; }
.contorno { width: 80%; margin: 0 auto; height: auto; display: table; }

/* TOPO */
#topobarra { background: url(../imagens/fundos/fundo_topo.png) repeat-x; width: 100%; height: auto; background: #1d3961; border-bottom: 6px solid #ffac1b; margin: 0 0 1%; float: left; }
#topobarra ul { float: right; list-style: none; color: #fff; width: 100%; }
#topobarra ul li { line-height: 50px; float: left; }
#topobarra ul li a { float: left; line-height: 50px; color: #fff; font-size: 14px; margin: 0 30px; }
#topobarra ul li a:hover{color: #ffac1b;}
#topobarra ul li a i { float: left; line-height: 50px; margin: 0 10px 0 0; font-size: 17px; }
#topobarra ul li:last-of-type { float: right; }
#topobarra ul li:first-of-type { }
#topobarra ul li:first-of-type a { margin-left: 0 }



#topo {width: 100%;height: auto;margin: 0;display: table;}
#logotipo { width: 200px; height: auto; display: table; margin: 2% auto; }
#logotipo a { float: left; width: 100%; }
#logotipo a img { float: left; width: 100%; height: auto; }
#topo_contato { width: 300px; height: 125px; float: right; margin: 0; padding: 30px 0 0 200px; background: url(../imagens/fundos/fundo_caminhao.png) no-repeat left bottom; }
.amarelo { position: relative; float: left; font-size: 20px; color: #f7d306; margin: 0 0 -5px 0; }
.cinza { color: #888; font-weight: normal; }
.telefone { color: #333; font-size: 16px; font-weight: bold; margin: 15px 0; position: relative; float: left; clear: left; }
.telefone2 { color: #333; font-size: 16px; font-weight: bold; margin: -15px 20px 25px 0; position: relative; float: right; clear: right; }
.email { font-size: 13px; font-weight: bold; margin: -5px 20px 25px 0; position: relative; clear: both; width: 300px; display: block; }
.email a { color: #888; text-decoration: none; }
.email a:hover { color: #333; text-decoration: none; }

/* MENU PRINCIAL */
#menu { width: 100%; height: auto; margin: 0; display: table; background: #1d3961; }
#menu ul { list-style: none; display: table; margin: 0 auto;    /* float: left; */ }
#menu ul li { padding: 0; margin: 0; float: left; }
#menu ul li a { color: #FFF; font-weight: bold; font-size: 14px; line-height: 50px; padding: 0 30px; text-transform: uppercase; float: left; }
#menu ul li a i { font-size: 33px; line-height: 50px; }
#menu ul li a:hover, #menu ul li .ativo, .ativo { color: #ffac1b; }
#menu ul li a.ativo:hover { color: #ffffff; }

/* DESTAQUE */
#fundo_slideshow {width: 100%;height: auto;margin: 0 0 5%;background: #1d3961;display: block;border-top: 4px solid #1d3961;}
#slideshow { position: relative; background: #fff; width: 80%; margin: 0 auto; display: block; }
#slideshow .item { height: 450px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
#slideshow .item:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; background: #000; opacity: .2; }
#slideshow .item .contorno { position: relative; z-index: 3; padding: 10% 0 4%; }
#slideshow .item h2 { padding: 0; width: auto; border: none; margin: 0; color: #fff; text-transform: uppercase; max-width: 58%; text-shadow: 2px 2px 6px #000; }
#slideshow .item p { }
#slideshow .item a { float: left; margin: 2% 0 0; background: #ffac1b; color: #1d3961; line-height: 40px; padding: 0 20px; text-transform: uppercase; font-weight: bold; }
#slideshow .item a:hover { background: #1d3961; color: #ffac1b; }
#slideshow .owl-theme .owl-dots { position: absolute; bottom: 0; width: 100%; }

/**/
#rodape { background: url(../imagens/fundos/fundo_rodape.png) repeat-x; width: 100%; height: auto; padding: 0; background: transparent; border-top: 6px solid #ffac1b; display: table; margin: 5% 0 0; }
.rodape { float: left; }
.rodape p { font-size: 12px; color: #1d3961; line-height: 60px; }
#desenvolvido { float: right; position: relative; max-width: 150px; }
.osweb { }
.osweb a { float: left; padding: 10px 0; }
.osweb a:hover { }
.osweb a img { float: left; width: 100%; height: auto; }
.osweb a:hover img { filter: brightness(-30%); }
#meio { }
#cont_esq, #cont_cent, #cont_dir { width: 31.333%; height: auto; float: left; margin: 0 1%; }
#cont_esq p, #cont_cent p, #cont_dir p { font-size: 14px; color: #333; text-align: justify; margin: 4%; display: table; width: 92%; }
.texto img { float: right; margin: -5px 0 0 10px; }
.texto iframe { margin: 4%; display: table; width: 92%; }
.tit { width: 100%; height: auto; border-bottom: 1px solid #dcdcdc; margin: 0 0 5%; padding: 0 0 5%; float: left; }
.tit h1 { line-height: 50px; color: #1d3961; }
.tit i { float: left; font-size: 50px; line-height: 50px; color: #ffac1b; margin: 0 20px 0 0; }
.tit img { float: left; }
h1 { color: #333; font-size: 24px; float: left; }

/* LEIA MAIS */
.link { text-align: right; float: right; margin: 4% 4%; }
.link a { color: #1d3961; text-decoration: none; font-size: 16px; background: #ffac1b; padding: 0 20px; line-height: 30px; float: left; }
.link a:hover { background: #1d3961; color: #ffac1b; }

/* PAGINA INTERNA */
#pagina {margin: 0 auto;display: table;width: 100%;border-top: 4px solid #1d3961;}
#pagina p { display: table; margin: 5px 0; font-size: 16px; color: #333; line-height: 24px; }
#pagina .texto { float: left; text-align: justify; width: 40%; margin: 5% 0; }
#pagina .texto p { }
#pagina .texto .link { float: left; margin-left: 0; }

/* GALERIA DE FOTOS */
#galeria { float: right; width: 50%; }
#galeria ul { float: left; list-style: none; }
#galeria ul li { float: left; width: 31.333%; margin: 1%; }
#galeria ul li a { float: left; width: 100%; }
#galeria ul li a img { float: left; width: 100%; height: auto; }
#galeria ul li:hover { opacity: .5; }

/* FALE CONOSCO */
#contato { margin: 0 auto; display: table; width: 100%; }
#contato .texto { float: left; width: 50%; }
#contato #galeria { width: 40%; }

/* FORMULARIO */
#formulario { margin: 5% 0; width: 100%; float: left; position: relative; }
#formulario p { color: #444; font-size: 15px; float: left; width: 45%; margin: 2.5%; }
#formulario p:last-of-type { width: 95%; }
#formulario .campoforminput { padding-left: 5px; width: 100%; height: 40px; margin: 2% 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #1d3961; }
#formulario .campoforminput2 { padding-left: 5px; width: 100%; height: 40px; margin: 2% 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #1d3961; }
#formulario .campoforminput3 { width: 170px; height: 30px; margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #ccc; }
#formulario .campoformselect { width: 100%; height: 40px; margin: 2% 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #1d3961; }
#formulario .campoformselect2 { border: 1px solid #ccc; width: 100%; height: 40px; margin: 2% 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #1d3961; }
#formulario .campoformtext { padding: 5px; width: 100%; height: 180px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #1d3961; margin: 2% 0 0; resize: none; padding: 2%; }
#formulario .star { color: #030776; }
#formulario .botaoon2 { width: 120px; height: 40px; border: 0; margin: 2.5%; cursor: pointer; background: #ffac1b; color: #1d3961; font-weight: bold; float: right; font-size: 17px; letter-spacing: 2px; }
#formulario .botaoon2:hover { background: #1d3961; color: #ffac1b; }
#formulario .botaoon1 { width: 120px; height: 40px; border: 0; margin: 2.5%; cursor: pointer; background: #ffac1b; color: #1d3961; font-weight: bold; float: left; font-size: 17px; letter-spacing: 2px; }
#formulario .botaoon1:hover { background: #1d3961; color: #ffac1b; }

/* ORCAMENTO */
#orcamento { margin: 0 auto; display: table; width: 100%; }
#orcamento .texto { float: left;/* width: 50%; */ margin: 0 auto; padding: 0 1%;/* border: 1px solid #ccc; */ }

/* FORMULARIO DE ORCAMENTO */
#orcamento #formulario { margin: 0; width: 100%; float: left; position: relative; }
#orcamento #formulario p { color: #444; font-size: 15px; float: left; width: 45%; margin: 2.5%; }
#orcamento #formulario p:last-of-type { width: 45%; }
#orcamento #formulario .dados p { margin-top: 0; }
#orcamento #formulario .campoforminput { padding-left: 5px; width: 100%; height: 40px; margin: 2% 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #1d3961; }
#orcamento #formulario .campoforminput2 { }
#orcamento #formulario #telefonecamp { width: 45%; }
#orcamento #formulario #celularcamp { width: 45%; float: right; }
#orcamento #formulario .dados input { margin-bottom: 18px; }
#orcamento #formulario .campoforminput3 { width: 170px; height: 30px; margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #ccc; }
#orcamento #formulario .campoformselect { width: 100%; height: 40px; margin: 2% 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #1d3961; }
#orcamento #formulario .campoformselect2 { }
#orcamento #formulario .campoformtext { padding: 5px; width: 100%; height: 180px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #1d3961; margin: 2% 0 0; resize: none; padding: 2%; }
#orcamento #formulario .star { color: #030776; }
#orcamento #formulario .botaoon2 { width: 120px; height: 40px; border: 0; margin: 2.5%; cursor: pointer; background: #ffac1b; color: #1d3961; font-weight: bold; float: right; font-size: 17px; letter-spacing: 2px; }
#orcamento #formulario .botaoon2:hover { background: #1d3961; color: #ffac1b; }
#orcamento #formulario .botaoon1 { width: 120px; height: 40px; border: 0; margin: 2.5%; cursor: pointer; background: #ffac1b; color: #1d3961; font-weight: bold; float: left; font-size: 17px; letter-spacing: 2px; }
#orcamento #formulario .botaoon1:hover { background: #1d3961; color: #ffac1b; }
#orcamento #formulario .bloco-form { display: table; width: 100%; border-bottom: 1px solid #333; margin: 0 0 2%; }
#orcamento #formulario .bloco-form h3 { margin-bottom: 0; text-align: center; }

/**/
#fundo_contato { background: url(../imagens/fundos/fundo_slideshow.png) repeat-x center top; width: 100%; height: 680px; margin: 60px 0 0 0; }
#meio_contato { background: url(../imagens/fundos/fundo_contato.png) no-repeat; margin: 40px 0 0 21px; padding: 45px 0 0 0; height: 660px; }
#fundo_orcamento { background: url(../imagens/fundos/fundo_slideshow.png) repeat-x center top; width: 100%; height: 1040px; margin: 60px 0 0 0; }
#meio_orcamento { background: url(../imagens/fundos/fundo_orcamento.png) no-repeat; margin: 40px 0 0 21px; padding: 45px 0 0 0; height: 1000px; }
h2 { color: #1d3961; font-size: 40px; padding: 1%; border-bottom: 1px solid #999; margin: 1% 0; width: 98%; display: block; }
h3 { font-size: 18px; margin: 20px 0; color: #222; }
.espaco { float: right; width: 45%; }
.espaco2 {/* margin-left: 267px; */ }
.espaco3 {/* margin-left: 329px; */ }
.margem { margin: 20px 0 0 0; }
.img { float: right; position: relative; margin: 0px 50px 0 10px; }
.img2 { float: left; position: relative; margin: 0px 20px 0 45px; }

/* VOLTAR AO TOPO */
a.scroll { position: fixed; z-index: 4; bottom: 50px; right: 35px; width: 40px; height: 40px; display: none; background: #1d3961; color: #ffac1b; text-align: center; line-height: 40px; }
a.scroll:hover { background: #ffac1b; color: #1d3961; }
a.scroll i { line-height: 40px; }


/* MENU MOBILE */
#menu-mobile { display: none !important; }
.menu-mobile {width: 94%;height: 100%;background: rgb(29, 57, 97);float: left;display: none;position: fixed;top: 0;padding: 1% 3%;left: 0;}
.menu-mobile ul { padding: 2% 0; list-style: none; float: left; width: 100%; }
.menu-mobile ul li {margin: 1px 0 2px;background: none;border-bottom: #ffffff 1px solid;width: 100%;}
.menu-mobile ul li a {color: #ffac1b;display: block;text-transform: uppercase;text-align: left;padding: 20px 30px;font-weight: bold;}
.open-menu, .close-menu {font-weight: 700;text-align: center;font-size: 30px;width: 60px;line-height: 60px;height: 60px;background: #1d3961;cursor: pointer;color: #ffac1b;float: right;}
.open-menu { }
.open-menu i{line-height: 60px;}
.close-menu {/* position: absolute; *//* top: 0; *//* right: 3%; */}
.close-menu i{
    line-height: 60px;
}
/* TOPO */
#rodapebarra { display: none; }


@media only screen and (max-width:1299px) {
    .contorno { width: 90%; }
    #slideshow { width: 90%; }
}
@media only screen and (max-width:1000px) {
    .contorno { width: 95%; }
    #slideshow { width: 95%; }
}
@media only screen and (max-width:950px) {
    #menu-mobile {display: table !important;width: 95%;/* background: #00163a; */position: fixed;padding: 1% 3%;z-index: 6;top: 0;right: 0;}
#pagina{border-top: 4px solid #1d3961}
    #cont_esq, #cont_cent, #cont_dir { width: 98%; margin: 1% 1% 8%; }
    #cont_esq p, #cont_cent p, #cont_dir p { font-size: 18px; }
    .link { width: 100%; margin: 5% 0; text-align: center; }
    .link a { width: 100%; padding: 0; line-height: 60px; text-transform: uppercase; font-weight: bold; }
    a.scroll { width: 80px; height: 60px; right: 5px; bottom: 5px; }
    a.scroll i { line-height: 60px; font-size: 23px; }
    .rodape { width: 100%; text-align: center; }
    .rodape p { display: 14px; }
    #desenvolvido { max-width: none; width: 30%; float: none; display: table; margin: 0 auto; }
    .texto iframe { height: 450px; }
    #menu { display: none; }
    #slideshow { width: 100%; }
    #slideshow .item .contorno { width: 80%; padding: 30% 0 0; }
    #slideshow .item .contorno h2 { max-width: 100%; font-size: 35px; }
    #slideshow .item a { line-height: 60px; padding: 0 10%; margin: 5% 0 0; }
    #pagina .texto { width: 100%; }
    #galeria { width: 100%; }

#topobarra{display:none;}
#logotipo{
    margin: 4% auto;
}
.menu-mobile ul li.ativo a{color: #fff}


#contato .texto{width: 100%;border-top: 4px solid #1d3961}
#contato #galeria{width: 100%;}


/* TOPO */
#rodapebarra {background: url(../imagens/fundos/fundo_topo.png) repeat-x;width: 100%;height: auto;background: #1d3961;margin: 10% 0 0;float: left;display: table;}
#rodapebarra ul { float: right; list-style: none; color: #fff; width: 100%; }
#rodapebarra ul li {line-height: 50px;float: left;width: 100%;border-bottom: 2px solid #fff;}
#rodapebarra ul li a {float: left;line-height: 50px;color: #fff;font-size: 17px;margin: 0;text-align: left;width: 80%;padding: 1% 10%;}
#rodapebarra ul li a i {/* float: left; */line-height: 50px;margin: 0 10px 0 0;font-size: 17px;}
#rodapebarra ul li:last-of-type {float: right;border-bottom: none;}
#rodapebarra ul li:first-of-type { }
#rodapebarra ul li:first-of-type a { margin-left: 0 }




}