@charset "utf-8";
/* CSS Document */
/*#################################################################################################### 
/ Includes
/###################################################################################################*/
@import url('css/1160.css');
@import url('css/reset.css');
@import url('font-face/stylesheet.css');
/*#################################################################################################### 
/ General Styles
/###################################################################################################*/
body {
	margin: 0;
	padding: 0;	
	background: #fff;
}
.alignleft {
	display:block;
	float:left;
	margin: 0 10px 10px 0;
}
.alignright {
	display:block;
	float:right;
	margin: 0 0 10px 10px;
}
.aligncenter {
	display:block;
	margin-left: auto;
	margin-right: auto;
}
.alignabsolute {
	position:absolute;
}
/*#################################################################################################### 
/ Popup
/###################################################################################################*/
#popup {
	display: block;
	position: absolute;
    z-index:10000;
	top: 0;
	left: 0;
    width:100%;
	height: 100%;
}
#popup_content {
	display: block;
	position: absolute;
    z-index:200;
	top: 24%;
	left: 50%;
    width:640px;
	height: 392px;
	margin-left: -286px;
	background: #FFFFFF;
}
#popup a.bt {
	float:right;
	width: 30px;
	height: 30px;
	background: url(images/close.jpg);
}
/*#################################################################################################### 
/ Header
/###################################################################################################*/
#home {
	position: fixed;
	z-index: 1000000;
    width:100%;
	height: 167px;
	background: url(images/bg-nav.png) top center no-repeat;
}
/* logo
----------------------------------------------------------------------------------------------------*/
#home .logo {
	height: 161px;
}
/* logofixo
----------------------------------------------------------------------------------------------------*/
#home .logofixo {
	display:none;
	margin-top: 83px;
	width: 160px;
	height: 75px;
}
/* redes sociais
----------------------------------------------------------------------------------------------------*/
#home .social {
	position: relative;
	overflow:hidden;
    width:100%;
	height: 42px;
	margin-top: 40px;
}
#home .social ul {
	float:right;
}
#home .social ul li {
	float: left;
	list-style: none;
	padding: 0 0 0 0;
}
#home .social ul li .facebook {
	border-right: thin solid #fff;
	width: 42px;
	height: 42px;
	float:left;
	cursor: pointer;
	background:url(images/icon-facebook.png)  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
#home .social ul li .facebook:hover {
	background:url(images/icon-facebook.png) 0 -42px  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
#home .social ul li .twitter {
	border-right: thin solid #fff;
	width: 42px;
	height: 42px;
	float:left;
	cursor: pointer;
	background:url(images/icon-twitter.png)  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
#home .social ul li .twitter:hover {
	background:url(images/icon-twitter.png) 0 -42px  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
#home .social ul li .google {
	width: 42px;
	height: 42px;
	float:left;
	cursor: pointer;
	background:url(images/icon-google.png)  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
#home .social ul li .google:hover {
	background:url(images/icon-google.png) 0 -42px  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
/* menu
----------------------------------------------------------------------------------------------------*/
#home .menu ul {
	width: 100%;
}
#home .menu {
	float: right;
	margin-top: 35px;
	display: block;
	height: 32px;
}
#home .menu ul li {
	list-style: none;
	float:left;
	color: #a4aead;
	font-family:"OpenSansSemibold";  
	font-size: 14px;
	font-weight: 100;
	text-transform:uppercase;
	cursor: pointer;
}
#home .menu  ul li a { 
	text-decoration: none;
	color: #a4aead;
	margin: 0 0 0 5px;
	padding: 5px 10px;
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#home .menu ul li a:hover {
	color: #23b7a4;
	padding: 5px 10px;
	border: 2px solid #23b7a4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#home .menu ul li a.active {
	color: #23b7a4;
	padding: 5px 10px;
	border: 2px solid #23b7a4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*#################################################################################################### 
