@charset "utf-8";
/* CSS Document */
.gjclair{clear: both;}

body{margin:0px; font-family:Arial, sans-serif}
a{text-decoration:none;}

@media (min-width:3841px) {
/**/
	.sect-arquithead{background-image:url(../imgs/arquitectura/cx.jpg); margin-bottom: 20px; 
		height:; background-repeat: no-repeat;
		background-size: cover; object-fit: cover; border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5);}
	.pagtopcorp{padding: 15px;}
	.pagtitu{color:#ccc; margin:0; width:100%; text-align: center; font-family:verdana;}
/*-------------- F I M ----------------------*/

/*Sobre TÉCNICOS DA ARQUITECTURA*/
	#arqtecnicos{display:flex; column-gap:25px; grid-template-columns:repeat(3, 1fr); align-content: center; align-items: center; justify-content: space-between; 
		bottom:0; background:; padding:35px 0 20px 0; margin-bottom: 3px;}
	.figtecbloc{width:240px; height:265px; margin:0; text-align: center; padding:3px; color:#fff; }
	.figtecbloc img{border-radius:7px; width:150px; height:160px; padding: 3px;
		box-shadow:1px 1px 7px 2px #fff;}
	.figtecbloc p{margin:0px; padding:1px; font-size:20px; text-shadow: 0 1px 4px #000}

/**/
	#dvintropag{color:#eee; font-size: 32px; text-align: justify; text-shadow: 0 1px 4px #000}
	#txtprocediment{padding:20px 0 0 0; font-size: 26px; text-align: justify; }
	.corpointropag{}
	
/*Estilizar blocos do projeto arquitectónico*/
	#dvblocproject{border-bottom:2px solid; margin:0 0 50px 0}
	#dvftoprinc-titul{display:grid; column-gap:10px; grid-template-columns:repeat(3, 1fr); 
		grid-template-areas:"ftoprincipal titobasicos titobasicos"
		"ftoprincipal introbloc introbloc"; height:300px;
	}
	#dvftoprinc-titul figure{padding:0; margin:0}
	.figimgprincip{grid-area:ftoprincipal; width:360px; height:300px}
	.figimgprincip img{width:100%; height:100%;}
	.dvtitobasicos{grid-area:titobasicos; width:100%; height:;
		padding:3px;
		background:red}
	.dvintrobloc{grid-area:introbloc; width:100%; padding:3px; height:; 
		background:#eee;}
/**/
	#txtprocediment{font-size: 36px; text-align: justify;}
	.pfases{}
	.pfases span{margin-right: 35px; color:#4f50ce; font-weight: 600; font-size: 38px; text-decoration: underline #000 dotted;}

/*Procedimentos para PROJETO ARQUITECTÓNICO*/
	.secprocediment{padding:35px 0 15px 0}
	.h5procedtitolo{font-weight: 550; color:#b22627; border-left: 3px solid; padding: 0 10px}
	.h5procedtitolo p{border-bottom: 1px solid; font-size: 43px}
	#dvgprocedimentos{display: grid; grid-gap: 35px; grid-template-columns: 1fr 770px; padding-top: 15px}
	#dvgprocedimentos h6{font-weight: 550; font-size: 39px}
	.blocprocediment p{margin: 2px 0; font-size: 32px; text-align: justify;}

	/**/
	#dvftoprinc-extras{display:grid; column-gap:25px;
		grid-template-columns:repeat(4, 1fr); padding:10px 0}
	.figftoextra{}
	.figftoextra img{height:100%; width:100%}
	/**/
	.figfto2, .figfto3, .figfto4, .figfto5{height:140px;}
	.figfto2 img, .figfto3 img, .figfto4 img, .figfto5 img{height:100%; width:100%}
	/**/
	.figfto2{grid-area:fto2}
	.figfto3{grid-area:fto3}
	.figfto4{grid-area:fto4}
	.figfto5{grid-area:fto5}

/*Sobre a ÁREA DE SOLICITAÇÃO DE PROJETO*/
	#dvfrmsolicit{display: grid; grid-gap: 30px; grid-template-columns:repeat(2, 1fr); 
		grid-template-areas:"atintro formsolicit" "rsociais formsolicit"; padding:75px 0;}
		.artintro{grid-area: atintro; border-bottom: 1px dotted #ccc;}
		.artintro h4{color:#b22627; font-weight: 600; font-family: Arial Narow; font-size: 42px}
		.artintro p{font-size: 28px; text-align: justify;}
		/**/
		.artrsociais{grid-area: rsociais}
		.artrsociais h6{color: #4f50ce; font-weight: 550; font-size: 34px}
		.prsocial i{border-radius: 5px; margin-right: 7px; font-size: 27px}
		.ifb, .iedin{color:#4f50ce;}
		.iytube{color:#b22627}
		/**/
		.frmsolicitar{grid-area: formsolicit}
		.frmsolicitar p{}
		.frmsolicitar p input{width: 100%; padding:10px; border-radius: 7px; border:1px inset #ccc;}
		.frmsolicitar p input:focus, .frmsolicitar p textarea:focus{color:#4f50ce; font-weight: 550; font-family: Arial Narow}
		.frmsolicitar p textarea{width: 100%; border-radius: 10px; padding: 5px; line-height: 1.5}
		.frmsolicitar .pbuton{text-align: center;}
		.frmsolicitar .pbuton button{width: 50%; border: none; border-radius: 7px; padding: 5px 0; 
			background:linear-gradient(to right, #4f50ce, #b22627, black); color: #fff; font-size: 28px; transition:0.3s ease-in-out}
		.frmsolicitar .pbuton button:hover{background:linear-gradient(to left, #4f50ce, white); color:#000}
}

@media (min-width:2160px) and (max-width: 3840px){
/**/
	.sect-arquithead{background-image:url(../imgs/arquitectura/cx.jpg); margin-bottom: 20px; 
		height:; background-repeat: no-repeat;
		background-size: cover; object-fit: cover; border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5);}
	.pagtopcorp{padding: 15px;}
	.pagtitu{color:#ccc; margin:0; width:100%; text-align: center; font-family:verdana;}
/*-------------- F I M ----------------------*/

/*Sobre TÉCNICOS DA ARQUITECTURA*/
	#arqtecnicos{display:flex; column-gap:25px; grid-template-columns:repeat(3, 1fr); align-content: center; align-items: center; justify-content: space-between; 
		bottom:0; background:; padding:35px 0 20px 0; margin-bottom: 3px;}
	.figtecbloc{width:240px; height:265px; margin:0; text-align: center; padding:3px; color:#fff; }
	.figtecbloc img{border-radius:7px; width:150px; height:160px; padding: 3px;
		box-shadow:1px 1px 7px 2px #fff;}
	.figtecbloc p{margin:0px; padding:1px; font-size:20px; text-shadow: 0 1px 4px #000}

/**/
	#dvintropag{color:#eee; font-size: 32px; text-align: justify; text-shadow: 0 1px 4px #000}
	#txtprocediment{padding:20px 0 0 0; font-size: 26px; text-align: justify; }
	.corpointropag{}
	
/*Estilizar blocos do projeto arquitectónico*/
	#dvblocproject{border-bottom:2px solid; margin:0 0 50px 0}
	#dvftoprinc-titul{display:grid; column-gap:10px; grid-template-columns:repeat(3, 1fr); 
		grid-template-areas:"ftoprincipal titobasicos titobasicos"
		"ftoprincipal introbloc introbloc"; height:300px;
	}
	#dvftoprinc-titul figure{padding:0; margin:0}
	.figimgprincip{grid-area:ftoprincipal; width:360px; height:300px}
	.figimgprincip img{width:100%; height:100%;}
	.dvtitobasicos{grid-area:titobasicos; width:100%; height:;
		padding:3px;
		background:red}
	.dvintrobloc{grid-area:introbloc; width:100%; padding:3px; height:; 
		background:#eee;}
/**/
	#txtprocediment{font-size: 30px; text-align: justify;}
	.pfases{}
	.pfases span{margin-right: 35px; color:#4f50ce; font-weight: 600; font-size: 34px; text-decoration: underline #000 dotted;}

/*Procedimentos para PROJETO ARQUITECTÓNICO*/
	.secprocediment{padding:35px 0 15px 0}
	.h5procedtitolo{font-weight: 550; color:#b22627; border-left: 3px solid; padding: 0 10px}
	.h5procedtitolo p{border-bottom: 1px solid; font-size: 38px}
	#dvgprocedimentos{display: grid; grid-gap: 35px; grid-template-columns: 1fr 670px; padding-top: 15px}
	#dvgprocedimentos h6{font-weight: 550; font-size: 35px}
	.blocprocediment p{margin: 2px 0; font-size: 28px; text-align: justify;}

	/**/
	#dvftoprinc-extras{display:grid; column-gap:25px;
		grid-template-columns:repeat(4, 1fr); padding:10px 0}
	.figftoextra{}
	.figftoextra img{height:100%; width:100%}
	/**/
	.figfto2, .figfto3, .figfto4, .figfto5{height:140px;}
	.figfto2 img, .figfto3 img, .figfto4 img, .figfto5 img{height:100%; width:100%}
	/**/
	.figfto2{grid-area:fto2}
	.figfto3{grid-area:fto3}
	.figfto4{grid-area:fto4}
	.figfto5{grid-area:fto5}

/*Sobre a ÁREA DE SOLICITAÇÃO DE PROJETO*/
	#dvfrmsolicit{display: grid; grid-gap: 30px; grid-template-columns:repeat(2, 1fr); 
		grid-template-areas:"atintro formsolicit" "rsociais formsolicit"; padding:75px 0;}
		.artintro{grid-area: atintro; border-bottom: 1px dotted #ccc;}
		.artintro h4{color:#b22627; font-weight: 600; font-family: Arial Narow; font-size: 42px}
		.artintro p{font-size: 28px; text-align: justify;}
		/**/
		.artrsociais{grid-area: rsociais}
		.artrsociais h6{color: #4f50ce; font-weight: 550; font-size: 34px}
		.prsocial i{border-radius: 5px; margin-right: 7px; font-size: 27px}
		.ifb, .iedin{color:#4f50ce;}
		.iytube{color:#b22627}
		/**/
		.frmsolicitar{grid-area: formsolicit}
		.frmsolicitar p{}
		.frmsolicitar p input{width: 100%; padding:10px; border-radius: 7px; border:1px inset #ccc;}
		.frmsolicitar p input:focus, .frmsolicitar p textarea:focus{color:#4f50ce; font-weight: 550; font-family: Arial Narow}
		.frmsolicitar p textarea{width: 100%; border-radius: 10px; padding: 5px; line-height: 1.5}
		.frmsolicitar .pbuton{text-align: center;}
		.frmsolicitar .pbuton button{width: 50%; border: none; border-radius: 7px; padding: 5px 0; 
			background:linear-gradient(to right, #4f50ce, #b22627, black); color: #fff; font-size: 28px; transition:0.3s ease-in-out}
		.frmsolicitar .pbuton button:hover{background:linear-gradient(to left, #4f50ce, white); color:#000}
}

@media (min-width:1680px) and (max-width: 2159px){
/**/
	.sect-arquithead{background-image:url(../imgs/arquitectura/cx.jpg); margin-bottom: 20px; 
		height:; background-repeat: no-repeat;
		background-size: cover; object-fit: cover; border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5);}
	.pagtopcorp{padding: 15px;}
	.pagtitu{color:#ccc; margin:0; width:100%; text-align: center; font-family:verdana;}
/*-------------- F I M ----------------------*/

/*Sobre TÉCNICOS DA ARQUITECTURA*/
	#arqtecnicos{display:grid; column-gap:25px; grid-template-columns:repeat(3, 1fr); align-content: center; align-items: center; 
		bottom:0; background:; padding:35px 0 20px 0; margin-bottom: 3px;}
	.figtecbloc{width:200px; height:218px; margin:0; text-align: center; padding:3px; color:#fff;}
	.figtecbloc img{border-radius:7px; width:130px; height:140px; padding: 3px;
		box-shadow:1px 1px 7px 2px #fff;}
	.figtecbloc p{margin:0px; padding:1px; font-size:16px; text-shadow: 0 1px 4px #000}

/**/
	#dvintropag{color:#eee; font-size: 28px; text-align: justify; text-shadow: 0 1px 4px #000}
	#txtprocediment{padding:20px 0 0 0; font-size: 22px; text-align: justify; }
	.corpointropag{}
	
/*Estilizar blocos do projeto arquitectónico*/
	#dvblocproject{border-bottom:2px solid; margin:0 0 50px 0}
	#dvftoprinc-titul{display:grid; column-gap:10px; grid-template-columns:repeat(3, 1fr); 
		grid-template-areas:"ftoprincipal titobasicos titobasicos"
		"ftoprincipal introbloc introbloc"; height:300px;
	}
	#dvftoprinc-titul figure{padding:0; margin:0}
	.figimgprincip{grid-area:ftoprincipal; width:360px; height:300px}
	.figimgprincip img{width:100%; height:100%;}
	.dvtitobasicos{grid-area:titobasicos; width:100%; height:;
		padding:3px;
		background:red}
	.dvintrobloc{grid-area:introbloc; width:100%; padding:3px; height:; 
		background:#eee;}
/**/
	#txtprocediment{font-size: 25px; text-align: justify;}
	.pfases{}
	.pfases span{margin-right: 35px; color:#4f50ce; font-weight: 600; font-size: 26px; text-decoration: underline #000 dotted;}

/*Procedimentos para PROJETO ARQUITECTÓNICO*/
	.secprocediment{padding:35px 0 15px 0}
	.h5procedtitolo{font-weight: 550; color:#b22627; border-left: 3px solid; padding: 0 10px}
	.h5procedtitolo p{border-bottom: 1px solid; font-size: 32px}
	#dvgprocedimentos{display: grid; grid-gap: 35px; grid-template-columns: 1fr 500px; padding-top: 15px}
	#dvgprocedimentos h6{font-weight: 550; font-size: 27px}
	.blocprocediment p{margin: 2px 0; font-size: 20px; text-align: justify;}

	/**/
	#dvftoprinc-extras{display:grid; column-gap:25px;
		grid-template-columns:repeat(4, 1fr); padding:10px 0}
	.figftoextra{}
	.figftoextra img{height:100%; width:100%}
	/**/
	.figfto2, .figfto3, .figfto4, .figfto5{height:140px;}
	.figfto2 img, .figfto3 img, .figfto4 img, .figfto5 img{height:100%; width:100%}
	/**/
	.figfto2{grid-area:fto2}
	.figfto3{grid-area:fto3}
	.figfto4{grid-area:fto4}
	.figfto5{grid-area:fto5}

/*Sobre a ÁREA DE SOLICITAÇÃO DE PROJETO*/
	#dvfrmsolicit{display: grid; grid-gap: 30px; grid-template-columns:repeat(2, 1fr); 
		grid-template-areas:"atintro formsolicit" "rsociais formsolicit"; padding:75px 0;}
		.artintro{grid-area: atintro; border-bottom: 1px dotted #ccc;}
		.artintro h4{color:#b22627; font-weight: 600; font-family: Arial Narow; font-size: 35px}
		.artintro p{font-size: 24px; text-align: justify;}
		/**/
		.artrsociais{grid-area: rsociais}
		.artrsociais h6{color: #4f50ce; font-weight: 550; font-size: 26px}
		.prsocial i{border-radius: 5px; margin-right: 7px; font-size: 21px}
		.ifb, .iedin{color:#4f50ce;}
		.iytube{color:#b22627}
		/**/
		.frmsolicitar{grid-area: formsolicit}
		.frmsolicitar p{}
		.frmsolicitar p input{width: 100%; padding:5px; border-radius: 7px; border:1px inset #ccc;}
		.frmsolicitar p input:focus, .frmsolicitar p textarea:focus{color:#4f50ce; font-weight: 550; font-family: Arial Narow}
		.frmsolicitar p textarea{width: 100%; border-radius: 7px; padding: 5px; line-height: 1.5}
		.frmsolicitar .pbuton{text-align: center;}
		.frmsolicitar .pbuton button{width: 50%; border: none; border-radius: 7px; padding: 5px 0; 
			background:linear-gradient(to right, #4f50ce, #b22627, black); color: #fff; font-size: 18px; transition:0.3s ease-in-out}
		.frmsolicitar .pbuton button:hover{background:linear-gradient(to left, #4f50ce, white); color:#000}
}

@media (min-width:1024px) and (max-width:1679px){
/**/
	.sect-arquithead{background-image:url(../imgs/arquitectura/cx.jpg); margin-bottom: 20px; 
		height:; background-repeat: no-repeat;
		background-size: cover; object-fit: cover; border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5);}
	.pagtopcorp{padding: 15px;}
	.pagtitu{color:#ccc; margin:0; width:100%; text-align: center; font-family:verdana;}
/*-------------- F I M ----------------------*/

/*Sobre TÉCNICOS DA ARQUITECTURA*/
	#arqtecnicos{display:grid; column-gap:25px; grid-template-columns:repeat(4, 1fr); align-content: center; align-items: center; 
		bottom:0; background:; padding:35px 0 20px 0; margin-bottom: 3px;}
	.figtecbloc{width:170px; height:188px; margin:0; text-align: center; padding:3px; color:#fff; background:;}
	.figtecbloc img{border-radius:7px; width:110px; height:120px; padding: 3px;
		box-shadow:1px 1px 7px 2px #fff;}
	.figtecbloc p{margin:0px; padding:1px; font-size:14px; text-shadow: 0 1px 4px #000}

/**/
	#dvintropag{color:#eee; font-size: 20px; text-align: justify; text-shadow: 0 1px 4px #000}
	#dv2intro{padding:20px 0 0 0; font-size: 18px; text-align: justify; }
	.corpointropag{}
	
/*Estilizar blocos do projeto arquitectónico*/
	#dvblocproject{border-bottom:2px solid; margin:0 0 50px 0}
	#dvftoprinc-titul{display:grid; column-gap:10px; grid-template-columns:repeat(3, 1fr); 
		grid-template-areas:"ftoprincipal titobasicos titobasicos"
		"ftoprincipal introbloc introbloc"; height:300px;
	}
	#dvftoprinc-titul figure{padding:0; margin:0}
	.figimgprincip{grid-area:ftoprincipal; width:360px; height:300px}
	.figimgprincip img{width:100%; height:100%;}
	.dvtitobasicos{grid-area:titobasicos; width:100%; height:;
		padding:3px;
		background:red}
	.dvintrobloc{grid-area:introbloc; width:100%; padding:3px; height:; 
		background:#eee;}

/**/
	#txtprocediment{font-size: 18px; text-align: justify;}
	.pfases{}
	.pfases span{margin-right: 25px; color:#4f50ce; font-weight: 600; text-decoration: underline #000 dotted;}

/*Procedimentos para PROJETO ARQUITECTÓNICO*/
	.secprocediment{padding:35px 0 15px 0}
	.h5procedtitolo{font-weight: 550; color:#b22627; border-left: 3px solid; padding: 0 10px}
	.h5procedtitolo p{border-bottom: 1px solid}
	#dvgprocedimentos{display: grid; grid-gap: 35px; grid-template-columns: 1fr 500px; padding-top: 15px}
	#dvgprocedimentos h6{font-weight: 550}
	.blocprocediment p{margin: 2px 0}

/**/
	#dvftoprinc-extras{display:grid; column-gap:25px;
		grid-template-columns:repeat(4, 1fr); padding:10px 0}
	.figftoextra{}
	.figftoextra img{height:100%; width:100%}
	/**/
	.figfto2, .figfto3, .figfto4, .figfto5{height:140px;}
	.figfto2 img, .figfto3 img, .figfto4 img, .figfto5 img{height:100%; width:100%}
	/**/
	.figfto2{grid-area:fto2}
	.figfto3{grid-area:fto3}
	.figfto4{grid-area:fto4}
	.figfto5{grid-area:fto5}

/*Sobre a ÁREA DE SOLICITAÇÃO DE PROJETO*/
	#dvfrmsolicit{display: grid; gap: 30px; grid-template-columns:repeat(2, 1fr); 
		grid-template-areas:"atintro formsolicit" "rsociais formsolicit"; padding:55px 0;}
		.artintro{grid-area: atintro; border-bottom: 1px dotted #ccc;}
		.artintro h4{color:#b22627; font-weight: 600; font-family: Arial Narow; font-size: 29px}
		.artintro p{font-size: 20px; text-align: justify;}
		/**/
		.artrsociais{grid-area: rsociais}
		.artrsociais h6{color: #4f50ce; font-weight: 550; font-size: 18px}
		.prsocial i{border-radius: 5px; margin-right: 7px; font-size: 18px}
		.ifb, .iedin{color:#4f50ce;}
		.iytube{color:#b22627}
		/**/
		.frmsolicitar{grid-area: formsolicit}
		.frmsolicitar p{}
		.frmsolicitar p input{width: 100%; padding:5px; border-radius: 7px; border:1px inset #ccc;}
		.frmsolicitar p input:focus, .frmsolicitar p textarea:focus{color:#4f50ce; font-weight: 550; font-family: Arial Narow}
		.frmsolicitar p textarea{width: 100%; border-radius: 7px; padding: 5px; line-height: 1.5}
		.frmsolicitar .pbuton{text-align: center;}
		.frmsolicitar .pbuton button{width: 50%; border: none; border-radius: 7px; padding: 5px 0; 
			background:linear-gradient(to right, #4f50ce, #b22627, black); color: #fff; font-size: 18px; transition:0.3s ease-in-out}
		.frmsolicitar .pbuton button:hover{background:linear-gradient(to left, #4f50ce, white); color:#000}
}

@media (min-width:1280px) and (max-width:1023px){
/**/
	.sect-arquithead{background-image:url(../imgs/arquitectura/cx.jpg); margin-bottom: 20px; 
		height:; background-repeat: no-repeat;
		background-size: cover; object-fit: cover; border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5);}
	.pagtopcorp{padding: 15px;}
	.pagtitu{color:#ccc; margin:0; width:100%; text-align: center; font-family:verdana;}
/*-------------- F I M ----------------------*/

/*Sobre TÉCNICOS DA ARQUITECTURA*/
	#arqtecnicos{display:grid; column-gap:25px; grid-template-columns:repeat(4, 1fr); align-content: center; align-items: center; 
		bottom:0; background:; padding:35px 0 20px 0; margin-bottom: 3px;}
	.figtecbloc{width:170px; height:188px; margin:0; text-align: center; padding:3px; color:#fff; background:;}
	.figtecbloc img{border-radius:7px; width:110px; height:120px; padding: 3px;
		box-shadow:1px 1px 7px 2px #fff;}
	.figtecbloc p{margin:0px; padding:1px; font-size:14px; text-shadow: 0 1px 4px #000}

/**/
	#dvintropag{color:#eee; font-size: 20px; text-align: justify; text-shadow: 0 1px 4px #000}
	#dv2intro{padding:20px 0 0 0; font-size: 18px; text-align: justify;}
	.corpointropag{}
	
/*Estilizar blocos do projeto arquitectónico*/
	#dvblocproject{border-bottom:2px solid; margin:0 0 50px 0}
	#dvftoprinc-titul{display:grid; column-gap:10px; grid-template-columns:repeat(3, 1fr); 
		grid-template-areas:"ftoprincipal titobasicos titobasicos"
		"ftoprincipal introbloc introbloc"; height:300px;
	}
	#dvftoprinc-titul figure{padding:0; margin:0}
	.figimgprincip{grid-area:ftoprincipal; width:360px; height:300px}
	.figimgprincip img{width:100%; height:100%;}
	.dvtitobasicos{grid-area:titobasicos; width:100%; height:;
		padding:3px;
		background:red}
	.dvintrobloc{grid-area:introbloc; width:100%; padding:3px; height:; 
		background:#eee;}

/**/
	#txtprocediment{font-size: 18px; text-align: justify;}
	.pfases{}
	.pfases span{margin-right: 25px; color:#4f50ce; font-weight: 600; text-decoration: underline #000 dotted;}

/*Procedimentos para PROJETO ARQUITECTÓNICO*/
	.secprocediment{padding:35px 0 15px 0}
	.h5procedtitolo{font-weight: 550; color:#b22627; border-left: 3px solid; padding: 0 10px}
	.h5procedtitolo p{border-bottom: 1px solid}
	#dvgprocedimentos{display: grid; grid-gap: 35px; grid-template-columns: 1fr 500px; padding-top: 15px}
	#dvgprocedimentos h6{font-weight: 550}
	.blocprocediment p{margin: 2px 0}

	/**/
	#dvftoprinc-extras{display:grid; column-gap:25px;
		grid-template-columns:repeat(4, 1fr); padding:10px 0}
	.figftoextra{}
	.figftoextra img{height:100%; width:100%}
	/**/
	.figfto2, .figfto3, .figfto4, .figfto5{height:140px;}
	.figfto2 img, .figfto3 img, .figfto4 img, .figfto5 img{height:100%; width:100%}
	/**/
	.figfto2{grid-area:fto2}
	.figfto3{grid-area:fto3}
	.figfto4{grid-area:fto4}
	.figfto5{grid-area:fto5}

/*Sobre a ÁREA DE SOLICITAÇÃO DE PROJETO*/
	#dvfrmsolicit{display: grid; gap: 30px; grid-template-columns:repeat(2, 1fr); 
		grid-template-areas:"atintro formsolicit" "rsociais formsolicit"; padding:75px 0;}
		.artintro{grid-area: atintro; border-bottom: 1px dotted #ccc;}
		.artintro h4{color:#b22627; font-weight: 600; font-family: Arial Narow; font-size: 29px}
		.artintro p{font-size: 20px; text-align: justify;}
		/**/
		.artrsociais{grid-area: rsociais}
		.artrsociais h6{color: #4f50ce; font-weight: 550; font-size: 18px}
		.prsocial i{border-radius: 5px; margin-right: 7px; font-size: 18px}
		.ifb, .iedin{color:#4f50ce;}
		.iytube{color:#b22627}
		/**/
		.frmsolicitar{grid-area: formsolicit}
		.frmsolicitar p{}
		.frmsolicitar p input{width: 100%; padding:5px; border-radius: 7px; border:1px inset #ccc;}
		.frmsolicitar p input:focus, .frmsolicitar p textarea:focus{color:#4f50ce; font-weight: 550; font-family: Arial Narow}
		.frmsolicitar p textarea{width: 100%; border-radius: 7px; padding: 5px; line-height: 1.5}
		.frmsolicitar .pbuton{text-align: center;}
		.frmsolicitar .pbuton button{width: 50%; border: none; border-radius: 7px; padding: 5px 0; 
			background:linear-gradient(to right, #4f50ce, #b22627, black); color: #fff; font-size: 18px; transition:0.3s ease-in-out}
		.frmsolicitar .pbuton button:hover{background:linear-gradient(to left, #4f50ce, white); color:#000}
}

@media (min-width:768px) and (max-width:1023px){
/**/
	.sect-arquithead{background-image:url(../imgs/arquitectura/cx.jpg); margin-bottom: 20px; 
		height:; background-repeat: no-repeat;
		background-size: cover; object-fit: cover; border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5);}
	.pagtopcorp{padding: 15px;}
	.pagtitu{color:#ccc; margin:0; width:100%; text-align: center; font-family:verdana;}
/*-------------- F I M ----------------------*/

/*Sobre TÉCNICOS DA ARQUITECTURA*/
	#arqtecnicos{display:grid; column-gap:25px; grid-template-columns:repeat(4, 1fr); align-content: center; align-items: center; 
		bottom:0; background:; padding:35px 0 20px 0; margin-bottom: 3px;}
	.figtecbloc{width:170px; height:188px; margin:0; text-align: center; padding:3px; color:#fff; background:;}
	.figtecbloc img{border-radius:7px; width:110px; height:120px; padding: 3px;
		box-shadow:1px 1px 7px 2px #fff;}
	.figtecbloc p{margin:0px; padding:1px; font-size:14px; text-shadow: 0 1px 4px #000}

/**/
	#dvintropag{color:#eee; font-size: 20px; text-align: justify; text-shadow: 0 1px 4px #000}
	#dv2intro{padding:20px 0 0 0; font-size: 18px; text-align: justify; width: 95%; background: #ccc}
	#txtprocediment{text-align: justify;}
	.corpointropag{}
	
/*Estilizar blocos do projeto arquitectónico*/
	#dvblocproject{border-bottom:2px solid; margin:0 0 50px 0}
	#dvftoprinc-titul{display:grid; column-gap:10px; grid-template-columns:repeat(3, 1fr); 
		grid-template-areas:"ftoprincipal titobasicos titobasicos"
		"ftoprincipal introbloc introbloc"; height:300px;
	}
	#dvftoprinc-titul figure{padding:0; margin:0}
	.figimgprincip{grid-area:ftoprincipal; width:360px; height:300px}
	.figimgprincip img{width:100%; height:100%;}
	.dvtitobasicos{grid-area:titobasicos; width:100%; height:;
		padding:3px;
		background:red}
	.dvintrobloc{grid-area:introbloc; width:100%; padding:3px; height:; 
		background:#eee;}

/**/
	#txtprocediment{font-size: 18px; text-align: justify;}
	.pfases{}
	.pfases span{margin-right: 25px; color:#4f50ce; font-weight: 600; text-decoration: underline #000 dotted;}

/*Procedimentos para PROJETO ARQUITECTÓNICO*/
	.secprocediment{padding:35px 0 15px 0}
	.h5procedtitolo{font-weight: 550; color:#b22627; border-left: 3px solid; padding: 0 10px}
	.h5procedtitolo p{border-bottom: 1px solid}
	#dvgprocedimentos{display: grid; grid-gap: 35px; grid-template-columns: 1fr 450px; padding-top: 15px}
	#dvgprocedimentos h6{font-weight: 550}
	.blocprocediment p{margin: 2px 0}

	/**/
	#dvftoprinc-extras{display:grid; column-gap:25px;
		grid-template-columns:repeat(4, 1fr); padding:10px 0}
	.figftoextra{}
	.figftoextra img{height:100%; width:100%}
	/**/
	.figfto2, .figfto3, .figfto4, .figfto5{height:140px;}
	.figfto2 img, .figfto3 img, .figfto4 img, .figfto5 img{height:100%; width:100%}
	/**/
	.figfto2{grid-area:fto2}
	.figfto3{grid-area:fto3}
	.figfto4{grid-area:fto4}
	.figfto5{grid-area:fto5}

/*Sobre a ÁREA DE SOLICITAÇÃO DE PROJETO*/
	#dvfrmsolicit{display: grid; grid-gap:30px; grid-template-columns:repeat(2, 1fr); 
		grid-template-areas:"atintro formsolicit" "rsociais formsolicit"; padding:55px 10px;}
		.artintro{grid-area: atintro; border-bottom: 1px dotted #ccc;}
		.artintro h4{color:#b22627; font-weight: 600; font-family: Arial Narow; font-size: 29px}
		.artintro p{font-size: 20px; text-align: justify;}
		/**/
		.artrsociais{grid-area: rsociais}
		.artrsociais h6{color: #4f50ce; font-weight: 550; font-size: 18px}
		.prsocial i{border-radius: 5px; margin-right: 7px; font-size: 18px}
		.ifb, .iedin{color:#4f50ce;}
		.iytube{color:#b22627}
		/**/
		.frmsolicitar{grid-area: formsolicit}
		.frmsolicitar p{}
		.frmsolicitar p input{width: 100%; padding:5px; border-radius: 7px; border:1px inset #ccc;}
		.frmsolicitar p input:focus, .frmsolicitar p textarea:focus{color:#4f50ce; font-weight: 550; font-family: Arial Narow}
		.frmsolicitar p textarea{width: 100%; border-radius: 7px; padding: 5px; line-height: 1.5}
		.frmsolicitar .pbuton{text-align: center;}
		.frmsolicitar .pbuton button{width: 50%; border: none; border-radius: 7px; padding: 5px 0; 
			background:linear-gradient(to right, #4f50ce, #b22627, black); color: #fff; font-size: 18px; transition:0.3s ease-in-out}
		.frmsolicitar .pbuton button:hover{background:linear-gradient(to left, #4f50ce, white); color:#000}	
}
	
@media (min-width:480px) and (max-width:767px){
/**/
	.sect-arquithead{background-image:url(../imgs/arquitectura/cx.jpg); margin-bottom: 20px; 
		height:; background-repeat: no-repeat; background-size: cover; object-fit: cover; border-radius: 10px 10px 0 0; 
		box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5);}
	.pagtopcorp{padding: 15px;}
	.pagtitu{color:#ccc; margin:0; width:100%; text-align: center; font-family:verdana;}
/*-------------- F I M ----------------------*/

/*Sobre TÉCNICOS DA ARQUITECTURA*/
	#arqtecnicos{display:grid; grid-gap:15px; grid-template-columns:repeat(2, 1fr); align-content: center; align-items: center; 
		bottom:0; background:; padding:35px 0 20px 0; margin-bottom: 3px;}
	.figtecbloc{width:170px; height:188px; margin:0; text-align: center; padding:3px; color:#fff; background:;}
	.figtecbloc img{border-radius:7px; width:110px; height:120px; padding: 3px;
		box-shadow:1px 1px 7px 2px #fff;}
	.figtecbloc p{margin:0px; padding:1px; font-size:14px; text-shadow: 0 1px 4px #000}

/**/
	#dvintropag{color:#eee; font-size: 18px; text-align: justify; text-shadow: 0 1px 4px #000}
	#dv2intro{padding:20px 0 0 0; font-size: 18px; text-align: justify; width: ; background: #ccc}
	#txtprocediment{text-align: justify; padding:0 12px}
	.corpointropag{}
	
/*Estilizar blocos do projeto arquitectónico*/
	#dvblocproject{border-bottom:2px solid; margin:0 0 50px 0}
	#dvftoprinc-titul{display:grid; column-gap:10px; grid-template-columns:repeat(3, 1fr); 
		grid-template-areas:"ftoprincipal titobasicos titobasicos"
		"ftoprincipal introbloc introbloc"; height:300px;
	}
	#dvftoprinc-titul figure{padding:0; margin:0}
	.figimgprincip{grid-area:ftoprincipal; width:360px; height:300px}
	.figimgprincip img{width:100%; height:100%;}
	.dvtitobasicos{grid-area:titobasicos; width:100%; height:;
		padding:3px;
		background:red}
	.dvintrobloc{grid-area:introbloc; width:100%; padding:3px; height:; 
		background:#eee;}

/**/
	#txtprocediment{font-size: 18px; text-align: justify;}
	.pfases{}
	.pfases span{margin-right: 25px; color:#4f50ce; font-weight: 600; text-decoration: underline #000 dotted;}

/*Procedimentos para PROJETO ARQUITECTÓNICO*/
	.secprocediment{padding:30px 10px 15px 12px}
	.h5procedtitolo{font-weight: 550; color:#b22627; border-left: 3px solid; padding: 0 10px; font-size: 21px}
	.h5procedtitolo p{border-bottom: 1px solid}
	#dvgprocedimentos{display: grid; grid-gap: 35px; grid-template-columns: 1fr; padding-top: 15px}
	#dvgprocedimentos h6{font-weight: 550; font-size: 19px}
	.blocprocediment p{margin: 2px 0; font-size: 17px}

	/**/
	#dvftoprinc-extras{display:grid; column-gap:25px;
		grid-template-columns:repeat(4, 1fr); padding:10px 0}
	.figftoextra{}
	.figftoextra img{height:100%; width:100%}
	/**/
	.figfto2, .figfto3, .figfto4, .figfto5{height:140px;}
	.figfto2 img, .figfto3 img, .figfto4 img, .figfto5 img{height:100%; width:100%}
	/**/
	.figfto2{grid-area:fto2}
	.figfto3{grid-area:fto3}
	.figfto4{grid-area:fto4}
	.figfto5{grid-area:fto5}

/*Sobre a ÁREA DE SOLICITAÇÃO DE PROJETO*/
	#dvfrmsolicit{display: grid; gap:30px; grid-template-columns:repeat(2, 1fr); 
		grid-template-areas:"atintro formsolicit" "rsociais formsolicit"; padding:55px 10px;}
		.artintro{grid-area: atintro; border-bottom: 1px dotted #ccc;}
		.artintro h4{color:#b22627; font-weight: 600; font-family: Arial Narow; font-size: 26px}
		.artintro p{font-size: 18px; text-align: justify;}
		/**/
		.artrsociais{grid-area: rsociais}
		.artrsociais h6{color: #4f50ce; font-weight: 550; font-size: 18px}
		.prsocial i{border-radius: 5px; margin-right: 7px; font-size: 18px}
		.ifb, .iedin{color:#4f50ce;}
		.iytube{color:#b22627}
		/**/
		.frmsolicitar{grid-area: formsolicit}
		.frmsolicitar p{}
		.frmsolicitar p input{width: 100%; padding:5px; border-radius: 7px; border:1px inset #ccc;}
		.frmsolicitar p input:focus, .frmsolicitar p textarea:focus{color:#4f50ce; font-weight: 550; font-family: Arial Narow}
		.frmsolicitar p textarea{width: 100%; border-radius: 7px; padding: 5px; line-height: 1.5}
		.frmsolicitar .pbuton{text-align: center;}
		.frmsolicitar .pbuton button{width: 70%; border: none; border-radius: 7px; padding: 3px 0; 
			background:linear-gradient(to right, #4f50ce, #b22627, black); color: #fff; font-size: 18px; transition:0.3s ease-in-out}
		.frmsolicitar .pbuton button:hover{background:linear-gradient(to left, #4f50ce, white); color:#000}	
}

@media (min-width:320px) and (max-width:479px){
/**/
	.sect-arquithead{background-image:url(../imgs/arquitectura/cx.jpg); margin-bottom: 20px; 
		height:; background-repeat: no-repeat; background-size: cover; object-fit: cover; border-radius: 10px 10px 0 0; 
		box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5);}
	.pagtopcorp{padding: 15px;}
	.pagtitu{color:#ccc; margin:0; width:100%; text-align: center; font-family:verdana;}
/*-------------- F I M ----------------------*/

/*Sobre TÉCNICOS DA ARQUITECTURA*/
	#arqtecnicos{display:grid; grid-gap:10px; grid-template-columns:repeat(2, 1fr); align-content: center; align-items: center; 
		bottom:0; background:; padding:35px 0 20px 0; margin-bottom: 3px;}
	.figtecbloc{width:140px; height:165px; margin:0; text-align: center; padding:3px; color:#fff; background:black;}
	.figtecbloc img{border-radius:7px; width:90px; height:100px; padding: 3px;
		box-shadow:1px 1px 7px 2px #fff;}
	.figtecbloc p{margin:0px; padding:1px; font-size:12px; text-shadow: 0 1px 4px #000}

/*Sobre Procedimentos de ARQUITECTURA*/
	#dvintropag{color:#eee; font-size: 18px; text-align: justify; text-shadow: 0 1px 4px #000}
	#dv2intro{padding:20px 0 0 0; font-size: 18px; text-align: justify; width: ; background: #ccc}
	#txtprocediment{text-align: justify; padding:0 12px}
	.corpointropag{}
	
/*Estilizar blocos do projeto arquitectónico*/
	#dvblocproject{border-bottom:2px solid; margin:0 0 50px 0}
	#dvftoprinc-titul{display:grid; column-gap:10px; grid-template-columns:repeat(3, 1fr); 
		grid-template-areas:"ftoprincipal titobasicos titobasicos"
		"ftoprincipal introbloc introbloc"; height:300px;
	}
	#dvftoprinc-titul figure{padding:0; margin:0}
	.figimgprincip{grid-area:ftoprincipal; width:360px; height:300px}
	.figimgprincip img{width:100%; height:100%;}
	.dvtitobasicos{grid-area:titobasicos; width:100%; height:;
		padding:3px;
		background:red}
	.dvintrobloc{grid-area:introbloc; width:100%; padding:3px; height:; 
		background:#eee;}

/**/
	#txtprocediment{font-size: 18px; text-align: justify;}
	.pfases{}
	.pfases span{margin-right: 20px; color:#4f50ce; font-weight: 600; text-decoration: underline #000 dotted;}

/*Procedimentos para PROJETO ARQUITECTÓNICO*/
	.secprocediment{padding:30px 10px 15px 12px}
	.h5procedtitolo{font-weight: 550; color:#b22627; border-left: 3px solid; padding: 0 10px; font-size: 21px}
	.h5procedtitolo p{border-bottom: 1px solid}
	#dvgprocedimentos{display: grid; grid-gap: 35px; grid-template-columns: 1fr; padding-top: 15px}
	#dvgprocedimentos h6{font-weight: 550; font-size: 19px}
	.blocprocediment p{margin: 2px 0; font-size: 17px}

	/**/
	#dvftoprinc-extras{display:grid; column-gap:25px;
		grid-template-columns:repeat(4, 1fr); padding:10px 0}
	.figftoextra{}
	.figftoextra img{height:100%; width:100%}
	/**/
	.figfto2, .figfto3, .figfto4, .figfto5{height:140px;}
	.figfto2 img, .figfto3 img, .figfto4 img, .figfto5 img{height:100%; width:100%}
	/**/
	.figfto2{grid-area:fto2}
	.figfto3{grid-area:fto3}
	.figfto4{grid-area:fto4}
	.figfto5{grid-area:fto5}

/*Sobre a ÁREA DE SOLICITAÇÃO DE PROJETO*/
	#dvfrmsolicit{display: grid; grid-row-gap: 30px; grid-template-columns:1fr; 
		grid-template-areas:"atintro" "formsolicit" "rsociais"; padding:35px 10px;}
		.artintro{grid-area: atintro; border-bottom: 1px dotted #ccc;}
		.artintro h4{color:#b22627; font-weight: 600; font-family: Arial Narow; font-size: 26px}
		.artintro p{font-size: 18px; text-align: justify;}
		/**/
		.artrsociais{grid-area: rsociais}
		.artrsociais h6{color: #4f50ce; font-weight: 550; font-size: 18px}
		.prsocial i{border-radius: 5px; margin-right: 7px; font-size: 18px}
		.ifb, .iedin{color:#4f50ce;}
		.iytube{color:#b22627}
		/**/
		.frmsolicitar{grid-area: formsolicit}
		.frmsolicitar p{}
		.frmsolicitar p input{width: 100%; padding:5px; border-radius: 7px; border:1px inset #ccc;}
		.frmsolicitar p input:focus, .frmsolicitar p textarea:focus{color:#4f50ce; font-weight: 550; font-family: Arial Narow}
		.frmsolicitar p textarea{width: 100%; border-radius: 7px; padding: 5px; line-height: 1.5}
		.frmsolicitar .pbuton{text-align: center;}
		.frmsolicitar .pbuton button{width: 70%; border: none; border-radius: 7px; padding: 3px 0; 
			background:linear-gradient(to right, #4f50ce, #b22627, black); color: #fff; font-size: 18px; transition:0.3s ease-in-out}
		.frmsolicitar .pbuton button:hover{background:linear-gradient(to left, #4f50ce, white); color:#000}	
}

@media (min-width:240px) and (max-width:319px){
/**/
	.sect-arquithead{background-image:url(../imgs/arquitectura/cx.jpg); margin-bottom: 20px; 
		height:; background-repeat: no-repeat; background-size: cover; object-fit: cover; border-radius: 10px 10px 0 0; 
		box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5);}
	.pagtopcorp{padding: 15px;}
	.pagtitu{color:#ccc; margin:0; width:100%; text-align: center; font-family:verdana;}
/*-------------- F I M ----------------------*/

/*Sobre TÉCNICOS DA ARQUITECTURA*/
	#arqtecnicos{align-content: center; align-items: center; text-align: center; justify-content: space-between;
		bottom:0; padding:35px 0 20px 0; margin-bottom: 3px;}
	.figtecbloc{width:160px; height:175px; margin-bottom: 20px; text-align: center; padding:3px; color:#fff; background:black;}
	.figtecbloc img{border-radius:7px; width:90px; height:100px; padding: 3px;
		box-shadow:1px 1px 7px 2px #fff;}
	.figtecbloc p{margin:0px; padding:1px; font-size:12px; text-shadow: 0 1px 4px #000}

/**/
	#dvintropag{color:#eee; font-size: 18px; text-align: justify; text-shadow: 0 1px 4px #000}
	#dv2intro{padding:20px 0 0 0; font-size: 18px; text-align: justify; width: ; background: #ccc}
	#txtprocediment{text-align: justify; padding:0 12px}
	.corpointropag{}
	
/*Estilizar blocos do projeto arquitectónico*/
	#dvblocproject{border-bottom:2px solid; margin:0 0 50px 0}
	#dvftoprinc-titul{display:grid; column-gap:10px; grid-template-columns:repeat(3, 1fr); 
		grid-template-areas:"ftoprincipal titobasicos titobasicos"
		"ftoprincipal introbloc introbloc"; height:300px;
	}
	#dvftoprinc-titul figure{padding:0; margin:0}
	.figimgprincip{grid-area:ftoprincipal; width:360px; height:300px}
	.figimgprincip img{width:100%; height:100%;}
	.dvtitobasicos{grid-area:titobasicos; width:100%; height:;
		padding:3px;
		background:red}
	.dvintrobloc{grid-area:introbloc; width:100%; padding:3px; height:; 
		background:#eee;}

/**/
	#txtprocediment{font-size: 18px; text-align: justify;}
	.pfases{}
	.pfases span{margin-right: 20px; color:#4f50ce; font-weight: 600; text-decoration: underline #000 dotted;}

/*Procedimentos para PROJETO ARQUITECTÓNICO*/
	.secprocediment{padding:30px 10px 15px 12px}
	.h5procedtitolo{font-weight: 550; color:#b22627; border-left: 3px solid; padding: 0 10px; font-size: 21px}
	.h5procedtitolo p{border-bottom: 1px solid}
	#dvgprocedimentos{display: grid; grid-gap: 35px; grid-template-columns: 1fr; padding-top: 15px}
	#dvgprocedimentos h6{font-weight: 550; font-size: 19px}
	.blocprocediment p{margin: 2px 0; font-size: 17px}

	/**/
	#dvftoprinc-extras{display:grid; column-gap:25px;
		grid-template-columns:repeat(4, 1fr); padding:10px 0}
	.figftoextra{}
	.figftoextra img{height:100%; width:100%}
	/**/
	.figfto2, .figfto3, .figfto4, .figfto5{height:140px;}
	.figfto2 img, .figfto3 img, .figfto4 img, .figfto5 img{height:100%; width:100%}
	/**/
	.figfto2{grid-area:fto2}
	.figfto3{grid-area:fto3}
	.figfto4{grid-area:fto4}
	.figfto5{grid-area:fto5}

/*Sobre a ÁREA DE SOLICITAÇÃO DE PROJETO*/
	#dvfrmsolicit{display: grid; grid-row-gap: 30px; grid-template-columns:1fr; 
		grid-template-areas:"atintro" "formsolicit" "rsociais"; padding:35px 10px;}
		.artintro{grid-area: atintro; border-bottom: 1px dotted #ccc;}
		.artintro h4{color:#b22627; font-weight: 600; font-family: Arial Narow; font-size: 26px}
		.artintro p{font-size: 18px; text-align: justify;}
		/**/
		.artrsociais{grid-area: rsociais}
		.artrsociais h6{color: #4f50ce; font-weight: 550; font-size: 18px}
		.prsocial i{border-radius: 5px; margin-right: 7px; font-size: 18px}
		.ifb, .iedin{color:#4f50ce;}
		.iytube{color:#b22627}
		/**/
		.frmsolicitar{grid-area: formsolicit}
		.frmsolicitar p{}
		.frmsolicitar p input{width: 100%; padding:5px; border-radius: 7px; border:1px inset #ccc;}
		.frmsolicitar p input:focus, .frmsolicitar p textarea:focus{color:#4f50ce; font-weight: 550; font-family: Arial Narow}
		.frmsolicitar p textarea{width: 100%; border-radius: 7px; padding: 5px; line-height: 1.5}
		.frmsolicitar .pbuton{text-align: center;}
		.frmsolicitar .pbuton button{width: 70%; border: none; border-radius: 7px; padding: 3px 0; 
			background:linear-gradient(to right, #4f50ce, #b22627, black); color: #fff; font-size: 18px; transition:0.3s ease-in-out}
		.frmsolicitar .pbuton button:hover{background:linear-gradient(to left, #4f50ce, white); color:#000}	
}