@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext); /* Open Sans*/

body{
	font-family: 'Open Sans',sans-serif;
	color: #444;
}

a{
	color: #00A650;
}

.linha-centro {
    display: block;
    margin: 10px 0;
	text-align:center;
}

.linha-centro p{
	display:inline-block;
	clear: both;
	margin-bottom: 15px;
	color: #666;
}

.linha-centro h2, .linha-centro h3, .linha-centro h4 {
    margin: 0 0 15px 0;
    padding-bottom: 15px;
	display:inline-block;
	clear: both;
	width: 50%;
	text-align:center;
	border-bottom: 1px solid #EEE;
	text-transform: uppercase;
}

.linha-centro h3,.linha h3{
	font-size: 24px;
}

.linha {
    display: block;
    margin-bottom: 10px;
	padding-bottom: 10px;
    border-bottom: 1px solid #EEE;
}

.linha h2, .linha h3, .linha h4 {
    margin: 0 0 -2px 0;
	font-size: 22px;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: none;
	text-align: left;
}

.linha h3 .glyphicon,.linha h3 .fa{
	font-size: 17px;
	display: inline-block;
}

.no-margin{
	margin: 0 !important;
}

.no-padding{
	padding: 0 !important;
}

.tb{
	display: table;
}

.tb-cell{
	display: table-cell;
	vertical-align: middle;
}

.conteudo{
	min-height: 35vh;
}

/*TOPO*/
#topo{
	padding: 5px 0;
	background-color: #00A650;
}

#topo .redes-sociais{
	text-align: center;
}

#topo .redes-sociais div{
	margin-right: 3px;
	border: none;
	display: inline-block;
}

#topo .redes-sociais a{
	font-size: 14px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	padding:6px 5px 5px 6px;
	text-align:center;
	border-radius:50%;
	color: #FFF;
	background-color: #0C8740;
	text-decoration:none;
}

#topo .redes-sociais a.facebook:hover{
	color:#FFF;
	background-color:#4862A3;
}

#topo .redes-sociais a.twitter:hover{
	color:#FFF;
	background-color:#55ACEE;
}

#topo .redes-sociais a.whatsapp:hover{
	color:#FFF;
	background-color:#01e675;
}

#topo .contato{
	padding: 5px;
	display: inline-block;
	margin-right: 20px;
}

#topo .contato a{
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
}

#topo .contato .glyphicon,#topo .contato .fa{
	color: #FFF;
	margin-right: 5px;
}

#topo .acesso-restrito{
	text-align: right;
	padding: 5px;
}

#topo .acesso-restrito .divisor{
	display: inline-block;
	border-left: 1px solid #EEE;
	height: 10px;
	margin: 0 10px;
}

#topo .acesso-restrito div{
	display: inline-block;
	margin-left: 10px;
}

#topo .acesso-restrito span{
	margin-right: 3px;
}

#topo .acesso-restrito a{
	color: #FFF !important;
	font-size: 13px;
	text-decoration: none;
}

#topo .busca-rapida select{
	height: 30px;
	font-size: 13px;
	display: none;
}

/*LOGO COM MENU*/
#menu{
	position: relative;
	z-index: 9999;
	color: #FAFAFA;
	border-bottom: 1px solid #00A650;
	/*-webkit-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
	box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);*/
}

/*LOGO*/
#menu .logo{
	padding: 12px 0;
	height: 50px;
	text-align: center;
}

/*MENU PRINCIPAL*/
/*#menu .container .row > div {
	padding: 0 !important;
}*/

#menu #menu-principal{
	border-radius: 0 !important;
	margin-bottom: 0;
	/*-webkit-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
	box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);*/
}

#menu #menu-principal .navbar-toggle .icon-bar {
    background-color: #FFF;
}

#menu #menu-principal a{
    font-size: 16px;
	color: #333;
	padding: 10px 16px;
}

#menu #menu-principal ul li.matricula a {
    background-color: #eee227;
}

#menu #menu-principal .dropdown ul li a{
	padding: 5px 20px;
	font-size: 13px;
	margin: 0;
	display: block;
	text-transform: uppercase;
}

#menu #menu-principal ul li:not(.matricula) > a:focus, #menu #menu-principal ul li:not(.matricula) > a:hover {
    background-color: transparent !important;
	color: #00A650;
}

#menu #menu-principal .dropdown ul li a .fa{
	margin-right: 5px;
	float: right;
}

#menu #menu-principal .dropdown ul li:hover > a .fa{
	color: #00A560;
}

#menu #menu-principal-lista ul li .dropdown-menu{
    right: auto;
}

