@font-face {
    font-family: 'OpenSansBold';
    src: url('../fontes/OpenSans-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fontes/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

body{
	/*background-image:url('../temp/obras.jpg');
	background-position:50% 0;
	background-repeat:no-repeat;*/
	
	padding:0;
	margin:0 auto;
	overflow-x: hidden;
}
p{font-family:OpenSansRegular; font-size:16px; color:#676767;}
.obras{ width:100%; float:left;}
.obras .nossas-obras{background-color:#292828;}
.obras .text{width:1025px; margin:0 auto; padding:0px;}
.obras .text h2{
	float:left;
	text-transform:uppercase;
	margin-left:0px;
	margin-bottom:20px;
	padding-bottom:8px;
	width:100%;
	font-family:OpenSansBold;
	font-size:32px;
	color:#676767;
	border-bottom:6px solid #8a2e2e;
    letter-spacing: -0.6px;
	margin-top: 40px;
}
.obras .text h3{float:left; margin-top:8px; text-transform:uppercase; margin-left:0px; margin-bottom:9px; padding-bottom:8px; width:100%; font-family:OpenSansRegular; font-size:16px; color:#676767;}
.obras .text p{text-align:justify; margin: 20px 0 9px 0; width:100%; font-family:OpenSansRegular; font-size:16px; color:#676767; line-height: 19px;}
.obras .text .first-p{}
.obras .text .list{margin-bottom:3px!important;letter-spacing: 0.43px;}
.obras .text .last-p{margin-top: 16px;}
.obras .text ul{ padding-left:46px; margin: 0 0 7px}
.obras .text ul li{font-family:OpenSansRegular; font-size:16px; color:#676767; line-height: 19.5px;}


.obras .portifolio{width:1025px; margin:0 auto; padding:0px; min-height:900px;}
.obras .portifolio .item{margin-bottom:20px; float:left; width:19%; height:320px; margin-right:7px; border:1px solid #e5e5e5;}
.obras .portifolio .last{margin-right:0px;}

.obras .portifolio div.img{ width:100%; }
.obras .portifolio div.img img{ width:100%; display:block; max-height: 290px; height: 290px;}
.obras .portifolio div.title{font-family:OpenSansRegular; font-size:14px; color:#464646; float:left; width:100%; line-height:30px; padding:0 0 0 14px; letter-spacing:0.2px;}

.banner {
    float: left;
    height: auto;
    margin-top: 68px;
    width: 100%;
    z-index: -1;
	padding:56px 0;
	background-image:url(../images/bkg-banner.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
.banner .owl-carousel{}
.banner .owl-theme .owl-controls {margin-top:-31px;}
.banner .owl-buttons{display:none;}
.banner #owl-demo .item img {max-height: 331px;}

.banner .owl-theme .owl-controls {margin-top: -27px!important; text-align: center; z-index:1; position:absolute; width:100%;}
.owl-theme .owl-controls .owl-page span {background:#8a2e2e!important;}
.owl-theme .owl-controls .active span {background:#292828!important;}


.footer {
    margin-top: 0px!important;
}

.loading {
	background:#c1c39a;
	color:#303030;
	font-size:20px;
	padding:5px 10px;
	text-align:center;
	width:450px;
	margin:0px auto;
	display:none;
	border-radius: 5px;
}


@media screen and (max-width: 768px) {
	.header{
		display: block;
		float: left;
		margin-top: 0;
		position: relative;
		width: 100%;
	}
	header{display:block;}
	.header .nav{display:none;}
	#pop {
		background-color: #fff;
		border: 1px solid #d0d0d0;
		border-radius: 162px;
		height: 150px;
		margin-left: -150px;
		margin-top: -100px;
		padding: 10px;
		position: absolute;
		right: 10%;
		text-align: center;
		top: 73%;
		width: 150px;
	}
	.itec {
		left: 50%;
		margin: -2% auto 0 28%;
		max-width: 40%;
	}
	#pop a{
		color: #676767;
		float: left;
		font-family: OpenSansRegular;
		font-size: 9px;
		height: 9px;
		line-height: 11px;
		text-decoration: none;
	}
	.footer .f-group p,
	.footer .f-bottom .cop .txt p{
		font-size:9px;
	}
	.footer .f-bottom .cop {
		margin: 0 auto;
		width: 100%;
	}
	
	.nav2{display:block;}
	.nav2 .logo{
		width:50%;
		float:left;
	}
	.nav2 .logo img{max-height:59px;}
	
	.nav2 .menu {
		float:right;
		width:50%;
	}
	.nav2 .menu ul{
		float: right;
		margin-top: 0;
		padding: 46px 20px 20px;
		z-index: 999;
		display:none;
		background-color:#292828;
	}


	.nav2 .menu ul li{
		list-style:none;
		text-align:right;
		
	}
		.nav2 .menu p:hover + ul {
		display:block
	}
		.nav2 .menu ul li a{
		color:#fff;
		font-family: OpenSansRegular;
		text-decoration:none;
	}
	.nav2 .menu ul li.first{margin-top:0px;}
	
	.nav2 .icon {
		float: right;
		position: absolute;
		right: 13px;
		text-align: right;
		top: -4px;
		width: 100%;
	}
	.obras .portifolio {max-width:100%; padding-left:8px; padding-right:8px;}
	.obras .portifolio h2{font-size:22px;}
	.obras .portifolio h3{font-size:16px;}
	.obras .portifolio p{font-size:12px;}
	.obras .portifolio ul{padding-left:8px; padding-right:8px;}
	.obras .portifolio ul li{font-size:12px;}
	
	.obras .portifolio .item {
    border: 1px solid #e5e5e5;
    float: left;
    height: 245px;
    margin-bottom: 5px;
    margin-right: 17px;
    max-height: 245px;
    overflow: hidden;
    width: 100%;
}

}