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

@import url(reset.css); /** CSS RESET **/
@import url(fonts.css); /** CSS RESET **/
@import url(zoom-portfolio.css); /** CSS ZOOM BOX PORTFOLIO **/

* {	margin: 0;	padding: 0;	}

/* Isto é necessário para não haver rolagens horizontais quando movermos os elementos no menu mobile */
html, body {overflow-x: hidden;}
	body{ background-color:#fff!important;}

	.italico{ font-style:italic;}
	i{ font-style:italic;}
	a {text-decoration: none!important;}
	b{ font-weight:bold;}
	
	img, embed, object, video {  height: auto;  max-width: 100%;}
	iframe{ width:100%; height:100%;}
	
#main{width:100%; height:100%; margin:0 auto;}
	header{width:100%; margin:0 auto;}
		nav{width:100%; margin:0 auto;}
	section{width:100%; margin:0 auto;}
	#banner{margin:0 auto; position:relative; top:0; left:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999;}
		#banner .carousel-indicators{ display:none;}
	#bt-topo{ width:40px; height:40px; cursor:pointer; z-index:999; position:fixed;}
		#bt-topo img{-webkit-transition:all .9s ease; -moz-transition:all .9s ease; -ms-transition:all .9s ease; transition:all .9s ease;}
			#bt-topo img:hover{opacity: .50; filter: alpha(opacity=50);}

/* ---- */


/* Breakpoint - SMARTPHONES 600px */
@media only screen and (max-width: 600px) {
	.box-hm1, .box-hm2, .box-hm3, .box-hm4{
		padding: 60px 5% 25px 5%!important;
		width:90%!important;
	}
	.contato .bt-contato{
		width:100%!important;
	}
}
/* ---- */
/* ---- */
/* ---- */
/* ---- */
/* ---- */
/* ---- */
/* ---- */
/* ---- */

/* Breakpoint - TABLETS */ 
@media only screen and (max-width: 959px) {
	.clear-mobile{ clear: both;}
	.clear{ display: none;}
	#menu{display:none;}
	#banner{display:none;}
	.linkdesk{ display:none;}
	.portfolio{display:none;}
	.portfolio-box{display:none}
	#bt-topo{bottom:15px; right:15px;}
		
	#main{
		width:100%;
	}

/*MENU*/
	#menu-mobile{
		display:block;
	}
		#menu-mob{
			width:100%;
			margin:auto;
			padding:0;
			background:#9db93c;
		}
			#menu-mob li{
				list-style:none;
				font-family:'camptonlight', Arial, Helvetica, sans-serif;
				font-size:1em;
				letter-spacing: 2px;
				text-align: center;
				padding: 15px 0;
				border-top: 1px solid #fff;
				cursor: pointer;
					-webkit-transition:all .9s ease;
					-moz-transition:all .9s ease;
					-ms-transition:all .9s ease;
					transition:all .9s ease;
			}
				.m1{
					background-color: #666;
					color:#fff;
				}
				.m2{
					background-color: #666;
					color:#fff;
				}
				.m3{
					background-color: #666;
					color:#fff;
				}
				.m4{
					background-color: #666;
					color:#fff;
				}
					.m1:hover{
						color: #fff;
						background-color: #007b9d;
					}
					.m2:hover{
						color: #fff;
						background-color: #81a505;
					}
					.m3:hover{
						color: #fff;
						background-color: #ca8704;
					}
					.m4:hover{
						color: #fff;
						background-color: #795284;
					}
	
			.bt-menu-mob{
				margin:auto;
				margin-top: 20px;
				text-align:center;
				width:50px;
				height:50px;
				border-radius:50px;
				border:4px solid #666;
				position:relative;
				cursor: pointer;
					-webkit-transition:all .9s ease;
					-moz-transition:all .9s ease;
					-ms-transition:all .9s ease;
					transition:all .9s ease;
			}
				.bt-menu-mob:hover{
					border:4px solid #333;
					   -webkit-transform: scale(1.2);
					   -moz-transform: scale(1.2);
						-ms-transform: scale(1.2);
						 -o-transform: scale(1.2);
							transform: scale(1.2);
				}
				.mb-l1, .mb-l2, .mb-l3{
					width:30px;
					height:5px;
					position:absolute;
					border-radius:50px;
					background: #666;
					cursor: pointer;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
				}
					.mb-l1{
						top:14px;
						left:10px;
					}
					.mb-l2{
						top:22px;
						left:10px;
					}
					.mb-l3{
						top:30px;
						left:10px;
					}
					.bt-menu-mob:hover .mb-l1, .bt-menu-mob:hover .mb-l2, .bt-menu-mob:hover .mb-l3{
						background: #333;
					}
/*BANNER*/
	#banner-mobile{
		width: 98%;
		background: #090305;
		text-align: center;
		margin: 20px 0;
		padding: 1% 1%;
	}	
		#banner-mobile img{
			max-height:300px;
		}