#menu #menu-principal li .sub-menu{
	list-style: none;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in -.3s;
}

#menu #menu-principal li:hover > .sub-menu{
    max-height: 500px;
    transition: max-height 0.3s ease-out;
}

#menu #menu-principal li .sub-menu > li{
	padding-left: 12px;
}

#menu #menu-principal .sub-menu>li>a {
    white-space: nowrap;
	text-decoration: none;
}

/*MAPA DO SITE*/
#mapa-site{
	padding: 20px 0;
	width: 100%;
	background-color: #222;
	border-bottom: 1px solid #AAA;
}

#mapa-site h4{
	color: #EEE;
    font-size: 15px;
    text-transform: uppercase;
	border-bottom: 1px solid #666;
    display: inline-block;
    padding-right: 40px;
}

#mapa-site h4 i{
	color: #00A650;
	/*border-bottom: 1px solid #666;*/
    padding-bottom: 10px;
}

#mapa-site .mapa-grupo, #mapa-site #fale-conosco, #mapa-site #newsletter{
	margin: 15px 0;
}

#mapa-site ul{
	list-style: none;
	padding-left: 0;
}

#mapa-site ul li {
	margin: 5px 0;
}

#mapa-site ul li .fa{
	color: #EEE;
	margin-right: 5px;
}

#mapa-site ul li a{
	color: #AAA;
    font-size: 11px;
	text-transform: uppercase;
}

#mapa-site .curso-padding{
	padding: 0;
}

#mapa-site #newsletter p{
	color: #aaa;
    font-size: 13px;
}

#mapa-site #newsletter form .form-group{
	margin-bottom: 10px;
}

#mapa-site #newsletter form .form-control{
    height: auto;
    padding: 7px 12px;
    border-radius: 0;
    margin-bottom: 5px;
    background-color: #444;
    border: 1px solid #555;
	color: #999;
}

#mapa-site #newsletter form .form-group label{
	color: #AAA;
	text-transform: uppercase;
	margin-bottom: 3px;
	font-size: 12px;
}

#mapa-site #newsletter form #enviar{
	display: table;
	margin-top: 10px;
}

#mapa-site #newsletter form #enviar a{
	display: table-cell;
	vertical-align: middle;
	color: #AAA;
	font-size: 13px;
}

#mapa-site #newsletter form #enviar button{
    display: table-cell;
    vertical-align: middle;
    background-color: #00A650;
    border: 1px solid #05381d;
    color: #FFF;
    text-align: center;
    padding: 8px 15px;
    border-radius: 0;
    margin-right: 15px;
}

#mapa-site #fale-conosco form .form-group{
	margin-bottom: 0;
}

#mapa-site #fale-conosco form .form-control{
    height: auto;
    padding: 7px 12px;
    border-radius: 0;
    margin-bottom: 5px;
    background-color: #444;
    border: 1px solid #555;
	color: #999;
}

#mapa-site #fale-conosco form .form-group label{
	color: #AAA;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 12px;
}

#mapa-site #fale-conosco form #enviar{
	display: table;
	margin-top: 10px;
}

#mapa-site #fale-conosco form #enviar a{
	display: table-cell;
	vertical-align: middle;
	color: #AAA;
	font-size: 13px;
}

#mapa-site #fale-conosco form #enviar button{
    display: table-cell;
    vertical-align: middle;
    background-color: #00A650;
    border: 1px solid #05381d;
    color: #FFF;
    text-align: center;
    padding: 10px 15px;
    border-radius: 0;
    margin-right: 15px;
}

/*RODAPÉ*/
#rodape{
	width: 100%;
    padding: 20px 0;
    background-color: #222;
    color: #AAA;
    font-size: 13px;
}

#rodape .copyright{
	display: inline-block;
}

#rodape .copyright .divisor{
	display: inline-block;
	border-left: 1px solid #AAA;
	height: 10px;
	margin: 0 10px;
}

#rodape .copyright a{
	color: #DDD;
	font-weight: bold;
}

#rodape .copyright img{
	height: 20px;
}

#rodape .redes-sociais{
	display: inline-block;
	text-align: right;
	margin-top: -5px;
	margin-bottom: -5px;
	float: right;
}

#rodape .redes-sociais a{
	font-size: 14px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	text-align:center;
	border-radius:50%;
	background-color:#DDD;
}

#rodape .redes-sociais a:hover{
	text-decoration:none;
}

#rodape .redes-sociais a .fa{
	color: #666;
}

#rodape .redes-sociais a:hover .fa{
	color: #FFF;
}

#rodape .redes-sociais a.facebook:hover{
	background-color:#4862A3;
}

