/************************************************************
			DEFINIÇOES DE RESPONSIVE
*************************************************************/
@media all and (max-width: 940px) {
	/***********DEFINIÇOES DAS GRIDS ***********/
	section.content.secundario div.grid_12 {width:860px;}
	section.content.secundario div.grid_6 {width:400px;}
	section.content.secundario img.empresa {width:400px;}
	section.content div.grid_6 {width:400px;}
	section.content div.grid_8 {width:500px;}
	section.content.principal div.grid_5 {width:340px;}
	section.content.principal div.grid_7 {width:420px;}
	 
	/***********DEFINIÇOES DE HEADER ***********/
	header nav.menu {background: url(../images/icone_menu2.png) no-repeat; height:40px; width:44px; margin:14px 0 0 0; background-size: cover; position:absolute; right:40px;}
	header nav.menu ul {margin:40px 0 0 0; width:120px; float:right; display:none;}
	header nav.menu ul li {display:block; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background: none; padding:3px 15px; margin:0;background: #FFF; }
	header nav.menu ul li a {font-family:"Ebrima"; font-size:14px; color:#59AD43; text-transform: uppercase; font-weight:bold;}
	header nav.menu ul li:hover {-webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none; background:#DDECD9;}
	header nav.menu ul li:hover a {color:#59AD43;}
	
	/***********DEFINIÇOES DE BANNER ***********/
	section.banner {background:url(../images/fundo_banner.png) no-repeat; background-size:420px; height:420px; margin:20px 0 0 0;}
	section.banner div.imagem {width:400px; height:230px; overflow:hidden; padding:18px 26px;}
	section.banner div.imagem img {width:380px;}
	section.banner ul.controles {text-align:center; margin:20px 0 0 0; width:280px; float:left;}
	
	/*DEFINIÇOES PERSONALIZADAS*/
	img.consultoria {width:50px;}
	div.consultoria {width:280px;}
	img.imgtrabalhe {width:384px;}
	textarea.campoForm {width:200px;}
	.larguramapa {width:860px;}
}

@media all and (max-width: 840px) {
	/***********DEFINIÇOES DAS GRIDS ***********/
	section.content.secundario div.grid_12 {width:740px;}
	section.content.secundario div.grid_6 {width:350px;}
	section.content.secundario img.empresa {width:350px;}
	section.content div.grid_6 {width:350px;}
	section.content div.grid_8 {width:400px;}
	section.content.principal div.grid_5 {width:340px;}
	section.content.principal div.grid_7 {width:420px;}
	section.container {height:auto;}
	section.container div.grid_3 {width:180px;}
	section.conteudo div.grid_4 {width:220px;}
	
	/*DEFINIÇOES DE 'DESENVOLVEMOS'*/
	section.desenvolvemos ul {width:720px;}
	section.desenvolvemos ul li {margin:0 5px 90px 5px;}
	section.desenvolvemos ul li ul {width:auto;}
	
	/*DEFINIÇOES PERSONALIZADAS*/
	textarea.campoForm {width:200px;}
	img.imgtrabalhe {width:350px;}
	.larguramapa {width:760px;}
	
	/***********DEFINIÇOES DE FOOTER ***********/
	footer {background: #55A641; height:100%; color:#FFF;}
	footer div.contato ul {width:300px; margin:0 !important;}
	footer div.contato ul li {padding:20px 10px;}
	footer div.contato ul li:hover:last-child {background:none; border:none; padding:20px 10px;margin:0;}
	footer div.grid_5 {display:block; width:300px !important;}
	footer div.contato {margin:0; width:;}
	footer div.grid_3 {width:210px !important;}
	footer div.grid_12 {width:90% !important; padding:20px 0; }
}

@media all and (max-width: 740px) {
	/***********DEFINIÇOES DAS GRIDS ***********/
	header di.grid_9 {width:400px !important;}
	section.content.principal div.grid_5 {display:block !important; width:600px;}
	section.content.principal div.grid_7 {display:block !important; clear:both; width:420px;}
	section.content.secundario div.grid_12 {width:680px;}
	section.content.secundario div.grid_6 {width:300px;}
	section.content.secundario img.empresa {width:300px;}
	section.content div.grid_6 {width:320px;}
	section.content div.grid_8 {width:300px;}
	section.container {background:#55A641; height:auto;}
	section.container div.grid_3 {float: none !important; display:block; width:350px;}
	
	/***********DEFINIÇOES DE HEADER ***********/
	header nav.menu {background: url(../images/icone_menu2.png) no-repeat;height:40px;width:44px; margin:14px 0 0 0; background-size: cover; position:absolute; right:40px; top:0;}
	header nav.menu ul {margin:40px 0 0 0; width:120px; float:right; display:none;}
	header nav.menu ul li {display:block; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background: none; padding:3px 15px; margin:0;background: #FFF; }
	header nav.menu ul li a {font-family:"Ebrima", Tahoma, Geneva, sans-serif; font-size:14px; color:#59AD43; text-transform: uppercase; font-weight:bold;}
	header nav.menu ul li:hover {-webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none; background:#DDECD9;}
	header nav.menu ul li:hover a {color:#59AD43;}
	
	/***********DEFINIÇOES DE BANNER ***********/
	section.banner {background:url(../images/fundo_banner.png) no-repeat; background-size:420px; height:420px; margin:20px 0 0 0;}
	section.banner div.imagem {width:400px; height:230px; overflow:hidden; padding:18px 26px;}
	section.banner div.imagem img {width:380px;}
	section.banner ul.controles {text-align:center; margin:20px 0 0 0; width:270px; float:left;}
	
	/*DEFINIÇOES DE 'DESENVOLVEMOS'*/
	section.desenvolvemos ul {width:600px;}
	section.desenvolvemos ul li {margin:0 5px 90px 5px;}
	section.desenvolvemos ul li ul {width:auto;}
	
	/*DEFINIÇOES PERSONALIZADAS*/
	img.imgdezanos {top:0; left:260px;}
	img.consultoria {width:40px;}
	div.consultoria {width:240px;}
	img.imgplataforma {width:310px; margin:20px 0;}
	img.imgtrabalhe {width:300px;}
	.larguramapa {width:660px;}
	h1 {text-align:left;}
	
	/***********DEFINIÇOES DE FOOTER ***********/
	footer {background: #55A641; height:100%; color:#FFF;}
	footer div.contato ul {width:540px; margin:0 !important;}
	footer div.contato ul li {padding:20px 10px;}
	footer div.contato ul li:hover:last-child {background:none; border:none; padding:20px 10px;margin:0;}
	footer div.grid_5 {display:block; float:none !important; margin:0; width:370px !important; margin:20px 0 0 0;}
	footer div.contato {margin-top:20px;}
	footer div.grid_3:last-child {width:600px;}
	footer div.grid_12 {width:90% !important; padding-bottom:20px;}
	
}
	
@media all and (max-width: 640px) {
	/***********DEFINIÇOES DAS GRIDS ***********/
	div.container_12{width:638px; margin:0;}
	header div.grid_9 {width:360px !important;}
	header .container_12 .grid_3 {width:200px;}
	/*HOME*/
	section.content.principal div.grid_5 {display:block !important; float:none !important; width:500px !important;}
	section.content.principal div.grid_7 {display:block !important; width:540px;}
	section.content.principal div.grid_5 {width:340px;}
	section.content.principal div.grid_7 {width:420px;}
	div.grid_6 {width:500px !important; display:block !important; float:none !important;}
	div.grid_12 {width:520px !important; margin-bottom:20px;}
	section.conteudo div.grid_4 {width:400px;}
	
	/***********DEFINIÇOES DE CONTEÚDO ***********/
	 /*DEFINIÇOES DE 'NOSSOS TRABALHOS'*/
	section.content ul.nosso-trabalho li {display: inline-block; padding: 5px 12px; text-align:left; margin:0; }
	/*DEFINIÇOES DE 'DESENVOLVEMOS'*/
	section.desenvolvemos ul {}
	section.desenvolvemos ul li {margin:0 5px 90px 5px;}
	/*DEFINIÇOES PERSONALIZADAS*/
	img.consultoria {width:40px;}
	div.consultoria {width:430px;}
	img.imgplataforma {width:500px; margin:20px 0;}
	textarea.campoForm {width:430px;}
	input.campoForm[type="submit"] {margin-bottom:20px;}
	img.imgtrabalhe {width:390px;}
	.larguramapa {width:550px;}
	h3 {clear:both;}
	.align {text-align:left; margin-left:10px;}
}

@media all and (max-width: 540px) {
	/***********DEFINIÇOES DAS GRIDS ***********/
	section.content.principal div.grid_5 {display:block !important; float:none !important; width:440px !important;}
	section.content.principal div.grid_7 {display:block !important; width:430px;}
	div.grid_6 {width:420px !important; display:block !important; float:none !important;}
	div.grid_12 {width:420px !important; margin-bottom:20px;}
	section.conteudo div.grid_4 {width:420px; display:block !important; float: none !important;}
	section.conteudo div.grid_4 img.metodologia {width:310px;}
	section.container {background: #55A641; height:auto;}
	section.container div.grid_3 {float: none !important; display:block; width:350px;}
	
	/***********DEFINIÇOES DE HEADER ***********/
	header {width:540px;}
	header img.logo {width:180px;}
	header img.imgdezanos {display:none; position:absolute; top:0;}
	header nav.menu {top:0px;}
	
	/***********DEFINIÇOES DE BANNER ***********/
	section.banner {background:url(../images/fundo_banner.png) no-repeat; background-size:420px; height:420px; margin:20px 0 0 0;}
	section.banner div.imagem {width:400px; height:230px; overflow:hidden; padding:18px 26px;}
	section.banner div.imagem img {width:380px;}
	section.banner ul.controles {text-align:center; margin:20px 0 0 0; width:282px; float:left;}
	header nav.menu {right:140px;}
	
	/***********DEFINIÇOES DE CONTEÚDO ***********/
	section.desenvolvemos ul {margin:10px 0; width:440px;}
	section.desenvolvemos ul li {display:inline-block; width:180px; text-align:center; padding: 30px 10px; margin: 0 5px; vertical-align:top;border:1px solid  transparent; position:relative; left:0;}
	section.desenvolvemos ul li img {}
	section.desenvolvemos ul li section {display: none; position:absolute; top:0; left:0; right:0; padding:0; z-index:9999;}
	section.desenvolvemos ul li section ul {width:auto;}
	section.desenvolvemos ul li section ul li {margin:0; padding: 10px; background:#5FB846; color:#FFF; font-family:Tahoma, Geneva, sans-serif; left:-1px; display:block;}
	section.desenvolvemos ul li section ul li:hover {background:#6FBF59;}
	section.desenvolvemos ul li:hover {border:1px solid #5FB846;}
	section.desenvolvemos ul li:hover > section {display:block;}
	section.desenvolvemos ul li:hover > section article {visibility:hidden; padding:20px; background:#FFF; height:116px; overflow:hidden;}
	/*DEFINIÇOES DE 'NOSSOS TRABALHOS'*/
	section.content ul.nosso-trabalho li {display: block; padding: 5px 0; text-align:left; margin:0; }
	section.content ul.listagem-trabalhos {margin:20px 0;}
	section.content ul.listagem-trabalhos li {width:380px; height:270px; overflow:hidden; margin:5px 0;}
	section.content ul.listagem-trabalhos li:nth-child(odd) {margin-right:10px;}
	section.content ul.listagem-trabalhos li article {width:340px; padding:20px;}
	/*DEFINIÇOES DE 'DESENVOLVEMOS'*/
	section.desenvolvemos ul {}
	section.desenvolvemos ul li {margin:0 5px 90px 5px;}
	section.desenvolvemos ul li:first-child {margin-top:0; margin-bottom:50px;}
	section.desenvolvemos ul li section ul {}
	section.desenvolvemos ul li section ul li {margin:0; padding: 10px; background:#5FB846; color:#FFF; font-family:Tahoma, Geneva, sans-serif; left:-1px; top:0; z-index:999;}
	section.desenvolvemos ul li section ul li:first-child {margin:0;}
	section.desenvolvemos ul li section ul li:hover {background:#6FBF59;}
	section.desenvolvemos ul li:hover {border:1px solid #5FB846;}
	section.desenvolvemos ul li:hover > section {display:block;}
	
	/*DEFINIÇOES PERSONALIZADAS*/
	img.consultoria {width:40px;}
	div.consultoria {width:360px;}
	img.imgplataforma {width:410px; margin:20px 0;}
	textarea.campoForm {width:200px;}
	.larguramapa {width:440px;}
	.align {text-align:right; margin-left:0;}
	/*DEFINIÇOES DE PARAGRAFO*/
	h1 {text-align:left; font-size:24px;}
	h2 {font-size:18px;}
	h3 {font-size:16px;}
	h4 {font-size:14px;}
	
	/***********DEFINIÇOES DE FOOTER ***********/
	footer {background: #55A641; height:100%; color:#FFF;}
	footer div.contato {clear:both;}
	footer div.contato ul {width:450px; margin:0 !important;}
	footer div.grid_3 {width:310px !important;}
	footer div.grid_12 {width:80% !important; padding-bottom:20px; margin: 0 !important;}
}

@media all and (max-width: 430px) {
	/***********DEFINIÇOES DE GRID ***********/
	div.container_12 {width:430px;}
	section.content.principal div.grid_5 {display:block !important; float:none !important; width:310px !important;}
	div.grid_6 {width:300px !important; display:block !important; float:none !important;}
	div.grid_12 {width:300px !important; margin-bottom:20px;}
	section.conteudo div.grid_4 {width:310px; display:block !important; float: none !important;}
	section.conteudo div.grid_4 img.metodologia {width:290px;}
	section.container {background: #55A641; height:auto;}
	section.container div.grid_3 {display:block !important; float: none !important; width:300px;}
	
	/***********DEFINIÇOES DE HEADER ***********/
	header div.grid_3 {width:140px !important;}
	header {width:540px;}
	header nav.menu {background: url(../images/icone_menu2.png) no-repeat;height:40px;width:44px; margin:14px 0 0 0; background-size: cover; position:absolute; right:230px;}
	header nav.menu ul {margin:40px 0 0 0; width:120px; float:right;}
	
	/***********DEFINIÇOES DE BANNER ***********/
	section.banner {background:url(../images/fundo_banner.png) no-repeat; background-size:300px; height:310px; margin:20px 0 0 0;}
	section.banner div.imagem {width:280px; height:140px; overflow:hidden; padding:20px 30px;}
	section.banner div.imagem img {width:250px;}
	section.banner div.prev {display:none;}
	section.banner div.next {display:none;}
	section.banner ul.controles {margin:20px 0 0 0; width:300px; float:left;}
	
	 /*DEFINIÇOES DE 'NOSSOS TRABALHOS'*/
	section.content ul.nosso-trabalho li {display: block; padding: 5px 0; text-align:left; margin:0; }
	section.content ul.listagem-trabalhos {margin:20px 0;}
	section.content ul.listagem-trabalhos li {width:300px; height:240px; overflow:hidden; margin:5px 0;}
	section.content ul.listagem-trabalhos li:nth-child(odd) {margin-right:10px;}
	section.content ul.listagem-trabalhos li article {width:260px; padding:20px;}
	/*DEFINIÇOES DE 'DESENVOLVEMOS'*/
	section.desenvolvemos ul {width:300px;}
	section.desenvolvemos ul li {margin:40px 5px;}
	section.desenvolvemos ul li:first-child {margin-top:0; margin-bottom:50px;}
	section.desenvolvemos ul li section ul {}
	section.desenvolvemos ul li section ul li {margin:0; padding: 10px; background:#5FB846; color:#FFF; font-family:Tahoma, Geneva, sans-serif; left:-1px; top:0; z-index:999;}
	section.desenvolvemos ul li section ul li:first-child {margin:0;}
	section.desenvolvemos ul li section ul li:hover {background:#6FBF59;}
	section.desenvolvemos ul li:hover {border:1px solid #5FB846;}
	section.desenvolvemos ul li:hover > section {display:block;}
	
	/*DEFINIÇOES PERSONALIZADAS*/
	 img.consultoria {width:40px;}
	 div.consultoria {width:240px;}
	 img.imgplataforma {width:280px; margin:20px 0;}
	 img.imgtrabalhe {width:300px;}
	 .larguramapa {width:340px;}
	 
	/***********DEFINIÇOES DE FOOTER ***********/
	footer div.contato {clear:both;}
	footer div.contato ul {width:320px; margin:0 !important;}
	footer div.contato ul li {padding:20px 5px;}
	footer div.contato ul li:hover:last-child {background:none; border:none; padding:20px 5px;margin:0;}
	footer div.grid_5 {display:block; float:none !important; margin:0; width:370px !important; margin:20px 0 0 0;}
	footer div.contato {margin-top:20px;}
	footer div.grid_1 {margin:0;}
	footer div.grid_3 {width:237px !important;}
	footer div.grid_12 {width:80% !important; padding-bottom:20px; margin: 0 !important;}
}

@media all and (max-width: 330px) {
	/***********DEFINIÇOES DE GRID ***********/
	div.container_12 {width:300px !important;}
	section.content.principal div.grid_5 {display:block !important; float:none !important; width:240px !important;}
	div.grid_6 {width:270px !important; display:block !important; float:none !important;}
	div.grid_6 h3 {font-size:14px;}
	div.grid_12 {width:270px !important; margin-bottom:20px;}
	section.conteudo div.grid_4 {width:270px; display:block !important; float: none !important;}
	section.conteudo div.grid_4 img.metodologia {width:240px;}
	section.container {background: #55A641; height:auto;}
	
	/***********DEFINIÇOES DE HEADER ***********/
	header img.logo {width:140px; margin-top:26px;}
	header nav.menu {right:270px;}
	section.banner ul.controles {width:265px;}
	
	/***********DEFINIÇOES DE BANNER ***********/
	section.banner {background-size:260px; height:280px; margin:20px 0 0 0;}
	section.banner div.imagem {width:220px; height:134px; overflow:hidden; padding:12px 16px;}
	section.banner div.imagem img {width:238px;}
	
	/*DEFINIÇOES DE 'NOSSOS TRABALHOS'*/
	section.content ul.nosso-trabalho li {display: block; padding: 5px 0; text-align:left; margin:0; }
	section.content ul.listagem-trabalhos {margin:20px 0;}
	section.content ul.listagem-trabalhos li {width:240px; height:200px; overflow:hidden; margin:5px 0;}
	section.content ul.listagem-trabalhos li:nth-child(odd) {margin-right:10px;}
	section.content ul.listagem-trabalhos li article {width:200px; padding:20px;}
	
	/*DEFINIÇOES DE 'DESENVOLVEMOS'*/
	section.desenvolvemos ul {width:300px;}
	section.desenvolvemos ul li {margin:40px 5px;}
	section.desenvolvemos ul li:first-child {margin-top:0; margin-bottom:50px;}
	section.desenvolvemos ul li section ul {}
	section.desenvolvemos ul li section ul li {margin:0; padding: 10px; background:#5FB846; color:#FFF; font-family:Tahoma, Geneva, sans-serif; left:-1px; top:0; z-index:999;}
	section.desenvolvemos ul li section ul li:first-child {margin:0;}
	section.desenvolvemos ul li section ul li:hover {background:#6FBF59;}
	section.desenvolvemos ul li:hover {border:1px solid #5FB846;}
	section.desenvolvemos ul li:hover > section {display:block;}
	
	/*DEFINIÇOES PERSONALIZADAS*/
	img.imgplataforma {width:260px; margin:20px 0;}
	img.imgtrabalhe {width:250px;}
	.larguramapa {width:250px;}
	
	/***********DEFINIÇOES DE FOOTER ***********/
	footer div.contato {clear:both;}
	footer div.contato ul {width:280px; margin:0 !important;}
	footer div.contato ul li {padding:20px 5px;}
	footer div.contato ul li:hover:last-child {background:none; border:none; padding:20px 5px;margin:0;}
	footer div.grid_5 {display:block; float:none !important; margin:0; width:370px !important; margin:20px 0 0 0;}
	footer div.contato {margin-top:20px;}
	footer div.grid_1 {margin:0;}
	footer div.grid_3 {width:210px !important;}
	footer div.grid_12 {width:90% !important; padding-bottom:20px;}
}