/ Slider
/###################################################################################################*/
#slider {
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	min-width: 1160px;
    width:100%;
	padding-top: 158px;
    height: 580px;
	background: #fff;
}
#slider .slideshow {
	position: relative;
	left: 50%;
	margin: 0 0 0 -960px;
	width: 1920px;
}
.description h2 {
	margin: 200px 0 0 0;
	width: 940px;
	font-family: "OpenSansRegular";
	font-size: 35px;
	font-weight: 100;
	color: #006992;
	text-align:left;
	text-transform: uppercase;
	line-height: 40px;
	letter-spacing: -1px;
}
.description p {
	margin: 10px 0 40px 0;
	width: 940px;
	font-family: "OpenSansRegular";
	font-size: 16px;
	color: #000;
	text-align:left;
	text-transform: none;
	line-height: 26px;
	letter-spacing: 0;
}
.description a.bt_veja { 
	font-family: "OpenSansRegular";
	font-size: 14px;
	color: #fff;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	background: #069c6a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.description span {
	color: #fff !important;
}
/*#################################################################################################### 
/ Institucional
/###################################################################################################*/
#institucional {
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	min-width: 1160px;
	width: 100%;
	height: auto;
	padding: 100px 0 140px 0;
	background: url(images/bg-institucional.png) repeat-x #f7f7f7;
}
#institucional .title h2 {
    font-family:"OpenSansRegular";  
	font-size: 31px;
	color: #292f36;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 30px 0 0 20px;
	margin: 0 0 50px 10px;
	border-left: 15px solid #e1e6ea;
}
#institucional .grid_3 img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#institucional .grid_3 h3 {
    font-family:"OpenSansRegular";  
	font-size: 22px;
	color: #292f36;
	font-weight: 100;
	text-align:center;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 10px 0 20px 0;
}
#institucional .grid_3 p {
    font-family:"OpenSansRegular";  
	font-size: 16px;
	color: #727376;
	font-weight: 100;
	text-align:center;
	line-height: 25px;
	padding: 0 0 20px 0;
}
/*#################################################################################################### 
/ Area de atuação
/###################################################################################################*/
#atuacao {
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	min-width: 1160px;
	width: 100%;
	height: auto;
	float:left;
	padding: 100px 0 140px 0;
	background: url(images/bg-atuacao.png) repeat-x #3a454d;
}
#atuacao .title h2 {
    font-family:"OpenSansRegular";  
	font-size: 30px;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 30px 0 0 20px;
	margin: 0 0 50px 10px;
	border-left: 15px solid #4e5a62;
}
#atuacao .grid_4 h3 {
    font-family:"OpenSansRegular";  
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align:left;
	text-transform: uppercase;
	padding: 50px 0 25px 0;
}
#atuacao .grid_4 .content p {
    font-family:"OpenSansRegular";  
	font-size: 16px;
	color: #dcdfe1;
	font-weight: 100;
	text-align: left;
	line-height: 25px;
	padding: 0 0 20px 0;
	min-height: 136px;
}
#atuacao .grid_4 ul li {
    font-family:"OpenSansRegular";  
	font-size: 16px;
	color: #dcdfe1;
	font-weight: 100;
	text-align: left;
	line-height: 25px;
	list-style: disc outside;
	margin-left: 20px;
}
#atuacao .grid_4 a.bt_leiamais {
	display: table;
	margin-top: 20px;
	font-family: "OpenSansRegular";
	font-size: 14px;
	color: #fff;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px 10px;
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
#atuacao a.bt_fechar {
	width: 97px;
	height: 29px;
	background: url(images/bt-fechar.png) no-repeat;
	display: block;
    margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	top: 140px;
}

/*#################################################################################################### 
/ Temporário
/###################################################################################################*/