/*FOOTER*/
	footer{
		background: #333;
		width: 100%;
	}
	#footer-boxes{
		width: 100%;
		margin: auto;
	}
	.linha-footer{
		display:none;
	}
	#footer-b1{
		display:none;
	}
	#footer-b2{
		width: 90%;
		text-align: center;
		padding: 10% 5% 0 5%;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		line-height: 22px;
		font-size:14px;
	}
		#footer-b2 img{
			margin:auto; 
			margin-bottom: 20px;
			display: block;
		}
		#footer-b2 a:link{
			color:#fff;
		}
		#footer-b2 a:visited{
			color:#fff;
		}
		#footer-b2 a:hover{
			color:#b9e9c4;
		}
		.tit-footer-b2{
			font-family:'camptonbold', Arial, Helvetica, sans-serif;
			font-size:1.4em;
			margin-bottom: 15px;
		}
	#footer-b3{
		width: 90%;
		padding: 5% 5% 10% 5%;
		color:#fff;
		text-align: center;
		margin:auto;
	}
		.linkmob{
			display:block
		}
		.ico-facebook{
			width: 100%;
			margin-top:15px;
			text-align: center;
			cursor:pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.ico-facebook img{
				width: 50px;
			}
			.ico-facebook:hover{
				opacity: .5;
				filter: alpha(opacity=50);
			}
	#copyright{
		width: 80%;
		padding: 5% 10%;
		background:#9db93c;
		text-align: center;
		color: #333;
		font-family:'camptonregular', Arial, Helvetica, sans-serif;
		font-size:.6em;
		line-height: 1.4em;
		text-transform: uppercase;
	}