#rodape .redes-sociais a.twitter:hover{
	background-color:#55ACEE;
}

#rodape .redes-sociais a.whatsapp:hover{
	background-color:#01e675;
}

@media (max-width: 767px) {
	#mapa-site .curso-padding{
		padding: 0 15px;
	}

	.linha-centro h2, .linha-centro h3, .linha-centro h4{
		width: auto;
	}

	.linha-centro p{
		width: 100%;
		text-align: justify;
	}

	.no-mobile{
		display: none;
	}

	.no-margin-mobile{
		margin: 0 !important;
	}

	.no-padding-mobile{
		padding: 0 !important;
	}

	#topo{
		padding: 0;
		height: auto !important;
	}

	#topo .acesso-restrito{
	    padding: 7px 0;
		text-align: center;
		font-size: 13px;
	}

	#topo .acesso-restrito .divisor {
	    margin: 0 5px;
	}

	#menu{
		border-bottom: 1px solid #CCC;
	}

	/*#menu .container .row > div {
		padding: 0 15px !important;
	}*/

	#menu .logo{
		padding: 12px 0;
		height: auto;
	}

	/*MENU PRINCIPAL*/
	#menu #menu-principal{
		padding: 0;
		background-color: #00A650;
		margin-left: -15px;
		margin-right: -15px;
	}

	#menu #menu-principal a{
		color: #FFF;
	}

	#menu #menu-principal ul li a:focus, #menu #menu-principal ul li a:hover {
    	color: #FFF !important;
	}

	#menu #menu-principal li .sub-menu{
		height: auto;
		max-height: none;
	}

	#menu #menu-principal li:hover > .sub-menu{
		max-height: none;
	}

	#menu #menu-principal .dropdown ul li a .fa{
		display: none;
	}

	#menu #menu-principal .dropdown ul li a{
		border: none;
		font-size: 15px;
		white-space: normal;
	}
}

@media (min-width: 768px){
	.navbar-nav>li {
		padding: 18px 0;
	}
}

@media (max-width: 1199px) and (min-width: 768px){
	#mapa-site .curso-padding{
		padding: 0 15px;
	}

	#menu .logo{
		padding: 12px 0;
		height: auto;
	}

	#menu #menu-principal{
		padding: 0;
		float: none !important;
		margin-right: 0 !important;
	}

	.navbar-nav>li {
	    padding: 10px 0;
	}

	#menu #menu-principal a{
		margin: 0 6px;
	}

	#menu #menu-principal #menu-principal-lista{
		text-align: center;
	}

	#menu #menu-principal #menu-principal-lista .navbar-nav{
		float: none;
		display: inline-block;
	}
}

#padrao-conteudo ul, curso-conteudo ul{
	margin:0 auto;
	padding:0;
}

@media all and (min-width:769px){
	#padrao-conteudo img, #curso-conteudo img{
		max-width:calc(50% - 15px);
		margin:2px;
	}
}

@media all and (max-width: 768px){
	#padrao-conteudo img, #curso-conteudo img{
		max-width:calc(100% - 10px);
		padding:5px;
	}

	#menu #menu-principal ul li.matricula a {
	    display: inline-block;
	}
}

.tela_preta.oculto{
	display:none;
}

.tela_preta{
	display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;

	width:100vw;
	height:100vh;

	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.3);
	z-index:10000;
}

.janela_branca{
	position:absolute;
	display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;

	max-width:100vw;
	width:300px;
	height:100px;
	background-color:#FFF;
}

.janela_branca .opcoes{
	position:absolute;
	top:-10px;
	right:-10px;
}

.janela_branca .compartilhar{
	position:absolute;
	top:-30px;
	left:0;
}

.janela_branca .opcoes a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	width:25px;
	height:25px;
	background-color:#FFF;
	font-weight:bold;
	color:#000;
}

.janela_branca .opcoes a:hover{
	text-decoration:none;
}

.janela_branca .compartilhar a{
	background-color:#3B5998;
	border-radius:5px;
	padding:5px 10px;
	color:#FFF;
}

.janela_branca .compartilhar a:hover{
	color:#FFF;
	background-color:#4267B2;
	text-decoration:none;
}

@media all and (max-width:1024px){
	.pc_only{
		display:none;
	}
}

/*
	Estilos para tornar os videos do youtube responsivos
	## https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
*/
div.video {
	position:relative;
	padding-bottom:56.25%; /* 16:9 */
	padding-top:25px;
	height:0;
}

div.video iframe {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Estilos pra desbugar as thumbnails da galeria */
.jgallery img{
	max-width:unset !important;
}