#atuacao .grid_12 .content h3 {
    font-family:"OpenSansRegular";  
	font-size: 18px;
	color: #fff;
	font-weight: 100;
	text-align:left;
	text-transform: uppercase;
	padding: 0 0 25px 0;
}
#atuacao .grid_12 .content p {
    font-family:"OpenSansRegular";  
	font-size: 16px;
	color: #dcdfe1;
	font-weight: 100;
	text-align: left;
	line-height: 25px;
	padding: 0 0 0 0;
	min-height: 136px;
}
#atuacao .grid_12 ul {
	margin-left: 30px;
	display:block;
	overflow:hidden;
}
#atuacao .grid_12 ul li {
    font-family:"OpenSansRegular";  
	font-size: 16px;
	color: #dcdfe1;
	font-weight: 100;
	text-align: left;
	line-height: 25px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 10px;
	border: thin solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#atuacao .grid_12 img {
	float:left;
	margin: 0 25px 100px 0;
}
/*#################################################################################################### 
/ mercado livre
/###################################################################################################*/
#mercado {
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	min-width: 1160px;
	width: 100%;
	height: auto;
	float:left;
	padding: 100px 0 0 0;
	background: url(images/bg-institucional.png) repeat-x #f7f7f7;
}
#mercado .title h2 {
    font-family:"OpenSansRegular";  
	font-size: 31px;
	color: #292f36;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 30px 0 0 20px;
	margin: 0 0 50px 10px;
	border-left: 15px solid #e1e6ea;
}
#mercado .grid_5 p {
    font-family:"OpenSansRegular";  
	font-size: 16px;
	color: #727376;
	font-weight: 100;
	text-align: left;
	line-height: 25px;
	padding: 0 70px 20px 0;
}
#mercado .grid_7 h2 {
    font-family:"OpenSansRegular";  
	font-size: 18px;
	color: #292f36;
	font-weight: 100;
	text-align:left;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 0 0 30px 0;
}
#mercado .grid_7 ul {
	margin-bottom: 40px;
}
#mercado .grid_7 ul li {
    font-family:"OpenSansRegular";  
	font-size: 18px;
	color: #292f36;
	font-weight: 100;
	text-align:left;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 0 0 40px 0;
}
#mercado .grid_7 ul li p {
	padding: 14px 0 0 0;
}
#mercado .grid_7 ul li span {
    font-family:"OpenSansRegular";  
	font-size: 20px;
	color: #fff;
	font-weight: 100;
	text-align:left;
	background: #069c6a;
	padding: 14px 15px;
	margin-right: 20px;
	float:left;
}
#mercado .grid_7 a.bt_leiamais_2 {
	float:right;
	font-family: "OpenSansRegular";
	font-size: 14px;
	color: #069c6a;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 10px;
	margin-right: 95px;
	margin-bottom: 40px;
	border: 2px solid #069c6a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