/* HOME */
	#content-home{
		width: 90%;
		margin: auto;
		padding: 5%;
	}
		.box-abre{
			width:100%
			padding: 0;
			margin: auto;
			margin-bottom: 40px;
		}
			.box-abre h1{
				margin: 0;
				font-family:'camptonextrabold', Arial, Helvetica, sans-serif;
				color: #333;
				font-size: 18px;
				text-transform: uppercase;
			}
		.txt-abre{
			width: 100%;
		}
			.txt-abre-tit{
				margin: 20px 0 25px 0;
				font-family:'camptonregular', Arial, Helvetica, sans-serif;
				color: #333;
				font-size: 32px;
				line-height: 38px;
				text-transform: uppercase;
			}
			.txt-abre p{
				color: #333;
				margin-bottom:10px;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 16px;
				line-height: 28px;
			}
			.leiamais{
				padding: 20px 0 0 0;
				color: #666;
				font-family:Arial, Helvetica, sans-serif;
				text-align: left;
				font-size: .9em;
				letter-spacing: 1px;
				margin-top: 0;
				float:none;
				cursor: pointer;
					-webkit-transition:all .9s ease;
					-moz-transition:all .9s ease;
					-ms-transition:all .9s ease;
					transition:all .9s ease;
			}
				.leiamais:hover{
					opacity: .5;
					filter: alpha(opacity=50);
				}
				.mais-servicos{
					background:#9db93c;
					color:#fff;
					font-size: 20px;
					text-align:center;
					line-height: 22px;
					margin-top:22px;
					padding:20px;
					font-family:'camptonregular', Arial, Helvetica, sans-serif;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
				}
					.mais-servicos:hover{
						opacity: .5;
						filter: alpha(opacity=50);	
					}
			.img-abre{
				display:none;
				float: left;
				width:100%;
				max-width: 450px;
				margin-bottom: 20px;
			}
			.box-hm1, .box-hm2, .box-hm3, .box-hm4{
				width:100%;
				padding: 30px 0 25px 0;
				margin-bottom: 25px;
				position: relative;
				font-family:Arial, Helvetica, sans-serif;
				text-align: center;
				font-size: 16px;
				line-height: 22px;
				cursor: pointer;
					-webkit-transition:all .9s ease;
					-moz-transition:all .9s ease;
					-ms-transition:all .9s ease;
					transition:all .9s ease;
			}
				.box-hm1 p, .box-hm2 p, .box-hm3 p, .box-hm4 p{
					padding: 0 25px;
				}
				.box-hm1{
					border:2px solid #007b9d;
					color:#007b9d;
				}
					.box-hm1:hover{
						background:#53a9c2;
						color:#fff;
						border:2px solid #a1cad6;
					}
						.box-hm1:hover .ico-box-hm1{
							border:solid 4px #a1cad6;
							transform: rotate(20deg);
						}
							.box-hm1:hover .ico-box-hm1 img{
								opacity: .65;
								filter: alpha(opacity=65);
							}
						.box-hm1:hover .box-hm1-tit{
							color:#fff;;				
						}
					.box-hm1-tit{
						font-family:'camptonbold', Arial, Helvetica, sans-serif;
						color:#007b9d;
						font-size: 20px;
						margin-bottom: 20px;
							-webkit-transition:all .9s ease;
							-moz-transition:all .9s ease;
							-ms-transition:all .9s ease;
							transition:all .9s ease;
					}
				.box-hm2{
					border:2px solid #81a505;
					color:#81a505;
				}
					.box-hm2:hover{
						background:#a9c251;
						color:#fff;
						border:2px solid #d0dea0;
					}
						.box-hm2:hover .ico-box-hm2{
							border:solid 4px #d0dea0;
							transform: rotate(20deg);
						}
							.box-hm2:hover .ico-box-hm2 img{
								opacity: .65;
								filter: alpha(opacity=65);
							}
						.box-hm2:hover .box-hm2-tit{
							color:#fff;;				
						}
					.box-hm2-tit{
						font-family:'camptonbold', Arial, Helvetica, sans-serif;
						color:#81a505;
						font-size: 20px;
						margin-bottom: 20px;
							-webkit-transition:all .9s ease;
							-moz-transition:all .9s ease;
							-ms-transition:all .9s ease;
							transition:all .9s ease;
					}
				.box-hm3{
					border:2px solid #ca8704;
					color:#ca8704;
				}
					.box-hm3:hover{
						background:#e8ba60;
						color:#fff;
						border:2px solid #eacf99;
					}
						.box-hm3:hover .ico-box-hm3{
							border:solid 4px #eacf99;
							transform: rotate(20deg);
						}
							.box-hm3:hover .ico-box-hm3 img{
								opacity: .65;
								filter: alpha(opacity=65);
							}
						.box-hm3:hover .box-hm3-tit{
							color:#fff;;				
						}
					.box-hm3-tit{
						font-family:'camptonbold', Arial, Helvetica, sans-serif;
						color:#ca8704;
						font-size: 20px;
						margin-bottom: 20px;
							-webkit-transition:all .9s ease;
							-moz-transition:all .9s ease;
							-ms-transition:all .9s ease;
							transition:all .9s ease;
					}
				.box-hm4{
					border:2px solid #795284;
					color:#795284;
				}
					.box-hm4:hover{
						background:#b28ebd;
						color:#fff;
						border:2px solid #d0b7d8;
					}
						.box-hm4:hover .ico-box-hm4{
							border:solid 4px #d0b7d8;
							transform: rotate(20deg);
						}
							.box-hm4:hover .ico-box-hm4 img{
								opacity: .65;
								filter: alpha(opacity=65);
							}
						.box-hm4:hover .box-hm4-tit{
							color:#fff;
						}
					.box-hm4-tit{
						font-family:'camptonbold', Arial, Helvetica, sans-serif;
						color:#795284;
						font-size: 20px;
						margin-bottom: 20px;
							-webkit-transition:all .9s ease;
							-moz-transition:all .9s ease;
							-ms-transition:all .9s ease;
							transition:all .9s ease;
					}
			.ico-box-hm1, .ico-box-hm2, .ico-box-hm3, .ico-box-hm4{
				width:60px;
				height: 60px;
				border-radius: 70px;
				background: #fff;
				position: absolute;
				padding: 7px;
				top: -14px;
				left: -14px;
				text-align: center;
					-webkit-transition:all .9s ease;
					-moz-transition:all .9s ease;
					-ms-transition:all .9s ease;
					transition:all .9s ease;
			}
				.ico-box-hm1{
					border:solid 4px #007b9d;				
				}
				.ico-box-hm2{
					border:solid 4px #81a505;				
				}
				.ico-box-hm3{
					border:solid 4px #ca8704;				
				}
				.ico-box-hm4{
					border:solid 4px #795284;				
				}
					.ico-box-hm1 img, .ico-box-hm2 img, .ico-box-hm3 img, .ico-box-hm4 img{
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
					}

		.portfolio-mob{
			width:100%;
			margin:auto;
			margin-bottom: 22px;
			margin-top: 10px;
			position: relative;
			cursor: pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.portfolio-mob:hover{
				-webkit-filter: sepia(80%); /* Safari */
				filter: sepia(80%);
			}

		.contato{
			width: 90%;
			padding: 5%;
			margin:auto;
			margin-top: 0;
			border-top: 2px #333 solid;
			font-family: Arial, Helvetica, sans-serif;
		}
			.box-contato{
				padding: 5%;
			}
				.box-contato h2{
					margin-bottom: 40px;
					font-family:'camptonlight', Arial, Helvetica, sans-serif;
					color: #333;
					font-size: 28px;
					text-transform: uppercase;	
				}
				.contato label{
					width:100%;
					float:left;
					text-align:left;
					padding:0;
					margin-bottom: 10px;
					color: #333;
				}
				.contato label.error {
					float: none;
					position: relative;
					top:-10px;
					left:0;
					color: #f00;
					vertical-align: top;
					font-size: 12px;
					text-align: left;
					display: block;
					border-left:3px solid #f00;
					padding: 0px 0 0 5px;
				}
				.contato input{
					padding:10px;
					margin:0px 0 10px 0;
					border:2px solid #333;
					font-weight:400;
					font-size:16px;
					color:#333;
					display:block;
					font-family: Arial, Helvetica, sans-serif;
					outline: none; 
						-webkit-transition: background 0.5s ease-out;
						-moz-transition: background 0.5s ease-out;
						transition: background 0.5s ease-out;
				} 
					.contato input:focus{
						border:2px solid #81a505;
						background: #f4f4f4;
						color:#333;
					}
					.contato input.g{
						width:90%;
						border-radius:5px;
						margin-bottom:20px;
					}
					.contato input.p{
						width:90%;
						border-radius:5px;
						margin-bottom:20px;
					}
				.contato select{
					padding:10px;
					margin:0px 0 10px 0;
					border:2px solid #333;
					font-weight:400;
					font-size:16px;
					color:#333;
					display:block;
					font-family: Arial, Helvetica, sans-serif;
					outline: none;
						-webkit-transition: background 0.5s ease-out;
						-moz-transition: background 0.5s ease-out;
						transition: background 0.5s ease-out;
				}
					.contato select:focus{
						border:2px solid #81a505;
						background: #f4f4f4;
						color:#333;
					}
					.contato select.g{
						width:100%;
						border-radius:5px;
						margin-bottom:20px;
					}
					.contato select.p{
						width:100%;
						border-radius:5px;
						margin-bottom:20px;
					}
				.contato textarea{
					padding:10px;
					margin:0px 0 10px 0;
					border:2px solid #333;
					font-weight:400;
					font-size:16px;
					color:#333;
					display:block;
					font-family: Arial, Helvetica, sans-serif;
					outline: none;
						-webkit-transition: background 0.5s ease-out;
						-moz-transition: background 0.5s ease-out;
						transition: background 0.5s ease-out;
				}
					.contato textarea:focus{
						border:2px solid #81a505;
						background: #f4f4f4;
					}
					.contato textarea.g{
						width:90%;
						border-radius:5px;
						margin-bottom:20px;
					}
				.contato .bt-contato{
					float:left;
					border-radius:5px;
					padding:20px;
					color:#fff;
					font-weight:600;
					margin-top:30px;
					border:0; cursor:pointer;
					background-color:#333;
					font-family: Arial, Helvetica, sans-serif;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
				}
					.contato .bt-contato:hover{
						background:#81a505;
					}
				.legenda{
					font-family: Arial, Helvetica, sans-serif;
					font-size:11px;
					color: #666;
					text-align: left;
					font-style: italic;
				}

/* SECUNDÁRIA */
	#main-content{
		width: 90%;
		padding:5%;
		margin: auto;
	}
	.main-portfolio{
		width: 90%;
		padding:5%;
		margin: auto;
	}
		#main-portfolio-pecas{
			width: 100%;
			padding:0;
			margin: auto;
			margin-top: 0;
		}
		#main-content h1, .main-portfolio h1{
			margin: 0;
			margin-bottom:0;
			font-family:'camptonextrabold', Arial, Helvetica, sans-serif;
			color: #333;
			font-size: 18px;
			text-transform: uppercase;
		}
		#main-content h2, .main-portfolio h2{
			margin-top: 15px;
			margin-bottom:15px;
			font-family:'camptonlight', Arial, Helvetica, sans-serif;
			color: #333;
			font-size: 26px;
			text-transform: uppercase;
			line-height:28px;
		}
		#main-content p, .main-portfolio p{
			margin: 0;
			margin-bottom:10px;
			font-family:Arial, Helvetica, sans-serif;
			color: #333;
			font-size: 16px;
			line-height: 24px;
		}
		#main-content a:link, .main-portfolio a:link{
			color:#333;
			font-weight: bold;
		}
		#main-content a:visited, .main-portfolio a:visited{
			color:#333;
		}
		#main-content a:hover, .main-portfolio a:hover{
			color:#666;
		}
		.orcamento{
			padding: 20px;
			background: #81a505;
			font-family:'camptonregular', Arial, Helvetica, sans-serif;
			color: #fff;
			text-align: center;
			font-size:20px;
			margin:5px 0 10px 0;
			cursor: pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.orcamento:hover{
				background: #a9c251;
			}
		.voltar{
			padding: 10px 10px 10px 13px;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 2px;
			color: #fff;
			border: solid 2px #a5b765;
			background: #81a505;
			float: left;
			clear:both;
			margin-top:20px;
			margin-bottom:20px;
			cursor: pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.voltar:hover{
				color:#fff;
				border: solid 2px #86a8b1;
				background: #007b9d;
			}
	.boxsvg-mob{
		width:90%;
		text-align:center;
		margin:auto;
		top: -35px;
		position:absolute;
	}
	.svg {
		margin:auto;
		background:#fff;
		width:70px;
		height:70px;
		padding: 5px;
		text-align: center;
		position:relative;
		border: solid 4px #333;
		border-radius:100px;
			-webkit-transition:all .9s ease;
			-moz-transition:all .9s ease;
			-ms-transition:all .9s ease;
			transition:all .9s ease;
		}
		.box-servicos:hover .svg, .box-servicos-centro:hover .svg{
			transform: rotate(20deg);
		}
	svg {
		width:60px;
		height:60px;
		margin-top: 5px;
		}
	.box-servicos, .box-servicos-centro{
		width:90%;
		border:solid 2px #333;
		margin: 0;
		margin-bottom: 40px;
		padding: 70px 5% 25px 5%;
		position:relative;
		text-align: center;
		cursor: default;
			-webkit-transition:all .9s ease;
			-moz-transition:all .9s ease;
			-ms-transition:all .9s ease;
			transition:all .9s ease;
	}
		.box-servicos:hover, .box-servicos-centro:hover{
			-webkit-filter: sepia(100%); /* Safari */
			filter: sepia(100%);
			opacity: .50; filter: alpha(opacity=50);
		}
		.espacamento-servicos{
			display:none;
		}
	.icon-seo {
	  width: 52px;
	  height: 52px;
		margin-top: 8px;
	}
	.box-servicos-tit{
		font-family:'camptonbold', Arial, Helvetica, sans-serif;
		color:#333;
		font-size: 20px;
		margin-bottom: 20px;
			-webkit-transition:all .9s ease;
			-moz-transition:all .9s ease;
			-ms-transition:all .9s ease;
			transition:all .9s ease;
	}
	.fale-servicos{
		padding: 20px;
		font-family:'camptonbold', Arial, Helvetica, sans-serif;
		color:#333;
		text-align: center;
		font-size: 20px;
		border:solid 2px #333;
		margin-top:24px;
		background: #fff;
		cursor:pointer;
			-webkit-transition:all .9s ease;
			-moz-transition:all .9s ease;
			-ms-transition:all .9s ease;
			transition:all .9s ease;
	}
		.fale-servicos:hover{
			background: #333;
			color:#fff;
			border:solid 2px #ccc;
		}
	.portfolio-box{
		width: 100%;
		padding:0;
		margin: 0;
	}
		.imgs-portfolio img{
			width: 25%;
			heigth: 25%;
			float: left;
			cursor:pointer;
			-webkit-filter: grayscale(0%); filter: grayscale(0%);
			opacity: 1; filter: alpha(opacity=100);
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.imgs-portfolio img:hover{
				-webkit-filter: grayscale(100%); filter: grayscale(100%);
				opacity: .7; filter: alpha(opacity=70);
			}
		.hoverzoom {
			position: relative;
			overflow: hidden;
			float:none;
			margin-right:0;
			width: 100%;
			margin-bottom: 15px;
		}
	.cases{
		background:#fff;
		width:90%;
		padding:5%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#333;
	}
	.sites img{
		margin: 0 20px 20px 0;
		cursor:pointer;
			-webkit-filter: grayscale(100%); filter: grayscale(100%);
			opacity: .70; filter: alpha(opacity=70);
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
	}
		.sites img:hover{
			-webkit-filter: grayscale(0%); filter: grayscale(0%);
			opacity: 1; filter: alpha(opacity=100);
		}















}
/* ---- */
/* ---- */
/* ---- */
/* ---- */
/* ---- */
/* ---- */
/* ---- */
/* ---- */
/* Breakpoint - DESKTOP*/
@media only screen and (min-width: 960px) {
	.clear{ clear: both;}
	.clear-mobile{ display: none;}
	#menu-mobile{display:none;}
	#banner-mobile{display:none;}
	.linkmob{display:none;}
	.portfolio-mob{display:none}
	.portfolio-box-mob{display:none}
	#bt-topo{bottom:50px; right:15px;}
	
	#main{
		background-color: #fff;
		padding-bottom: 50px;
	}
/*MENU*/
	
	#menu{
		width: 100%;
		margin: auto;
		position: absolute;
		top: 40px;
		z-index: 999;
		display:block;
	}
	#menu-inline{
		width: 1000px;
		margin: auto;
		text-align: left;
	}
	#menu-inline li{
		list-style: none;
		display: inline-block;
		padding: 25px 28px;
		font-family:'camptonregular', Arial, Helvetica, sans-serif;
		font-size:15px;
		color: #fff;
		letter-spacing: .5px;
		cursor: pointer;
		-webkit-transition:all .9s ease;
			-moz-transition:all .9s ease;
			-ms-transition:all .9s ease;
			transition:all .9s ease;
	}
	.m1, .m2, .m3, .m4{
		border:2px solid #000;
	}
	#menu-inline li:hover{
		padding: 25px 20px;
	}
	.m1:hover{
		background-color: #007b9d;
		border:2px solid #53a9c2;
	}
	.m2:hover{
		background-color: #81a505;
		border:2px solid #a9c251;
	}
	.m3:hover{
		background-color: #ca8704;
		border:2px solid #e8ba60;
	}
	.m4:hover{
		background-color: #795284;
		border:2px solid #b28ebd;
	}
	.fone-menu{
		float: right;
		color: #fff;
		font-family:'camptonextrabold', Arial, Helvetica, sans-serif;
		font-size:14px;
		padding: 20px;
	}
	.whats-menu{
		float: right;
		color: #fff;
		font-family:'camptonextrabold', Arial, Helvetica, sans-serif;
		font-size:14px;
		padding: 20px;
	}
		.ico-whats, .ico-fone{
			float: left;			
		}
		.menu-fone-ico{
			width: 30px;
			height: 30px;
			margin-right: 10px;
			float:left;
		}
		.menu-fone-txt{
			float: right;
			margin-top: 7px;
		}

