body{font-family: Arial;}
/*DIV FUNDO CENTRAL*/

	#dvgeralfdo{padding:; width: 100%; height: 100%;}
	.corfdocorpo{background:linear-gradient(#b22627 65%, #fff 35%) no-repeat;}
	.corfdoconic-vermelho-branco{background:conic-gradient(#4f50ce 10%, #fff 40%, #b22627 70%);}


@media (min-width:3841px){
	#dvgdivisaointro{display:grid; grid-template-columns: repeat(3, 1fr); column-gap: 35px; padding:35px 0;
		grid-template-areas:"artigointro artigointro introlateral" }

	/*Artigo sobre INTRODUÇÃO DA PÁGINA*/
	.artintropag{grid-area:artigointro; text-align: justify; padding:0 15px 0 0}

	/*Zona Lateral da Intro*/
	.dvintrolateral{grid-area:introlateral; padding: 0 0 0 15px; border-left: solid 1px #ccc;}
	.dvintrolateral video{width: 100%; height: 320px}

/*Área de serviço de ALUGUER DE EQUIPAMENTOS DE CONSTRUÇÃO*/
	.sect-aluguerequiptitulo{border-bottom:solid 1px; margin-top: 35px; }
	.sect-aluguerequiptitulo h5{border-left:solid 5px #b22627; padding:1px 10px; color:#b22627; font-size: 3.5em }
	/**/
	.pintroservic{padding:55px 0 35px 0; font-size:30px}
	#dvgaluguermaterial{display: grid; gap: 35px; grid-template-columns: repeat(8, 1fr); padding:20px 0 55px 0}
	.figequip-aluguer{border-radius:7px; box-shadow:0 2px 7px #4f50ce; height:350px; margin: 0}
	.figequip-aluguer img{width:100%; height:235px; border-radius:5px 5px 0 0}
	.pnomematerial{text-align: center; padding: 20px 5px; color:#4f50ce; font-weight: 550; font-size: 21px; text-transform: uppercase;}


/*Estilizar área dos serviços de BLOCOS*/
	#dvtituloservblocos h4{color: #fff; padding:3px 0; font-weight: 550; font-size:3em; text-shadow: 0 2px 4px #000;}
	#dvgblocosfabrico{display: grid; grid-template-columns: repeat(3, 1fr); padding:15px 0 10px 0; align-content: center; 
		align-items: center; grid-template-areas: "ftobloco describlocos describlocos""ftobloco solicitbloco solicitbloco"}
	.figftobloco{height: 480px; grid-area:ftobloco; padding: 10px; border-radius: 7px; padding: 35px;
		background-image:linear-gradient(to top, #000, transparent), url(../imgs/operadordeblocos.jpg); background-position: center; 
		background-size: cover;}
	.figftobloco img{width: 100%; border-radius:7px; }
	.artdescriblocos{grid-area:describlocos; padding: 10px 0px 10px 30px; text-align: justify; color: #4f50ce; font-size: 32px}
	/*Formulário de informação sobre blocos*/
	.frmsolicitbloco{grid-area: solicitbloco; padding: 10px 0 0 30px}
	.h6frmtitulo{color:#b22627; margin: 0 0 15px 0; font-weight: 600; border-bottom: solid 1px; font-size:25px; 
		text-transform: uppercase; }
	.dvinputs{display: grid; grid-template-columns: 1fr 1fr; gap:25px}
	.dvinputs p{margin: 0}
	.dvinputs p input{width: 100%; padding: 10px 15px; color:#4f50ce}
	.ptxtarea{padding: 15px 0}
	.ptxtarea textarea{width: 100%; padding: 10px 15px; color: #4f50ce}
	.pbtnsolicitar{text-align: center;}
	.pbtnsolicitar button{border: none; background:linear-gradient(to left, #4f50ce, #fff, #b22627); padding:7px 55px; 
		color: #000; font-weight:550; font-size:32px; transition:0.2s ease 0.1s; -webkit-transition:0.2s ease 0.1s; -o-transition:0.2s ease 0.1s; 
		-moz-transition:0.2s ease 0.1s; -ms-transition:0.2s ease 0.1s }
	.pbtnsolicitar button:hover{background:linear-gradient(to right, transparent, red, #4f50ce); color:#fff}
}

@media (min-width:2160px) and (max-width: 3840px){
	#dvgdivisaointro{display:grid; grid-template-columns: repeat(3, 1fr); column-gap: 35px; padding:35px 0;
		grid-template-areas:"artigointro artigointro introlateral" }

	/*Artigo sobre INTRODUÇÃO DA PÁGINA*/
	.artintropag{grid-area:artigointro; text-align: justify; padding:0 15px 0 0}

	/*Zona Lateral da Intro*/
	.dvintrolateral{grid-area:introlateral; padding: 0 0 0 15px; border-left: solid 1px #ccc;}
	.dvintrolateral video{width: 100%; height: 280px}

/*Área de serviço de ALUGUER DE EQUIPAMENTOS DE CONSTRUÇÃO*/
	.sect-aluguerequiptitulo{border-bottom:solid 1px; margin-top: 35px; }
	.sect-aluguerequiptitulo h5{border-left:solid 5px #b22627; padding:1px 10px; color:#b22627; font-size: 2.5em }
	/**/
	.pintroservic{padding:35px 0 15px 0; font-size:30px}
	#dvgaluguermaterial{display: grid; gap: 25px; grid-template-columns: repeat(6, 1fr); padding:10px 0 45px 0}
	.figequip-aluguer{border-radius:5px; box-shadow:0 2px 7px #4f50ce; height:300px; margin: 0}
	.figequip-aluguer img{width:100%; height:200px; border-radius:5px 5px 0 0}
	.pnomematerial{text-align: center; padding: 20px 5px; color:#4f50ce; font-weight: 550; font-size: 18px; text-transform: uppercase;}


/*Estilizar área dos serviços de BLOCOS*/
	#dvtituloservblocos h4{color: #fff; padding:3px 0; font-weight: 550; font-size:3em; text-shadow: 0 2px 4px #000;}
	#dvgblocosfabrico{display: grid; grid-template-columns: repeat(3, 1fr); padding:15px 0 10px 0; align-content: center; 
		align-items: center; grid-template-areas: "ftobloco describlocos describlocos""ftobloco solicitbloco solicitbloco"}
	.figftobloco{height: 420px; grid-area:ftobloco; padding: 10px; border-radius: 7px; padding: 35px;
		background-image:linear-gradient(to top, #000, transparent), url(../imgs/operadordeblocos.jpg); background-position: center; 
		background-size: cover;}
	.figftobloco img{width: 100%; border-radius:7px; }
	.artdescriblocos{grid-area:describlocos; padding: 10px 0px 10px 30px; text-align: justify; color: #4f50ce; font-size: 26px}
	/*Formulário de informação sobre blocos*/
	.frmsolicitbloco{grid-area: solicitbloco; padding: 10px 0 0 30px}
	.h6frmtitulo{color:#b22627; margin: 0 0 15px 0; font-weight: 600; border-bottom: solid 1px; font-size:21px; 
		text-transform: uppercase; }
	.dvinputs{display: grid; grid-template-columns: 1fr 1fr; gap:15px}
	.dvinputs p{margin: 0}
	.dvinputs p input{width: 100%; padding: 5px 10px; color:#4f50ce}
	.ptxtarea{padding: 15px 0}
	.ptxtarea textarea{width: 100%; padding: 5px 10px; color: #4f50ce}
	.pbtnsolicitar{text-align: center;}
	.pbtnsolicitar button{border: none; background:linear-gradient(to left, #4f50ce, #fff, #b22627); padding:7px 55px; 
		color: #000; font-weight:550; font-size:26px; transition:0.2s ease 0.1s; -webkit-transition:0.2s ease 0.1s; -o-transition:0.2s ease 0.1s; 
		-moz-transition:0.2s ease 0.1s; -ms-transition:0.2s ease 0.1s }
	.pbtnsolicitar button:hover{background:linear-gradient(to right, transparent, red, #4f50ce); color:#fff}
}

@media (min-width:1680px) and (max-width: 2159px){
	#dvgdivisaointro{display:grid; grid-template-columns: repeat(3, 1fr); column-gap: 25px; padding:25px 0;
		grid-template-areas:"artigointro artigointro introlateral" }

	/*Artigo sobre INTRODUÇÃO DA PÁGINA*/
	.artintropag{grid-area:artigointro; text-align: justify; padding:0 15px 0 0}

	/*Zona Lateral da Intro*/
	.dvintrolateral{grid-area:introlateral; padding: 0 0 0 15px; border-left: solid 1px #ccc;}
	.dvintrolateral video{width: 100%; height: 220px}

/*Área de serviço de ALUGUER DE EQUIPAMENTOS DE CONSTRUÇÃO*/
	.sect-aluguerequiptitulo{border-bottom:solid 1px; margin-top: 35px; }
	.sect-aluguerequiptitulo h5{border-left:solid 5px #b22627; padding:1px 10px; color:#b22627; font-size: 1.75em }
	/**/
	.pintroservic{padding:35px 0 15px 0; font-size:24px}
	#dvgaluguermaterial{display: grid; gap: 25px; grid-template-columns: repeat(5, 1fr); padding:10px 0 45px 0}
	.figequip-aluguer{border-radius:5px; box-shadow:0 2px 7px #4f50ce; height:270px; margin: 0}
	.figequip-aluguer img{width:100%; height:170px; border-radius:5px 5px 0 0}
	.pnomematerial{text-align: center; padding: 20px 5px; color:#4f50ce; font-weight: 550; font-size: 18px; text-transform: uppercase;}


/*Estilizar área dos serviços de BLOCOS*/
	#dvtituloservblocos h4{color: #fff; padding:3px 0; font-weight: 550; font-size:2em; text-shadow: 0 2px 4px #000;}
	#dvgblocosfabrico{display: grid; grid-template-columns: repeat(3, 1fr); padding:15px 0 10px 0; align-content: center; 
		align-items: center; grid-template-areas: "ftobloco describlocos describlocos""ftobloco solicitbloco solicitbloco"}
	.figftobloco{height: 360px; grid-area:ftobloco; padding: 10px; border-radius: 7px; padding: 35px;
		background-image:linear-gradient(to top, #000, transparent), url(../imgs/operadordeblocos.jpg); background-position: center; 
		background-size: cover;}
	.figftobloco img{width: 100%; border-radius:7px; }
	.artdescriblocos{grid-area:describlocos; padding: 10px 0px 10px 30px; text-align: justify; color: #4f50ce; font-size: 20px}
	/*Formulário de informação sobre blocos*/
	.frmsolicitbloco{grid-area: solicitbloco; padding: 10px 0 0 30px}
	.h6frmtitulo{color:#4f50ce; margin: 0 0 15px 0; font-weight: 600; border-bottom: solid 1px; font-size:18px; 
		text-transform: uppercase; }
	.dvinputs{display: grid; grid-template-columns: 1fr 1fr; gap:15px}
	.dvinputs p{margin: 0}
	.dvinputs p input{width: 100%; padding: 3px 5px; color:#4f50ce}
	.ptxtarea{padding: 15px 0}
	.ptxtarea textarea{width: 100%; padding: 3px 5px; color: #4f50ce}
	.pbtnsolicitar{text-align: center;}
	.pbtnsolicitar button{border: none; background:linear-gradient(to left, #4f50ce, #fff, #b22627); padding:7px 55px; 
		color: #000; font-weight:550; font-size:22px; transition:0.2s ease 0.1s; -webkit-transition:0.2s ease 0.1s; -o-transition:0.2s ease 0.1s; 
		-moz-transition:0.2s ease 0.1s; -ms-transition:0.2s ease 0.1s }
	.pbtnsolicitar button:hover{background:linear-gradient(to right, transparent, red, #4f50ce); color:#fff}
}

@media (min-width:1024px) and (max-width:1679px){
	#dvgdivisaointro{display:grid; grid-template-columns: repeat(3, 1fr); column-gap: 25px; padding:25px 0;
		grid-template-areas:"artigointro artigointro introlateral" }

	/*Artigo sobre INTRODUÇÃO DA PÁGINA*/
	.artintropag{grid-area:artigointro; text-align: justify; padding:0 15px 0 0}

	/*Zona Lateral da Intro*/
	.dvintrolateral{grid-area:introlateral; padding: 0 0 0 15px; border-left: solid 1px #ccc;}
	.dvintrolateral video{width: 100%; height: 150px}

/*Área de serviço de ALUGUER DE EQUIPAMENTOS DE CONSTRUÇÃO*/
	.sect-aluguerequiptitulo{border-bottom:solid 1px; margin-top: 35px; }
	.sect-aluguerequiptitulo h5{border-left:solid 5px #b22627; padding:1px 10px; color:#b22627 }
	/**/
	.pintroservic{padding:35px 0 15px 0; font-size:20px}
	#dvgaluguermaterial{display: grid; gap: 25px; grid-template-columns: repeat(4, 1fr); padding:10px 0 45px 0}
	.figequip-aluguer{border-radius:5px; box-shadow:0 2px 7px #4f50ce; height:260px; margin: 0}
	.figequip-aluguer img{width:100%; height:140px; border-radius:5px 5px 0 0}
	.pnomematerial{text-align: center; padding: 25px 5px; color:#4f50ce; font-weight: 550; font-size: 15px; text-transform: uppercase;}


/*Estilizar área dos serviços de BLOCOS*/
	#dvtituloservblocos h4{color: #fff; padding:3px 0; font-weight: 550; text-shadow: 0 2px 4px #000;}
	#dvgblocosfabrico{display: grid; grid-template-columns: repeat(3, 1fr); padding:15px 0 10px 0; align-content: center; 
		align-items: center; grid-template-areas: "ftobloco describlocos describlocos""ftobloco solicitbloco solicitbloco"}
	.figftobloco{height: 340px; grid-area:ftobloco; padding: 10px; border-radius: 7px; padding: 35px;
		background-image:linear-gradient(to top, #000, transparent), url(../imgs/operadordeblocos.jpg); background-position: center; 
		background-size: cover;}
	.figftobloco img{width: 100%; border-radius:7px; }
	.artdescriblocos{grid-area:describlocos; padding: 10px 0px 10px 30px; text-align: justify; color: #4f50ce}
	/*Formulário de informação sobre blocos*/
	.frmsolicitbloco{grid-area: solicitbloco; padding: 10px 0 0 30px}
	.h6frmtitulo{color:#4f50ce; margin: 0 0 15px 0; font-weight: 600; border-bottom: solid 1px; font-size:14px; 
		text-transform: uppercase; }
	.dvinputs{display: grid; grid-template-columns: 1fr 1fr; gap:15px}
	.dvinputs p{margin: 0}
	.dvinputs p input{width: 100%; padding: 3px 5px; color:#4f50ce}
	.ptxtarea{padding: 15px 0}
	.ptxtarea textarea{width: 100%; padding: 3px 5px; color: #4f50ce}
	.pbtnsolicitar{text-align: center;}
	.pbtnsolicitar button{border: none; background:linear-gradient(to left, #4f50ce, #fff, #b22627); padding:5px 35px; 
		color: #000; font-weight:550; transition:0.2s ease 0.1s; -webkit-transition:0.2s ease 0.1s; -o-transition:0.2s ease 0.1s; 
		-moz-transition:0.2s ease 0.1s; -ms-transition:0.2s ease 0.1s }
	.pbtnsolicitar button:hover{background:linear-gradient(to right, transparent, red, #4f50ce); color:#fff}
}

@media (min-width:1280px) and (max-width:1024px){
}

@media (min-width:768px) and (max-width:1023px){
	#dvgdivisaointro{display:grid; grid-template-columns: repeat(3, 1fr); column-gap: 25px; padding:25px 10px;
		grid-template-areas:"artigointro artigointro introlateral" }

	/*Artigo sobre INTRODUÇÃO DA PÁGINA*/
	.artintropag{grid-area:artigointro; text-align: justify; padding:0 15px 0 0}

	/*Zona Lateral da Intro*/
	.dvintrolateral{grid-area:introlateral; padding: 0 0 0 15px; border-left: solid 1px #ccc;}
	.dvintrolateral video{width: 100%; height: 150px}

/*Área de serviço de ALUGUER DE EQUIPAMENTOS DE CONSTRUÇÃO*/
	.sect-aluguerequiptitulo{border-bottom:solid 1px; margin-top: 35px; }
	.sect-aluguerequiptitulo h5{border-left:solid 5px #b22627; padding:1px 10px; color:#b22627 }
	/**/
	.pintroservic{padding:30px 0 15px 0; font-size:20px}
	#dvgaluguermaterial{display: grid; gap: 25px; grid-template-columns: repeat(4, 1fr); padding:10px 10px 45px 10px}
	.figequip-aluguer{border-radius:5px; box-shadow:0 2px 7px #4f50ce; height:260px; margin: 0}
	.figequip-aluguer img{width:100%; height:140px; border-radius:5px 5px 0 0}
	.pnomematerial{text-align: center; padding: 25px 5px; color:#4f50ce; font-weight: 550; font-size: 15px; text-transform: uppercase;}

/*Estilizar área dos serviços de BLOCOS*/
	#dvtituloservblocos h4{color: #fff; padding:3px 10px; font-weight: 550; text-shadow: 0 2px 4px #000;}
	#dvgblocosfabrico{display: grid; grid-template-columns: repeat(3, 1fr); padding:15px 10px 10px 10px; align-content: center; 
		align-items: center; grid-template-areas: "ftobloco describlocos describlocos""ftobloco solicitbloco solicitbloco"}
	.figftobloco{height: 340px; grid-area:ftobloco; padding: 10px; border-radius: 7px; padding: 35px;
		background-image:linear-gradient(to top, #000, transparent), url(../imgs/operadordeblocos.jpg); background-position: center; 
		background-size: cover;}
	.figftobloco img{width: 100%; border-radius:7px; }
	.artdescriblocos{grid-area:describlocos; padding: 10px 0px 10px 30px; text-align: justify; color: #4f50ce}
	/*Formulário de informação sobre blocos*/
	.frmsolicitbloco{grid-area: solicitbloco; padding: 10px 0 0 30px}
	.h6frmtitulo{color:#4f50ce; margin: 0 0 15px 0; font-weight: 600; border-bottom: solid 1px; font-size:14px; 
		text-transform: uppercase; }
	.dvinputs{display: grid; grid-template-columns: 1fr 1fr; gap:15px}
	.dvinputs p{margin: 0}
	.dvinputs p input{width: 100%; padding: 3px 5px; color:#4f50ce}
	.ptxtarea{padding: 15px 0}
	.ptxtarea textarea{width: 100%; padding: 3px 5px; color: #4f50ce}
	.pbtnsolicitar{text-align: center;}
	.pbtnsolicitar button{border: none; background:linear-gradient(to left, #4f50ce, #fff, #b22627); padding:5px 35px; 
		color: #000; font-weight:550; transition:0.2s ease 0.1s; -webkit-transition:0.2s ease 0.1s; -o-transition:0.2s ease 0.1s; 
		-moz-transition:0.2s ease 0.1s; -ms-transition:0.2s ease 0.1s }
	.pbtnsolicitar button:hover{background:linear-gradient(to right, transparent, red, #4f50ce); color:#fff}
}
	
@media (min-width:480px) and (max-width:767px){
	#dvgdivisaointro{display:grid; grid-template-columns:repeat(2, 1fr) 180px;); column-gap: 25px; padding:25px 10px;
		grid-template-areas:"artigointro artigointro introlateral" }

	/*Artigo sobre INTRODUÇÃO DA PÁGINA*/
	.artintropag{grid-area:artigointro; text-align: justify; padding:0 15px 0 0}

	/*Zona Lateral da Intro*/
	.dvintrolateral{grid-area:introlateral; padding: 0 0 0 10px; border-left: solid 1px #ccc;}
	.dvintrolateral video{width: 100%; height: 150px}

/*Área de serviço de ALUGUER DE EQUIPAMENTOS DE CONSTRUÇÃO*/
	.sect-aluguerequiptitulo{border-bottom:solid 1px; margin-top: 30px; padding: 0 12px}
	.sect-aluguerequiptitulo h5{border-left:solid 5px #b22627; padding:1px 10px; color:#b22627; font-size: 22px }
	/**/
	.pintroservic{padding:30px 10px 15px 10px; font-size:19px}
	#dvgaluguermaterial{display: grid; gap: 25px; grid-template-columns: repeat(3, 1fr); padding:10px 10px 45px 10px}
	.figequip-aluguer{border-radius:5px; box-shadow:0 2px 7px #4f50ce; height:260px; margin: 0}
	.figequip-aluguer img{width:100%; height:140px; border-radius:5px 5px 0 0}
	.pnomematerial{text-align: center; padding: 25px 5px; color:#4f50ce; font-weight: 550; font-size: 15px; text-transform: uppercase;}

/*Estilizar área dos serviços de BLOCOS*/
	#dvtituloservblocos h4{color: #fff; padding:3px 10px; font-weight: 550; text-shadow: 0 2px 4px #000;}
	#dvgblocosfabrico{display: grid; grid-template-columns: repeat(3, 1fr); padding:15px 10px; align-content: center; 
		align-items: center; grid-template-areas: "ftobloco describlocos describlocos""solicitbloco solicitbloco solicitbloco"}
	.figftobloco{height: 260px; grid-area:ftobloco; padding: 10px; border-radius: 7px; 
		background-image:linear-gradient(to top, #000, transparent), url(../imgs/operadordeblocos.jpg); background-position: center; 
		background-size: cover;}
	.figftobloco img{width: 100%; border-radius:7px; }
	.artdescriblocos{grid-area:describlocos; padding: 10px 0px 10px 20px; text-align: justify; color: #4f50ce}
	/*Formulário de informação sobre blocos*/
	.frmsolicitbloco{grid-area: solicitbloco; padding: 10px 0 0 5px}
	.h6frmtitulo{color:#4f50ce; margin: 0 0 15px 0; font-weight: 600; border-bottom: solid 1px; font-size:14px; 
		text-transform: uppercase; }
	.dvinputs{display: grid; grid-template-columns: 1fr 1fr; gap:15px}
	.dvinputs p{margin: 0}
	.dvinputs p input{width: 100%; padding: 3px 5px; color:#4f50ce}
	.ptxtarea{padding: 15px 0}
	.ptxtarea textarea{width: 100%; padding: 3px 5px; color: #4f50ce}
	.pbtnsolicitar{text-align: center;}
	.pbtnsolicitar button{border: none; background:linear-gradient(to left, #4f50ce, #fff, #b22627); padding:5px 35px; 
		color: #000; font-weight:550; transition:0.2s ease 0.1s; -webkit-transition:0.2s ease 0.1s; -o-transition:0.2s ease 0.1s; 
		-moz-transition:0.2s ease 0.1s; -ms-transition:0.2s ease 0.1s }
	.pbtnsolicitar button:hover{background:linear-gradient(to right, transparent, red, #4f50ce); color:#fff}
}

@media (min-width:320px) and (max-width:479px){
	#dvgdivisaointro{display:grid; grid-template-columns:repeat(2, 1fr)); column-gap: 25px; padding:20px 10px;
		grid-template-areas:"artigointro artigointro" "introlateral introlateral" }

	/*Artigo sobre INTRODUÇÃO DA PÁGINA*/
	.artintropag{grid-area:artigointro; text-align: justify; padding:0 15px 0 0}

	/*Zona Lateral da Intro*/
	.dvintrolateral{grid-area:introlateral; padding: 0 5px;}
	.dvintrolateral video{width: 100%; height: 150px}

/*Área de serviço de ALUGUER DE EQUIPAMENTOS DE CONSTRUÇÃO*/
	.sect-aluguerequiptitulo{border-bottom:solid 1px; margin-top: 30px; padding: 0 10px}
	.sect-aluguerequiptitulo h5{border-left:solid 3px #b22627; padding:1px 10px; color:#b22627; font-size: 18px }
	/**/
	.pintroservic{padding:15px 10px 10px; font-size:18px}
	#dvgaluguermaterial{display: grid; gap: 15px; grid-template-columns: repeat(2, 1fr); padding:10px 10px 35px 10px}
	.figequip-aluguer{border-radius:5px; box-shadow:0 2px 7px #4f50ce; height:220px; margin: 0; text-align: center;}
	.figequip-aluguer img{width:90%; height:130px; border-radius:5px 5px 0 0}
	.pnomematerial{text-align: center; padding: 15px 3px; color:#4f50ce; font-weight: 550; font-size: 14px; text-transform: uppercase;}

/*Estilizar área dos serviços de BLOCOS*/
	#dvtituloservblocos h4{color: #fff; padding:3px 10px; font-weight: 550; font-size:19px; text-shadow: 0 2px 4px #000;}
	#dvgblocosfabrico{display: grid; grid-template-columns: repeat(3, 1fr); padding:15px 10px; align-content: center; 
		align-items: center; grid-template-areas: "ftobloco describlocos describlocos""solicitbloco solicitbloco solicitbloco"}
	.figftobloco{height: 240px; grid-area:ftobloco; padding: 10px; border-radius: 7px; 
		background-image:linear-gradient(to top, #000, transparent), url(../imgs/operadordeblocos.jpg); background-position: center; 
		background-size: cover;}
	.figftobloco img{width: 100%; border-radius:7px; }
	.artdescriblocos{grid-area:describlocos; padding: 10px 0px 10px 15px; text-align: justify; color: #4f50ce; font-size: 14px}
	/*Formulário de informação sobre blocos*/
	.frmsolicitbloco{grid-area: solicitbloco; padding: 10px 0 0 5px}
	.h6frmtitulo{color:#4f50ce; margin: 0 0 15px 0; font-weight: 600; border-bottom: solid 1px; font-size:14px; 
		text-transform: uppercase; }
	.dvinputs{display: grid; grid-template-columns: 1fr 1fr; gap:15px}
	.dvinputs p{margin: 0}
	.dvinputs p input{width: 100%; padding: 3px 5px; color:#4f50ce}
	.ptxtarea{padding: 15px 0}
	.ptxtarea textarea{width: 100%; padding: 3px 5px; color: #4f50ce}
	.pbtnsolicitar{text-align: center;}
	.pbtnsolicitar button{border: none; background:linear-gradient(to left, #4f50ce, #fff, #b22627); padding:5px 35px; 
		color: #000; font-weight:550; transition:0.2s ease 0.1s; -webkit-transition:0.2s ease 0.1s; -o-transition:0.2s ease 0.1s; 
		-moz-transition:0.2s ease 0.1s; -ms-transition:0.2s ease 0.1s }
	.pbtnsolicitar button:hover{background:linear-gradient(to right, transparent, red, #4f50ce); color:#fff}
}

@media (min-width:240px) and (max-width:319px){
	#dvgdivisaointro{display:grid; grid-template-columns:repeat(2, 1fr)); column-gap: 25px; padding:20px 10px;
		grid-template-areas:"artigointro artigointro" "introlateral introlateral" }

	/*Artigo sobre INTRODUÇÃO DA PÁGINA*/
	.artintropag{grid-area:artigointro; text-align: justify; padding:0 15px 0 0}

	/*Zona Lateral da Intro*/
	.dvintrolateral{grid-area:introlateral; padding: 0 5px;}
	.dvintrolateral video{width: 100%; height: 150px}

/*Área de serviço de ALUGUER DE EQUIPAMENTOS DE CONSTRUÇÃO*/
	.sect-aluguerequiptitulo{border-bottom:solid 1px; margin-top: 30px; padding: 0 10px}
	.sect-aluguerequiptitulo h5{border-left:solid 3px #b22627; padding:1px 7px; color:#b22627; font-size: 14px }
	/**/
	.pintroservic{padding:15px 10px 10px; font-size:15px; text-align: justify;}
	#dvgaluguermaterial{display: grid; gap: 15px; grid-template-columns: repeat(2, 1fr); padding:10px 10px 30px 10px}
	.figequip-aluguer{border-radius:5px; box-shadow:0 2px 7px #4f50ce; height:200px; margin: 0; text-align: center;}
	.figequip-aluguer img{width:90%; height:130px; border-radius:5px 5px 0 0}
	.pnomematerial{text-align: center; padding: 10px 3px; color:#4f50ce; font-weight: 550; font-size: 12px;}

/*Estilizar área dos serviços de BLOCOS*/
	#dvtituloservblocos h4{color: #fff; padding:3px 10px; font-weight: 550; font-size:19px; text-shadow: 0 2px 4px #000;}
	#dvgblocosfabrico{display: grid; grid-template-columns: repeat(2, 1fr); padding:15px 10px; align-content: center; 
		align-items: center; grid-template-areas: "ftobloco ftobloco" "describlocos describlocos""solicitbloco solicitbloco"}
	.figftobloco{height: 240px; grid-area:ftobloco; padding: 10px; border-radius: 7px; 
		background-image:linear-gradient(to top, #000, transparent), url(../imgs/operadordeblocos.jpg); background-position: center; 
		background-size: cover;}
	.figftobloco img{width: 100%; border-radius:7px; }
	.artdescriblocos{grid-area:describlocos; padding: 10px 0px 10px 0px; text-align: justify; color: #4f50ce; font-size: 14px}
	/*Formulário de informação sobre blocos*/
	.frmsolicitbloco{grid-area: solicitbloco; padding: 10px 0 0 5px}
	.h6frmtitulo{color:#4f50ce; margin: 0 0 15px 0; font-weight: 600; border-bottom: solid 1px; font-size:14px; 
		text-transform: uppercase; }
	.dvinputs{display: grid; grid-template-columns: 1fr; gap:15px}
	.dvinputs p{margin: 0}
	.dvinputs p input{width: 100%; padding: 3px 5px; color:#4f50ce}
	.ptxtarea{padding: 15px 0}
	.ptxtarea textarea{width: 100%; padding: 3px 5px; color: #4f50ce}
	.pbtnsolicitar{text-align: center;}
	.pbtnsolicitar button{border: none; background:linear-gradient(to left, #4f50ce, #fff, #b22627); padding:5px 35px; 
		color: #000; font-weight:550; transition:0.2s ease 0.1s; -webkit-transition:0.2s ease 0.1s; -o-transition:0.2s ease 0.1s; 
		-moz-transition:0.2s ease 0.1s; -ms-transition:0.2s ease 0.1s }
	.pbtnsolicitar button:hover{background:linear-gradient(to right, transparent, red, #4f50ce); color:#fff}
}