@import url(https://fonts.googleapis.com/css?family=Roboto);

body {
	background: #1E1E1E;
	padding: 0px;
	margin: 0px;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;

}

h3 {
	font-family: 'Roboto:400', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-rendering: optimizelegibility;
}

h1 {
	font-family: 'Roboto:400', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 25px;
	text-rendering: optimizelegibility;
}


* {
	font-family: 'Roboto:400', sans-serif;
	font-size: 15px;
	color: #FFF;
}
a {
	font-family: 'Roboto:700', sans-serif;
	color: #999;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.25s;
}
a:hover {
	color: #DEDB00;
	text-decoration: underline;
}
header {
	overflow: hidden;
	width: 100%;
	max-width: auto;
	height: 100%; 
	max-height: 980px;

}

.menu {
    background-color: #000; 
    position:absolute;
    width:100%;
}
.fixed {
    position:fixed;
    top:0;
}

#logotipo {
	 max-width: 163px;
	 max-height: 40px;
	 border: 0px;
	 padding-top: 15px;


}


#navegar ul {
	list-style: none;
	padding top: 0px;
	margin: 0px;
	float: right;
}
#navegar ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 10px;
	margin-top: 12px;
}
#navegar li a {
	font-family: 'Roboto:700', sans-serif;
	
	text-transform: uppercase;
	transition: all 0.8s;
}
#navegar li a:hover {
	color: #DEDB00;
	opacity: 70%;
	text-decoration: none;
}

#navegar {
	width: 100%;
	height: 100%;
	max-height: 50px;
	background: #000;
	margin-right: auto;
	margin-left: auto;
}

#centrado {
	width: 100%;
	max-width: 950px;
	height: 100%;
	max-height: 43px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}

/*FIM INDEX*/

.texto {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 350px;
	text-align: center;
	letter-spacing: 1px;
	line-height: 25px;
	text-transform: uppercase;
	font-size: 15px;
	width: 100%;
	max-width:700px;
}

#conteudo {
	height: 100%;
	width: 100%;
	max-width:1125px;
	margin: 0 auto 0 auto;
}
#quemsomos span {
	display: block;
	max-width: 700px;
	margin: 0 auto 0 auto;
	text-align: center;
}
#quemsomos {
	min-height:829px;
	height: 100%;
	padding-top: 106px;
	}

/*FIM QUEM SOMOS*/



#tabs {
	border-top: #FFF 1px solid;
	text-align: center;
	max-width: 998px;
	width: 100%;
	margin: 0 auto 0 auto;
	margin-top: 15px;
}
#tabs ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#tabs ul li {
	display: inline-block;
	vertical-align: top;
	border-left: #FFF 1px solid;
	border-right: #FFF 1px solid;
	padding: 4px 35px 4px 35px;
	margin: 0 0 0 -5px;
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
}

#bpaineis {
	position: block;
	padding: 7px;
	margin-top: 40px;
	margin-left: 63px;
	max-width: 980px;
	width: 100%;
	height: 500px;
	text-align: left;
	border: #FFF 1px solid;
	float: left;
	overflow: hidden;
}

#tpaineis {
	position: block;
	padding: 7px;
	
	
	max-width: 980px;
	width: 100%;
	height: 500px;
	text-align: left;
	border: #FFF 1px solid;
	float: left;
	overflow: hidden;
}

#cpaineis {
	position: block;
	margin-top: 40px;
	margin-left: 62px;
	max-width: 985px;
	width: 100%;
	height: 516px;
	float: left;
	
	
}

#apaineis {
	position: block;
	margin-top: 40px;
	margin-left: 62px;
	max-width: 1119px;
	width: 100%;
	height: 600px;
	
	
	
}

#tpaineis span {
	position: absolute;
	max-width:980px;
	width: 100%;
	height: 100%;
	max-height: 500px;
	margin-left: 0px;
	text-align: left;
	left: auto;
	margin: 0px;
	
	transition: all 0.5s;
}
/*
#tpaineis {
	
	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1116px;
	height: 550px;
	max-height: 100%;
	width: 100%;
	text-align: left;


}
#tpaineis span {
	position: absolute;
	width: 100%;
	height: 100%;
	max-width: 1008px;
	max-height: 500px;
	margin-left: 0px;
	text-align: left;
	left: auto;
	margin: 0px;
	opacity: 0;
	transition: all 0.5s;

}
*/




