/*======== GENERIC STYLES =============*/
/* PURE LESS */
@path: "../img/";
@import "elements.less";
.auto{ margin-left: auto; margin-right: auto;}
.w (@w){width: @w;}
.h (@h){height: @h;}
.wh (@w: 0px, @h: 0px){width: @w; height: @h;}
.lt (@l, @t){left: @l; top: @t;}
.rt (@r, @t){right: @r; top: @t;}
.p (@p){padding: @p;}
.m (@m){margin: @m;}
.t (@t){top:@t;}
.l (@l){left:@l;}
.b (@b){bottom:@b;}
.r (@r){right:@r;}
.f (@f){font-size:@f;}
.c (@c){color:@c;}
.lh (@lh){line-height:@lh;}
.right{float:right;}
.left{float:left;}
.t_center{text-align:center;}
.t_right{text-align:right;}
.t_left{text-align:left;}
.t_justify{text-align:justify;}
.normal{font-weight:normal;}
.fw (@fw){font-weight:@fw;}
.rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius;}
.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) { box-shadow: inset @arguments; -moz-box-shadow: inset @arguments; -webkit-box-shadow: inset @arguments;}
.bg_c (@bgc) { background-color: @bgc;}
.bg_ct (@bgct) { background: url("@{path}@{bgct}") center top no-repeat;}
.bg_ctr (@bgctr) { background: url("@{path}@{bgctr}") center top repeat;}
.transparent{background:transparent;}
.absolute{position:absolute;}
.relative{position:relative;}
.pointer{cursor: pointer;}
.normal{font-weight: normal;}
.block{display:block;}
.inline{display:inline;}
.inlineb{display:inline-block;}
.hidden{overflow:hidden;}
.none{display:none;}
.ff{ font-family: 'Open Sans', sans-serif;}
.ff2{font-family: 'Source Sans Pro', sans-serif;}
/*REGRAS*/
.clear{clear: both;}

/************************************************
*					STYLES
************************************************/
*{
	outline: none;
}
html {
	overflow-x: hidden;
}
body {
	min-width: 960px;
	.ff;
	.fw(normal);
	.f(12px);
	background: #f9f6ef;
}

header#main {
	.relative;
	.header{
		.relative;
		.h(130px);
		.logo{
			.relative;
			.wh(173px, 54px);
			.m(36px 0 0 0);
		}
		.menu{
			.absolute;
			.hidden;
			.rt(5px, -50px); //42
			.wh(auto, 43px);
			.bg_ctr('menu_bkg.png');
			.rounded-corners(6px);
			a{
				.m(0px);
				.inlineb;
				.p(12px 15px);
				.f(14px);
				.c(#fff);
				.fw(lighter);
				.m(0 0 0 -3px);
				&:hover{
					background-color: #0763a1;
					.transition(.8s, ease-out);
				}
			}
			.ativo{
				background-color: #0763a1;
			}
			a:first-child{
				.m(0);
			}
		}
	}
}

