@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Signika:300,400,600,700&display=swap');

#row-sect {
	width: 72%;
}

#col-sect h2 {
	font: normal normal bold 34px/1.4em Signika,sans-serif;
	line-height: 1.4em;
	letter-spacing: normal;
	color: #003f6c; /*#D30294*/
	margin-left: 5px;
	text-transform: uppercase;
}

#col-sect1 > div {
	border-top: 1px solid rgba(102, 102, 102, 0.55);
    border-bottom: 1px solid rgba(102, 102, 102, 0.55);
 /*   width: 94%;*/
}

#col-sect1 p {
	font: normal normal normal 16px/1.4em 'Open Sans',sans-serif;
	color: #333333;
	line-height: normal;
	letter-spacing: normal;
	margin-top: 18px;
	margin-bottom: 18px;
	margin-left: 10px;
}

/*##################################### TERCEIRA PARTE ########################################*/
.corpo-img {
	width: 100%;
	height: 258px;
	border: 0px solid rgba(51, 51, 51, 1);
    background-color: rgba(51, 51, 51, 1);
    border-radius: 5px;	
}

.corpo-img1 p {
	font: normal normal normal 16px/1.4em 'Open Sans',sans-serif;
    color: #333333;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 30px;
    margin-left: 10px;
}

/*
#col-sect2 > div > img {
	width: 52%;
    height: auto;
    position: relative;
    left: 24%;
    top: 57px;
}*/


/*##################################### SUBMENU DO RODAPÉ #####################################*/

#col-cad {
	width: 70%;
}

/*##################################### QUERIES ###############################################*/
@media screen and (max-width: 1260px) {
	#row-sect {
		width: 80%;
	}

	#col-cad {
		width: 80%;
	}
}

@media screen and (max-width: 1029px) {
	#row-sect {
		width: 85%;
	}
}

@media screen and (max-width: 992px) {
	#row-sect {
		width: 85%;
	}
}


@media screen and (max-width: 600px) {
	#row-sect3 {
		width: 85%;
	}

	#col-sect2 {
		margin-bottom: 15px
	}

	#col-sect2 > div > img {
		width: 35%;
		left: 33%;
    	top: 47px;
	}
}

@media screen and (max-width: 534px) {
	#col-card-ul > ul > li.nov > a > span {
		position: relative;
		left: -4px;
	}
}

@media screen and (max-width: 510px) {
	#col-card-ul > ul > li.oq {
		position: relative;
		left: -7px;
	}

	#col-card-ul > ul > li.nov > a > span {
		position: relative;
		left: -8px;
	}
}

@media screen and (max-width: 500px) {
	#col-sect2 > div > img {
		top: 64px;
	}

	.corpo-img1 p {
		font-size: 15px;
		margin-bottom: 12px;
		line-height: 22px;
	}
}

@media screen and (max-width: 474px) {
	#col-card-ul > ul {
		margin-left: 0;
	}
	
	.sec-rod ul > li {
		width: 22%;
	}
}

@media screen and (max-width: 450px) {
	.sec-rod ul > li > a {
		font-size: 11px;
	}
}

@media screen and (max-width: 415px) {
	.sec-rod {
		padding-top: 0rem;
	}

	#col-card-ul > ul > li.active {
		width: 14%;
	}

	#col-card-ul > ul > li.oq {
		left: -6px;
	}

	#col-sect2 > div > img {
		width: 40%;
    	left: 30%;
    	top: 65px;
	}

	.corpo-img1 p {
		margin-top: 0;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 400px) {
	.sec-rod ul > li > a {
		font-size: 10px;
	}
}

@media screen and (max-width: 395px) {
	#col-sect h2 {
		font-size: 30px;
	}

	#col-sect1 p {
		font-size: 13px;
	}

	#col-card-ul {
		padding: 0;
	}
}

@media screen and (max-width: 360px) {
	#col-sect2 > div > img {
		top: 74px;
	}
}

@media screen and (max-width: 340px) {
	.sec-rod ul > li > a {
		font-size: 9px;
	}

	#col-sect2 > div > img {
		left: 29%;
		top: 79px;
	}
}

@media screen and (max-width: 320px) {
	#col-card-ul > ul > li.oq {
		left: -4px;
	}

	#col-card-ul > ul > li.nov > a > span {
		left: -6px;
	}

	.corpo-img {
		height: 240px;
	}

	#col-sect2 > div > img {
		left: 29%;
		top: 72px;
	}
}