#projetos {
	width: 100%;
	max-width:1125px;
}

.next {
	display: block;
	width: 100%;
	max-width: 15px;
	margin: 180px auto 0 auto;
}

#nextmargem {
	display: block;
	height: 100%;
	width: 100%;
	max-width: 15px;
	margin: 10px auto 0 auto;
}



.pretitulo {
	font-family: 'Roboto:700', sans-serif;
	font-size: 16px;
	color: #DEDB00;
	padding: 20px 0 0 0;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	text-align: center;
	background: url(../img/bsubt.jpg) no-repeat top center;
}

.titulo {
	font-family: 'Roboto:700', sans-serif;
	font-size: 24px;
	color: #FFF;
	margin: 0 0 50px 0;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}




.seccao {
	margin-right: auto;
	margin-left: auto;
	min-height:829px;
	height: 100%;
	max-width: auto;
	width: 100%;
	padding-top: 106px;
	margin-top: 150px;
}

.primeiragallery {
	width: 100%;
	height: 100%;
	max-height: 900px;
	max-width: 1920px;
	max-height: 900px;
	overflow: hidden;
	}

.mySlides {display:none;}

.item
{
	margin: 0px;
}

.gallery {
	
	width: 100%;
	max-width: 500px;
	height: 100%;
	max-height: 500px;
	overflow: hidden;
	float: left;
}


.prj1 {
	width: 100%;
	max-width: 390px;
	height: 100%;
	max-height: 400px;	
	padding-top: 100px;
	margin-left: 25px;
	float: left;
}

#fechar {
	width: 100%;
	max-width:23px;
	height: 100%;
	max-height: 400px;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
		cursor:pointer;
}

#urbfechar {
	width: 100%;
	max-width:23px;
	height: 100%;
	max-height: 400px;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
		cursor:pointer;
}

#intfechar {
	width: 100%;
	max-width:23px;
	height: 100%;
	max-height: 400px;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
		cursor:pointer;
}


#margemmapa {

	width: 100%;
	max-width: 1124px;
	height: 100%;
	max-height: 500px;
	
	position:relative;
	margin-left:auto;
	margin-right:auto;

}


.upborder {
	position:absolute;
	border:1px solid #fff;
	top:10px;
	left:10px;
	height: 100%;
	width: 100%;
	max-height:480px;
	max-width:989px;
}

.setaesq {
	float: left;
	margin-right: -1px;
	z-index: 99999;	
	margin-top: 235px;
	width: 100%;
    max-width: 60px;
    height: 100%;
    max-height: 60px;
    border: 1px solid #FFFFFF;
    cursor:pointer;
}

.setaesq img {
	padding: 9px;
}
.setadir img {
	padding: 9px;
}

.setadir {
	float: right;
	z-index: 99999;	
	margin-top: 235px;
	width: 100%;
    max-width: 60px;
    height: 100%;
    max-height: 60px;
    border: 1px solid #FFFFFF;
    cursor:pointer;
}



/*
.setas {
	margin-top: 235px;
    width: 100%;
    max-width: 60px;
    height: 100%;
    max-height: 60px;
    border: 1px solid #FFFFFF;
    z-index: 99999;
}
*/







.thumb {
	height: 100%;
	width: 100%;
	max-width: 125px;
	max-height: 125px;
	border: 1px solid #FFFFFF;
	margin-top: 27px;
	margin-left: 27px;
	margin-right: 5px;
	cursor: hand;

}



/*FIM PROJETOS*/

#avaliacao {

}

#servicos {

	margin-top: 150px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	width: 100%;
	max-width: 1124px;
	max-height: 550px;
	text-align: left;

}

.servicos {
	height: 100%;
	width: 100%;
	max-width: 250px;
	max-height: 250px;
	
	float: left;
	margin-right: 14px;
	margin-left: 14px; 
	text-align: left;
}

.servicos h3 {
	color: #DEDB00;
	font-size: 18px;
	letter-spacing: 1px;
}

