@charset "utf-8";


@media (min-width: 1000px) and (max-width: 1050px) {
	body {
		overflow-x: hidden;
	}

	div.menu {
	    float: left;
	}
	
	.menuDesktop {
		display:block;
	}
	
	.menuMobile {
		display:none;
	}

	div.menu_interna a, div.menu a, div.menu_interna a:hover, div.menu a:hover{
		font-size: 14px;
	}

	div#logo {
		margin: 30px 90px 0 30px;
	}

	#slogan-wrapper {
	    margin: 100px 0 280px -70px;
	}

	div#iso {
	    margin: 0 0 0 25px;
	}

	div#slogan-rodape {
		margin: 0 25px 0 0;
	}

	#servicos {
		width: 32%;
	}

	div#content-wrapper, div#footer, div#footer-empresa {
		max-width: 1050px;
	}

	#btn-servicos {
		bottom: 0;
	}

	.empresa-img {
		margin: 0 35px;
	}

	div#page-title > div#page-title-content, div#content {
		width: 1000px;
	}

	#consultoria {
	    background-position-x: 65px;
	}

	#gerenciamento {
	    background-position-x: 140px;
	}

	#transporte {
	    background-position-x: 125px;
	}	

	.nav-tabs, .conteudo-consultoria, .conteudo-gerenciamento, .conteudo-transporte {
		margin: 0 0 0 30px !important;
	}

	.empresa-links {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 999px) {
	body {
		overflow-x: hidden;
	}

	div.menu {
	    float: right;
	}

	div.menu_interna a, div.menu a, div.menu_interna a:hover, div.menu a:hover{
		font-size: 14px;
	}

	div#logo {
		margin: 15px 30px 15px 30px;
		position: absolute;
		z-index: 100000;
	}

	#slogan-wrapper {
	    margin: 100px 0 280px 2px;
	}

	div#iso {
	    margin: 11px 0 0 45px;
	}

	div#slogan-rodape {
		display: none;
	}

	.container {
		width:100%;
	}
	.menuDesktop {
		display:none;
	}
	.menuMobile {
		display:block;
	}

	.menu .menuMobile {
		width: 1000px;
	}

	.menu .menuSimbol {
		width: 40px;
		height: 37px;
		background: url(../images/MenuMobile.png) center no-repeat;
		float: right;
		position: relative;
		top: -60px;
		cursor: pointer;
		left: 0px;
	}

	.menu .listMenuMobile {
		width: 100%;
		height: auto;
		position: relative;
		top: -39px;
		background: #FFF;
		text-align: right;
		padding: 0 0 5px 0;
		display: none;
		z-index: 10000;		
	}

	.menu .h3gold {
		color: #497E33;
		margin-bottom: 34px;
		font-family: 'DINPro-Regular';
		cursor: pointer;
	}

	h3.h3gold {
		text-align: right;
		font-size: 20px;
		margin: 0 45px 0 0;
	}

	.listMenuMobile li {
		width: 100%;
		padding: 5px 0.5px;
	}
	
	#menu-grande {
		background: #FFF;
		height: 110px;
		position: relative;
    	z-index: 10;
	}

	div.menu_interna li a, div.menu li a, div.menu_interna li a:hover, div.menu li a:hover {
		color: #497E33;
		font-size: 14px;
		text-align: right;
	}

	#servicos {
		width: 33%;
	}

	#img-servicos img{
		width: 80%;
	}

	#titulo-servicos {
		padding: 10px 15px;
	}

	#texto-servicos {
		padding: 10px;
	}

	#servicos {
		height: 515px;
	}

	#btn-servicos {
		bottom: 0;
	}

	.empresa-text {
		padding: 0 45px; 
	}

	.missao {
		padding: 0 20px;
	}

	.clientes-logos {
		float: left;
	}

	.contato-text {
		padding: 0 0 0 15px;
	}

	.container {
		text-align: center;
	}

	.title-politica, .conteudo-politica {
    	text-align: center !important;
    	width: 100% !important;
	}

	.content-politica {
	    width: 85% !important;
	    margin: 0 auto !important;
	}

	#interna-politica {
		background: url(../images/bg-politica2.png) no-repeat !important;	
		background-position: center 285px !important;	
	}

	#consultoria {
		background: url(../images/bg-servico11.jpg) top right no-repeat;
	    background-position-x: -280px;
	}

	#gerenciamento {
		background: url(../images/bg-servico22.jpg) top right no-repeat;
	    background-position-x: -105px;
	}

	#transporte {
		background: url(../images/bg-servico33.jpg) top right no-repeat;
	    background-position-x: -135px;
	}	

	.nav-tabs, .conteudo-consultoria, .conteudo-gerenciamento, .conteudo-transporte {
		margin: 0 0 0 30px !important;
	}

	div#webmail img {
	    margin: 12px 0 0 157px;
	}

	.empresa-links {
		display: none !important;
	}
}


