/* CSS Document */
*{
	margin: 0;
	padding: 0;
	border:0;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body {font-family: Arial, Helvetica, sans-serif;}


body{
	background-color:#ffffff;
}
#conteiner{
	float:left;
	width:85%;
	height:auto;
	padding:0 5% 5% 10%;
	/*background-color:#9F3;*/
}
	#central_conteiner{
		float:left;
		width:63%;
		height:auto;
		padding: 0 2%;
		/*background-color:#CCC;*/
	}
		#central_conteiner p{			
			font-family: 'Halant', serif;
			font-size:20px;
			line-height:35px;
			color:#000;
		}
		.link{
			text-decoration:none;
			color:#03F;
			font-weight:bold;
		}
		#central_conteiner h1{
			font-family: 'Halant', serif;
			font-size:35px;
			line-height:45px;
			margin-left:40px;
			color:#041E42;
		}
		#central_conteiner h3{
			font-family: 'Halant', serif;
			font-size:25px;
			line-height:45px;
			margin-left:40px;
			color:#041E42;
		}
		#central_conteiner h4{
			font-family: 'Halant', serif;
			font-size:25px;
			line-height:25px;
			font-weight:bold;
			color:#cf0b3f;
			margin:25px 0;
		}
		#central_conteiner h5{
			font-family: 'Halant', serif;
			font-size:22px;
			line-height:25px;
			font-weight:bold;
			color:#333;
			margin:25px 0;
		}
		#central_conteiner ul{
			font-family: 'Halant', serif;
			font-size:20px;
			line-height:35px;
			color:#000;
			margin-left:50px;
		}
		#central_conteiner ol {
			list-style-type: decimal;
			font-family: 'Halant', serif;
			font-size:20px;
			line-height:35px;
			color:#000;
			margin-left:50px;
		}
		#titulo{
			float:left;
			width:97%;
			height:auto;
			font-family: 'Halant', serif;
			font-size:30px;
			line-height:30px;
			background-color:#041E42;
			color:#FFF;
			padding:1%;
			margin:0 0 2% 0;
		}
		#titulo2{
			width:80%;
			padding:2%;
			height:auto;
			margin:0 auto 5px auto;
			text-align:center;
			font-family: 'Halant', serif;
			font-size:20px;
			line-height:30px;
			background-color:#041E42;
			color:#FFF;
		}
		#titulo_img{
			width:98%;
			height:auto;
			margin:0 1% 3% 1%;			
		}
		
		#sub_menu{
			float:left
			width:97%;
			height:auto;
			padding: 0 0 30px 0;
			border-bottom: solid 1px #999999;
			margin:4% 1%;
		}
			.sub_menu_link{
				text-decoration:none;
				font-family: 'Halant', serif;
				font-size:20px;
				line-height:30px;
				background-color:#cf0b3f;
				color:#FFF;
				-webkit-transition: 0.4s ease-in;
				-moz-transition: 0.4s ease-in;
				-o-transition: 0.4s ease-in;
				transition: 0.4s ease-in;
				text-align:center;
				color:#FFF;
				padding:1% 3%;
			}
			.sub_menu_link:hover{
				opacity:0.7;
			}
		
		#conteiner_triger{
			width:100%;
			height:auto;
			margin:1% auto;
		}
			#triger_img{
				width:50%;
				height:auto;
			}
		
		#titulo_APL, #titulo_APV, #titulo_IE, #titulo_IEGV, #titulo_IEGV, #titulo_PV, #titulo_SPC{
			float:left;
			width:97%;
			height:auto;
			font-family: 'Halant', serif;
			font-size:30px;
			line-height:30px;
			color:#FFF;
			padding:1%;
			margin: 4% 0 4% 1%;
		}
			#titulo_APL{
				background-color:#ffae00;
			}
			#titulo_APV{
				background-color:#00cc1c;
			}
			#titulo_IE{
				background-color:#b6c938;
			}
			#titulo_IEGV{
				background-color:#0090ff;
			}
			#titulo_PV{
				background-color:#cfa42f;
			}
			#titulo_SPC{
				background-color:#f50940;
			}
		
		#separador{			
			float:left;
			width:100%;
			height:auto;
			border-bottom:solid 1px #041E42;
			margin-bottom:3%;			
		}
	
		#conteiner_cursos{
			width:100%;
			height:auto;
			align-items: center;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
		}
			#curso{
				float:left;
				width:23%;
				height:auto;
				margin:1%;
				opacity:6.0;
			}
				#imagem{
					width:70%;
					height:auto;			
				}
				#imagem:hover{
					-webkit-animation:spin 4s linear infinite;
					-moz-animation:spin 4s linear infinite;
					animation:spin 4s linear infinite;
				}
					@-moz-keyframes spin { 10% { -moz-transform: rotate(5deg); } }
					@-webkit-keyframes spin { 10% { -webkit-transform: rotate(5deg); } }
					@keyframes spin { 10% { -webkit-transform: rotate(360deg); transform:rotate(5deg); } }
				
				#curso:hover{
					opacity:0.7;
				}
		#curso_detalhe_APL, #curso_detalhe_APV, #curso_detalhe_IE, #curso_detalhe_IEGV, #curso_detalhe_PV, #detalhe_SPC{
			float:left;
			width:98%;
			height:auto;
			padding:1%;
			margin-top:2%;
		}
		#curso_detalhe_APL h4, #curso_detalhe_APV h4, #curso_detalhe_IE h4, #curso_detalhe_IEGV h4, #curso_detalhe_PV h4, #detalhe_SPC h4{
			font-family: 'Halant', serif;
			font-size:25px;
			line-height:25px;
			font-weight:bold;
			color:#cf0b3f;
			margin-left:15px;
		}
		#curso_detalhe_APL h5, #curso_detalhe_APV h5, #curso_detalhe_IE h5, #curso_detalhe_IEGV h5, #curso_detalhe_PV h5, #detalhe_SPC h5{
			font-family: 'Halant', serif;
			font-size:20px;
			line-height:20px;
			font-weight:bold;
			color:#cf0b3f;
			margin:1% 0 1% 20px;
		}

		#curso_detalhe_APL p, #curso_detalhe_APV p, #curso_detalhe_IE p, #curso_detalhe_IEGV p, #curso_detalhe_PV p{
			font-family: 'Halant', serif;
			font-size:20px;
			line-height:35px;
			color:#000;
			margin-left:20px;
		}
		#curso_detalhe_APL ul li, #curso_detalhe_APV ul li, #curso_detalhe_IE ul li, #curso_detalhe_IEGV ul li, #curso_detalhe_PV ul li{
			font-family: 'Halant', serif;
			font-size:20px;
			line-height:35px;
			margin-left:100px;
			color:#000;
		}
		#curso_detalhe_APL h6, #curso_detalhe_APV h6, #curso_detalhe_IE h6, #curso_detalhe_IEGV h6, #detalhe_SPC h6{
			font-family: 'Halant', serif;
			color:#ffae00;
			font-size:30px;
			line-height:45px;
			color:#ffae00;
		}
		#curso_detalhe_APL h6{
			color:#ffae00;
		}
		#curso_detalhe_APV h6{
			color:#00cc1c;
		}
		#curso_detalhe_IE h6{
			color:#b6c938;
		}
		#curso_detalhe_IEGV h6{
			color:#0090ff;
		}
		#curso_detalhe_SPC h6{
			color:#f50940;
			
		}
		h7{
			font-family: 'Halant', serif;
			color:#ffae00;
			font-size:30px;
			line-height:40px;
			color:#000;
		}

		
		#action_link{
			float:left;
			text-decoration:none;
			width:100px;
			height:auto;
			padding: 5px 0;
			font-family: 'Halant', serif;
			font-size:16px;
			background-color: #4CAF50;
			
			color:#FFF;
			-webkit-transition: 0.3s ease-in;
			-moz-transition: 0.3s ease-in;
			-o-transition: 0.3s ease-in;
			transition: 0.3s ease-in;
			text-align:center;
			opacity:1.0;
		}
		#action_link:hover{
			background-color: #4CAF50;
			-webkit-transition: 0.3s ease-in;
			-moz-transition: 0.3s ease-in;
			-o-transition: 0.3s ease-in;
			transition: 0.3s ease-in;
			opacity:0.8;
		}
		
