html, body{
	background:#ffffff;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight:300;
	font-size:20px;
	letter-spacing:0;
	padding:0;
	margin:0;
	color:#262b2e;
	overflow-x:hidden;
	height: 100%
}
@media(min-width:992px) {
	
}
@media(max-width:991px) {
	body {
		margin-top:35px;
		position:relative;
	}
}
*{-webkit-font-smoothing:antialiased; box-sizing:border-box}
a, button, a:hover, button:hover {-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;transition:all ease-in-out .4s; text-decoration:none; cursor:pointer}
a:focus, button:focus, input:focus, a:active, button:active, input:active, textarea:focus {outline:none; box-shadow:none;}
a:focus, a:active {color:inherit;text-decoration:none;}

@media(min-width:992px) {
	
.banner_construcao {
	position:relative;
	z-index:1;
	background: url(../images/bg_construcao.jpg) center no-repeat;
	background-size: cover;
	width: 100%;
	height:100%;
}

.logo_ag{
	width:170px;
	position: relative;
	margin-top: 50px;
	margin-bottom: 70px
	
}
.banner_construcao h2{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative
}

.banner_construcao h2:before{
	content:"";
	width: 66px;
	height: 1px;
	background-color: #ef4845;
	display: block;
	margin-bottom: 24px
}

	#flag {
		position: absolute;
		top:0;
		left: 0;
		width: 60%;
		height: 100%;
	}

	/*Down-left pointing*/
	#flag:after {
		content: "";
		background-image: linear-gradient(to right top, #f4f4f4 0%, #f4f4f4 50%, transparent 0%);
		position: absolute;
		width: 70%;
		height: 100%;
	}
	#flag:before {
		content: "";
		background-image: linear-gradient(to right bottom, #f4f4f4 0%, #f4f4f4 50%, transparent 0%);
		position: absolute;
		width: 50%;
		height: 100%;
		right:0
	}

	#flag .flag_bg{
		background: #f4f4f4;
		height: 100%;
		width: 50%;
		position: absolute
	}
	.top{
		height:100%;
		position: relative;
		padding-left: 60px;
		padding-bottom: 50px
	}
	.contacto{
		font-size:24px;
		color:#101926;
		font-weight: 400;
		position: absolute;
		bottom: 50px
	}

	.contacto a{
		color:#ee4a44;
	}

	.contacto span{
		font-weight: 300;
	}

}
	.rodape_drt{
		color:#f4f4f4;
		text-transform: uppercase;
		font-size:24px;
		font-weight: bold;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
	}
	.rodape_drt:before{
		content:"";
		background: rgba(2,3,6,.58);
		height: 100%;
		width:100%;;
		position: absolute;z-index: -1
	}
	.rodape_drt ul{
		list-style: none;
		margin-left:0 ;
		padding-left: 0;
		width: 50%;
		float: right;
		margin-top:40px;
		margin-bottom:15px;
	}
	.rodape_drt ul li{
		display:inline-block;
		width: 49%;
		margin-bottom: 30px
	}


@media(max-width:991px) {
	.logo_ag{
		width:150px;
		position: relative;
		margin-top: 20px;
		margin-bottom: 40px

	}
	.banner_construcao h2{
		font-size: 25px;
		text-transform: uppercase;
		font-weight: bold;
		position: relative;
		margin-bottom: 50px
	}

	.banner_construcao h2:before{
		content:"";
		width: 56px;
		height: 1px;
		background-color: #ef4845;
		display: block;
		margin-bottom: 18px;
	}
	#flag {
		position: relative;
		width: 100%;
		background: #f4f4f4;
		
	}
	.top{
		position: relative;
		padding-left: 20px;
		padding-bottom: 20px
	}
	.contacto{
		font-size:20px;
		color:#101926;
		font-weight: 400;
		position: relative;
	}

	.contacto a{
		color:#ee4a44;
	}

	.contacto span{
		font-weight: 300;
	}
	.rodape_drt{
		color:#f4f4f4;
		text-transform: uppercase;
		font-size:20px;
		font-weight: bold;
		position: relative;
		right: 0;
		bottom: 0;
		width: 100%;
		background: url(../images/bg_construcao.jpg) right center no-repeat;
		background-size: cover;
		height: 450px;
	}
	.rodape_drt:before{
		content:"";
		background: rgba(2,3,6,.78);
		height: 100%;
		width:100%;
		position: absolute;z-index: 1
	}
	.rodape_drt ul{
		list-style: none;
		margin-left:0 ;
		padding-left: 0;
		width: 100%;
		margin-top:140px;
		margin-bottom:15px;
		text-align: center;
		position: relative;
		z-index: 99
	}
	.rodape_drt ul li{
		display:block;
		width: 100%;
		margin-bottom: 15px
	}
}

    
  