@media (min-width: 640px) and (max-width: 767px) {
	body {
		overflow-x: hidden;
	}

	div.menu {
	    float: right;
	}

	div.menu_interna a, div.menu a, div.menu_interna a:hover, div.menu a:hover{
		font-size: 14px;
	}

	div#logo {
		margin: 15px 30px 15px 30px;
		position: absolute;
		z-index: 100000;
	}

	#slogan-wrapper {
	    margin: 100px 0 280px 2px;
	}

	div#iso {
	    margin: 0 0 0 25px;
	}

	div#slogan-rodape {
		display: none;
	}

	.container {
		width:100%;
	}
	.menuDesktop {
		display:none;
	}
	.menuMobile {
		display:block;
	}

	.menu .menuMobile {
		width: 1000px;
	}

	.menu .menuSimbol {
		width: 40px;
		height: 37px;
		background: url(../images/MenuMobile.png) center no-repeat;
		float: right;
		position: relative;
		top: -60px;
		cursor: pointer;
		left: 0px;
	}

	.menu .listMenuMobile {
		width: 100%;
		height: auto;
		position: relative;
		top: -39px;
		background: #FFF;
		text-align: right;
		padding: 0 0 5px 0;
		display: none;
		z-index: 10000;		
	}

	.menu .h3gold {
		color: #497E33;
		margin-bottom: 34px;
		font-family: 'DINPro-Regular';
		cursor: pointer;
	}

	h3.h3gold {
		text-align: right;
		font-size: 20px;
		margin: 0 45px 0 0;
	}

	.listMenuMobile li {
		width: 100%;
		padding: 5px 0.5px;
	}
	
	#menu-grande {
		background: #FFF;
		height: 110px;
		position: relative;
		z-index: 10;
	}

	div.menu_interna li a, div.menu li a, div.menu_interna li a:hover, div.menu li a:hover {
		color: #497E33;
		font-size: 14px;
		text-align: right;
	}

	#servicos {
		width: 100%;
		margin: 0 0 70px 0;
		height: 470px;
	}

	div#iso {
		margin: 11px 0 0 14px;
	}

	#btn-servicos {
		padding: 30px 0 0 0;
	}

	.empresa-text {
		padding: 0 45px; 
	}

	.missao {
		padding: 0 20px;
	}

	.valores {
		width: 30%;
	}

	.content-processo {
		width: 700px;
	}

	.empresa-img img {
		width: 90%;
		margin: 0 0 0 30px;
	}

	.clientes-logos {
		float: left;
	}

	.contato-text {
		padding: 0 0 0 15px;
		width: 100%;
	}

	.contato-form {
		width: 100%;
	}

	.title-politica, .conteudo-politica {
    	text-align: center !important;
    	width: 100% !important;
	}

	.content-politica {
	    width: 85% !important;
	    margin: 0 auto !important;
	}

	#interna-politica {
		background: url(../images/bg-politica2.png) no-repeat !important;	
		background-position: center 285px !important;	
	}

	#consultoria {
		background: url(../images/bg-servico11.jpg) top right no-repeat;
	    background-position-x: -280px;
	}

	#gerenciamento {
		background: url(../images/bg-servico22.jpg) top right no-repeat;
	    background-position-x: -230px;
	}

	#transporte {
		background: url(../images/bg-servico33.jpg) top right no-repeat;
	    background-position-x: -250px;
	}	

	.nav-tabs, .conteudo-consultoria, .conteudo-gerenciamento, .conteudo-transporte {
		margin: 0 0 0 30px !important;
	}

	div#webmail img {
	    margin: 12px 0 0 183px;
	}

	div#copyright-index, div#politica-index {
		font-size: 14px;
	}

	div#separador {
	    padding: 28px 15px;
	}

	.empresa-links {
		display: none !important;
	}
}