.servicos p {
	
	line-height: 22px;
	text-transform: none;
}

.servicos img {
	border: 3px solid #FFFFFF;
}




#mainserv {
	margin-top: 120px;
	height: 650px;
	}


/*FIM SERVICOS*/


#conteudo_contact {
	width: 100%;
	max-width: 1124px;
	height: 100%;
	max-height: 200px;

}

#contactos {

	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1124px;
	max-height: 550px;
	height: 100%;
	width: 100%;
	text-align: left;
}

#map {
	    height: 100%;
	    width: 100%;
        max-height:500px;
        max-width:1124px;
        margin-top:75px;
        margin-right: auto;
        margin-left: auto;
  
}

#map iframe {
	max-height: 450px;
}
 

 .upborderdois {
	
	float: right;
	height:100%;
	width:100%;
	outline: 1px solid #FFFFFF;
    outline-offset: -8px;
}

#etzgeral {
	height:100%;
	width:100%;
	max-height: 250px;
	max-width: 473px;
	margin-top: 35px;
	margin-left: 40px;
	float: left;

}
#evorageral {
	height:100%;
	width:100%;
	max-height: 250px;
	max-width: 473px;
	margin-top: 35px;
	margin-right: 40px;
	float: right;

}


.ETZ {
	
	width: 100%;
	max-width: 350px;
	height: 100%;
	max-height: 215px;
	outline: 1px solid #FFFFFF;
	   margin-left: 1px;
	float: left;
	cursor: hand;
	

}
.etmz {
	width: 100%;
	max-width: 110px;
	height: 100%;
	max-height: 110px;
	outline: 1px solid #FFFFFF;
	float: left;
	text-align: center;
	
	
	

}

.estremoz {
	width: 100%;
	max-width: 250px;
	height: 100%;
	max-height: 110px;
	outline: 1px solid #FFFFFF;
	
	padding-left: -1px;

}

#etz_container a {
	text-decoration: none;
}

#etz_container h3 {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	text-decoration: none;
}

#etz_container p {
	max-width: 300px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 30px;
	line-height: 16px;
	letter-spacing: 1px;
	font-size: 13px;
	}


.EVR {

	width: 100%;
	max-width: 350px;
	height: 100%;
	max-height: 215px;
	outline: 1px solid #FFFFFF;
	margin-left: 1px;
	cursor: hand;
	float: left;
}

.evor {
	width: 100%;
	max-width: 110px;
	height: 100%;
	max-height: 110px;
	outline: 1px solid #FFFFFF;
	float: left;
	text-align: center;
	
	
}


#evr_container a {
	text-decoration: none;
}


#evr_container h3 {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	text-decoration: none;
	
}

#evr_container p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 30px;
	line-height: 16px;
	letter-spacing: 1px;
	font-size: 13px;
}



#botao {	max-width: 131px;
				width: 100%;
				max-height: 131px;
				height: 100%;
				float: left;

}

.exp {
	display: inline;
}

#conteudogaleria { 	max-width: 100%;
					width: 747px;
					max-height: 100%;
					height: 395px;
					outline: 2px solid #FFFFFF;
					outline-offset: -8px; }



/*POPUP*/

#popupWrap {
	margin-top: 100px;
}

.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,2550,0.4);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}


.campos {
	max-width: 540px;
	width: 100%;
	max-height: 25px;
	height: 100%;
	margin-top: 10px;
	border: 1px solid #999;
	background-color: #1A1A1A;
	padding-left: 8px;
	color: #999;
}

#primeiro {
	margin-top: 100px;
	margin-bottom: 50px;
}

.close {
	float: right;
	margin-top: 15px;
}



.enviar{
	background-color: #1E1E1E;
	max-width: 550px;
	width: 100%;
	height: 100%;
	max-height: 25px;
	margin-top: 25px;
	margin-bottom: 13px;
	color: #FFF;
	border-top: #FFF 2px solid;
	text-transform: uppercase;
	font-family: 'Roboto:700', sans-serif;

}


#escmensagem {
	max-width: 540px;
	width: 100%;
	max-height: 200px;
	height: 100%;
	margin-top: 10px;
	
	border: 1px solid #999;
	background-color: #1A1A1A;
	padding-left: 8px;
	padding-top: 5px;
	padding-right: 0px;

}

