@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('resize.css');
@import url('componentmenu.css');

@charset "utf-8";
/* CSS Document */

body {font-size: 12px; font-family: verdana; background: #fff top center; margin: auto; overflow-x: hidden;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

img {border: 0;}

.cut1 :nth-child(3n){margin-right: 0!important;}
.cut2 :nth-child(4n){margin-right: 0!important;}

.menu-sobre-foto { float: left; height: 125px; overflow: hidden; }

.alinha1 {margin: 15px 0 0 0;}
.alinha1 {width: 100%; float: left; color: #fff; font: 35px 'Josefin Sans'; text-align: center; font-weight: bold;}
.alinha2 {width: 100%; float: left; color: #fff; font: 17px 'Josefin Sans'; text-align: center; margin-bottom: 30px;}
.alinha3 {width: 100%; float: left; color: #46a268; font: 30px 'Josefin Sans'; text-align: center; font-weight: bold;}
.alinha3 {margin: 20px 0 10px 0;}
.alinha4 {width: 100%; float: left; color: #fca901; font: 20px 'Josefin Sans'; font-weight: bold;}
.alinha5 {width: 100%; float: left; color: #5b5a59; font: 20px 'Josefin Sans'; font-weight: bold; margin-top: 5px;}
.alinha6 {width: 100%; float: left; color: #191f40; font: 25px 'Roboto Condensed'; font-weight: bold;}
.alinha7 {width: 100%; float: left; color: #737373; font: 25px 'Roboto Condensed';}
.alinha8 {float: left; color: #747474; font: 25px 'Roboto Condensed'; margin: 7px 0 0 7px; font-weight: bold;}
.alinha9 {float: left; color: #747474; font: 15px 'Roboto Condensed'; margin: 2px 0 0 7px; font-weight: bold;}
.alinha10 {float: left; color: #747474; font: 15px 'Roboto Condensed'; margin: 13px 0 0 7px; font-weight: bold;}

#grid0 {float: left;}
#grid1 {width: 6.2%; margin-right: 20px;}
#grid2 {width: 14.2%; margin-right: 20px;}
#grid3 {width: 23.1%; float: left; margin: 0 10px 20px 0; border-bottom: 3px #fca901 solid; overflow: hidden;}
#grid4 {width: 31.5%; height: auto; float: left; margin: 0 20px 0 0; border: 1px #676e8d solid; padding: 30px 0 30px 0;}
#grid4 {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
#grid4A {width: 31.5%; height: auto; float: left; margin: 0 20px 0 0;}
#grid4B {width: 31.5%; height: auto; float: left; margin: 35px 20px 0 0;}
#grid4C {width: 31.2%; height: auto; float: left; margin: 20px 20px 30px 0; padding: 25px 0 25px 0;}
#grid4C {-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; border: 2px #676e8d solid;}
#grid5 {width: 40.1%; height: auto; float: left; overflow: hidden;}
#grid5A {width: 40.1%; height: auto; float: right;}
#grid6 {width: 48.1%; height: auto; float: left; overflow: hidden;}
#grid7 {width: 57.1%; height: auto; float: right;}
#grid8 {width: 65%; margin-right: 20px;}
#grid9 {width: 74%; margin-right: 20px;}
#grid10 {width: 82%; margin-right: 20px;}
#grid11 {width: 91%; margin-right: 20px;}
#grid12 {width: 100%; height: auto; float: left;}
#grid12A {width: 100%; height: auto; float: left; margin-bottom: 10px;}
#grid12B {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
#xxx {float: left;}
#xxxx {float: left;}

a:link {color: #54534f; text-decoration: none;}
a:visited {color: #54534f; text-decoration: none;}
a:hover {text-decoration: none; color: #fff;}

a.linkdois:link {color: #646464; text-decoration: none;}
a.linkdois:visited {color: #646464; text-decoration: none;}
a.linkdois:hover {text-decoration:none; color:#fff; background:#191f40; padding: 50px 15px 50px 15px; margin: 0 -15px 0 -15px;}

#topo {width: 100%; height: auto; float: left; display: block; margin-top: -15px;}
#topo2 {width: 100%; height: 110px; float: left; display: block; margin-top: -15px; background: #fff;}
#topo2 {border-bottom: 3px #1e193d solid;}
#topo-mobile {width: 100%; height: auto; float: left; display: none; margin-top: -15px;}

#carrossel {width: 100%; height: 100%; float: left; overflow: hidden;}
#containercarrossel {width: 100%;  margin-bottom: 15px; float: left;}
#carrosselprevnext {width: 100%;  margin-bottom: 15px;  float: left;}
#carrossel ul {list-style: none; float: left;}
#carrossel ul li {float: left; display: inline;}
.prev {width: 50px; float: right; margin-top: 100%; overflow: hidden;}
.next {width: 50px;  float: left; margin-top: 100%; overflow: hidden;}

#menu {width: 100%; height: 110px; float: left; position: absolute; z-index: 999; overflow: hidden;}
#menu { background: url(img/transparencia.png) repeat top center;}
.menu-links {float: right; text-align: center; padding: 50px 15px 50px 15px; color: #646464; font: 13px 'Josefin Sans';}
.menu-links {border-right: 1px #d4d5d5 solid; font-weight: bold;}
.menu-links2 {float: right; text-align: center; padding: 50px 15px 50px 15px; color: #646464; font: 13px 'Josefin Sans';}
.menu-links2 {border-right: 1px #d4d5d5 solid; border-left: 1px #d4d5d5 solid; font-weight: bold;}

.logo {width: 310px; height: auto; float: left; margin: 15px 0 0 0; overflow: hidden;}

#menu-mobiles {width: 100%; height: 100%; float: left; padding: 5px 0 10px 0; display: block; background: #026655;}
#menu-mobiles {position: relative; z-index: 9999999999999;}
#menu-center {width: 100%; height: auto; float: none; margin: 0 auto 0 auto;}
.menu-icon {width: 50px; height: 40px; float: none; margin: 0 auto 0 auto; background: url(img/menumobile.png) no-repeat center;}
.dl-menuwrapperr {
	width: 100%; height: 50px; margin: 0 auto 0 auto;
	float: none;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px; text-align: center;}
.dl-menuwrapperr .dl-menu.dl-menuopen {
	opacity: 1; margin-top: 0px;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px); background: #211f21; position: relative; z-index: 99999; overflow: hidden;}

#servicos {width: 100%; height: auto; float: left; background: #171b2f; padding: 30px 0 30px 0; margin: -5px 0 0 0;}
#servicos {border-bottom: 7px #414772 solid;}
.servicos-lines {width: 300px; height: auto; float: none; margin: 0 auto 0 auto;}
.servicos-icon {width: 91px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.servicos-text {width: 90%; height: auto; float: none; margin: 0 auto 0 auto; text-align: center; color: #fff;}

#conheca-empresa {width: 100%; height: auto; float: left; background: #fff; padding: 50px 0 50px 0;}
.conheca-empresa-text {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; color: #606060;}
.veja {width: 109px; float: left; border: none; color: #fff; font: 25px 'Roboto Condensed'; background: #fca901;}
.veja {padding: 5px 0 5px 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.veja:hover {background: #e09807; color: white;}
#veja-float {float: left;}

.parallax-1 {
    /* The image used */
    background: url(img/parallax.jpg) no-repeat top center; width: 100%; height: 100%; float: left;

    /* Set a specific height */
    min-height: 340px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mapa {width: 100%; height: 100%; float: left; overflow: hidden;}

#infos {width: 100%; height: 100%; float: left; background: #171b2f; padding: 30px 0 30px 0; margin: -5px 0 0 0}
#infos {position: relative; z-index: 99999;}
.infos-telefone {width: 24px; height: auto; float: left; margin: 8px 0 0 0; overflow: hidden;}
.infos-numero-telefone {height:auto; float:left; margin: 5px 0 0 5px; color:#fff;font: 30px 'Josefin Sans'; font-weight:bold;}
.infos-localizacao {width: 30px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.infos-text {width: 100%; height: auto; float: left; margin: 0 0 0 0; text-align: center; color: #fff;}
.infos-logo {width: 70%; height: auto; float: none; margin: 15px auto 0 auto; overflow: hidden;}

#footer {width: 100%; height: 100%; float: left; background: #0c0f1d; padding: 20px 0 20px 0; margin: -15px 0 -20px 0;}
.copyright {float: left; color: #fff; font-size: 12px; margin-top: 8px;}
.logoas {width: 27px; height: auto; float: right; margin: 3px 0 0 0; overflow: hidden;}

/* LINKS DE DENTRO
***********************************************************/
.menu-empresa-banner {width: 100%; height: auto; float: left; margin: 0 0 50px 0; display: block; overflow: hidden;}
.menu-empresa-banner-mobile {width: 100%; height: auto; float: left; margin: 0 0 50px 0; display: none; overflow: hidden;}
.menu-empresa-desc {width: 100%; float: left; margin: 30px 0 30px 0; color: #606060; font: 15px 'Roboto Condensed';}
.menu-empresa-text {width: 100%; float: left; margin: 5px 0 30px 0; color: #606060; font: 15px 'Roboto Condensed';}

.menu-servicos-foto {width: 100%; height: auto; float: left; overflow: hidden;}
.menu-servicos-text {width: 90%; height: 18em; float: none; margin: 0 auto 0 auto; color: #606060; font: 15px 'Roboto Condensed';}
.menu-servicos-text {text-align: center; padding: 15px 0 0 0;}

#menu-localizacao {width: 100%; height: auto; float: left; margin: 50px 0 50px 0;}
.menu-localizacao-icon {width: 30px; height: 40px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.menu-localizacao-text {width: 100%; float: left; color: #686868; font: 18px 'Roboto Condensed'; text-align: center;}

.menu-contato-icon {width: 28px; height: auto; float: left; padding: 10px 0 0 0; overflow: hidden;}
.menu-contato-end-icon {width: 30px; height: auto; float: left; overflow: hidden;}
.enviar {width: 100%; height: 60px; float: right; border: none; color: #fff; font: 18px 'Josefin Sans'; background: #fca901;}
.enviar:hover {background: #e29a08; color: white;}
.form1 {width: 97%; height: 50px; border: 0px; background: #dcdcdc; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #fca901 solid; margin-bottom: 10px;}
.form2 {width: 97%; height: 180px; border: 0px; background: #dcdcdc; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #fca901 solid; margin-bottom: 10px;}
#grid5A, #grid6 {margin: 50px 0 50px 0;}

.email-enviadox {width: 250px; height: auto; float: none; margin: 0 auto 15px auto; padding: 7px 0 7px 0; background: #fca901;}
.email-enviadox {text-align: center; color: #fff;}

/* FIM LINKS DE DENTRO
***********************************************************/




/* 
1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1200px){
/*! MENU EMPRESA */	
#grid3 {width: 23.1%; height: 17em; float: left; margin: 0 20px 20px 0; border-bottom: 3px #fca901 solid; overflow: hidden;}
}




/* 
960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width:960px){
/*! TOPO */	
#topo {width: 100%; height: auto; float: left; display: block; margin-top: -15px;}
#topo-mobile {width: 100%; height: auto; float: left; display: block; margin-top: -15px;}
#topo2 {width: 100%; height: auto; float: left; display: block; margin-top: -15px; background: #fff;}
	
/*! MENU */	
#menu {display: none;}
#menu-mobiles {width: 100%; height: 100%; float: left; padding: 5px 0 10px 0; display: block; background: #0c0f1d;}

/*! CARROSSEL */
.prev {width: 40px; float: right; margin-top: 88%; overflow: hidden;}
.next {width: 40px;  float: left; margin-top: 88%; overflow: hidden;}
	
/*! NOSSOS SERVIÇOS */	
#grid4 {width: 31%; height: auto; float: left; margin: 0 20px 0 0; border: 1px #676e8d solid; padding: 30px 0 30px 0;}
.alinha3 {width: 100%; float: left; color: #46a268; font: 25px 'Josefin Sans'; text-align: center; font-weight: bold;}

/*! PARALLAX */	
.parallax-1 {display: none;}

/*! INFOS */	
#grid4A {width: 31%; height: auto; float: left; margin: 0 20px 0 0;}
#grid4B {width: 31%; height: auto; float: left; margin: 0 20px 0 0;}
#xxx {width: 100%; height: auto; float: left;}
.infos-telefone {width: 24px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.infos-numero-telefone {height: auto; float: left; margin: 7px 0 0 0; color: #fff;font: 30px 'Josefin Sans'; font-weight:bold;}
.infos-numero-telefone {width: 100%; text-align: center;}	
.infos-logo {width: 95%; height: auto; float: none; margin: 7px auto 0 auto; overflow: hidden;}

/*! FOOTER */
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 8px; text-align: center; padding-bottom: 7px;}
.logoas {width: 27px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

/*! MENU EMPRESA */	
#grid3 {width: 22.7%; height: 13.5em; float: left; margin: 0 20px 20px 0; border-bottom: 3px #fca901 solid; overflow: hidden;}
.menu-empresa-banner {width: 100%; height: auto; float: left; margin: -12px 0 50px 0; display: block; overflow: hidden;}
.alinha6 {width: 100%; float: left; color: #191f40; font: 25px 'Roboto Condensed'; font-weight: bold; text-align: center;}
.alinha7 {width: 100%; float: left; color: #737373; font: 25px 'Roboto Condensed'; text-align: center;}
.menu-empresa-desc {width: 100%; float: left; margin: 30px 0 30px 0; color: #606060; font: 15px 'Roboto Condensed'; text-align: center;}
.menu-empresa-text {width: 100%; float: left; margin: 5px 0 30px 0; color: #606060; font: 15px 'Roboto Condensed'; text-align: center;}

/*! MENU SERVICOS */
#grid4C {width: 100%; height: auto; float: left; margin: 20px 0 30px 0; padding: 25px 0 25px 0;}
.menu-servicos-text {width: 90%; height: auto; float: none; margin: 0 auto 0 auto; color: #606060; font: 15px 'Roboto Condensed';}	

/*! MENU CONTATO */
#grid5A {width: 48%; height: auto; float: right;}
#grid6 {width: 48%; height: auto; float: left; overflow: hidden;}
.alinha8 {float: left; color: #747474; font: 25px 'Roboto Condensed'; margin: 10px 0 0 7px; font-weight: bold;}
.alinha9 {float: left; color: #747474; font: 17px 'Roboto Condensed'; margin: 2px 0 0 7px; font-weight: bold;}
}




/* 
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:768px){
/*! CARROSSEL */
.prev {width: 35px; float: right; margin-top: 80%; overflow: hidden;}
.next {width: 35px;  float: left; margin-top: 80%; overflow: hidden;}
	
/*! NOSSOS SERVIÇOS */	
#grid4 {width: 30.5%; height: auto; float: left; margin: 0 20px 0 0; border: 1px #676e8d solid; padding: 30px 0 30px 0;}
.alinha3 {width: 100%; float: left; color: #46a268; font: 20px 'Josefin Sans'; text-align: center; font-weight: bold;}

/*! INFOS */	
#grid4A {width: 30.5%; height: auto; float: left; margin: 0 20px 0 0;}
#grid4B {width: 30.5%; height: auto; float: left; margin: 20px 20px 0 0;}
#xxx {width: 100%; height: auto; float: left;}
.infos-telefone {width: 24px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.infos-numero-telefone {height: auto; float: left; margin: 7px 0 0 0; color: #fff;font: 20px 'Josefin Sans'; font-weight:bold;}
.infos-numero-telefone {width: 100%; text-align: center;}	
.infos-logo {width: 75%; height: auto; float: none; margin: 35px auto 0 auto; overflow: hidden;}

/*! MENU EMPRESA */	
#grid3 {width: 22%; height: 10.7em; float: left; margin: 0 20px 20px 0; border-bottom: 3px #fca901 solid; overflow: hidden;}

/*! MENU SERVICOS */
#grid4C {width: 99%; height: auto; float: left; margin: 20px 0 30px 0; padding: 25px 0 25px 0;}

/*! MENU CONTATO */
#grid5A {width: 100%; height: auto; float: right;}
#grid6 {width: 100%; height: auto; float: left; overflow: hidden;}
.alinha8 {width: 100%; float: left; color: #747474; font: 25px 'Roboto Condensed'; margin: 10px 0 0 0; font-weight: bold; text-align: center;}
.alinha9 {width: 100%; float: left; color: #747474; font: 17px 'Roboto Condensed'; margin: 2px 0 0 0; font-weight: bold; text-align: center;}
.alinha10 {width: 100%; float: left; color: #747474; font: 15px 'Roboto Condensed'; margin: 13px 0 0 0; font-weight: bold; text-align: center;}
#xxxx {width: 100%; height: auto; float: left;}
.menu-contato-icon {width: 28px; height: auto; float: none; padding: 10px 0 0 0; overflow: hidden; margin: 0 auto 0 auto;}
.menu-contato-end-icon {width: 30px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
}




/* 
640px – iPhone no formato retrato
***********************************************************/
@media screen and (max-width:640px) and (min-width: 481px){
/*! CARROSSEL */
.prev {width: 35px; float: right; margin-top: 75%; overflow: hidden;}
.next {width: 35px;  float: left; margin-top: 75%; overflow: hidden;}
	
/*! NOSSOS SERVIÇOS */	
#grid4 {width: 99%; height: auto; float: left; margin: 0 0 15px 0; border: 1px #676e8d solid; padding: 30px 0 30px 0;}
.alinha3 {width: 100%; float: left; color: #46a268; font: 25px 'Josefin Sans'; text-align: center; font-weight: bold;}

/*! CONHEÇA MOSSA EMPRESA */	
#grid5 {width: 100%; height: auto; float: left; overflow: hidden;}
#grid7 {width: 100%; height: auto; float: left;}
.alinha4 {width: 100%; float: left; color: #fca901; font: 20px 'Josefin Sans'; font-weight: bold; text-align: center;}
.alinha5 {width:100%;float:left; color:#5b5a59; font:20px 'Josefin Sans'; font-weight:bold; margin-top:5px; text-align:center;}
.conheca-empresa-text {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; color: #606060; text-align: center;}
#veja-float {width: 100%; height: auto; float: left;}
.veja {width: 109px; float: none; border: none; color: #fff; font: 25px 'Roboto Condensed'; background: #fca901;}
.veja {margin: 0 auto 0 auto;}	

/*! INFOS */	
#infos {width: 100%; height: 100%; float: left; background: #171b2f; padding: 30px 0 0px 0; margin: -5px 0 0 0}
#grid4A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;}
#grid4B {width: 100%; height: auto; float: left; margin: 0 0 30px 0;}
#xxx {width: 100%; height: auto; float: left;}
.infos-telefone {width: 24px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.infos-numero-telefone {height: auto; float: left; margin: 7px 0 0 0; color: #fff;font: 30px 'Josefin Sans'; font-weight:bold;}
.infos-numero-telefone {width: 100%; text-align: center;}	
.infos-logo {width: 70%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

/*! MENU EMPRESA */	
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0; border-bottom: 3px #fca901 solid; overflow: hidden;}
.menu-empresa-banner {display: none;}
.menu-empresa-banner-mobile {width: 100%; height: auto; float: left; margin: -12px 0 50px 0; display: block; overflow: hidden;}

/*! MENU SERVICOS */
#grid4C {width: 99%; height: auto; float: left; margin: 20px 0 30px 0; padding: 25px 0 25px 0;}

/*! MENU CONTATO */
#grid5A {width: 100%; height: auto; float: right;}
#grid6 {width: 100%; height: auto; float: left; overflow: hidden;}
.alinha8 {width: 100%; float: left; color: #747474; font: 25px 'Roboto Condensed'; margin: 10px 0 0 0; font-weight: bold; text-align: center;}
.alinha9 {width: 100%; float: left; color: #747474; font: 17px 'Roboto Condensed'; margin: 2px 0 0 0; font-weight: bold; text-align: center;}
#xxxx {width: 100%; height: auto; float: left;}
.menu-contato-icon {width: 28px; height: auto; float: none; padding: 10px 0 0 0; overflow: hidden; margin: 0 auto 0 auto;}
.menu-contato-end-icon {width: 30px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
}




/* 
480px – Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:480px){
/*! CARROSSEL */
.prev {width: 35px; float: right; margin-top: 65%; overflow: hidden;}
.next {width: 35px;  float: left; margin-top: 65%; overflow: hidden;}
	
/*! NOSSOS SERVIÇOS */	
.alinha1 {width: 100%; float: left; color: #fff; font: 25px 'Josefin Sans'; text-align: center; font-weight: bold;}
.alinha2 {width: 100%; float: left; color: #fff; font: 12px 'Josefin Sans'; text-align: center; margin-bottom: 30px;}
#grid4 {width: 99%; height: auto; float: left; margin: 0 0 15px 0; border: 1px #676e8d solid; padding: 30px 0 30px 0;}
.alinha3 {width: 100%; float: left; color: #46a268; font: 25px 'Josefin Sans'; text-align: center; font-weight: bold;}

/*! CONHEÇA MOSSA EMPRESA */	
#grid5 {width: 100%; height: auto; float: left; overflow: hidden;}
#grid7 {width: 100%; height: auto; float: left;}
.alinha4 {width: 100%; float: left; color: #fca901; font: 20px 'Josefin Sans'; font-weight: bold; text-align: center;}
.alinha5 {width:100%;float:left; color:#5b5a59; font:20px 'Josefin Sans'; font-weight:bold; margin-top:5px; text-align:center;}
.conheca-empresa-text {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; color: #606060; text-align: center;}
#veja-float {width: 100%; height: auto; float: left;}
.veja {width: 109px; float: none; border: none; color: #fff; font: 25px 'Roboto Condensed'; background: #fca901;}
.veja {margin: 0 auto 0 auto;}	

/*! INFOS */	
#infos {width: 100%; height: 100%; float: left; background: #171b2f; padding: 30px 0 0px 0; margin: -5px 0 0 0}
#grid4A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;}
#grid4B {width: 100%; height: auto; float: left; margin: 0 0 30px 0;}
#xxx {width: 100%; height: auto; float: left;}
.infos-telefone {width: 24px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.infos-numero-telefone {height: auto; float: left; margin: 7px 0 0 0; color: #fff;font: 30px 'Josefin Sans'; font-weight:bold;}
.infos-numero-telefone {width: 100%; text-align: center;}	
.infos-logo {width: 70%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

/*! MENU EMPRESA */	
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0; border-bottom: 3px #fca901 solid; overflow: hidden;}
.menu-empresa-banner {display: none;}
.menu-empresa-banner-mobile {width: 100%; height: auto; float: left; margin: -12px 0 50px 0; display: block; overflow: hidden;}

/*! MENU SERVICOS */
#grid4C {width: 99%; height: auto; float: left; margin: 20px 0 30px 0; padding: 25px 0 25px 0;}

/*! MENU CONTATO */
#grid5A {width: 100%; height: auto; float: right;}
#grid6 {width: 100%; height: auto; float: left; overflow: hidden;}
.alinha8 {width: 100%; float: left; color: #747474; font: 25px 'Roboto Condensed'; margin: 10px 0 0 0; font-weight: bold; text-align: center;}
.alinha9 {width: 100%; float: left; color: #747474; font: 17px 'Roboto Condensed'; margin: 2px 0 0 0; font-weight: bold; text-align: center;}
#xxxx {width: 100%; height: auto; float: left;}
.menu-contato-icon {width: 28px; height: auto; float: none; padding: 10px 0 0 0; overflow: hidden; margin: 0 auto 0 auto;}
.menu-contato-end-icon {width: 30px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
}




/* 
384px – Smartphones antigos com tela pequena
***********************************************************/
@media screen and (max-width:384px){
/*! CARROSSEL */
.prev {width: 30px; float: right; margin-top: 60%; overflow: hidden;}
.next {width: 30px;  float: left; margin-top: 60%; overflow: hidden;}
	
/*! NOSSOS SERVIÇOS */	
.servicos-lines {width: 250px; height: auto; float: none; margin: 0 auto 0 auto;}
.alinha1 {width: 100%; float: left; color: #fff; font: 25px 'Josefin Sans'; text-align: center; font-weight: bold;}
.alinha2 {width: 100%; float: left; color: #fff; font: 12px 'Josefin Sans'; text-align: center; margin-bottom: 30px;}
#grid4 {width: 99%; height: auto; float: left; margin: 0 0 15px 0; border: 1px #676e8d solid; padding: 30px 0 30px 0;}
.alinha3 {width: 100%; float: left; color: #46a268; font: 25px 'Josefin Sans'; text-align: center; font-weight: bold;}

/*! CONHEÇA MOSSA EMPRESA */	
#grid5 {width: 100%; height: auto; float: left; overflow: hidden;}
#grid7 {width: 100%; height: auto; float: left;}
.alinha4 {width: 100%; float: left; color: #fca901; font: 20px 'Josefin Sans'; font-weight: bold; text-align: center;}
.alinha5 {width:100%;float:left; color:#5b5a59; font:20px 'Josefin Sans'; font-weight:bold; margin-top:5px; text-align:center;}
.conheca-empresa-text {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; color: #606060; text-align: center;}
#veja-float {width: 100%; height: auto; float: left;}
.veja {width: 109px; float: none; border: none; color: #fff; font: 25px 'Roboto Condensed'; background: #fca901;}
.veja {margin: 0 auto 0 auto;}	

/*! INFOS */	
#infos {width: 100%; height: 100%; float: left; background: #171b2f; padding: 30px 0 0px 0; margin: -5px 0 0 0}
#grid4A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;}
#grid4B {width: 100%; height: auto; float: left; margin: 0 0 30px 0;}
#xxx {width: 100%; height: auto; float: left;}
.infos-telefone {width: 24px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.infos-numero-telefone {height: auto; float: left; margin: 7px 0 0 0; color: #fff;font: 30px 'Josefin Sans'; font-weight:bold;}
.infos-numero-telefone {width: 100%; text-align: center;}	
.infos-logo {width: 70%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

/*! MENU EMPRESA */	
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0; border-bottom: 3px #fca901 solid; overflow: hidden;}
.menu-empresa-banner {display: none;}
.menu-empresa-banner-mobile {width: 100%; height: auto; float: left; margin: -12px 0 50px 0; display: block; overflow: hidden;}

/*! MENU SERVICOS */
#grid4C {width: 99%; height: auto; float: left; margin: 20px 0 30px 0; padding: 25px 0 25px 0;}

/*! MENU CONTATO */
#grid5A {width: 100%; height: auto; float: right;}
#grid6 {width: 100%; height: auto; float: left; overflow: hidden;}
.alinha8 {width: 100%; float: left; color: #747474; font: 25px 'Roboto Condensed'; margin: 10px 0 0 0; font-weight: bold; text-align: center;}
.alinha9 {width: 100%; float: left; color: #747474; font: 17px 'Roboto Condensed'; margin: 2px 0 0 0; font-weight: bold; text-align: center;}
#xxxx {width: 100%; height: auto; float: left;}
.menu-contato-icon {width: 28px; height: auto; float: none; padding: 10px 0 0 0; overflow: hidden; margin: 0 auto 0 auto;}
.menu-contato-end-icon {width: 30px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
}