@media screen and (max-width: 660px) { 
	div#footer-content {
		width: 100% !important;
	}

	div#iso {
		margin: -95px auto !important;
	}

	div#copyright-index {
		float: none !important;
		margin: 105px auto 0 !important;
	}

	div#agenciagh {
		width: 100% !important;
		margin: 0 auto !important;
	}

	div#politica-index {
		padding: 16px 0 0 !important;
    	width: 100% !important;
	}

	div#copyright, div#copyright-index, div#fone-index, div#politica-index {
		float: none !important;
	}

	.empresa-img {
		float: left !important;
		background: #102640 !important; 
	}

	.empresa-links {
		display: none !important;
	}

	div#footer-empresa {
		width: 100% !important;
		min-width: 0 !important;
	}

	div#footer-servicos {
		margin: -170px 0 0 !important;
    	min-width: 0 !important;
	}

	div#footer-clientes {
    	min-width: 0 !important;
	}

	div#footer-contato {
    	min-width: 0 !important;
	}

	div#footer-404 {
    	min-width: 0 !important;
	}

	div#footer-atualize {
    	min-width: 0 !important;
	}

	#transporte {
		height: 1300px !important;
	}
}


@media (min-width: 480px) and (max-width: 639px) {
	body {
		overflow-x: hidden;
	}

	div.menu {
	    float: right;
	}

	div.menu_interna a, div.menu a, div.menu_interna a:hover, div.menu a:hover{
		font-size: 14px;
	}

	div#logo {
		margin: 15px 30px 15px 30px;
		position: absolute;
		z-index: 100000;
	}

	#slogan-wrapper {
	    margin: 100px 0 280px 2px;
	}

	div#iso {
	    margin: 0 0 0 25px;
	}

	div#slogan-rodape {
		display: none;
	}

	.container {
		width:100%;
	}
	.menuDesktop {
		display:none;
	}
	.menuMobile {
		display:block;
	}

	.menu .menuMobile {
		width: 1000px;
	}

	.menu .menuSimbol {
		width: 40px;
		height: 37px;
		background: url(../images/MenuMobile.png) center no-repeat;
		float: right;
		position: relative;
		top: -60px;
		cursor: pointer;
		left: 0px;
	}

	.menu .listMenuMobile {
		width: 100%;
		height: auto;
		position: relative;
		top: -39px;
		background: #FFF;
		text-align: right;
		padding: 0 0 5px 0;
		display: none;
		z-index: 10000;		
	}

	.menu .h3gold {
		color: #497E33;
		margin-bottom: 34px;
		font-family: 'DINPro-Regular';
		cursor: pointer;
	}

	h3.h3gold {
		text-align: right;
		font-size: 20px;
		margin: 0 45px 0 0;
	}

	.listMenuMobile li {
		width: 100%;
		padding: 5px 0.5px;
	}
	
	#menu-grande {
		background: #FFF;
		height: 110px;
		position: relative;
		z-index: 10;
	}

	div.menu_interna li a, div.menu li a, div.menu_interna li a:hover, div.menu li a:hover {
		color: #497E33;
		font-size: 14px;
		text-align: right;
	}

	#servicos {
		width: 100%;
		margin: 0 0 70px 0;
		height: 480px;
	}

	#texto-servicos {
		padding: 10px 20px;
	}

	div#iso {
		margin: 11px 0 0 14px;
	}

	#btn-servicos {
		padding: 30px 0 0 0;
	}

	.empresa-text {
		padding: 0 45px; 
	}

	.missao {
		width: 100%;
		margin: 0 0 50px 0;
		padding: 0 20px;
	}

	.visao {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.valores {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.content-processo {
		height: 565px !important;
	}

	.empresa-img img {
		width: 90%;
		margin: 0 0 0 30px;
	}

	div#iso {
		margin: -85px 0 10px 0px;
		float: none;
		text-align: center;
		width: 46%;
	}

	div#copyright-index {
	    padding: 0px 0 15px 0px;
	    width: 46%;
	    font-size: 16px;
	}

	div#separador {
		display: none;
	}

	div#agenciagh {
	    /*margin: 0 0 0 188px;*/
	    text-align: center;
	    width: 46%;
	    float: none;
	}

	#btn-servicos {
		padding: 30px 0 0 0;
	}

	.clientes-text {
	    padding: 0 40px;
	}

	.clientes-logos {
		float: left;
	}

	.contato-text {
		padding: 0 0 0 15px;
		width: 100%;
	}

	.contato-form {
		width: 100%;
	}

	.title-politica, .conteudo-politica {
    	text-align: center !important;
    	width: 100% !important;
	}

	.content-politica {
	    width: 85% !important;
	    margin: 0 auto !important;
	}

	#interna-politica {
		background: url(../images/bg-politica2.png) no-repeat !important;	
		background-position: center 285px !important;	
	}

	#consultoria {
		background: url(../images/bg-servico11.jpg) top right no-repeat;
	    background-position-x: -480px;
	}

	#gerenciamento {
		background: url(../images/bg-servico22.jpg) top right no-repeat;
	    background-position-x: -455px;
	    background-position-y: 75px;
	    height: 1320px;
	}

	#transporte {
		background: url(../images/bg-servico33.jpg) top right no-repeat;
	    background-position-x: -450px;
	}	

	.nav-tabs, .conteudo-consultoria, .conteudo-gerenciamento, .conteudo-transporte {
		margin: 0 0 0 30px !important;
	}

	.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		font-size: 17px;
	}

	.conteudo-consultoria p, .conteudo-gerenciamento p, .conteudo-transporte p {
		width: 400px;
	}

	.conteudo-consultoria li {
		width: 400px;
	}

	div#webmail img {
	    margin: 12px 0 0 183px;
	}

	div#copyright-index, div#politica-index {
		font-size: 14px;
		text-align: center;
	}

	div#separador {
	    padding: 28px 15px;
	}

	div#politica-index {
	    padding: 40px 0 0;
	    line-height: 20px;
	    text-transform: uppercase;
	    width: 46%;
	    float: none;
	}
}