#txt_testemunho{
	float:left;
	width:98%;
	height:auto;
	margin: 1% 0 5% 1%;
	border: 1px solid #CCC;
	box-shadow: 5px 10px 8px #888888;
	padding:0 0 4% 0;
}
	#barra_mobil{
		text-align:left;
		background-color:#000;
		width:98%;
		height:auto;
		align-items: center;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding:5px 1%;
		margin-bottom:20px;
	}
		#img_icon_mobil{
			width:25px;
			height:auto;
			padding-left:10px;
		}
	#testemunho_text{
		float:left;
		width:94%;
		height:auto;
		margin:1% 3%;
	}
	#txt_testemunho p{
		font-family: 'Halant', serif;
		font-size:18px;
		line-height:26px;
		color:#000;
	}
	label{
		margin:1%;
		font-family: 'Halant', serif;
		font-size:15px;
		line-height:20px;
		color:#999;
	}
	
	#resposta{
		margin:20px auto 0 auto;
		width:500px;
		height:auto;
	}
	
/*----------------------------------------------------------------------------*/

#conteiner_inscricao{
	float:left;
	width:60%;
	height:auto;
	margin:0 20% 0 20%;
	/*background-color:#9FC;*/
}
	#leftConteiner_inscricao{
		float:left;
		width:47.5%;
		height:auto;
		padding:1%;
		text-align:center;
		/*background-color:#FF3;*/
	}
	#rightConteiner_inscricao{
		float:right;
		width:47.5%;
		height:auto;
		padding:1%;
		/*background-color:#3CF;*/
	}
		.actionButon{
			text-decoration:none;
			width:180px;
			height:60px;
			font-family: 'Halant', serif;
			font-size:18px;
			background-color:#cf0b3f;
			padding:5px 30px;
			color:#FFF;
			-webkit-transition: 0.6s ease-in;
			-moz-transition: 0.6s ease-in;
			-o-transition: 0.6s ease-in;
			transition: 0.6s ease-in;
			text-align:center;
			margin: 0 auto;
			opacity:1.0;

		}
		.actionButon:hover{
			-webkit-transition: 0.3s ease-in;
			-moz-transition: 0.3s ease-in;
			-o-transition: 0.3s ease-in;
			transition: 0.3s ease-in;
			opacity:0.5;
		}
		.actionButon:disabled {
			background-color: #F00;
			opacity:0.3;
		}
	