.modalDialog > div {
	max-width: 550px;
	width: 100%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #1A1A1A; 

	/*background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);*/
}

#messageTitle {
	max-width: 550px;
	width: 100%;
	border-top: #FFF 2px solid;
	font-family: 'Roboto:400', sans-serif;
	color: #DEDB00;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 25px;
	text-rendering: optimizelegibility;
	text-align: center;
	padding-top: 20px;
	margin-top: 15px;
}


#messageNav {
	font-family: 'Roboto:400', sans-serif;
	color: #1A1A1A;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 25px;
	text-rendering: optimizelegibility;
}

/*FIM POPUP*/


#footer {
	width: 100%;
	max-width: 1124px;
	height: 40px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	border: 1px solid #999;
}
#footer h2 {
	font-family: 'Roboto:400', sans-serif;
	font-size: 12px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 25px;
	color: #999;
	text-decoration: none;
	text-rendering: optimizelegibility;
	text-align: center;
}

#footer_esq {
	float: left;
	margin-left: 100px;
}

#footer_dir {
	float: right;
	padding-top: 10px;
	margin-right: 100px;
}

#footer_dir  {
	 -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	
}



.thumbnail{
	float: left;
	cursor: hand;
}












@media only screen and (max-width: 1212px) {


body {
	background: #1E1E1E;
	padding: 0px;
	margin: 0px;
	width: 80%;
	
	overflow-x: hidden;

}



/*FIM PROJETOS*/

#avaliacao {
	margin-left: 95px;

}

#design {
	margin-right: 95px;
}

#servicos {

	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	width: 100%;
	max-width: 1124px;
	max-height: 550px;
	text-align: left;

}

.servicos {
	height: 100%;
	width: 100%;
	max-width: 200px;
	max-height: 650px;
	
	float: left;
	margin-right: 14px;
	margin-left: 14px; 
	text-align: left;
}

.servicos h3 {
	color: #DEDB00;
	font-size: 18px;
	letter-spacing: 1px;
}

.servicos p {
	
	line-height: 22px;
	text-transform: none;
}

.servicos img {
	border: 3px solid #FFFFFF;
	max-height: 200px;
	max-width: 200px;
	height: 100%;
	width: 100%;
}



#map iframe {
	max-width: 1000px;
}



#mainserv {
	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	height: 650px;
	}


#footer {
	width: 100%;
	max-width: 900px;
	height: 100%; 
	max-height: 100px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999;
}
#footer h2 {
	font-family: 'Roboto:400', sans-serif;
	font-size: 12px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 25px;
	color: #999;
	text-decoration: none;
	text-rendering: optimizelegibility;
	text-align: center;
}


}









@media only screen and (max-width: 1095px) {


body {
	background: #1E1E1E;
	padding: 0px;
	margin: 0px;
	width: 70%;
	
	overflow-x: hidden;

}



/*FIM PROJETOS*/

#avaliacao {
	margin-left: 95px;

}
#consultadoria {
	margin-left: 95px;

}

#design {
	margin-right: 95px;
}

#fiscalizacao {
	margin-right: 95px;
}


#fiscalizacao p {

	letter-spacing: -1px;
	

}


#servicos {

	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	width: 100%;
	max-width: 1124px;
	max-height: 1200px;
	text-align: left;

}

.servicos {
	height: 100%;
	width: 100%;
	max-width: 395px;
	max-height: 550px;
	
	float: left;
	margin-right: 14px;
	margin-left: 14px; 
	text-align: left;
}

.servicos h3 {
	color: #DEDB00;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
}

.servicos p {
	
	line-height: 22px;
	text-transform: none;
	text-align: center;
	
}

.servicos img {
	border: 3px solid #FFFFFF;
	max-height: 200px;
	max-width: 200px;
	height: 100%;
	width: 100%;
	margin-left: 97px;
	margin-right: 97px;
}

#mainserv {
	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	height: 650px;
	}


#margem {
	margin-left: auto;
	margin-right: auto;
	max-width: 980px;

}

#map iframe {
	max-width: 900px;
}

