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

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


@media (min-width:3841px){
	.sect-intropag{padding:35px 0 25px 0}
	/**/
	#dvintropag{display:flex; gap:15px;}
	.dvlinkstop{flex: 500px}
	.artintropag{flex: 855px;}
	.artintropag p{text-align: justify; font-size:32px; font-family: Arial Narow}
	#dvlinks p{margin:2px 0} 
	#dvlinks p a{ font-size: 26px}
	#dvlinks p a:hover{color:#b22627; text-decoration: underline;}
	#dvlinks p i{color:#b22627}

/*Estilizar a ZONA DA ESTRUTURA DA PÁGINA*/
	#dvblocospag{display:grid; column-gap:25px; row-gap:10px; grid-template-columns: 1fr 500px; 
		grid-template-areas:"estagblocs dvslider" "estagblocs socialrede" 
		"estagblocs empreserv" "estagblocs frmsoliecurricular" "estagblocs depoiment"}
	/**/
	.corpestagblocs{grid-area: estagblocs; padding:0 25px 0 0;}
	.dvpesquisa{background:#ccc; padding: 2px 0; width: 100%}
	.dvpesquisa button{border:none; background:none; font-weight: 550; font-size: 30px}
	.dvpesquisa input{border: none; width: 80.5%; padding:2px 5px}
	.pbaixobusca{font-size: 26px; font-style: italic; font-weight:; font-family:Arial Narow}
	/**/
	.stionestudant{margin-top: 45px; font-family:Arial Narow; font-size:15px}
	.figestudantbloc{margin:3px 0 12px 0; border-bottom:1px solid #000;}
	.figestudantbloc img{float: left; width: 155px; height: 182px; clear: both; margin:0 10px 3px 0}
	.fcaptbloc{ font-size: 24px}
	.fcaptbloc p{margin:0}
	.pnamalu{font-weight: 550; color: #4f50ce; font-weight: 600; font-size: 32px}
	.namcurso{}
	.namcurso span{margin-left: 5px; border-left: 1px solid; padding: 0 0 0 7px;}
	.namescola{font-size: 20px}
	.sp-anoestag{border-left: 1px solid; margin-left:8px; padding-left:8px}
	.alink{background:border: none; border-radius:5px; background:linear-gradient(to left, #4f50ce, #b22627, #fff); padding:1px 7px; 
		color: #fff; font-weight:500; font-style: italic; font-size: 21px; 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; margin-left: 12px}
	.alink:hover{background:linear-gradient(to right, transparent, #b22627, #4f50ce); color:#fff;  padding:1px 7px 1px 12px}
	
	/*Sobre o SLIDER A DIREITA*/
	.dvslider{grid-area: dvslider; height:}
	#dvblocos-slider{height:260px; width: 100%}
	.figblocslider{width:100%; height: inherit; position: relative;}
	.figblocslider img{width:inherit; height:100%}
	.figblocslider figcaption{position: absolute; left: 0; bottom: 0; background:rgb(0, 0, 0, 0.3); text-align: center; 
		width: 100%; color: #fff}
	
	/*ícones de REDES SOCIAIS*/
	.socialrede{grid-area: socialrede; height: 50px}
	.socialrede p{text-align: center;}
	.socialrede i{font-size:38px; color:#4f50ce; padding: 5px; border:; transition:0.2s ease 0.3s; -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; margin: 2px 12px}
	.socialrede i:hover{background:#4f50ce; color: #fff; cursor: pointer;}
	.socialrede #bicon-youtube{color: #b22627}
	.socialrede #bicon-youtube:hover{background:#b22627; color: #fff}
	.socialrede h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; font-size: 30px; padding: 1px 5px}
	.socialrede i{font-weight: 550}
	/*Sobre SERVIÇOS*/
	.empservico{grid-area: empreserv; font-family: Arial Narow}
	.empservico h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; font-size: 30px; padding: 2px 5px}
	#dvgparagservic{}
	#dvgparagservic p i{color: #b22627}
	#dvgparagservic p{margin:2px 0; font-size: 25px}
	
	/*Formulário de Solicitação do Estágio Curricular*/
	.dvfrm-solicitecurricular{grid-area:frmsoliecurricular; border: 5px solid #ccc; padding: 4px}
	.dvfrm-solicitecurricular h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}
	.frmsolicitestagcuric{}
	.pinput input{width: 100%; outline: none;}
	.pinput placeholder{font-family: Arial Narow}
	.pselect label{color:#4f50ce; font-style: italic; font-family: Arial Narow}
	.pselect select{width: 100%}
	.pbtn-enviafrm{}
	.pbtn-enviafrm button{border: none; width:100%; background:linear-gradient(to left, #4f50ce, #b22627, #fff); color:#fff; 
		padding:7px 0; font-weight:550; font-size:24px; font-family:Verdana; transition:0.8s }
	.pbtn-enviafrm button:hover{background:#4f50ce}
	/*Depoimentos*/
	.dvdepoiment{grid-area:depoiment;}
	.dvdepoiment h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; font-size: 30px; text-shadow: 0 1px #000}
	/**/
	.dvfrm-solicitecurricular{grid-area:frmsoliecurricular;}

}

@media (min-width:2160px) and (max-width: 3840px){
	.sect-intropag{padding:35px 0 25px 0}
	/**/
	#dvintropag{display:flex; gap:15px;}
	.dvlinkstop{flex: 500px}
	.artintropag{flex: 855px;}
	.artintropag p{text-align: justify; font-size:32px; font-family: Arial Narow}
	#dvlinks p{margin:2px 0} 
	#dvlinks p a{ font-size: 26px}
	#dvlinks p a:hover{color:#b22627; text-decoration: underline;}
	#dvlinks p i{color:#b22627}

/*Estilizar a ZONA DA ESTRUTURA DA PÁGINA*/
	#dvblocospag{display:grid; column-gap:25px; row-gap:10px; grid-template-columns: 1fr 500px; 
		grid-template-areas:"estagblocs dvslider" "estagblocs socialrede" 
		"estagblocs empreserv" "estagblocs frmsoliecurricular" "estagblocs depoiment"}
	/**/
	.corpestagblocs{grid-area: estagblocs; padding:0 25px 0 0;}
	.dvpesquisa{background:#ccc; padding: 2px 0; width: 100%}
	.dvpesquisa button{border:none; background:none; font-weight: 550; font-size: 30px}
	.dvpesquisa input{border: none; width: 80.5%; padding:2px 5px}
	.pbaixobusca{font-size: 26px; font-style: italic; font-weight:; font-family:Arial Narow}
	/**/
	.stionestudant{margin-top: 45px; font-family:Arial Narow; font-size:15px}
	.figestudantbloc{margin:3px 0 12px 0; border-bottom:1px solid #000;}
	.figestudantbloc img{float: left; width: 155px; height: 182px; clear: both; margin:0 10px 3px 0}
	.fcaptbloc{ font-size: 24px}
	.fcaptbloc p{margin:0}
	.pnamalu{font-weight: 550; color: #4f50ce; font-weight: 600; font-size: 32px}
	.namcurso{}
	.namcurso span{margin-left: 5px; border-left: 1px solid; padding: 0 0 0 7px;}
	.namescola{font-size: 20px}
	.sp-anoestag{border-left: 1px solid; margin-left:8px; padding-left:8px}
	.alink{background:border: none; border-radius:5px; background:linear-gradient(to left, #4f50ce, #b22627, #fff); padding:1px 7px; 
		color: #fff; font-weight:500; font-style: italic; font-size: 21px; 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; margin-left: 12px}
	.alink:hover{background:linear-gradient(to right, transparent, #b22627, #4f50ce); color:#fff;  padding:1px 7px 1px 12px}
	
	/*Sobre o SLIDER A DIREITA*/
	.dvslider{grid-area: dvslider; height:}
	#dvblocos-slider{height:260px; width: 100%}
	.figblocslider{width:100%; height: inherit; position: relative;}
	.figblocslider img{width:inherit; height:100%}
	.figblocslider figcaption{position: absolute; left: 0; bottom: 0; background:rgb(0, 0, 0, 0.3); text-align: center; 
		width: 100%; color: #fff}
	
	/*ícones de REDES SOCIAIS*/
	.socialrede{grid-area: socialrede; height: 50px}
	.socialrede p{text-align: center;}
	.socialrede i{font-size:38px; color:#4f50ce; padding: 5px; border:; transition:0.2s ease 0.3s; -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; margin: 2px 12px}
	.socialrede i:hover{background:#4f50ce; color: #fff; cursor: pointer;}
	.socialrede #bicon-youtube{color: #b22627}
	.socialrede #bicon-youtube:hover{background:#b22627; color: #fff}
	.socialrede h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; font-size: 30px; padding: 1px 5px}
	.socialrede i{font-weight: 550}
	/*Sobre SERVIÇOS*/
	.empservico{grid-area: empreserv; font-family: Arial Narow}
	.empservico h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; font-size: 30px; padding: 2px 5px}
	#dvgparagservic{}
	#dvgparagservic p i{color: #b22627}
	#dvgparagservic p{margin:2px 0; font-size: 25px}
	
	/*Formulário de Solicitação de Estágio Curricular*/
	.dvfrm-solicitecurricular{grid-area:frmsoliecurricular; border: 5px solid #ccc; padding: 4px}
	.dvfrm-solicitecurricular h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}
	.frmsolicitestagcuric{}
	.pinput input{width: 100%; outline: none;}
	.pinput placeholder{font-family: Arial Narow}
	.pselect label{color:#4f50ce; font-style: italic; font-family: Arial Narow}
	.pselect select{width: 100%}
	.pbtn-enviafrm{}
	.pbtn-enviafrm button{border: none; width:100%; background:linear-gradient(to left, #4f50ce, #b22627, #fff); color:#fff; 
		padding:3px 0; font-weight:550; font-size:21px; font-family:Verdana; transition:0.8s }
	.pbtn-enviafrm button:hover{background:#4f50ce}
	/*Depoimentos*/
	.dvdepoiment{grid-area:depoiment;}
	.dvdepoiment h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; font-size: 30px; text-shadow: 0 1px #000}
}

@media (min-width:1680px) and (max-width: 2159px){
	.sect-intropag{padding:35px 0 25px 0}
	/**/
	#dvintropag{display:flex; gap:15px;}
	.dvlinkstop{flex: 400px}
	.artintropag{flex: 755px;}
	.artintropag p{text-align: justify; font-size:25px; font-family: Arial Narow}
	#dvlinks p{margin:2px 0} 
	#dvlinks p a{ font-size: 22px}
	#dvlinks p a:hover{color:#b22627; text-decoration: underline;}
	#dvlinks p i{color:#b22627}

/*Estilizar a ZONA DA ESTRUTURA DA PÁGINA*/
	#dvblocospag{display:grid; column-gap:25px; row-gap:10px; grid-template-columns: 1fr 400px; 
		grid-template-areas:"estagblocs dvslider" "estagblocs socialrede" 
		"estagblocs empreserv" "estagblocs frmsoliecurricular" "estagblocs depoiment"}
	/**/
	.corpestagblocs{grid-area: estagblocs; padding:0 25px 0 0;}
	.dvpesquisa{background:#ccc; padding: 2px 0; width: 100%}
	.dvpesquisa button{border:none; background:none; font-weight: 550; font-size: 25px}
	.dvpesquisa input{border: none; width: 80.5%; padding:2px 5px}
	.pbaixobusca{font-size: 20px; font-style: italic; font-weight:; font-family:Arial Narow}
	/**/
	.stionestudant{margin-top: 45px; font-family:Arial Narow; font-size:15px}
	.figestudantbloc{margin:3px 0 12px 0; border-bottom:1px solid #000;}
	.figestudantbloc img{float: left; width: 130px; height: 152px; clear: both; margin:0 10px 3px 0}
	.fcaptbloc{ font-size: 20px}
	.fcaptbloc p{margin:0}
	.pnamalu{font-weight: 550; color: #4f50ce; font-weight: 600; font-size: 25px}
	.namcurso{}
	.namcurso span{margin-left: 5px; border-left: 1px solid; padding: 0 0 0 7px;}
	.namescola{font-size: 20px}
	.sp-anoestag{border-left: 1px solid; margin-left:8px; padding-left:8px}
	.alink{background:border: none; border-radius:5px; background:linear-gradient(to left, #4f50ce, #b22627, #fff); padding:1px 7px; 
		color: #fff; font-weight:500; font-style: italic; font-size: 18px; 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; margin-left: 12px}
	.alink:hover{background:linear-gradient(to right, transparent, #b22627, #4f50ce); color:#fff;  padding:1px 7px 1px 12px}
	
	/*Sobre o SLIDER A DIREITA*/
	.dvslider{grid-area: dvslider; height:}
	#dvblocos-slider{height:200px; width: 100%}
	.figblocslider{width:100%; height: inherit; position: relative;}
	.figblocslider img{width:inherit; height:100%}
	.figblocslider figcaption{position: absolute; left: 0; bottom: 0; background:rgb(0, 0, 0, 0.3); text-align: center; 
		width: 100%; color: #fff}
	
	/*ícones de REDES SOCIAIS*/
	.socialrede{grid-area: socialrede; height: 50px}
	.socialrede p{text-align: center;}
	.socialrede i{font-size:28px; color:#4f50ce; padding: 5px; border:; transition:0.2s ease 0.3s; -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; margin: 2px 12px}
	.socialrede i:hover{background:#4f50ce; color: #fff; cursor: pointer;}
	.socialrede #bicon-youtube{color: #b22627}
	.socialrede #bicon-youtube:hover{background:#b22627; color: #fff}
	.socialrede h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; font-size: 25px; padding: 1px 5px}
	.socialrede i{font-weight: 550}
	/*Sobre SERVIÇOS*/
	.empservico{grid-area: empreserv; font-family: Arial Narow}
	.empservico h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; font-size: 25px; padding: 2px 5px}
	#dvgparagservic{}
	#dvgparagservic p i{color: #b22627}
	#dvgparagservic p{margin:2px 0; font-size: 20px}

	/*Formulário de Solicitação de Estágio Curricular*/
	.dvfrm-solicitecurricular{grid-area:frmsoliecurricular; border: 5px solid #ccc; padding: 4px}
	.dvfrm-solicitecurricular h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}
	.frmsolicitestagcuric{}
	.pinput input{width: 100%; outline: none;}
	.pinput placeholder{font-family: Arial Narow}
	.pselect label{color:#4f50ce; font-style: italic; font-family: Arial Narow}
	.pselect select{width: 100%}
	.pbtn-enviafrm{}
	.pbtn-enviafrm button{border: none; width:100%; background:linear-gradient(to left, #4f50ce, #b22627, #fff); color:#fff; 
		padding:3px 0; font-weight:550; font-size: 18px; font-family:Verdana; transition:0.8s }
	.pbtn-enviafrm button:hover{background:#4f50ce}
	/*Depoimentos*/
	.dvdepoiment{grid-area:depoiment;}
	.dvdepoiment h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; font-size: 25px; text-shadow: 0 1px #000}
}

@media (min-width:1024px) and (max-width:1679px){
	.sect-intropag{padding:20px 0}
	/**/
	#dvintropag{display:flex; gap:15px;}
	.dvlinkstop{flex: 300px}
	.artintropag{flex: 585px}
	#dvlinks p{margin:2px 0}
	#dvlinks p a:hover{color:#b22627; text-decoration: underline;}
	#dvlinks p i{color:#b22627}
	.artintropag p{text-align: justify; font-size:20px; font-family: Arial Narow}

/*Estilizar a ZONA DA ESTRUTURA DA PÁGINA*/
	#dvblocospag{display:grid; column-gap:25px; row-gap:15px; grid-template-columns: 1fr 300px; 
		grid-template-areas:"estagblocs dvslider" "estagblocs socialrede" 
		"estagblocs empreserv" "estagblocs frmsoliecurricular" "estagblocs depoiment"}
	/**/
	.corpestagblocs{grid-area: estagblocs; padding:0 25px 0 0;}
	.dvpesquisa{background:#ccc; padding: 2px 0; width: 100%}
	.dvpesquisa button{border:none; background:none; font-weight: 550}
	.dvpesquisa input{border: none; width: 82.5%; padding:2px 5px}
	.pbaixobusca{font-size: 14px; font-style: italic; font-weight:; font-family:Arial Narow}
	/**/
	.stionestudant{margin-top: 45px; font-family:Arial Narow; font-size:15px}
	.figestudantbloc{margin:3px 0 12px 0; border-bottom:1px solid #000;}
	.figestudantbloc img{float: left; width: 100px; height: 122px; clear: both; margin:0 10px 3px 0}
	.fcaptbloc{}
	.fcaptbloc p{margin:0}
	.pnamalu{font-weight: 550; color: #4f50ce; font-weight: 600; font-size: 18px}
	.namcurso span{margin-left: 5px; border-left: 1px solid; padding: 0 0 0 7px}
	.sp-anoestag{border-left: 1px solid; margin-left:8px; padding-left:8px}
	.alink{background:border: none; border-radius:5px; background:linear-gradient(to left, #4f50ce, #b22627, #fff); padding:1px 7px; 
		color: #fff; font-weight:500; font-style: italic; font-size: 14px; 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; margin-left: 12px}
	.alink:hover{background:linear-gradient(to right, transparent, #b22627, #4f50ce); color:#fff;  padding:1px 7px 1px 12px}
	
	/*Sobre o SLIDER A DIREITA*/
	.dvslider{grid-area: dvslider; height:140px; margin-bottom: 35px}
	#dvblocos-slider{height:170px; width: 100%}
	.figblocslider{width:100%; height: inherit; position: relative;}
	.figblocslider img{width:inherit; height:100%}
	.figblocslider figcaption{position: absolute; left: 0; bottom: 0; background:rgb(0, 0, 0, 0.3); text-align: center; 
		width: 100%; color: #fff}
	
	/*ícones de REDES SOCIAIS*/
	.socialrede{grid-area: socialrede;}
	.socialrede p{text-align: center;}
	.socialrede i{font-size: 18px; color:#4f50ce; padding: 5px; border:; transition:0.2s ease 0.3s; -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;}
	.socialrede i:hover{background:#4f50ce; color: #fff; cursor: pointer;}
	.socialrede #bicon-youtube{color: #b22627}
	.socialrede #bicon-youtube:hover{background:#b22627; color: #fff}
	.socialrede h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; padding: 1px 5px}
	.socialrede i{font-weight: 550}
	/*Sobre SERVIÇOS*/
	.empservico{grid-area: empreserv; font-family: Arial Narow}
	.empservico h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; font-size: 18px; 
		padding: 2px 5px}
	#dvgparagservic{}
	#dvgparagservic p i{color: #b22627}
	#dvgparagservic p{margin:2px 0}
/*Formulário de Solicitação de Estágio Curricular*/
	.dvfrm-solicitecurricular{grid-area:frmsoliecurricular; border: 5px solid #ccc; padding: 4px}
	.dvfrm-solicitecurricular h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}
	.frmsolicitestagcuric{}
	.pinput input{width: 100%; outline: none;}
	.pinput placeholder{font-family: Arial Narow}
	.pselect label{color:#4f50ce; font-style: italic; font-family: Arial Narow}
	.pselect select{width: 100%}
	.pbtn-enviafrm{}
	.pbtn-enviafrm button{border: none; width:100%; background:linear-gradient(to left, #4f50ce, #b22627, #fff); color:#fff; 
		padding:3px 0; font-weight:550; font-family:Verdana; transition:0.8s }
	.pbtn-enviafrm button:hover{background:#4f50ce}
	/*Depoimentos*/
	.dvdepoiment{grid-area:depoiment;}
	.dvdepoiment h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}
}

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

@media (min-width:768px) and (max-width:1023px){
	.sect-intropag{padding:35px 0 25px 0}
	/**/
	#dvintropag{display:flex; gap:15px;}
	.dvlinkstop{flex: 300px}
	.artintropag{flex: 585px}
	#dvlinks p{margin:2px 0}
	#dvlinks p a:hover{color:#b22627; text-decoration: underline;}
	#dvlinks p i{color:#b22627}
	.artintropag p{text-align: justify; font-size:20px; font-family: Arial Narow}

/*Estilizar a ZONA DA ESTRUTURA DA PÁGINA*/
	#dvblocospag{display:grid; column-gap:15px; row-gap:10px; grid-template-columns: 1fr 300px; 
		grid-template-areas:"estagblocs dvslider" "estagblocs socialrede" 
		"estagblocs empreserv" "estagblocs frmsoliecurricular" "estagblocs depoiment"}
	/**/
	.corpestagblocs{grid-area: estagblocs; padding:0 25px 0 0;}
	.dvpesquisa{background:#ccc; padding: 2px 0; width: 100%}
	.dvpesquisa button{border:none; background:none; font-weight: 550}
	.dvpesquisa input{border: none; width: 76.5%; padding:2px 5px}
	.pbaixobusca{font-size: 14px; font-style: italic; font-weight:; font-family:Arial Narow}
	/*Blocos da Relação de STAGIANTES*/
	.stionestudant{margin-top: 45px; font-family:Arial Narow; font-size:15px}
	.figestudantbloc{margin:3px 0 12px 0; border-bottom:1px solid #000;}
	.figestudantbloc img{float: left; width: 100px; height: 122px; clear: both; margin:0 10px 3px 0}
	.fcaptbloc{}
	.fcaptbloc p{margin:0}
	.pnamalu{font-weight: 550; color: #4f50ce; font-weight: 600; font-size: 18px}
	.namcurso span{margin-left: 5px; border-left: 1px solid; padding: 0 0 0 7px}
	.sp-anoestag{border-left: 1px solid; margin-left:8px; padding-left:8px}
	.alink{background:border: none; border-radius:5px; background:linear-gradient(to left, #4f50ce, #b22627, #fff); padding:1px 7px; 
		color: #fff; font-weight:500; font-style: italic; font-size: 14px; 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; margin-left: 12px}
	.alink:hover{background:linear-gradient(to right, transparent, #b22627, #4f50ce); color:#fff;  padding:1px 7px 1px 12px}
	
	/*Sobre o SLIDER A DIREITA*/
	.dvslider{grid-area: dvslider; height:140px}
	#dvblocos-slider{height:170px; width: 100%}
	.figblocslider{width:100%; height: inherit; position: relative;}
	.figblocslider img{width:inherit; height:100%}
	.figblocslider figcaption{position: absolute; left: 0; bottom: 0; background:rgb(0, 0, 0, 0.3); text-align: center; 
		width: 100%; color: #fff}
	
	/*ícones de REDES SOCIAIS*/
	.socialrede{grid-area: socialrede;}
	.socialrede p{text-align: center;}
	.socialrede i{font-size: 18px; color:#4f50ce; padding: 5px; border:; transition:0.2s ease 0.3s; -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;}
	.socialrede i:hover{background:#4f50ce; color: #fff; cursor: pointer;}
	.socialrede #bicon-youtube{color: #b22627}
	.socialrede #bicon-youtube:hover{background:#b22627; color: #fff}
	.socialrede h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; padding: 1px 5px}
	.socialrede i{font-weight: 550}
	/*Sobre SERVIÇOS*/
	.empservico{grid-area: empreserv; font-family: Arial Narow}
	.empservico h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; padding: 2px 5px}
	#dvgparagservic{}
	#dvgparagservic p i{color: #b22627}
	#dvgparagservic p{margin:2px 0}
	
	/*Formulário de Solicitação de Estágio Curricular*/
	.dvfrm-solicitecurricular{grid-area:frmsoliecurricular; border: 5px solid #ccc; padding: 4px}
	.dvfrm-solicitecurricular h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}
	.frmsolicitestagcuric{}
	.pinput input{width: 100%; outline: none;}
	.pinput placeholder{font-family: Arial Narow}
	.pselect label{color:#4f50ce; font-style: italic; font-family: Arial Narow}
	.pselect select{width: 100%}
	.pbtn-enviafrm{}
	.pbtn-enviafrm button{border: none; width:100%; background:linear-gradient(to left, #4f50ce, #b22627, #fff); color:#fff; 
		padding:3px 0; font-weight:550; font-family:Verdana; transition:0.8s }
	.pbtn-enviafrm button:hover{background:#4f50ce}
	/*Depoimentos*/
	.dvdepoiment{grid-area:depoiment;}
	.dvdepoiment h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}	
}
	
@media (min-width:480px) and (max-width:767px){
	.sect-intropag{padding:35px 0 25px 0}
	/**/
	#dvintropag{display:flex; row-gap: 15px; flex-wrap: wrap; padding:0 15px}
	.dvlinkstop{flex: 300px}
	.artintropag{flex: 585px}
	#dvlinks p{margin:2px 0}
	#dvlinks p a:hover{color:#b22627; text-decoration: underline;}
	#dvlinks p i{color:#b22627}
	.artintropag p{text-align: justify; font-size:20px; font-family: Arial Narow}

/*Estilizar a ZONA DA ESTRUTURA DA PÁGINA*/
	#dvblocospag{display:grid; row-gap:15px; grid-template-columns: 1fr 1fr; padding: 0 15px; 
		grid-template-areas:
		"dvslider dvslider" 
		"socialrede socialrede"
		"empreserv empreserv" 
		"estagblocs estagblocs"
		"frmsoliecurricular frmsoliecurricular"
		"depoiment depoiment"}
	/**/
	.corpestagblocs{grid-area: estagblocs; padding:0 25px 0 0;}
	.dvpesquisa{background:#ccc; padding: 2px 0; width: 100%}
	.dvpesquisa button{border:none; background:none; font-weight: 550}
	.dvpesquisa input{border: none; width: 76.5%; padding:2px 5px}
	.pbaixobusca{font-size: 14px; font-style: italic; font-weight:; font-family:Arial Narow}
	/*Blocos da Relação de STAGIANTES*/
	.stionestudant{margin-top: 45px; font-family:Arial Narow; font-size:15px}
	.figestudantbloc{margin:3px 0 12px 0; border-bottom:1px solid #000;}
	.figestudantbloc img{float: left; width: 100px; height: 122px; clear: both; margin:0 10px 3px 0}
	.fcaptbloc{}
	.fcaptbloc p{margin:0}
	.pnamalu{font-weight: 550; color: #4f50ce; font-weight: 600; font-size: 18px}
	.namcurso span{margin-left: 5px; border-left: 1px solid; padding: 0 0 0 7px}
	.sp-anoestag{border-left: 1px solid; margin-left:8px; padding-left:8px}
	.alink{background:border: none; border-radius:5px; background:linear-gradient(to left, #4f50ce, #b22627, #fff); padding:1px 7px; 
		color: #fff; font-weight:500; font-style: italic; font-size: 14px; 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; margin-left: 12px}
	.alink:hover{background:linear-gradient(to right, transparent, #b22627, #4f50ce); color:#fff;  padding:1px 7px 1px 12px}
	
	/*Sobre o SLIDER A DIREITA*/
	.dvslider{grid-area: dvslider; height:}
	#dvblocos-slider{height:170px; width: 100%}
	.figblocslider{width:100%; height: inherit; position: relative;}
	.figblocslider img{width:inherit; height:100%}
	.figblocslider figcaption{position: absolute; left: 0; bottom: 0; background:rgb(0, 0, 0, 0.3); text-align: center; 
		width: 100%; color: #fff}
	
	/*ícones de REDES SOCIAIS*/
	.socialrede{grid-area: socialrede;}
	.socialrede p{text-align: center;}
	.socialrede i{font-size: 18px; color:#4f50ce; padding: 5px; border:; transition:0.2s ease 0.3s; -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;}
	.socialrede i:hover{background:#4f50ce; color: #fff; cursor: pointer;}
	.socialrede #bicon-youtube{color: #b22627}
	.socialrede #bicon-youtube:hover{background:#b22627; color: #fff}
	.socialrede h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; padding: 1px 5px}
	.socialrede i{font-weight: 550}
	/*Sobre SERVIÇOS*/
	.empservico{grid-area: empreserv; font-family: Arial Narow}
	.empservico h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; padding: 2px 5px}
	#dvgparagservic{}
	#dvgparagservic p i{color: #b22627}
	#dvgparagservic p{margin:2px 0}
	
	/*Formulário de Solicitação de Estágio Curricular*/
	.dvfrm-solicitecurricular{grid-area:frmsoliecurricular; border: 5px solid #ccc; padding: 4px}
	.dvfrm-solicitecurricular h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}
	.frmsolicitestagcuric{}
	.pinput input{width: 100%; outline: none;}
	.pinput placeholder{font-family: Arial Narow}
	.pselect label{color:#4f50ce; font-style: italic; font-family: Arial Narow}
	.pselect select{width: 100%}
	.pbtn-enviafrm{}
	.pbtn-enviafrm button{border: none; width:100%; background:linear-gradient(to left, #4f50ce, #b22627, #fff); color:#fff; 
		padding:3px 0; font-weight:550; font-family:Verdana; transition:0.8s }
	.pbtn-enviafrm button:hover{background:#4f50ce}
	/*Depoimentos*/
	.dvdepoiment{grid-area:depoiment;}
	.dvdepoiment h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}	
}

@media (min-width:320px) and (max-width:479px){
	.sect-intropag{padding:35px 0 25px 0}
	/**/
	#dvintropag{display:flex; row-gap: 15px; flex-wrap: wrap; padding:0 15px}
	.dvlinkstop{flex: 100%}
	.artintropag{flex: 100%}
	#dvlinks p{margin:2px 0}
	#dvlinks p a:hover{color:#b22627; text-decoration: underline;}
	#dvlinks p i{color:#b22627}
	.artintropag p{text-align: justify; font-size:20px; font-family: Arial Narow}

/*Estilizar a ZONA DA ESTRUTURA DA PÁGINA*/
	#dvblocospag{display:grid; row-gap:15px; grid-template-columns: 1fr 1fr; padding: 0 15px; 
		grid-template-areas:
		"dvslider dvslider" 
		"socialrede socialrede"
		"empreserv empreserv" 
		"estagblocs estagblocs"
		"frmsoliecurricular frmsoliecurricular"
		"depoiment depoiment"}
	/**/
	.corpestagblocs{grid-area: estagblocs; padding:0 25px 0 0;}
	.dvpesquisa{background:#ccc; padding: 2px 0; width: 100%}
	.dvpesquisa button{border:none; background:none; font-weight: 550}
	.dvpesquisa input{border: none; width: 65.5%; padding:2px 5px}
	.pbaixobusca{font-size: 14px; font-style: italic; font-weight:; font-family:Arial Narow}
	/*Blocos da Relação de STAGIANTES*/
	.stionestudant{margin-top: 45px; font-family:Arial Narow; font-size:15px}
	.figestudantbloc{margin:3px 0 12px 0; border-bottom:1px solid #000;}
	.figestudantbloc img{float: left; width: 85px; height: 95px; clear: both; margin:0 10px 3px 0}
	.fcaptbloc{}
	.fcaptbloc p{margin:0}
	.pnamalu{font-weight: 550; color: #4f50ce; font-weight: 600; font-size: 18px}
	.namcurso span{margin-left: 5px; border-left: 1px solid; padding: 0 0 0 7px}
	.sp-anoestag{border-left: 1px solid; margin-left:8px; padding-left:8px}
	.alink{background:border: none; border-radius:5px; background:linear-gradient(to left, #4f50ce, #b22627, #fff); padding:1px 7px; 
		color: #fff; font-weight:500; font-style: italic; font-size: 14px; 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; margin-left: 12px}
	.alink:hover{background:linear-gradient(to right, transparent, #b22627, #4f50ce); color:#fff;  padding:1px 7px 1px 12px}
	
	/*Sobre o SLIDER A DIREITA*/
	.dvslider{grid-area: dvslider; height:}
	#dvblocos-slider{height:170px; width: 100%}
	.figblocslider{width:100%; height: inherit; position: relative;}
	.figblocslider img{width:inherit; height:100%}
	.figblocslider figcaption{position: absolute; left: 0; bottom: 0; background:rgb(0, 0, 0, 0.3); text-align: center; 
		width: 100%; color: #fff}
	
	/*ícones de REDES SOCIAIS*/
	.socialrede{grid-area: socialrede;}
	.socialrede p{text-align: center;}
	.socialrede i{font-size: 18px; color:#4f50ce; padding: 5px; border:; transition:0.2s ease 0.3s; -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;}
	.socialrede i:hover{background:#4f50ce; color: #fff; cursor: pointer;}
	.socialrede #bicon-youtube{color: #b22627}
	.socialrede #bicon-youtube:hover{background:#b22627; color: #fff}
	.socialrede h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; padding: 1px 5px}
	.socialrede i{font-weight: 550}
	/*Sobre SERVIÇOS*/
	.empservico{grid-area: empreserv; font-family: Arial Narow}
	.empservico h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; padding: 2px 5px}
	#dvgparagservic{}
	#dvgparagservic p i{color: #b22627}
	#dvgparagservic p{margin:2px 0}
	
	/*Formulário de Solicitação de Estágio Curricular*/
	.dvfrm-solicitecurricular{grid-area:frmsoliecurricular; border: 5px solid #ccc; padding: 4px}
	.dvfrm-solicitecurricular h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}
	.frmsolicitestagcuric{}
	.pinput input{width: 100%; outline: none;}
	.pinput placeholder{font-family: Arial Narow}
	.pselect label{color:#4f50ce; font-style: italic; font-family: Arial Narow}
	.pselect select{width: 100%}
	.pbtn-enviafrm{}
	.pbtn-enviafrm button{border: none; width:100%; background:linear-gradient(to left, #4f50ce, #b22627, #fff); color:#fff; 
		padding:3px 0; font-weight:550; font-family:Verdana; transition:0.8s }
	.pbtn-enviafrm button:hover{background:#4f50ce}
	/*Depoimentos*/
	.dvdepoiment{grid-area:depoiment;}
	.dvdepoiment h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}	
}

@media (min-width:240px) and (max-width:319px){
	.sect-intropag{padding:35px 0 25px 0}
	/**/
	#dvintropag{display:flex; row-gap: 15px; flex-wrap: wrap; padding:0 15px}
	.dvlinkstop{flex: 100%}
	.artintropag{flex: 100%}
	#dvlinks p{margin:2px 0}
	#dvlinks p a:hover{color:#b22627; text-decoration: underline;}
	#dvlinks p i{color:#b22627}
	.artintropag p{text-align: justify; font-size:20px; font-family: Arial Narow}

/*Estilizar a ZONA DA ESTRUTURA DA PÁGINA*/
	#dvblocospag{display:grid; row-gap:15px; grid-template-columns: 1fr 1fr; padding: 0 15px; 
		grid-template-areas:
		"dvslider dvslider" 
		"socialrede socialrede"
		"empreserv empreserv" 
		"estagblocs estagblocs"
		"frmsoliecurricular frmsoliecurricular"
		"depoiment depoiment"}
	/**/
	.corpestagblocs{grid-area: estagblocs; padding:0 25px 0 0;}
	.dvpesquisa{background:#ccc; padding: 2px 0; width: 100%}
	.dvpesquisa button{border:none; background:none; font-weight: 550}
	.dvpesquisa input{border: none; width: 100%; padding:2px 5px}
	.pbaixobusca{font-size: 14px; font-style: italic; font-weight:; font-family:Arial Narow}
	/*Blocos da Relação de STAGIANTES*/
	.stionestudant{margin-top: 45px; font-family:Arial Narow; font-size:15px}
	.figestudantbloc{margin:3px 0 12px 0; border-bottom:1px solid #000;}
	.figestudantbloc img{float: left; width: 95px; height: 110px; clear: both; margin:0 10px 3px 0}
	.fcaptbloc{}
	.fcaptbloc p{margin:0}
	.pnamalu{font-weight: 550; color: #4f50ce; font-weight: 600; font-size: 16px}
	.namcurso span{margin-left: 5px; border-left: 1px solid; padding: 0 0 0 7px}
	.sp-anoestag{border-left: 1px solid; margin-left:8px; padding-left:8px}
	.alink{background:border: none; border-radius:5px; background:linear-gradient(to left, #4f50ce, #b22627, #fff); padding:1px 7px; 
		color: #fff; font-weight:500; font-style: italic; font-size: 14px; 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; margin-left: 12px}
	.alink:hover{background:linear-gradient(to right, transparent, #b22627, #4f50ce); color:#fff;  padding:1px 7px 1px 12px}
	
	/*Sobre o SLIDER A DIREITA*/
	.dvslider{grid-area: dvslider; height:}
	#dvblocos-slider{height:170px; width: 100%}
	.figblocslider{width:100%; height: inherit; position: relative;}
	.figblocslider img{width:inherit; height:100%}
	.figblocslider figcaption{position: absolute; left: 0; bottom: 0; background:rgb(0, 0, 0, 0.3); text-align: center; 
		width: 100%; color: #fff}
	
	/*ícones de REDES SOCIAIS*/
	.socialrede{grid-area: socialrede;}
	.socialrede p{text-align: center;}
	.socialrede i{font-size: 18px; color:#4f50ce; padding: 5px; border:; transition:0.2s ease 0.3s; -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;}
	.socialrede i:hover{background:#4f50ce; color: #fff; cursor: pointer;}
	.socialrede #bicon-youtube{color: #b22627}
	.socialrede #bicon-youtube:hover{background:#b22627; color: #fff}
	.socialrede h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; padding: 1px 5px}
	.socialrede i{font-weight: 550}
	/*Sobre SERVIÇOS*/
	.empservico{grid-area: empreserv; font-family: Arial Narow}
	.empservico h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550; padding: 2px 5px}
	#dvgparagservic{}
	#dvgparagservic p i{color: #b22627}
	#dvgparagservic p{margin:2px 0}
	
	/*Formulário de Solicitação de Estágio Curricular*/
	.dvfrm-solicitecurricular{grid-area:frmsoliecurricular; border: 5px solid #ccc; padding: 4px}
	.dvfrm-solicitecurricular h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}
	.frmsolicitestagcuric{}
	.pinput input{width: 100%; outline: none;}
	.pinput placeholder{font-family: Arial Narow}
	.pselect label{color:#4f50ce; font-style: italic; font-family: Arial Narow}
	.pselect select{width: 100%}
	.pbtn-enviafrm{}
	.pbtn-enviafrm button{border: none; width:100%; background:linear-gradient(to left, #4f50ce, #b22627, #fff); color:#fff; 
		padding:3px 0; font-weight:550; font-family:Verdana; transition:0.8s }
	.pbtn-enviafrm button:hover{background:#4f50ce}
	/*Depoimentos*/
	.dvdepoiment{grid-area:depoiment;}
	.dvdepoiment h6{color:#fff; background:conic-gradient(#4f50ce, #fff 30%, #4f50ce); font-weight: 550;
		padding: 1px 3px; font-family: Arial Narow; text-shadow: 0 1px #000}	
}