@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;
}

#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 14px/1.4em 'Open Sans',sans-serif;
	color: #333333;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 30px;
	margin-left: 10px;
}

#col-sect2 {
	margin-top: 35px;
}

#col-sect2 img {
	border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
}

/*##################################### TERCEIRA PARTE ########################################*/
#col-sect3 > div > h6 {
	font: normal normal bold 18px/1.4em 'Open Sans',sans-serif;
	color: #003f6c; /*#D30294*/
	line-height: 1.4em;
	letter-spacing: normal;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.minborda {
	margin-top: 80px;
	margin-left: -15px;
	border-top: 1px solid rgba(102, 102, 102, 0.55);
}

#col-sect3 p {
	font: normal normal normal 14px/1.4em 'Open Sans',sans-serif;
    color: #333333;
	line-height: normal;
    letter-spacing: normal;
    margin-top: 2px;
    margin-bottom: 2px;
}
.col-sect5 {

	border: 0px solid rgba(51, 51, 51, 1);
    background-color: rgba(51, 51, 51, 1);
    border-radius: 5px;
 	height: 296px;
 	width: 100%;
    float: right;
}

#col-sect4 h6 {
	font: normal normal bold 18px/1.4em 'Open Sans',sans-serif;
	line-height: 1.4em;
	letter-spacing: normal;
	color: #d30294;
	text-transform: uppercase;
	position: relative;
    top: 24px; 
}

#col-sect4 h6 > span {
	position: relative;
	left: 20px;
}

#col-sect4 > div > a {
	font: normal normal normal 16px/1.4em 'Open Sans',sans-serif;
	left: 20px;
    position: relative;
    top: 202px;
    height: 40px;
    min-height: 22px;
    width: 85.5%;
    border-radius: 5px;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    background: rgba(0, 63, 108, .8) url(../img/shiny1button_bg.png) 50% 50% repeat-x;
    border: solid rgba(0, 0, 0, 1) 0px;
}/*(211, 2, 148, 1) - (21, 92, 60, 48)*/

#col-sect4 > div > a > span {
    position: relative;
    top: 8px;
}

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

#col-cad {
	width: 70%;
}

/*##################################### QUERIES ###############################################*/
/*@media screen and (max-width: 1315px) {
	#col-sect1 > div {
		width: 97%;
	}
}

@media screen and (max-width: 1300px) {
	#col-sect1 > div {
		width: 99%;
	}
}

@media screen and (max-width: 1290px) {
	#col-sect1 > div {
		width: 99%;
	}
}*/

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

	#row-sect2 {
		width: 80%;
	}

	#col-cad {
		width: 80%;
	}
}
/*
@media screen and (max-width: 1105px) {
	#col-sect4 {
		height: 300px;
    	width: 280px;
	}

	#col-sect4 > a {
		width: 245px;
		top: 205px;
	}
}

@media screen and (max-width: 1066px) {
	#col-sect4 {
		height: 295px;
    	width: 270px;
	}

	#col-sect4 > a {
		width: 234px;
    	top: 198px;
	}
}
*/
@media screen and (max-width: 1029px) {
	#row-sect {
		width: 85%;
	}

	#row-sect2 {
		width: 85%;
	}
}

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

	.minborda {
		margin-right: 8px;
	}
}

@media screen and (max-width: 767px) {
	.col-sect5 {
		height: 280px;
	}

	#col-sect4 > div > a {
		left: 7.5%;
		top: 187px;
	}
}
/*
@media screen and (max-width: 790px) {
	#col-sect4 {
		height: 248px;
    	width: 238px;
	}

	#col-sect4 > a {
		width: 205px;
		height: 37px;
    	top: 158px;
    	font-size: 14px;
	}
}

@media screen and (max-width: 672px) {
	#col-sect4 {
		height: 232px;
    	width: 225px;
	}

	#col-sect4 > a {
		width: 190px;
		top: 145px;
	}
}

@media screen and (max-width: 636px) {
	#col-sect4 {
    	height: 210px;
    	width: 200px;
	}

	#col-sect4 > a {
    	width: 166px;
    	top: 125px;
    	height: 32px;
	}

	#col-sect4 > a {
		font-size: 12px;
	}
}*/

@media screen and (max-width: 600px) {
	#col-sect4 {
		position: relative;
		top: 20px;
	}

	.minborda {
		margin-top: 70px;
	}
}

@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: 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: 414px) {
	#col-sect2 {
    	margin-top: 25px;
	}

	.sec-rod {
		padding-top: 0rem;
	}

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

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

@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: 340px) {
	.sec-rod ul > li > a {
		font-size: 9px;
	}
}

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

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

	.col-sect5 {
		height: 245px;
	}

	#col-sect4 > div > a {
		left: 7.5%;
    	top: 155px;
    	height: 36px;
    	font-size: 15px;
	}

	#col-sect4 > div > a > span {
		position: relative;
    	top: 7px;
    	font-size: 14px;
	}
}