section#main{
	.relative;
	.title{
		.wh(928px, 35px);
		.block;
		background: #fff;
		.rounded-corners(5px);
		.f(16px);
		.c(#176eaf);
		.p(12px 11px 0);
		margin-bottom: 29px;
		a{
			.c(#176eaf);
			.f(14px);
			.right;
			&:hover{
				text-decoration: underline;
			}
		}
	}
	.index{
		.relative;
		.banner{
			.wh(690px, 277px);
			.left;
		}
		.box{
			.right;
			.wh(260px, 92px);
			.bg_c(#fff);
			.m(0 0 1px 0);
			h1{
				.f(15px);
				.fw(normal);
			}
			p{
				.f(12px);
				.c(#9b9b9b);
			}
			span{
				.block;
				.m(20px 0 0 22px);
				.p(0 20px 0 21px);
			}
		}
		.black{
			h1{
				.c(#000);
			}
			span{
				border-left: 3px solid #000;
			}
			&:hover{
				.transition(.5s, ease-out);
				background: #0763a1;
				h1{
					.c(#fff);
				}
				span{
					border-left: 3px solid #fff;
				}
				p{
					.c(#fff);
				}
			}
		}
		.blue{
			h1{
				.c(#0763a1);
			}
			span{
				border-left: 3px solid #0763a1;
			}
			&:hover{
				.transition(.5s, ease-out);
				background: #0763a1;
				h1{
					.c(#fff);
				}
				span{
					border-left: 3px solid #fff;
				}
				p{
					.c(#fff);
				}
			}
		}
		.green{
			.h(91px);
			h1{
				.c(#8ec640);
			}
			span{
				border-left: 3px solid #8ec640;
			}
			&:hover{
				.transition(.5s, ease-out);
				background: #0763a1;
				h1{
					.c(#fff);
				}
				span{
					border-left: 3px solid #fff;
				}
				p{
					.c(#fff);
				}
			}
		}
		.projetos{
			.clear;
			.p(45px 0 25px 0);
			div{
				.w(237px);
				.left;
				background: url(../img/home_border.png) 220px center no-repeat;
			}
			div:last-child{
				background: none;
			}
			h1{
				.block;
				.f(14px);
				.c(#0763a1);
				.p(0 23px 0 24px);
				.fw(normal);
				background: url(../img/home_logo-projetos.png) 0 2px no-repeat;
				a{
					.c(#0763a1);
				}
			}
			span{
				.block;
				.p(0 30px 0 24px);
				.f(13px);
				.c(#777777);
				a{
					.c(#777777);
				}
			}
		}
	}
	.conhecanos{
		padding-bottom: 35px;
		.ff2;
		article{
			.p(24px);
			border: 1px solid #e1e1e1;
			margin-bottom: 11px;
			.f(13px);
			.c(#777777);
			.t_justify;
			background: #fff;
			.lh(24px);
			h1{
				.block;
				.m(0 0 15px 0);
				.t_center;
				.f(36px);
				.c(#0763a1);
				.fw(normal);
			}
			h2{
				.block;
				.m(15px 0 5px 0);
				.t_left;
				.f(18px);
				.c(#0763a1);
				.fw(normal);
			}
			strong{
				.f(18px);
				.c(#6d6d6d);
				.fw(normal);
			}
			span{
				.block;
				.f(12px);
				.c(#8ec640);
				.m(0 0 9px);
				.lh(10px);
			}
		}
	}
	.noticias{
		padding-bottom: 35px;
		.ff2;
		.box{
			.wh(310px, 220px);
			.m(0 0 10px 0);
			background: #fff;
			.hidden;
			&:hover{
				opacity: .7;
			}
			img{
				.wh(310px, 110px);
			}
			h1{
				.block;
				.f(14px);
				.c(#0864a2);
				.fw(normal);
				.m(18px 0 5px 0);
				.p(0 12px);
			}
			span{
				.h(50px);
				.t_justify;
				.block;
				.f(12px);
				.c(#797b7c);
				.p(0 12px);
				.hidden;
			}
		}
	}
	.noticia{
		.ff2;
		padding-bottom: 35px;
		h1{
			.block;
			.f(18px);
			.c(#555555);
			.fw(normal);
			.m(0 0 15px 0);
		}
		h2{
			.block;
			.f(18px);
			.c(#176eaf);
			.fw(normal);
			.m(0 0 10px 0);
		}
		.notice{
			.f(14px);
			.c(#545455);
			.t_justify;
			margin-bottom: 25px;
			img{
				.block;
				.right;
				.m(0 0 10px 20px);
			}
		}
		.galeria{
			a{
				.block;
				.left;
				.m(0 23px 15px 0);
				&:hover{
					.transition(.4s, ease-out);
					opacity: .7;
				}
			}
			a:nth-child(4n+4){
				.m(0 0 15px 0);
			}
		}
	}
	.servicos{
		.ff2;
		padding-bottom: 35px;
		.text{
			.t_justify;
			.w(440px);
			.f(14px);
			.c(#545455);
			.lh(24px);
		}
		h2{
			.c(#0864a2);
			.f(18px);
			.fw(normal);
			.m(0 0 20px 0);
		}
		.box{
			.block;
			background: #fff;
			.p(25px);
			.f(14px);
			.c(#5d5e5f);
			.lh(24px);
			margin-bottom: 50px;
			img{
				.m(15px 0);
			}
			h3{
				.f(18px);
				.fw(normal);
			}
		}
	}
	.clientes{
		padding-bottom: 35px;
		.box{
			.relative;
			.wh(215px, 150px);
			background: #fff;
			.left;
			.m(0 28px 25px 0);
			&:hover{
				.transition(.4s, ease-out);
				opacity: .7;
			}
			img{
				.absolute;
				.l(50%);
				.t(50%);
			}
		}
		.box:nth-child(4n+4){
			.m(0 0 15px 0);
		}
	}
	.projetos{
		padding-bottom: 35px;
		.ff2;
		.box{
			.wh(310px, 220px);
			.m(0 0 10px 0);
			background: #fff;
			.hidden;
			&:hover{
				opacity: .7;
			}
			img{
				.wh(310px, 110px);
			}
			h1{
				.block;
				.f(14px);
				.c(#0864a2);
				.fw(normal);
				.m(18px 0 5px 0);
				.p(0 12px);
			}
			span{
				.h(50px);
				.t_justify;
				.block;
				.f(12px);
				.c(#797b7c);
				.p(0 12px);
				.hidden;
			}
		}
	}
	.projeto{
		.ff2;
		padding-bottom: 35px;
		h1{
			.block;
			.f(18px);
			.c(#555555);
			.fw(normal);
			.m(0 0 15px 0);
		}
		h2{
			.block;
			.f(18px);
			.c(#176eaf);
			.fw(normal);
			.m(0 0 10px 0);
		}
		.notice{
			.f(14px);
			.c(#545455);
			.t_justify;
			margin-bottom: 25px;
			img{
				.block;
				.right;
				.m(0 0 10px 20px);
			}
		}
		.galeria{
			a{
				.block;
				.left;
				.m(0 21px 15px 0);
				.transition(.4s, ease-out);
				&:hover{
					opacity: .7;
				}
			}
			a:nth-child(4n+4){
				.m(0 0 15px 0);
			}
		}
	}
	.faleconosco{
		padding-bottom: 35px;
		.relative;
		.grid_15{
			.c(#1d4a7d);
			.f(12px);
			.t_left;
			span{
				.block;
				.f(16px);
				.fw(normal);
			}
			form{
				.block;
				.m(15px 0 0 0);
				.ff2;
				.c(#c5c5c5);
				select{
					.left;
					.wh(242px, 47px);
					.m(0 10px 10px 0);
					background: #fff;
					border: none;
					.c(#bbbbbb);
					.f(14px);
				}
				input{
					.c(#bbbbbb);
					.f(14px);
					.m(0 0 10px 0);
					.left;
					.w(296px);
					.p(15px 15px);
					background: #fff;
					border: none;
				}
				input.small{
					.w(212px);
					.m(0 10px 10px 0);
				}
				textarea{
					.left;
					.wh(548px, 225px);
					.p(15px);
					background: #fff;
					border: none;
					.c(#bbbbbb);
					.f(14px);
					.m(0 0 10px);
				}
				button{
					.right;
					.c(#fff);
					.f(12px);
					background: #0763a1;
					.rounded-corners(6px);
					.p(12px 25px);
					.m(0 10px 0 0);
					border: none;
				}
				span.error{
					.left;
					.c(#8B8B8B);
				}
				span.sucess{
					.left;
					.c(#13882F);
				}
				.alerta{
					outline:1px solid #FF5A5A;
				}
			}
		}
		.grid_8{
			.c(#b7b5b0);
			.f(12px);
			.t_left;
			.lh(21px);
			span{
				.block;
				.m(45px 0 0 0);
				.f(16px);
				.c(#414143);
			}
			figure{
				.block;
				.m(15px 0 0 0);
			}
		}
	}
	.orcamento{
		.ff2;
		padding-bottom: 35px;
		.relative;
		.grid_15{
			.c(#1d4a7d);
			.f(12px);
			.t_left;
			span{
				.block;
				.f(16px);
				.fw(normal);
			}
			form{
				.block;
				.m(15px 0 0 0);
				.ff2;
				.c(#c5c5c5);
				select{
					.left;
					.wh(242px, 47px);
					.m(0 10px 10px 0);
					background: #fff;
					border: none;
					.c(#bbbbbb);
					.f(14px);
				}
				input{
					.c(#bbbbbb);
					.f(14px);
					.m(0 0 10px 0);
					.left;
					.w(296px);
					.p(15px 15px);
					background: #fff;
					border: none;
				}
				input.small{
					.w(212px);
					.m(0 10px 10px 0);
				}
				input[type=file]{
					.w(548px);
				}
				textarea{
					.left;
					.wh(548px, 225px);
					.p(15px);
					background: #fff;
					border: none;
					.c(#bbbbbb);
					.f(14px);
					.m(0 0 10px);
				}
				button{
					.right;
					.c(#fff);
					.f(12px);
					background: #0763a1;
					.rounded-corners(6px);
					.p(12px 25px);
					.m(0 10px 0 0);
					border: none;
				}
				span.error{
					.left;
					.c(#8B8B8B);
				}
				span.sucess{
					.left;
					.c(#13882F);
				}
				.alerta{
					outline:1px solid #FF5A5A;
				}
			}
		}
		.grid_8{
			.ff2;
			.box{
				background: #fff;
				.p(25px);
				.c(#535252);
				.f(12px);
				span{
					.block;
					.f(16px);
					.c(#414143);
					.m(0 0 25px 0);
				}
				font{
					.block;
					.f(14px);
					.m(0 0 10px 0);
				}
			}
		}
	}
}

footer#main{
	background: #fff;
	.h(230px);
	.relative;
	.footer{
		.relative;
		.grid_14{
			img{
				.left;
				.m(15px 0 0 0);
			}
		}
		form{
			display: inline-block;
			.left;
			.relative;
		}
		#msg-success{
			display: none;
			background: #1379C7;
			position: absolute;
			right: -230px;
			top: 8px;
			color: #FFF;
			padding: 8px 15px;
			border-radius: 5px;
			opacity: 0.9;
			font-size: 13px;
		}
		.error{
			background: #EC6A6A !important;
			right: -180px !important;
		}
		input[type="text"]{
			.w(224px);
			.p(10px 15px);
			border: 7px solid #eaeaea;
			.rounded-corners(5px);
			.f(12px);
			.c(#a5a5a5);
			.m(0 0 0 25px);
		}
		input[type="submit"]{
			.absolute;
			.rt(7px, 7px);
			.wh(42px, 37px);
			background: url(../img/bt-newsletter.png);
			border: none;
			-webkit-transition: all .15s ease-out;
			-moz-transition: all .15s ease-out;
			transition: all .15s ease-out;
			&:hover{
				opacity: 0.8;
				.rt(3px, 7px);
			}
		}
		.box{
			.t_center;
			.m(35px 0 0 0);
			.f(12px);
			.fw(normal);
			.c(#919191);
			a{
				.c(#919191);
				text-decoration: underline;
			}
		}
		h1{
			.f(16px);
			.fw(normal);
			.m(0 0 15px);
			img{
				.m(0 8px 0);
			}
		}
	}
}
footer{
	.footer2{
		.h(150px);
		.grid_12{
			margin-top: 26px;
			.f(12px);
			.c(#a2a2a2);
			.fw(600);
			img{
				.left;
				.m(0 12px 0 0);
			}
		}
		.copyright{
			margin-top: 26px;
			.f(12px);
			.c(#707070);
			img{
				.m(-3px 5px 0 0);
			}
		}
		.social{
			.m(28px 0 0);
			.right;
			a{
				.block;
				.left;
				.m(0 6px 0 0);
				.wh(28px, 26px);
				background-image: url(../img/social.png);
			}
			a.facebook{
				background-position: 0px 0px;
			}
			a.twitter{
				background-position: -33px 0px;
			}
			a.plus{
				background-position: -66px 0px;
			}
		}
		.raddar{
			margin-top: 60px;
		}
	}
}