/*@font-face {
	font-family: 'codepro';
	src: url('fonts/Code Pro W01 Lowercase.ttf') format('truetype'), url('fonts/Code Pro W01 Lowercase.otf') format('opentype');
}*/

/*padroes
	titulos: 32px e 19px
	textos: 19px e 15px
*/

.video_soft {float: left; width: 80%; margin-left: 10%;border: solid 0px; margin-top: 20px; height:auto;}
.if_video{float: left; width:100%; height:500px;}
.cont_videos{float: left; width: 100%; border: solid 0px; heith: auto; border-color: rgb(92,175,199); padding: 2px 0px 0px 2px;}
.link_video{float: left; width: 19.8%; background-color: rgb(92,175,199); height: 50px; border: solid; border-width: 0px 0px 0px 0px; border-color: white; text-align: center; paddin: 5px; margin: 0.1% 0.1% 0.1% 0.1% ;}
.link_video a{color: white; font-size: 15px; font-family: helvetica; text-decoration: none; }

.div1 {float: left; width: 100%; padding: 80px 40px 80px 40px; border: solid 0px; margin-bottom: 0;}
.div2 {background-color: rgba(0,153,148, 0.5);}
.div_head {margin-top: 100px;}
.div3 {background-color: var(--azul_1);}
.div4 {background-color: rgb(0,48,90);}
.div5 {float: left; width: 80%; border: solid 0px; padding: 0 1% 0 5%; margin-bottom: 0; margin-top:0; color: white; font-family: helvetica; text-align: center; font-size: 17px;}
.divdep1 {float: left; width: 100%; border: solid 0px; padding: 0 1% 0 5%; margin-bottom: 0; margin-top:0; color: white; font-family: helvetica; text-align: center; font-size: 17px;}
.div6{float: left; width: 100%; margin-top: 50px;}
.div_img1{float: left; width: 20%; border: solid 0px; margin-top: 15px; }
.img2{float: left; width: 100%; border: solid 0px; border-radius: 100%;}
.img1{float: left; width: 100%;border: solid 0px;}
.headline{float: left; width: 80%; border: solid 0px;}
.par1 {float: left; width: 100%; font-size: 25px; font-weight: bold; color: #49567A; font-family: helvetica; text-align: center; border: solid 0px;}
.par2 {float: left; width: 80%; position: relative; border-style: none; margin-top: 50px; margin-left: 10%; font-family:helvetica; font-size: 19px; text-align: justify; color:rgb(30,48,66); border: solid 0px;}
.par3 {float: left; width: 80%; position: relative; border-style: none; margin-top: 10px; margin-left: 10%; font-family:helvetica; font-size: 19px; text-align: justify; color:rgb(30,48,66);}
.par4 {text-align: left; margin-left: 12.5%; margin-top: 20px; margin-bottom: 0px; font-size: 11pt; font-family:helvetica; color: #49567A; font-weight: bold;}
.par6 {float: center; width: 90%; position: relative; border-style: none; margin-left: 5%; font-family:helvetica; font-size: 22px; text-align: center; color:rgb(30,48,66); color:rgb(30,48,66); margin-top: 100px;}
.par7 {float: left; width: 100%; font-size: 25px; color: #49567A; font-family: helvetica; text-align: justify; border: solid 0px;}

.div_video{float: left; width: 100%; margin-top: 30px;}
#video {float: left; width: 75%; margin-left: 12.5%; height: 458px; margin-top: 20px;}
.footer{float: left; width: 100%; height: 50px; background-color: black; color: white; text-align: center; padding: 10px; margin-top: 0px;}
.branco {color: white;}

.parhd1 {float: left; width: 90%; margin-top: 15px; font-size: 30px; font-weight: bold; color: #49567A; font-family: helvetica; text-align: left; border: solid 0px; margin-left: 10%;}
.parhd1f{font-size: 40px}

.parhd2{float: left; font-size: 25px; font-weight: 300; color: #49567A; font-family: helvetica; text-align: left; border: solid 0px; margin-left: 15%; width: 85%;}
.quadros{float: left; width: 17.6%; height:185px; border: solid 2px; text-align: center; padding: 20px; font-size: 20px; color: rgb(30,48,66); border-color:rgb(30,48,66); margin-top: 50px;}
.quadros1{float: left; width: 100%; padding: 10px; margin-top: 25px;}
.mg1{margin-left: 3%}
.mg2{margin-top: 0;}
.mg3{margin-left: 0%}
.mg4{margin-right: 0.5%}

.quadros2{float: left; width: 42.5%; height:auto; border: solid 0px; text-align: center; font-size: 18px; color: white; margin-left: 5%; background-color: rgba(0,153,148, 1); border-radius: 10px; padding: 25px;}
.quadros4{float: left; width: 31.33%; min-height:495px; border: solid 0px; text-align: center; padding: 20px; font-size: 17px; color: rgb(30,48,66); border-color:rgb(30,48,66); margin-top: 50px; text-align: justify; background-color: rgba(0,153,148, 0.2); border-radius: 20px;}
.quadros5{float: left; width: 32.66%; min-height:220px; border: solid 0px; text-align: center; padding: 20px; font-size: 15px; color: rgb(30,48,66); border-color:rgb(30,48,66); margin-top: 5px; margin-left: 0.5%; text-align: justify; background-color: rgba(0,153,148, 0.2); }

.logo1{float: left; width: 60%; margin-left: 20%; margin-bottom: 15px; margin-top: 10px;}
.div_oc{float: left; width: 100%; display: none; margin-top: 30px; font-size: 17px; }
.anc:hover{cursor:pointer; }

.videos{float: left; width: 35%; margin-left: 0%; margin-top: 30px; border: solid 1px;}
.videoesq{margin-left: 8%; }
.videodir{margin-left: 14%; }	
.video1{width:100%; height:300px;} 

@media screen and (max-width: 900px) 
{
	.div1{padding: 30px;}
	.div5 {width: 100%; padding: 0; margin-top: 30px; text-align: center;}
	.divdep1 {width: 100%; padding: 0; margin-top: 30px; text-align: center;}
	.par1{font-size: 18px;}
	.par2{font-size: 18px;margin-left: 0%; width: 100%;}
	.par3{font-size: 18px; margin-left: 5%; width: 90%;}
	.par6 {width: 100%; font-size: 18px; margin-left: 0%; text-align: center;}
	.par7{font-size: 18px;}
	
	#video{width: 100%; margin-left: 0%; height: 200px;}

	.parhd1{font-size: 22px; text-align: center; margin-top: 30px; margin-left: 0%; width: 100%}
	.parhd2{font-size: 18px; text-align:justify; margin-top: 30px; margin-left: 0%; width: 100%}
	.parhd1f{font-size: 30px}
	.div_img1{width: 60%; margin-left: 20%; }
	.headline{width: 100%;}

	.mg1{margin-left: 0%}
	.quadros{width: 80%; font-size: 18px; height: auto; margin-left: 10%; margin-top: 30px;}
	.quadros1{margin-top: 0px; padding: 0;}
	.quadros2{width: 100%; margin-left: 0; margin-top: 20px; }
	.quadros4{width: 100%;}
	.quadros5{width:99%;}
		
	.videos{width: 100%;}
	.videoesq{margin-left: 0%; }
	.videodir{margin-left: 0%; }	
	.video1{height:200px;} 
	
	.video_soft {width: 100%; margin-left: 0%;}
	.if_video{height:250px;}
	.link_video{width: 49.6%; margin: 0.2%; height: 70px; font-size: 13px;}

}