@media (min-width: 320px) and (max-width: 479px) {
	body {
		overflow-x: hidden;
	}

	div.menu {
	    float: right;
	}

	div.menu_interna a, div.menu a, div.menu_interna a:hover, div.menu a:hover{
		font-size: 14px;
	}

	div#logo {
		margin: 15px 30px 15px 30px;
		position: absolute;
		z-index: 100000;
	}

	#slogan-wrapper {
	    margin: 100px 0 280px 2px;
	}

	div#iso {
	    margin: 0 0 0 25px;
	}

	div#slogan-rodape {
		display: none;
	}

	.container {
		width:100%;
	}
	.menuDesktop {
		display:none;
	}
	.menuMobile {
		display:block;
	}

	#titulo-servicos-principal {
		line-height: 50px;
	}

	.menu .menuMobile {
		width: 1000px;
	}

	.menu .menuSimbol {
		width: 40px;
		height: 37px;
		background: url(../images/MenuMobile.png) center no-repeat;
		float: right;
		position: relative;
		top: -15px;
		cursor: pointer;
		left: 0px;
	}

	.menu .listMenuMobile {
		width: 100%;
		height: auto;
		position: relative;
		top: 0px;
		background: #FFF;
		text-align: right;
		padding: 0 0 5px 0;
		display: none;
		z-index: 10000;		
	}

	.menu .h3gold {
		display: none;
	}

	h3.h3gold {
		text-align: right;
		font-size: 20px;
		margin: 0 45px 0 0;
	}

	.listMenuMobile li {
		width: 100%;
		padding: 5px 0.5px;
	}
	
	#menu-grande {
		background: #FFF;
		height: 110px;
		position: relative;
		z-index: 10;
	}

	div.menu_interna li a, div.menu li a, div.menu_interna li a:hover, div.menu li a:hover {
		color: #497E33;
		font-size: 14px;
		text-align: right;
	}

	#servicos {
		width: 100%;
		margin: 0 0 70px 0;
		height: 530px;
	}

	#texto-servicos {
		padding: 10px 20px;
	}

	div#footer, div#footer-empresa {
		height: 225px;
		margin: 0;
	}

	div#iso {
		margin: -100px 0 5px 0px;
		float: none;
		text-align: center;
		width: 100%;
	}

	div#copyright-index {
	    padding: 0;
	    width: 100%;
	    font-size: 14px;
	    text-align: center;
	}

	div#separador {
		display: none;
	}

	div#agenciagh {
	    float: none;
	    width: 30%;
	    text-align: center;
	    padding: 25px 0 5px;
	}

	div#politica-index {
		width: 30%;
		float: none;
		text-align: center;
	}

	#btn-servicos {
		padding: 30px 0 0 0;
	}

	.empresa-text {
		padding: 40px 20px 0; 
	}

	.missao {
		width: 100%;
		margin: 0 0 50px 0;
		padding: 0 20px;
	}

	.visao {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.valores {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.content-processo {
		height: 430px !important;
	}

	.empresa-img img {
		width: 90%;
		margin: 0 0 0 15px;
	}

	.clientes-text {
	    padding: 50px 40px 0;
	}

	.clientes-logos {
		float: left;
	}

	.contato-text {
		padding: 0 0 0 15px;
		width: 100%;
	}

	.contato-form {
		width: 100%;
	}

	#frmContato {
		margin: 25px;
	}

	.nav-tabs {
		top: 340px;
	}

	.nav > li > a {
    	padding: 0px 10px 10px 0 !important;
	}

	.separador-servicos {
	    margin: 0 10px 0 0;
	}

	.title-politica, .conteudo-politica {
    	text-align: center !important;
    	width: 100% !important;
	}

	.content-politica {
	    width: 85% !important;
	    margin: 0 auto !important;
	}

	#interna-politica {
		background: url(../images/bg-politica2.png) no-repeat !important;	
		background-position: center 285px !important;	
	}

	#consultoria {
		background: url(../images/bg-servico11.jpg) top right no-repeat;
	    background-position-x: -480px;
	}

	#gerenciamento {
		background: url(../images/bg-servico22.jpg) top right no-repeat;
	    background-position-x: -555px;
	    background-position-y: 275px;
	    height: 1520px;
	}

	#transporte {
		background: url(../images/bg-servico33.jpg) top right no-repeat;
	    background-position-x: -550px;
	}	

	.nav-tabs, .conteudo-consultoria, .conteudo-gerenciamento, .conteudo-transporte {
		margin: 0 0 0 10px !important;
	}

	.conteudo-consultoria, .conteudo-gerenciamento, .conteudo-transporte {
		top: 370px;
	}

	.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		font-size: 14px;
	}

	.conteudo-consultoria p, .conteudo-gerenciamento p, .conteudo-transporte p {
		width: 285px;
	}

	.conteudo-consultoria li {
		width: 285px;
	}

	div#webmail img {
	    margin: 12px 0 0 233px;
 	    width: 70px;;
	}
}