#etzgeral {
	height:100%;
	width:100%;
	max-height: 250px;
	max-width: 350px;
	margin-top: 50px;
	margin-left: 85px;
	float: left;

}
#evorageral {
	height:100%;
	width:100%;
	max-height: 250px;
	max-width: 358px;
	margin-top: 50px;
	margin-right: 85px;
	float: right;

}

#footer {
	width: 100%;
	max-width: 900px;
	height: 100%; 
	max-height: 100px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999;
}
#footer h2 {
	font-family: 'Roboto:400', sans-serif;
	font-size: 12px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 25px;
	color: #999;
	text-decoration: none;
	text-rendering: optimizelegibility;
	text-align: center;
}


}




@media only screen and (max-width: 1025px)  {


body {
	background: #1E1E1E;
	padding: 0px;
	margin: 0px;
	width: 60%;
	
	overflow-x: hidden;

}

#centrado {
	max-width: 800px;
	height: 150px;

}

#servicos {

	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	width: 100%;
	max-width: 950px;
	max-height: 1200px;
	text-align: left;

}

.servicos {
	height: 100%;
	width: 100%;
	max-width: 350px;
	max-height: 550px;
	
	float: left;
	margin-right: 14px;
	margin-left: 14px; 
	text-align: left;
}



.servicos img {
	border: 3px solid #FFFFFF;
	max-height: 200px;
	max-width: 200px;
	height: 100%;
	width: 100%;
	margin-left: 78px;
	margin-right: 78px;
}

#mainserv {
	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	height: 650px;
	width: 100%;
	max-width: 1025px;
	}



#etzgeral {
	height:100%;
	width:100%;
	max-height: 250px;
	max-width: 350px;
	margin-top: 50px;
	margin-left: 85px;
	float: left;

}
#evorageral {
	height:100%;
	width:100%;
	max-height: 250px;
	max-width: 358px;
	margin-top: 50px;
	margin-right: 85px;
	float: right;

}

@media only screen and (max-width: 960px)  {


body {
	background: #1E1E1E;
	padding: 0px;
	margin: 0px;
	width: 50%;

	overflow-x: hidden;

}

#navegar {
	max-height: 95px;
	margin-right: auto;
	margin-left: auto;

}

#centrado {	
	max-width: 500px;
	height: 100%;
	max-height: 95px;
	margin-right: auto;
	margin-left: auto;
}

#centrado ul {
	float: none;
	vertical-align: center;
	

}


#logotipo {
	 max-width: 163px;
	 max-height: 40px;
	 border: 0px;
	 padding-top: 15px;
	 float: none;
	 padding-left: 165px;
	 padding-bottom: 20px;
	 
}

#avaliacao, #fiscalizacao, #consultadoria, #design { margin:0px;}



#servicos {

	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	width: 100%;
	max-width: 750px;
	max-height: 1500px;
	text-align: left;

}



.servicos {
	height: 100%;
	width: 100%;
	max-width: 625px;
	max-height: 300px;
	
	float: left;
	margin-right: 14px;
	margin-left: 14px; 
	text-align: left;
	

}

.servicos p {
	
	line-height: 22px;
	text-transform: none;
	text-align: left;
	float: left;
	max-width: 400px;
	
}

.servicos h3 {
	text-align: left;
	margin-top: -45px;
}

.servicos img {
	border: 3px solid #FFFFFF;
	max-height: 200px;
	max-width: 200px;
	height: 100%;
	width: 100%;
	margin: 0px;
	margin-right: 15px;
	float: left;

}

#mainserv {
	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	height: 650px;
	width: 100%;
	max-width: 1025px;
	}



#etzgeral {
	height:100%;
	width:100%;
	max-height: 250px;
	max-width: 250px;
	margin-top: 50px;
	margin-left: 85px;
	float: left;

}
#evorageral {
	height:100%;
	width:100%;
	max-height: 250px;
	max-width: 250px;
	margin-top: 50px;
	margin-right: 85px;
	float: right;

}

#map {
	max-width: 750px;
}

#map iframe{
	max-width: 750px;
}
#morada p{
	max-width: 280px;
}


@media only screen and (max-width: 479px) {
	
	body {
		
		width: 30px;
	}
}