/*BANNER*/
	#banner{
		width: 100%;
		height: 650px;
		padding-top:70px;
		padding-top: 10px;
		background-color: #000;
		text-align: center;
		position: relative;
	}
	video{
		height:500px;
		z-index: 999;
	}
	#box-banner{
		position: absolute;
		bottom:-5px;
		width: 100%;
		text-align: center;
		font-family:'camptonextrabold', Arial, Helvetica, sans-serif;
		font-size:35px;
		color: #fff;
		line-height: 45px;
	}
	.box-banner-txt2{
		text-align: center;
		font-family:'camptonregular', Arial, Helvetica, sans-serif;
		font-size:15px;
		color: #fff;
		letter-spacing: 13px;
		margin-bottom: 45px!important;
	}
	.box-banner-ico{
		width: 25px;
		height: 25px;
		margin: auto;
		margin-top:25px;
	}

/*FOOTER*/
	footer{
		background: #333;
		width: 100%;
		background: url("../_images/bg-footer-cinza.jpg") repeat-x center;
	}
	#footer-boxes{
		width: 1000px;
		margin: auto;
	}
	.linha-footer{
		width: 100%;
		height: 5px;
		background: url("../_images/bg-footer.jpg") repeat-y center;
	}
	#footer-b1{
		width: 200px;
		float: left;
		padding: 30px 0;
		color:#fff;
	}
		.logo-footer-b1{
			width: 135px;
			margin-left: 25px;
			margin-top: 30px;
			cursor:pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.logo-footer-b1:hover{
				opacity: .5;
				filter: alpha(opacity=50);
			}
	#footer-b2{
		width: 560px;
		float: left;
		text-align: center;
		padding: 30px 20px 40px 20px;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		line-height: 22px;
		font-size:14px;
	}
		#footer-b2 img{
			margin:auto; 
			margin-bottom: 10px;
			display: block;
		}
		#footer-b2 a:link{
			color:#fff;
		}
		#footer-b2 a:visited{
			color:#fff;
		}
		#footer-b2 a:hover{
			color:#b9e9c4;
		}
		.tit-footer-b2{
			font-family:'camptonbold', Arial, Helvetica, sans-serif;
			font-size:16px;
			text-transform: uppercase;
		}
	#footer-b3{
		width: 200px;
		float: right;
		padding: 30px 0;
		color:#fff;
		text-align: right;
	}
		.linkdesk{
			display:block
		}
		.ico-facebook{
			width: 50px;
			margin-right: 25px;
			float: right;
			margin-top:45px;
			margin-left:10px;
			cursor:pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.ico-facebook:hover{
				opacity: .5;
				filter: alpha(opacity=50);
			}
	#copyright{
		width: 100%;
		padding: 15px 0;
		background:#9db93c;
		text-align: center;
		color: #333;
		font-family:'camptonregular', Arial, Helvetica, sans-serif;
		font-size:10px;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
/* HOME */
	#content-home{
		width: 1000px;
		margin: auto;
		margin-top: 30px;
		padding: 50px 0;
	}
		.box-abre{
			padding: 35px 0;
			margin: auto;
			margin-bottom: 40px;
		}
			.box-abre h1{
				margin: 0;
				font-family:'camptonextrabold', Arial, Helvetica, sans-serif;
				color: #333;
				font-size: 18px;
				text-transform: uppercase;
			}
		.txt-abre{
			float: left;
			width: 520px;
		}
			.txt-abre-tit{
				margin: 20px 0 25px 0;
				font-family:'camptonregular', Arial, Helvetica, sans-serif;
				color: #333;
				font-size: 32px;
				line-height: 38px;
				text-transform: uppercase;
			}
			.txt-abre p{
				color: #333;
				margin-bottom:10px;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 16px;
				line-height: 28px;
			}
			.leiamais{
				padding: 20px 0;
				width: 150px;
				color: #666;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 14px;
				letter-spacing: 1px;
				margin-top: 20px;
				float:left;
				cursor: pointer;
					-webkit-transition:all .9s ease;
					-moz-transition:all .9s ease;
					-ms-transition:all .9s ease;
					transition:all .9s ease;
			}
				.leiamais:hover{
					opacity: .5;
					filter: alpha(opacity=50);
				}
				.mais-servicos{
					background: url("../_images/bg-servicos.jpg") repeat-y;
					color:#fff;
					font-size: 20px;
					text-align:center;
					margin-top:22px;
					padding:20px;
					font-family:'camptonregular', Arial, Helvetica, sans-serif;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
				}
					.mais-servicos:hover{
						opacity: .5;
						filter: alpha(opacity=50);
					}
		.img-abre{
			float: right;
			width: 450px;
			height: 410px;
		}
		.box-hm1, .box-hm2, .box-hm3, .box-hm4{
			float:left;
			width:230px;
			padding: 55px 0 25px 0;
			position: relative;
			font-family:Arial, Helvetica, sans-serif;
			text-align: center;
			font-size: 16px;
			line-height: 22px;
			cursor: pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.box-hm1 p, .box-hm2 p, .box-hm3 p, .box-hm4 p{
				padding: 0 25px;
			}
			.box-hm1{
				border:2px solid #007b9d;
				color:#007b9d;
			}
				.box-hm1:hover{
					background:#53a9c2;
					color:#fff;
					border:2px solid #a1cad6;
				}
					.box-hm1:hover .ico-box-hm1{
						border:solid 4px #a1cad6;
						transform: rotate(20deg);
					}
						.box-hm1:hover .ico-box-hm1 img{
							opacity: .65;
							filter: alpha(opacity=65);
						}
					.box-hm1:hover .box-hm1-tit{
						color:#fff;;				
					}
				.box-hm1-tit{
					font-family:'camptonbold', Arial, Helvetica, sans-serif;
					color:#007b9d;
					font-size: 20px;
					margin-bottom: 20px;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
				}
			.box-hm2{
				margin: 0 11px 0 21px;
				border:2px solid #81a505;
				color:#81a505;
			}
				.box-hm2:hover{
					background:#a9c251;
					color:#fff;
					border:2px solid #d0dea0;
				}
					.box-hm2:hover .ico-box-hm2{
						border:solid 4px #d0dea0;
						transform: rotate(20deg);
					}
						.box-hm2:hover .ico-box-hm2 img{
							opacity: .65;
							filter: alpha(opacity=65);
						}
					.box-hm2:hover .box-hm2-tit{
						color:#fff;;				
					}
				.box-hm2-tit{
					font-family:'camptonbold', Arial, Helvetica, sans-serif;
					color:#81a505;
					font-size: 20px;
					margin-bottom: 20px;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
				}
			.box-hm3{
				margin: 0 21px 0 11px;
				border:2px solid #ca8704;
				color:#ca8704;
			}
				.box-hm3:hover{
					background:#e8ba60;
					color:#fff;
					border:2px solid #eacf99;
				}
					.box-hm3:hover .ico-box-hm3{
						border:solid 4px #eacf99;
						transform: rotate(20deg);
					}
						.box-hm3:hover .ico-box-hm3 img{
							opacity: .65;
							filter: alpha(opacity=65);
						}
					.box-hm3:hover .box-hm3-tit{
						color:#fff;;				
					}
				.box-hm3-tit{
					font-family:'camptonbold', Arial, Helvetica, sans-serif;
					color:#ca8704;
					font-size: 20px;
					margin-bottom: 20px;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
				}
			.box-hm4{
				border:2px solid #795284;
				color:#795284;
			}
				.box-hm4:hover{
					background:#b28ebd;
					color:#fff;
					border:2px solid #d0b7d8;
				}
					.box-hm4:hover .ico-box-hm4{
						border:solid 4px #d0b7d8;
						transform: rotate(20deg);
					}
						.box-hm4:hover .ico-box-hm4 img{
							opacity: .65;
							filter: alpha(opacity=65);
						}
					.box-hm4:hover .box-hm4-tit{
						color:#fff;
					}
				.box-hm4-tit{
					font-family:'camptonbold', Arial, Helvetica, sans-serif;
					color:#795284;
					font-size: 20px;
					margin-bottom: 20px;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
				}
		.ico-box-hm1, .ico-box-hm2, .ico-box-hm3, .ico-box-hm4{
			width:60px;
			height: 60px;
			border-radius: 70px;
			background: #fff;
			position: absolute;
			padding: 7px;
			top: -40px;
			left: 78px;
			text-align: center;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.ico-box-hm1{
				border:solid 4px #007b9d;				
			}
			.ico-box-hm2{
				border:solid 4px #81a505;				
			}
			.ico-box-hm3{
				border:solid 4px #ca8704;				
			}
			.ico-box-hm4{
				border:solid 4px #795284;				
			}
				.ico-box-hm1 img, .ico-box-hm2 img, .ico-box-hm3 img, .ico-box-hm4 img{
					-webkit-transition:all .9s ease;
					-moz-transition:all .9s ease;
					-ms-transition:all .9s ease;
					transition:all .9s ease;
				}
		
		.portfolio{
			width:1000px;
			height: 550px;
			margin:auto;
			margin-bottom: 50px;
			background: url("../_images/novo-portfolio.jpg") no-repeat;
			position: relative;
			cursor: pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.portfolio:hover{
				-webkit-filter: sepia(80%); /* Safari */
				filter: sepia(80%);
			}
			.portfolio-txt{
				display:none;
				width: 100%;
				position: absolute;
				bottom:90px;
				left:282px;
				font-family:Arial, Helvetica, sans-serif;
				color: #333;
				font-size: 16px;
				line-height: 22px;
			}
			.portfolio-clique{
				padding: 20px;
				position: absolute;
				bottom:10px;
				left:0;
				margin: auto;
				color:#333;
				font-family:Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
				letter-spacing: 1px;
				opacity: 0;
				filter: alpha(opacity=0);
					-webkit-transition:all .9s ease;
					-moz-transition:all .9s ease;
					-ms-transition:all .9s ease;
					transition:all .9s ease;
			}
				.portfolio:hover{

				}
				.portfolio:hover .portfolio-clique{
					background:#333;
					color:#ddbe8c;
					opacity: 90;
					filter: alpha(opacity=90);
				}
		.contato{
			width: 996px;
			margin:auto;
			margin-top: 25px;
			border: 2px #333 solid;
			font-family: Arial, Helvetica, sans-serif;
		}
			.box-contato{
				padding: 5%;
			}
				.box-contato h2{
					margin-bottom: 40px;
					font-family:'camptonlight', Arial, Helvetica, sans-serif;
					color: #333;
					font-size: 28px;
					text-transform: uppercase;	
				}
				.contato label{
					width:100%;
					float:left;
					text-align:left;
					padding:0;
					margin-bottom: 10px;
					color: #333;
				}
				.contato label.error {
					float: none;
					position: relative;
					top:-10px;
					left:0;
					color: #f00;
					vertical-align: top;
					font-size: 12px;
					text-align: left;
					display: block;
					border-left:3px solid #f00;
					padding: 0px 0 0 5px;
				}
				.contato input{
					padding:10px;
					margin:0px 0 10px 0;
					border:2px solid #333;
					font-weight:400;
					font-size:16px;
					color:#333;
					display:block;
					font-family: Arial, Helvetica, sans-serif;
					outline: none; 
						-webkit-transition: background 0.5s ease-out;
						-moz-transition: background 0.5s ease-out;
						transition: background 0.5s ease-out;
				} 
					.contato input:focus{
						border:2px solid #81a505;
						background: #f4f4f4;
						color:#333;
					}
					.contato input.g{
						width:90%;
						border-radius:5px;
						margin-bottom:20px;
					}
					.contato input.p{
						width:50%;
						border-radius:5px;
						margin-bottom:20px;
					}
				.contato select{
					padding:10px;
					margin:0px 0 10px 0;
					border:2px solid #333;
					font-weight:400;
					font-size:16px;
					color:#333;
					display:block;
					font-family: Arial, Helvetica, sans-serif;
					outline: none;
						-webkit-transition: background 0.5s ease-out;
						-moz-transition: background 0.5s ease-out;
						transition: background 0.5s ease-out;
				}
					.contato select:focus{
						border:2px solid #81a505;
						background: #f4f4f4;
						color:#333;
					}
					.contato select.g{
						width:90%;
						border-radius:5px;
						margin-bottom:20px;
					}
					.contato select.p{
						width:50%;
						border-radius:5px;
						margin-bottom:20px;
					}
				.contato textarea{
					padding:10px;
					margin:0px 0 10px 0;
					border:2px solid #333;
					font-weight:400;
					font-size:16px;
					color:#333;
					display:block;
					font-family: Arial, Helvetica, sans-serif;
					outline: none;
						-webkit-transition: background 0.5s ease-out;
						-moz-transition: background 0.5s ease-out;
						transition: background 0.5s ease-out;
				}
					.contato textarea:focus{
						border:2px solid #81a505;
						background: #f4f4f4;
					}
					.contato textarea.g{
						width:90%;
						border-radius:5px;
						margin-bottom:20px;
					}
				.contato .bt-contato{
					float:left;
					border-radius:5px;
					padding:20px;
					color:#fff;
					font-weight:600;
					margin-top:30px;
					border:0; cursor:pointer;
					background-color:#333;
					font-family: Arial, Helvetica, sans-serif;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-ms-transition:all .9s ease;
						transition:all .9s ease;
				}
					.contato .bt-contato:hover{
						background:#81a505;
					}
				.legenda{
					font-family: Arial, Helvetica, sans-serif;
					font-size:11px;
					color: #666;
					text-align: left;
					font-style: italic;
				}
	
/* SECUNDÁRIA */
	#main-content{
		width: 900px;
		padding:50px;
		margin: auto;
	}
	.main-portfolio{
		width: 900px;
		padding:50px;
		margin: auto;
	}
		#main-portfolio-pecas{
			width: 100%;
			padding:0;
			margin: auto;
			margin-top: 0;
		}
		#main-content h1, .main-portfolio h1{
			margin: 0;
			margin-bottom:15px;
			font-family:'camptonextrabold', Arial, Helvetica, sans-serif;
			color: #333;
			font-size: 18px;
			text-transform: uppercase;
		}
		#main-content h2, .main-portfolio h2{
			margin-top: -15px;
			margin-bottom:25px;
			font-family:'camptonlight', Arial, Helvetica, sans-serif;
			color: #333;
			font-size: 26px;
			text-transform: uppercase;
			line-height:30px;
		}
		#main-content p, .main-portfolio p{
			margin: 0;
			margin-bottom:10px;
			font-family:Arial, Helvetica, sans-serif;
			color: #333;
			font-size: 16px;
			line-height: 24px;
		}
		#main-content a:link, .main-portfolio a:link{
			color:#333;
			font-weight: bold;
		}
		#main-content a:visited, .main-portfolio a:visited{
			color:#333;
		}
		#main-content a:hover, .main-portfolio a:hover{
			color:#666;
		}
		.orcamento{
			padding: 20px;
			background: #81a505;
			font-family:'camptonregular', Arial, Helvetica, sans-serif;
			color: #fff;
			text-align: center;
			font-size:20px;
			margin:5px 0 10px 0;
			cursor: pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.orcamento:hover{
				background: #a9c251;
			}
		.voltar{
			padding: 10px 10px 10px 13px;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 2px;
			color: #fff;
			border: solid 2px #a5b765;
			background: #81a505;
			float: left;
			clear:both;
			margin-top:40px;
			cursor: pointer;
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.voltar:hover{
				color:#fff;
				border: solid 2px #86a8b1;
				background: #007b9d;
			}
	.svg {
		margin:0;
		background:#fff;
		width:70px;
		height:70px;
		padding: 5px;
		text-align: center;
		position: absolute;
		top: -35px;
		left:97px;
		border: solid 4px #333;
		border-radius:100px;
			-webkit-transition:all .9s ease;
			-moz-transition:all .9s ease;
			-ms-transition:all .9s ease;
			transition:all .9s ease;
		}
		.box-servicos:hover .svg, .box-servicos-centro:hover .svg{
			transform: rotate(20deg);
		}
	svg {
		width:60px;
		height:60px;
		margin-top: 5px;
		}
	.box-servicos, .box-servicos-centro{
		float: left;
		width:230px;
		border:solid 2px #333;
		margin: 0;
		margin-bottom: 40px;
		padding: 70px 25px 25px 25px;
		position:relative;
		text-align: center;
		cursor: default;
			-webkit-transition:all .9s ease;
			-moz-transition:all .9s ease;
			-ms-transition:all .9s ease;
			transition:all .9s ease;
	}
		.box-servicos:hover, .box-servicos-centro:hover{
			-webkit-filter: sepia(100%); /* Safari */
			filter: sepia(100%);
			opacity: .50; filter: alpha(opacity=50);
		}
		.box-servicos-centro{
			margin: 0 24px!important;
		}
		.espacamento-servicos{
			height: 60px;
			width:100%;
			clear: both;
		}
	.icon-seo {
	  width: 52px;
	  height: 52px;
		margin-top: 8px;
	}
	.box-servicos-tit{
		font-family:'camptonbold', Arial, Helvetica, sans-serif;
		color:#333;
		font-size: 20px;
		margin-bottom: 20px;
			-webkit-transition:all .9s ease;
			-moz-transition:all .9s ease;
			-ms-transition:all .9s ease;
			transition:all .9s ease;
	}
	.fale-servicos{
		padding: 20px;
		font-family:'camptonbold', Arial, Helvetica, sans-serif;
		color:#333;
		text-align: center;
		font-size: 20px;
		border:solid 2px #333;
		margin-top:24px;
		background: #fff;
		cursor:pointer;
			-webkit-transition:all .9s ease;
			-moz-transition:all .9s ease;
			-ms-transition:all .9s ease;
			transition:all .9s ease;
	}
		.fale-servicos:hover{
			background: #333;
			color:#fff;
			border:solid 2px #ccc;
		}
	.portfolio-box{
		width: 100%;
		padding:0;
		margin: 0;
	}
		.imgs-portfolio img{
			width: 10%;
			heigth: 10%;
			float: left;
			cursor:pointer;
			-webkit-filter: grayscale(100%); filter: grayscale(100%);
			opacity: .70; filter: alpha(opacity=70);
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
		}
			.imgs-portfolio img:hover{
				-webkit-filter: grayscale(0%); filter: grayscale(0%);
				opacity: 1; filter: alpha(opacity=100);
			}
	.cases{
		background:#fff;
		width:100%;
		padding:30px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#333;
	}
	.sites img{
		margin: 0 20px 20px 0;
		cursor:pointer;
			-webkit-filter: grayscale(100%); filter: grayscale(100%);
			opacity: .70; filter: alpha(opacity=70);
				-webkit-transition:all .9s ease;
				-moz-transition:all .9s ease;
				-ms-transition:all .9s ease;
				transition:all .9s ease;
	}
		.sites img:hover{
			-webkit-filter: grayscale(0%); filter: grayscale(0%);
			opacity: 1; filter: alpha(opacity=100);
		}
}