@media (max-width: 319px) {
	body {
		overflow-x: hidden;
	}

	div.menu {
	    float: right;
	}

	div.menu_interna a, div.menu a, div.menu_interna a:hover, div.menu a:hover{
		font-size: 14px;
	}

	div#logo {
		margin: 15px 30px 15px 30px;
		position: absolute;
		z-index: 100000;
	}

	#slogan-wrapper {
	    margin: 100px 0 280px 2px;
	}

	div#iso {
	    margin: 0 0 0 25px;
	}

	div#slogan-rodape {
		display: none;
	}

	#titulo-servicos-principal {
		line-height: 50px;
	}

	#servicos {
		height: 520px !important;
	}

	.empresa-text {
		padding: 40px 20px 0; 
	}

	.missao {
		width: 100%;
		margin: 0 0 50px 0;
		padding: 0 20px;
	}

	.visao {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.valores {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.content-processo {
		height: 430px !important;
	}

	.empresa-img img {
		width: 90%;
		margin: 0 0 0 15px;
	}

	.container {
		width:100%;
	}
	.menuDesktop {
		display:none;
	}
	.menuMobile {
		display:block;
	}

	.menu .menuMobile {
		width: 1000px;
	}

	.menu .menuSimbol {
		width: 40px;
		height: 37px;
		background: url(../images/MenuMobile.png) center no-repeat;
		float: right;
		position: relative;
		top: -15px;
		cursor: pointer;
		left: 10px;
	}

	.menu .listMenuMobile {
		width: 100%;
		height: auto;
		position: relative;
		top: 0px;
		background: #FFF;
		text-align: right;
		padding: 0 0 5px 0;
		display: none;
		z-index: 10000;		
	}

	.menu .h3gold {
		display: none;
	}

	h3.h3gold {
		display: none;
	}

	.listMenuMobile li {
		width: 100%;
		padding: 5px 0.5px;
	}
	
	#menu-grande {
		background: #FFF;
		height: 110px; 
		position: relative;
		z-index: 10;
	}

	div.menu_interna li a, div.menu li a, div.menu_interna li a:hover, div.menu li a:hover {
		color: #497E33;
		font-size: 14px;
		text-align: right;
	}

	#servicos {
		width: 100%;
		margin: 0 0 70px 0;
		height: 480px;
	}

	#texto-servicos {
		padding: 10px 20px;
	}

	div#iso {
		margin: 11px 0 0 14px;
	}

	#btn-servicos {
		padding: 30px 0 0 0;
	}

	.clientes-text {
	    padding: 50px 40px 0;
	}

	.clientes-logos {
		float: left;
	}

	.contato-text {
		padding: 0 0 0 15px;
		width: 100%;
	}

	.contato-form {
		width: 100%;
	}

	#frmContato {
		margin: 25px;
	}

	.nav-tabs {
		top: 340px;
	}

	div#footer, div#footer-empresa {
		height: 225px;
		margin: 0;
	}

	div#iso {
		margin: -60px 0 0 85px;
		float: none;
	}

	div#copyright-index {
	    left: 140px;
	    text-align: left;
	    padding: 3px 0 10px 15px;
	    width: 319px;
	    font-size: 14px;
	}

	div#separador {
		display: none;
	}

	div#agenciagh {
	    float: none;
	    margin: 0 0 0 125px;
	}

	.nav > li > a {
    	padding: 0px 10px 10px 0 !important;
	}

	.separador-servicos {
	    margin: 0 10px 0 0;
	}

	.title-politica, .conteudo-politica {
    	text-align: center !important;
    	width: 100% !important;
	}

	.content-politica {
	    width: 85% !important;
	    margin: 0 auto !important;
	}

	#interna-politica {
		background: url(../images/bg-politica2.png) no-repeat !important;	
		background-position: center 285px !important;	
	}

	#consultoria {
		background: url(../images/bg-servico11.jpg) top right no-repeat;
	    background-position-x: -480px;
	}

	#gerenciamento {
		background: url(../images/bg-servico22.jpg) top right no-repeat;
	    background-position-x: -555px;
	    background-position-y: 275px;
	    height: 1520px;
	}

	#transporte {
		background: url(../images/bg-servico33.jpg) top right no-repeat;
	    background-position-x: -550px;
	}	

	.nav-tabs, .conteudo-consultoria, .conteudo-gerenciamento, .conteudo-transporte {
		margin: 0 0 0 10px !important;
	}

	.conteudo-consultoria, .conteudo-gerenciamento, .conteudo-transporte {
		top: 370px;
	}

	.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		font-size: 12px;
	}

	.conteudo-consultoria p, .conteudo-gerenciamento p, .conteudo-transporte p {
		width: 270px;
	}

	.conteudo-consultoria li {
		width: 270px;
	}

	div#webmail img {
        margin: 12px 0 0 233px;
 	    width: 70px;;
	}
}