@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/galeriasfotos.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 .portifolio h2{
	float:left;
	text-transform:uppercase;
	margin-left:0px;
	margin-bottom:16px;
	padding-bottom:8px;
	width:100%;
	font-family:OpenSansBold;
	font-size:32px;
	color:#676767;
	border-bottom:6px solid #8a2e2e;
    letter-spacing: -1px;
	margin-top: 40px;
	text-align:left;
}
.obras .portifolio h3{
	float:left;
	text-transform:uppercase;
	margin-left:0px;
	margin-bottom:32px;
	padding-bottom:8px;
	width:100%;
	font-family:OpenSansBold;
	font-size:22px;
	color:#676767;
    letter-spacing: 0.6px;
	margin-top: 10px;
	text-align:left;
	font-weight:200;
}
.obras .portifolio{width:1018px; margin:0 auto; padding:25px 0 0 0px; min-height:900px; text-align:center;}
.obras .portifolio .item{margin-bottom:20px; float:left; width:32%; height:245px; margin-right:17px; border:1px solid #e5e5e5; overflow: hidden;}
.obras .portifolio .item.last{margin-right:0px;}
.obras .portifolio .item_4,
.obras .portifolio .item_5{margin-bottom:60px; float:left; margin-right:17px; border:1px solid #e5e5e5;}
.obras .portifolio .item_4{margin-left:173px;}
.obras .portifolio .last{margin-right:0px;}
.obras .portifolio .item .capa{height:245px; overflow: hidden;}
.obras .portifolio .item .capa img{width:100%; max-height:245px;}
.obras .portifolio .item p{color: #000;
    font-family: OpenSansBold;
    font-size: 14px;
    line-height: 15px;
    padding: 0 47px;
    text-transform: uppercase;}

.obras .portifolio div.img{ width:100%;}
.obras .portifolio div.img img{ width:100%; display:block;}
.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;}

.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%;
}

}