@media screen and (max-width:1680px) {
}

@media screen and (max-width:1400px) {

*{
	margin: 0;
	padding: 0;
	border:0;
}

}
@media screen and (max-width:1360px) {

*{
	margin: 0;
	padding: 0;
	border:0;
}

}

@media screen and (max-width:1000px) {

*{
	margin: 0;
	padding: 0;
	border:0;
}
	

}
@media screen and (max-width:900px) {

*{
	margin: 0;
	padding: 0;
	border:0;
}

#conteiner{
	width:96%;
	padding:0 2% 5% 2%;
}

	#central_conteiner{
		width:70%;
		/*background-color:#CCC;*/
	}
	
		#curso{
			width:30.33%;
			margin:3%;
		}

}
/*@media screen and (max-width:700px) {*/
@media screen and (max-aspect-ratio: 1/1) {
*{
	margin: 0;
	padding: 0;
	border:0;
}
		
}
@media screen and (max-width:700px) {
#conteiner{
	width:98%;
	padding:0 1% 5% 1%;
}

	#central_conteiner{
		width:96%;
		/*background-color:#CCC;*/
	}
	#central_conteiner ul{
			margin-left:40px;
		}
		#central_conteiner ol {
			margin-left:0;
		}
		
		#curso_detalhe_APL ul li, #curso_detalhe_APV ul li, #curso_detalhe_IE ul li, #curso_detalhe_IEGV ul li, #curso_detalhe_PV ul li{
			margin-left:40px;
			color:#000;
		}
	
		#titulo_APL, #titulo_APV, #titulo_IE, #titulo_IEGV, #titulo_IEGV, #titulo_PV, #titulo_SPC{
			font-size:20px;
			line-height:20px;
		}
		
		#curso_detalhe_APL h4, #curso_detalhe_APV h4, #curso_detalhe_IE h4, #curso_detalhe_IEGV h4, #curso_detalhe_PV h4, #curso_detalhe_SPC h4{
			font-size:20px;
			line-height:25px;
		}
		#curso_detalhe_APL h5, #curso_detalhe_APV h5, #curso_detalhe_IE h5, #curso_detalhe_IEGV h5, #curso_detalhe_PV h5, , #curso_detalhe_SPC h5{
			font-size:18px;
			line-height:20px;
		}
		
		#curso_detalhe_APL h6, #curso_detalhe_APV h6, #curso_detalhe_IE h6, #curso_detalhe_IEGV h6, , #curso_detalhe_SPC h6{
			font-size:25px;
			line-height:35px;
		}
		h7{
			font-size:20px;
			line-height:30px;
		}
		
		#resposta{
		margin:20px auto 0 auto;
		width:96%;
		height:auto;
	}
		
		.actionButon{
			width:96%;
			height:60px;
			font-size:18px;
			padding:5px 2%;
		}


}