/*#################################################################################################### 
/ mercado livre 2
/###################################################################################################*/
#mercado2 {
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	min-width: 1160px;
	width: 100%;
	height: auto;
	float:left;
	padding: 0 0 19px 0;
	background: url(images/bg-mercado2.png) repeat-x #f7f7f7;
}
#mercado2 .title h2 {
    font-family:"OpenSansBold";  
	font-size: 20px;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
	padding: 22px 0 80px 10px;
	margin: 0;
	border: none;
	letter-spacing: 0;
}
#mercado2 .resume {
	float:left;
	width: 305px;
	height: 573px;
	margin-left: 10px;
	padding: 0 50px 0 0;
	margin-bottom: 40px;
}
#mercado2 .resume h2 {
    font-family:"OpenSansBold";  
	font-size: 16px;
	color: #009b69;
	font-weight: 100;
	text-align:left;
	padding: 0 0 20px 0;
}
#mercado2 .resume p {
    font-family:"OpenSansRegular";  
	font-size: 16px;
	color: #727376;
	font-weight: 100;
	text-align: left;
	line-height: 25px;
}
#mercado2 .figure {
	float:right;
	width: 795px;
	height: 573px;
	margin-bottom: 40px;
}
#mercado2 .obs {
	float:right;
	width: 730px;
	height: 150px;
	padding: 5px 30px;
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#mercado2 .obs h3 {
    font-family:"OpenSansBold";  
	font-size: 17px;
	color: #fff;
	font-weight: 100;
	text-align:left;
	padding: 20px 0 25px 0;
}
#mercado2 .obs ul li {
    font-family:"OpenSansRegular";  
	font-size: 16px;
	color: #fff;
	font-weight: 100;
	text-align:left;
	padding: 0 0 20px 20px;
	list-style: disc outside;
	margin-left: 20px;
}
#mercado2 .obs ul {
	float:left;
	margin-right: 16px;
}
#mercado2 a.bt_fechar {
	width: 97px;
	height: 29px;
	background: url(images/bt-fechar.png) no-repeat;
	display: block;
    margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	top: 20px;
}
/*#################################################################################################### 
/ Projetos
/###################################################################################################*/
#projetos {
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	min-width: 1160px;
	width: 100%;
	height: auto;
	float:left;
	padding: 100px 0 100px 0;
	background: url(images/bg-atuacao.png) repeat-x #3a454d;
}
#projetos .title h2 {
    font-family:"OpenSansRegular";  
	font-size: 30px;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 30px 0 0 20px;
	margin: 0 0 50px 10px;
	border-left: 15px solid #4e5a62;
}
#projetos .grid_4 p {
    font-family:"OpenSansRegular";  
	font-size: 16px;
	color: #dcdfe1;
	font-weight: 100;
	text-align: left;
	line-height: 25px;
	padding: 0 0 20px 0;
}
#projetos .grid_4 a.bt_vejamais { 
	font-family: "OpenSansRegular";
	font-size: 14px;
	color: #fff;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 13px 40px;
	display: inline-block;
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
/*#################################################################################################### 
/ Projetos 2
/###################################################################################################*/
#projetos2 .grid_8 h2 {
    font-family:"OpenSansBold";  
	font-size: 19px;
	color: #95b935;
	font-weight: 100;
	text-align:left;
	line-height: 26px;
	padding: 70px 342px 5px 0;
}
#projetos2 .grid_8 p {
    font-family:"OpenSansRegular";  
	font-size: 17px;
	color: #dcdfe1;
	font-weight: 100;
	text-align: left;
	line-height: 23px;
	padding: 0 155px 15px 0;
}
#projetos2 .grid_8 ul li {
    font-family:"OpenSansRegular";  
	font-size: 17px;
	color: #dcdfe1;
	font-weight: 100;
	text-align: left;
	line-height: 23px;
	padding: 20px;
	list-style: disc inside;
	margin-bottom: 15px;
	border: 1px solid #95b935;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#projetos2 .grid_4 h2 {
    font-family:"OpenSansBold";  
	font-size: 19px;
	color: #95b935;
	font-weight: 100;
	text-align:left;
	line-height: 26px;
	padding: 205px 0 5px 10px;
}
#projetos2 .grid_4 p {
	padding: 0 60px 15px 0;
}
#projetos2 a.bt_fechar {
	width: 97px;
	height: 29px;
	background: url(images/bt-fechar.png) no-repeat;
	display: block;
    margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	top: 100px;
}
/*#################################################################################################### 
/ contato
/###################################################################################################*/
#contato {
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	min-width: 1160px;
	width: 100%;
	height: auto;
	float:left;
	padding: 100px 0 150px 0;
	background: url(images/bg-institucional.png) repeat-x #f7f7f7;
}
#contato .title h2 {
    font-family:"OpenSansRegular";  
	font-size: 31px;
	color: #292f36;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 30px 0 0 20px;
	margin: 0 0 50px 10px;
	border-left: 15px solid #e1e6ea;
}
#contato .grid_6 .content {
	margin-top: 40px;
}
#contato .grid_6 .content img {
	float:left;
}
#contato .grid_6 .address {
	float:right;
	height: 110px;
	border-left: thin solid #b5b5b5;
	padding: 0 70px 0 20px;	
}
#contato .grid_6 .address h1 {
    font-family:"OpenSansBold";  
	font-size: 15px;
	color: #069c6a;
	font-weight: 100;
	padding: 0 0 20px 0;
}
#contato .grid_6 .address p {
    font-family:"OpenSansRegular";  
	font-size: 14px;
	color: #8d8f92;
	font-weight: 100;
	padding: 0 0 17px 0;
}
#contato .grid_6 .address p span{
	color: #069c6a;
    font-family:"OpenSansBold";  
}
#contato .wpcf7-form {
	position:absolute;
	z-index: 100;
	background: #FFF;
	width: 515px;
	padding: 20px;
	margin: 200px 0 0 588px;
}
#contato .wpcf7-form table {
	margin: 0 10px;
}
#contato .wpcf7-form p {
	font-family: "OpenSansRegular";
	color: #8d8f92;
	font-size: 14px;
	font-weight: 100;
	text-transform: uppercase;
	margin: 10px 20px 0 0;
}
#contato .wpcf7-form p input {
	float:left;	
	width: 220px;
	height: 40px;
	color: #999999;
	font-family: "OpenSansBold";
	font-size: 14px;
	font-weight: 100;
	padding: 0 0 0 15px;
	background: #eaeef1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
}
#contato .wpcf7-form p textarea {
	float:left;	
	width: 475px;
	height: 160px;
	color: #999999;
	font-family: "OpenSansBold";
	font-size: 14px;
	font-weight: 100;
	padding: 15px 0 0 15px;
	background: #eaeef1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
}
#contato .wpcf7-form input.wpcf7-submit {
	cursor: pointer;
	width: 150px;
	height: 40px;
	color: #fff;
	font-family: "OpenSansRegular";
	font-size: 20px;
	font-weight: 100;
	text-align: center;
	font-style: normal;
	text-transform: uppercase;
	display: block;
	padding: 0;
	margin-top: 20px;
	background: #069c6a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
}
/*#################################################################################################### 
/ Footer
/###################################################################################################*/
footer {
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	min-width: 1160px;
	width: 100%;
	height: 70px;
	background: #3a454d;
	padding-top: 25px;
}
footer .by {
	float:left;
}
footer h3 {
    font-family:"OpenSansRegular";  
	font-size: 14px;
	font-weight:100;
	color: #fff;
	text-align: left;
	padding: 15px 10px 0 0;
	float:left;
}
/* redes sociais
----------------------------------------------------------------------------------------------------*/
footer .social {
	float:right;
	height: 42px;
	margin-top: 5px;
}
footer .social ul {
	float:right;
}
footer .social ul li {
	float: left;
	list-style: none;
	padding: 0 0 0 0;
}
footer .social ul li .facebook {
	border-right: thin solid #3a454d;
	width: 42px;
	height: 42px;
	float:left;
	cursor: pointer;
	background:url(images/icon-facebook.png)  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
footer .social ul li .facebook:hover {
	background:url(images/icon-facebook.png) 0 -42px  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
footer .social ul li .twitter {
	border-right: thin solid #3a454d;
	width: 42px;
	height: 42px;
	float:left;
	cursor: pointer;
	background:url(images/icon-twitter.png)  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
footer .social ul li .twitter:hover {
	background:url(images/icon-twitter.png) 0 -42px  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
footer .social ul li .google {
	width: 42px;
	height: 42px;
	float:left;
	cursor: pointer;
	background:url(images/icon-google.png)  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
footer .social ul li .google:hover {
	background:url(images/icon-google.png) 0 -42px  no-repeat;
	-webkit-transition: background 0.3s ease-out;
}
/*#################################################################################################### 
/ Page
/###################################################################################################*/
#page {
	position: relative;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	min-width: 1160px;
	width: 100%;
	height: auto;
	padding: 210px 0 40px 0;
	background: #f7f7f7;
}
#page .grid_12 {
	margin: 0;
}
#page ul {
	width: 100%;
	border: thin solid #c2c2c2;
	padding: 35px 0;
	margin-bottom: 30px;
}
#page ul li {
	margin-bottom: 15px;
}
#page ul li h3 {
    font-family:"OpenSansBold";  
	font-size: 26px;
	color: #006992;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align: center;
	padding-bottom: 50px;
}
#page ul li p {
    font-family:"OpenSansRegular";  
	font-size: 26px;
	color: #17a49a;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align: center;
}
#page ul li p strong {
    font-family:"OpenSansBold";  	
}
#page ul li p a {
	color: #17a49a;
	text-decoration:none;
}