/*! 
 * 2019 v1.0.0 
 * Copyright 2019.
 */
::selection {background: #2969BD; color: #fff;}

.topo .row{ margin-right: 0px }

/* Fontes */
html            	{font-family: 'Montserrat', sans-serif; font-size: 16px;}
body            	{font-family: 'Montserrat', sans-serif;font-size: 16px;color: #222;background: #fff;}
strong				{font-family: 'Montserrat', sans-serif; font-weight:700;}
p 					{font-size: 1.11rem; line-height: 1.6rem;}
a 					{color: #0094ff;}
a:hover 			{color: #0094ff}
h2 					{font-size: 2.2em;font-weight: normal;padding: 3rem 0;text-align: left;text-transform: uppercase;/* margin-bottom: 4rem; */width: 100%;}
h3  				{font-size: 1.9em; font-weight: 600; margin-bottom: 20px; margin-bottom: 3rem;}
h4 					{padding-left: 1rem; margin-bottom: 2rem; font-size: 1.32em; font-weight: 600; background: url(../img/seta2.png) no-repeat center left}
.text-2 {font-size: 1.375em; font-weight: 700; line-height: 1.4em;}
section {min-height: 600px; padding: 0 0 4rem 0;}
section .outstanding-header {width: 100%}
header 	{position: relative;background: #F6F6F6;height: 196px;}
header img	{padding: .5rem;}

.hide {display: none;}
.show {display: block !important;}
.separador 		{background: url(../img/separador.png) center no-repeat;  margin-top: 150px; margin-bottom: 35px; width: 100%; height: 50px}

.t 	{margin-top: 3rem;}
.b 	{margin-bottom: 3rem;}
.tb {margin-top: 3rem; }
.center {text-align: center;}
.highlight{ background: #c4dff7; padding: 2px; border-radius: 5px; }

/* Barra scroll */
.progress-container {width: 100%;height: 6px;background: #ccc;position: fixed; z-index: 2500; top: 0px; display: none;}
/* The progress bar (scroll indicator) */
.progress-bar { height: 6px; background: #4caf50; width: 0%;}

.btn-menu 			{position: relative; left: 10px;  top: 18px; margin-right:60px; float: left; position: relative; background: url("../img/btn-menu.png") no-repeat; height: 50px; width: 130px; border-right: 1px solid #fff;  color: #fff; text-align: center;}
.btn-menu:hover 	{background-position: 0px -50px} 
.btn-menu span		{ position: relative !important; left: 16px; top: 15px; font-size: 0.9em;  }
.btn-menu span:hover {color: #000}
.btn-menu:hover 	{text-decoration: none; color:  #fff;  }

.btn-menu a 	  {color: #fff; position: relative; text-decoration: none; display: block;}	
.btn-menu a:focus, .cards .bt-menu a:active         { text-decoration: none; }
.btn-menu a:hover 	{ text-decoration: none; color: #ebb31c } 
.btn-menu-ativo      {background: #323232 !important; color: #fff !important}

#ancora {position: relative; top: -600px}

/* CAPA */
.capa 					{background: url(../img/bg-capa.jpg) fixed no-repeat -2px -7px rgb(52,62,149);background: url(../img/bg-capa.jpg) fixed no-repeat -2px -7px ,linear-gradient(180deg, rgba(52,62,149,1) -8%, rgba(17,139,158,1) 37%);  height: auto; padding-bottom:30px;/* background: url(../img/bg-capa.png); */background-size: cover;}
.etapa        			{text-align: center; display: block; width: 100%; position: relative; margin: 0 auto; margin-top: 110px; text-transform: uppercase; font-size: 1.32em}
.etapa .frase 			{width: 310px;overflow: hidden;margin: 0 auto;text-align: left;color: #FFCC00;display: block;padding-left: 0px;line-height: 25px;} 
.etapa span:first-child  {width: 160px;overflow: hidden;display: block;}
.etapa span:last-child   {position: relative;font-size: 2.7em;font-weight: bold;/* left: -110px; */top: -38px;float: right;}	
.chamada 	  			{display: block; clear: both; margin: 0 auto; width: 450px; text-align: center; margin-top: -12px; line-height: 23px; color: #fff; font-size: 1.2em}
.chamada p 				{font-size: 1em; line-height: 1.16em}



/* ACESSIBILIDADE */
.acessibilidade 		{height: 29px;background: rgba(48, 90, 151, 0.57);}
.acessibilidade ul      {padding: 0px; margin: 0 !important; width: 70%; float: left;}
.acessibilidade ul li   {list-style: none; display: inline; margin-right: 20px}
.acessibilidade ul li a {text-transform: none ; font-size: 0.7em; color: #fff}
.acessibilidade ul li a:hover {color: #43bba9; text-decoration: none;}
.link-acessibilidade 			{float: right;height: 30px;position: relative;top: 5px;text-transform: none;font-size: 0.7em;}
.link-acessibilidade a			{color: #fff; text-decoration: none;  }	
.link-acessibilidade a:hover  	{color: #000}
.link-acessibilidade img 	    {padding-right: 4px}
	
/* ASSINATURA MEC*/
.assinatura-mec 			{width: 100%;height: 65px;display: block;margin-top: 5px;position: relative;padding-top: 10px;}
.assinatura-mec a    	  {color: #fff;transition: all 0.2s ease;font-size: 1em;width: 200px;display: block;/* top: -12px; */position: relative;}
.assinatura-mec a:hover   {color: #e4f3fd;text-decoration: none;}
.assinatura-mec span {font-size: 1.85em;font-weight: 600;position: relative;display: block;top: -10px;left: -2px;}

/* REDES SOCIAIS */
.redes-sociais 				{float: right; display: block; position: relative; top:20px}
.redes-sociais a  			{width: auto;}	
.redes-sociais ul 			{padding-left: 0px;}
.redes-sociais ul li 		{ list-style: none; display: inline-block; margin-right: 8px }
.redes-sociais ul li:last-child {margin-right: 0px}
.redes-sociais img 			{transition: all 0.3s ease;}
.redes-sociais img:hover 	{filter: invert(5); opacity: 1}		
.contrast , .libras			{border-right: 1px solid #FFF; width: 40px; padding-left: 5px; padding-right: 15px}
.libras 					{margin-right: 20px !important;}

/* LOGO */
.logo {float: left;width: auto;height: 68px;display: block;z-index: 2000;margin-left: -16px;margin-top: 70px;}
.logo a {position: relative; z-index: 2000}
.logo-mobile {display: none;}

/*NAVEGAÇÃO*/
.menu-superior 				   	{top: 63px;position: absolute; right: 20px}
.menu-superior ul 			   	{position: relative;top: 17px;}
.menu-superior li   		   	{ margin-right: 0px;text-align: center;}
.menu-superior li:last-child   	{margin-right: 0px}
.menu-superior li a 		   	{text-transform: none;font-weight: normal;/*border:1.2px solid transparent;*/min-width: 100px;border-radius: 60px;color: #fff;padding: 15px 18px !important;font-size: 1em;transition: all 0.3s ease;}
.menu-superior li a:hover 	   	{background: #4ca9d4; color: #fff; transition: all 0.3s ease; text-decoration: none;}
.menu-superior li a .active 	{background: #4ca9d4 !important}
.active 				    	{background: #4ca9d4 !important;}
.navbar 				  {padding-left: 50px}
.mobile-busca	 		{display: none;}
.mobile 				  {display: none;}
.mobile ul 		    {padding-top: 12px; padding-left: 10px; text-align: center;}	 
.mobile ul li 		{display: inline-block; list-style: none; margin-right: 20px; width: 80px}
.mobile ul li:last-child		{ margin-right: 0px}

/* BUSCA */
.icone-busca 					{position: relative;left:24px;top: 18px;color: #eee;}
.icone-busca a 					{color: #fff}
.icone-busca button 			{background: transparent;border: none;cursor: pointer;outline: none;color: #fff;}
.icone-busca button:hover 		{ color: #4ca9d4 }
.modal-plano {position:fixed;height: 100vh;z-index: 6000;background: #0588af;	top: 0;	left: 0;	display: none;	width: 100%;	-webkit-animation: anima-modal 0.5s ease-in-out;
	animation: anima-modal 0.5s ease-in-out;}

@-webkit-keyframes anima-modal {
	0% {  display: none;	    opacity: 0;	}
	1% { display: block;    opacity: 0;  -webkit-transform: scale(0); transform: scale(0);	}
	100% {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);   display: block;	}
}
.titulo-modal { color: #fff; font-weight: 300; font-size: 3em; padding-top: 25px; text-align: center; width: 100% }
.fecha-modal { text-align: right; font-size: 30px; padding-top: 15px;  position: relative;  top: -67px; width: 100%  }
.fecha-modal button { border: 0; background: none; color:#fff;  cursor: pointer;}
.fecha-modal button:hover {color: #2a7563}
.modal-plano .form-control { display: block; width: 100%; height: 34px; padding: 50px 20px; font-size: 25px; font-weight: 300 !important; color: #333; background-color: #fff; background-image: none; border: 1px solid #fff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.modal-plano .form-group { margin-bottom: 0.3rem !important;}
.modal-plano input::-webkit-input-placeholder { color: #333  }
.modal-plano input:-moz-placeholder { /* Firefox 18- */ color: #333  }
.modal-plano input::-moz-placeholder {  /* Firefox 19+ */ color: #333  }
.modal-plano input:-ms-input-placeholder { color: #333  }
.modal-plano a {color: #fff; margin-bottom: 15px; font-size: 2em}
.modal-plano ul {list-style: none; text-align: center; margin-top: 100px;}
.bkg-lupa {background: url(../img/bkg-lupa-busca.png) no-repeat center;padding: 176px 0;}
.finder  						{margin-bottom: 108px; width: 100%}
.finder h2 						{color: #fff !important; margin-bottom: 0px; padding-bottom: 40px; padding-top: 80px}

/* BANNER */
.banner-content		{position: relative; height: 200px; display: block; margin-top: 10px; margin-bottom: 50px}
.banner  			{position:absolute;top: 54%;left:50%;transform:translate(-50%, -50%);width:50%;min-width: max-content;height: 195px;display: block;padding: 20px 28px 20px 28px;border-radius: 15px;border:1px solid #fff;}
.banner .momentos 					{float: left;padding: 32px 30px 25px 0px;width: 100%;}
.banner .momentos .titulo-momento 	{width: 210px;height: 83px;font-size: 1.3em;line-height: 1.25em;display: block;float: left;color: #fff;text-align: center;margin-right: 30px;position: relative;top: 19px;}
.banner .momentos .titulo-momento:after {content: ""; width: 1px;  height:120px; background:#fff; display: block; position: absolute; right: 0px; top:-31px }
.banner .momentos .mensagem 		 { float: left;text-align: center; width: 315px; color: #fff;  font-size: 1.2em; padding: 10px 40px; margin-left: 23px;}
.banner .momentos .mensagem-big 	 {width: 420px;}	
.banner .momentos .texto-maior .titulo-momento 		 {width: 380px}
.banner .momentos .texto-maior .mensagem  			 {width: 435px; padding:0px;   margin-left: 44px;}	
.banner .aguarde-inscricoes .mensagem 		 { width: 100% !important; padding-top: 30px !important;}
.banner .momentos .bt 				{float: left;text-align: center;display: -webkit-box;height: 70px; display: -ms-flexbox; display: flex; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.banner .momentos a 				{font-size: 1.1em;margin: 26px 0 10px 10px;border-radius: 60px;width: 235px;margin-right: 15px;padding: 18px 25px;color: #fff;transition: all 0.4s ease;position: relative;top: 0px;display: block;}
.banner .momentos a:hover 			{text-decoration: none; top: -4px}
.banner .momentos .bt span 			{color: #fff;font-size: .9em;width: 240px;display: block;margin: 0 auto;margin-top: -4px;line-height: 1.2em;}
.banner .momentos .bt-laranja 		{background:#fb9d36;}
.banner .momentos .bt-laranja:hover {background: #e28722;}
.banner .momentos .bt-verde		   	{ background:#35c469; } 
.banner .momentos .bt-verde:hover   { background:#2da759; }
.banner .momentos .bt-azul      		{background:#2dcef3;}
.banner .momentos .bt-azul:hover		{background:#02a6cc}
.banner .momentos .bolsas .titulo-momento { margin-right: 85px  }
.banner .momentos .bolsas .titulo-momento:after 	{right: -36px; }
.banner .momentos .o-que-deseja-fazer .titulo-momento:after, .banner .momentos .inscricoes-encerradas .titulo-momento:after {right: -10px}
.banner .momentos .boletim .titulo-momento {margin-right: 68px}
.banner .momentos .boletim .titulo-momento:after {right: -28px;}
.banner .momentos .segunda-chamada .titulo-momento {width: 220px}
.banner .momentos .segunda-chamada .titulo-momento:after {right:-54px;}
.banner .momentos .segunda-chamada .mensagem {margin-left: 82px; padding: 0px; width: 346px}
.banner .momentos .resultados .bt a 		{width: 250px;}
.processo-encerrado 						{width: 380px; height: 65px;margin: 0 auto; margin-top:30px; margin-bottom: 90px; display: block;  color: #fff; font-size: 1.2em; line-height: 1.2em}
.processo-encerrado .descricao 				{position: relative; top: 10px}
.processo-encerrado .icone 					{float: left; width: 67px; margin-right: 24px}


/* Efeito scroll */
.scroll  	   					{background: #667982;width: 100%;height: 110px;position: fixed;top: -100px;margin-top: -80px;z-index: 1999;left: 0;}
.scroll ul 						{position: absolute;right:13%;top: 31px;}
.scroll li a 					{color: #fff;border: 1px solid transparent  !important;border-radius: 35px;transition: all;}
.scroll li a:hover 				{background: #6b8e9e !important;border-radius: 35px;}
.scroll .active 				{background:rgb(45,153,170) !important;border-radius: 35px;}
.scroll .icone-busca 	    	{position: absolute; left: 88% !important; top: 46px; color: #fff !important}
.scroll .icone-busca button:hover {color: #41af95 !important}	
.scroll-logo {position:fixed; top: -20px; left: 160px; margin-top: 0px}
.scroll-logo img {width: 200px; top: 26px; position: relative;  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}

/* Cronograma */
#cronograma 			{background:#36A191;min-height: 400px;}
#cronograma h2 			{color: #fff}
#cronograma #timeline 			{ width: 100%; overflow: hidden; position: relative; padding-right: 206px; }
#cronograma #dates 				{ height: auto; overflow: hidden; padding-left: 0}
#cronograma #dates li 			{ list-style: none; float: left; margin-right: 10px;  font-size: 24px; text-align: center; /*background: url('../img/biggerdot.png') center bottom no-repeat*/; }
#cronograma #dates a 			{ line-height: 38px; padding-bottom: 13px; color: #b3b1b1  }
#cronograma #dates a:hover,
#cronograma #dates a:focus 		{ text-decoration: none; }
#cronograma #issues 			{ overflow: hidden; padding-left: 0 /*width: 800px; - Escrito via JS na home p/ pegar dinamicamente o tamanho do container*/ } 
#cronograma #issues li 			{ list-style: none; float: left;   /*width: 800px; - Escrito via JS na home p/ pegar dinamicamente o tamanho do container*/ }
#cronograma #next,
#cronograma #prev 				{ position: absolute; z-index: 10; font-size: 50px; line-height: 0; color: #01C198; background: #36A191; top: -50px; margin-top: -95px; padding: 185px 0; width: 100px; background-position: 0 0; background-repeat: no-repeat; }
#cronograma #next:hover,
#cronograma #prev:hover 		{ background-position: 0 -124px; }
#cronograma #next 				{ right: -58px; padding-right: 0px; }
#cronograma #prev 				{ left: 0px; width: 55px; }
#cronograma #prev img 			{position: relative; left:  10px}	
#cronograma #next.disabled,
#cronograma #prev.disabled 		{ opacity: 0.2; }
#cronograma .glyphicon 			{left: 25px}
#timeline .item    				{ margin-right: 30px; overflow: hidden; background: url(../img/calendario.png) 2px 46% no-repeat;  position: relative; padding: 8px 0px 0px 63px;  float: left; transition: all 0.4s ease}
#timeline .item:hover 			{    transform: scale(1.03);}
#timeline .item .texto 			{height: 70px; display: block; line-height: 1.3em; padding-top: 2px}
#timeline .item .momento    		{margin-bottom: 10px; text-transform:uppercase;  color: #fff; padding: 5px 0px; width: 185px; text-align: center; border:1px solid #fff; border-radius: 50px; display: table; margin-top: -5px; font-size: 1em}
#timeline .item .titulo 			{margin-bottom: 0px; color: #fff; font-size: 1em; padding-right: 15px;  display: block; margin-left: 15px;}
#timeline span 					{color: #fff; }
#timeline .titulo span:first-child 	{display: none;} 					
#timeline .item .data    			{margin-bottom: 10px; color: #fff; font-size: 1.25em; line-height: 1.15em; font-weight: 500; text-align: left; display: block; position: relative; top: -4px;}
#timeline .item p    				{margin: 0; color: #fff; display: block; font-size: 1em; line-height: 1.4em; padding-right: 14px;}
#timeline .item p a					{ color: #fff; text-decoration:underline }
#timeline .item a:hover 			{color: #009c5b !important} 
#timeline .item:after {content: ""; width: 1px; height: 115px; display: block; background: #fff; position: absolute; top: 18px; left: 45px; }
#timeline .item .acoes    			{font-size: 1em; display: block; ; width: 100%; left: 0px;  height: 45px; bottom: -5px;text-align: center; }
#timeline .item .acoes a:nth-child(2) {border: 0;}
#timeline .item .acoes a     		{color: #656565 !important; bottom: 0px; left: 0px;    left: 0px; height: 50px;display: block; text-align: center; width: 100%; background: #ECECEC; border-left: 1px solid #999; position: absolute; clear: both; bottom: 0px; padding-top: 14px}
#timeline .item .acoes a:hover 	{text-decoration: none; background: #ededed} 
#timeline .item .hint 			{position: absolute; bottom: 36px; height: 36px; background: #fff; z-index: 2; padding: 3px 14px; color: #01C198; left: 44.1%; font-weight: 600; font-size: 1.2em; border-radius: 40px;}       
#timeline .item.item-ativo    	{ min-height: 150px}
#timeline .item.item-ativo .momento 	{background: #00A07C;}
#timeline .item.item-ativo .titulo 	{color: #fff;}
#timeline .item.item-ativo .data    {  color: #fff;  font-weight: bold;  font-size: 1.5em;}
#timeline .item.item-ativo .data.ajuste    { font-size: 1.35em;}
#timeline .item.item-ativo p 			{color: #fff;}
#timeline .item.item-ativo p a			{color:#fff; text-decoration:underline }
#timeline .item.item-ativo .acoes a 	{color: #00A07C;}
#timeline .encerrado, #timeline .marcado {opacity: 0.3}
#timeline .agora, #timeline .agora .item {color: #fff; }
#timeline .agora .data 					 {color: #fff !important; font-weight: bold; text-align: left;}					
#timeline .agora a 						 {color: #fff !important}
#timeline .agora a:hover 				 {color: #000 !important} 	
#timeline .agora .momento 				 {background: #fff;color: #1d5d53 !important;font-weight: 600;}
#timeline .agora p, #timeline .agora .titulo		 {color: #fff !important}

/* Ajustes extrafiels artigos*/
#timeline dl 							{margin:0px }
#timeline .momento span:first-child 	{display: none;} 
#timeline .momento .fase, #timeline .titulo .status   			    {display: none;}
#timeline .fase {width: 97%}

/* Sobre */
#sobre 					{background: #f6f6f6;min-height: 850px;}
#sobre h2   			{color: #36A191}
#sobre ul 				{width: 100%; margin-bottom: 30px;}
#sobre ul li 			{list-style: none;text-align: center;display: inline-block;margin-top: 30px;}
#sobre ul li:last-child {margin-right: 0px} 	
#sobre ul li p 			{font-size: .95em; line-height: 1.45em}
#sobre ul li .imagem 	{display: block;height: 221px;overflow: hidden;}
#sobre ul li img    	{display: block; margin: 0 auto; margin-bottom: 20px; } 	
#sobre ul li strong		{height: 30px; display: block; color: #36A191;}
#sobre .cards 			{padding-top: 20px; transition: all 0.3s ease; width: 100%; display: block;}
#sobre .cards .item 	{height: 110px; display: block; position: relative;}
#sobre .cards .item img { top: 10px; left: 10px;transition: all 0.1s ease; display: block; margin: 0 auto; padding-bottom: 10px}
#sobre .cards .item a	{ background-color:#fff; background-position: 50% 20%; text-align: center; text-transform: uppercase; font-size: 1em; border-radius: 10px; height: 100%; padding-top: 65px; display: block; clear: both;  color: #406b75; font-weight: 600;  transition: all 0.3s ease; position: relative; }	
#sobre .cards .item a:hover { text-decoration: none; -webkit-box-shadow: 0 8px 19px 0 rgba(0,0,0,0.2); box-shadow: 0 0px 12px 0 rgba(0,0,0,0.1); margin-top: -8px}
#sobre .cards .item a:hover > img {-webkit-filter: brightness(0) invert(0.3);  filter: brightness(1) invert(0.03); margin-top:-2px}
#sobre .cards .como-funciona {background: url(../img/como-funciona.png) no-repeat }
#sobre .cards .inscricao 	 {background: url(../img/inscricao.png) no-repeat}
#sobre .cards .bolsas 		 {background: url(../img/bolsas.png) no-repeat}
#sobre .cards .legislacao 	 {background: url(../img/legislacao.png) no-repeat}
#sobre .bt-como-funciona  {display:block;  margin:0 auto; padding:15px 0px 15px 0px; width:400px; text-align:center }
#sobre .bt-como-funciona a{display:block; width:100%; border-radius:60px;  padding:20px 0px 15px 0px; background:#36A191; color:#fff; text-transform: uppercase; transition: all 0.3s ease; position: relative; top: 0px }
#sobre .bt-como-funciona a:hover  {background:#2b776b; text-decoration: none; top: -2px}
#sobre .modal-artigo h3       	{text-transform: uppercase; text-align: center;} 
#sobre .modal-backdrop.show       {opacity: 0.8;    z-index: 2000;}

/* Tire suas duvidas */
#duvidas 				{background: url(../img/bg-duvidas.png) repeat 1991px 0px #2864AE; min-height: 560px; background-size: cover;}
#duvidas h2   			{color: #fff}
#duvidas .cards 		{transition: all 0.3s ease; margin-top: 60px}
#duvidas .cards .item 	{height: 90px; display: block; position: relative; margin-bottom: 20px;}
#duvidas .cards .item a	{ background:#08b2cf;  text-align: center; text-transform: uppercase; font-size: 1em; border-radius: 10px; height: 100%;  display: block; color: #fff; font-weight: 600; padding-top: 34px;  transition: all 0.3s ease; position: relative; top: 0px}	
#duvidas .cards .item a:hover { text-decoration: none; background: #1b4982}
#duvidas .outstanding-footer 		{float: right; border:1px solid #fff; border-radius: 60px; margin-top: 25px;  display: block;  color: #fff; text-decoration: none}
#duvidas .outstanding-footer a 		{color: #fff; padding: 10px 20px; display: block;} 
#duvidas .outstanding-footer:hover {background: #fff;} 
#duvidas .outstanding-footer:hover > a {color: #2864AE; text-decoration: none;}

/* Acesse também */
#acesse-tambem 				{background: #fff; min-height: 420px}
#acesse-tambem h2   			{color: #323232}
#acesse-tambem .multiCarousel {float: left;overflow: hidden;padding-left: 10px;width: 100%; height: 220px; padding-top: 20px}
#acesse-tambem .multiCarousel .multiCarousel-inner { transition: 1s ease all; float: left; }
#acesse-tambem .multiCarousel .multiCarousel-inner .item   {float: left;margin-left: 0px;padding-right: 22px;position: relative;height: 160px;display: table;}
#acesse-tambem .multiCarousel .multiCarousel-inner .item a {border-radius: 5px; border:1px solid #eee; display: table-cell; vertical-align: middle; width: 100%; height: 100%; transition: all 0.3s ease; position: relative; top: 0px}				
#acesse-tambem .multiCarousel .multiCarousel-inner .item a:hover {top: -5px}
#acesse-tambem .multiCarousel .multiCarousel-inner .item img 	{display: block; margin: 0 auto; }
#acesse-tambem .multiCarousel .multiCarousel-inner .item:after {content: ""; width: 1px; height: 115px; display: block;  position: absolute; top: 18px; left: 45px; }
#acesse-tambem .multiCarousel .multiCarousel-inner .item > div {text-align: left; display: table;}
#acesse-tambem .multiCarousel button 				{background: transparent; border:none; outline: none; cursor: pointer;}
#acesse-tambem .multiCarousel .leftLst.over, .multiCarousel .rightLst.over {opacity: .1; background: transparent !important;}
#acesse-tambem .multiCarousel .leftLst, .multiCarousel .rightLst {position:absolute;border-radius:50%;margin-top: 40px;width: 100px;/* right: -20px !important; */}
#acesse-tambem .multiCarousel .leftLst { left:0; }
#acesse-tambem .multiCarousel .leftLst img {position: relative;left: -26px;}
#acesse-tambem .multiCarousel .rightLst { right:0; }
#acesse-tambem .multiCarousel .rightLst img {position: relative;right: -26px;}
#acesse-tambem .multiCarousel .leftLst.over, .multiCarousel .rightLst.over {pointer-events: none;background:#ccc;}

/* Paginas internas */
#interna .capa		        {background: #4181d0;background: linear-gradient(90deg, rgb(67, 139, 214) 45%, rgb(82, 183, 204) 77%); height: 150px;height: 165px;}
#interna .capa .redes-sociais { width: 250px; left: 96px; position: relative; top: 9px;}
#interna .capa .assinatura-mec {width: 360px;float: right;font-size: .9em;margin-top: 33px;}
#interna .capa .menu-superior 		{ top: -500px }
#interna .acessibilidade 	{background: linear-gradient(90deg, rgb(59, 131, 206) 45%, rgb(57, 166, 189) 77%);}
#interna .logo 				{margin-top: 35px;}
#interna .logo 	img 		{width: 225px;}	
#interna .logo .nav-link	{padding: 0px !important}
#interna .scroll-logo 		{margin-top: 10px}
#interna .scroll-logo img   {width: 198px}
#interna .scroll ul 		{top: 32px}
#interna .conteudo 			{min-height: 650px; width: 100%; display: block; background: #fff; padding: 20px 15px 110px 15px; ; }
#interna h2 				{font-size:2.0em;font-weight: 600;text-align: center;padding-top: 0.8rem;}
#interna h3 				{text-transform: uppercase;font-size: 1.5em} 
#interna .breadcrumbs       {padding-top: 5px; display: block; width: 100%; position: relative;} 
#interna .breadcrumbs ul 	{padding: 0px}
#interna .breadcrumbs ul li	{ display: inline; padding-right: 15px; font-size: .9em; color:#ccc; }
#interna .breadcrumbs ul li a {color: #52a1b6}
#interna .breadcrumbs img   {position: relative; left: 10px} 
#interna .active 			{background:transparent !important; }

/* Legislacao */
.legislacao ol li 			{display: block; min-width:220px; margin: 10px 20px 10px 0px; float: left; }
.legislacao .itens a 		{background: #ededed 12px 12px no-repeat !important; border-radius: 5px; margin-bottom: 15px; padding: 20px !important; text-align: center;  color: #000; display: block; width: 100%}
.legislacao .itens a:hover	{background: #36A191 12px 12px no-repeat !important; border-radius: 5px; color: #fff; text-decoration: none;  }
.legislacao ul 				{padding-bottom: 30px !important; padding-left: 0px }
.legislacao h3 				{margin-bottom: 15px !important}
.legislacao .nav-tabs 		{border: none;}
.legislacao ul li 			{background: url(../img/ico-legislacao.png) no-repeat 12px 10px #ededed; color: #929292 !important; font-size: 0.9em; padding:0px 20px 0px 52px; display: block; margin-bottom: 20px; border-radius: 5px; min-height: 90px; max-height: 110px;;transition: all 0.3s ease;}	
.legislacao ul li a 	    {font-size: 1.1em; color: #000; display: block; width: 100%; margin-bottom: -78px;   height: 90px; padding: 10px 10px 0px 0px;   position: relative; z-index: 1000;}
.legislacao ul li:hover     { background: url(../img/ico-legislacao.png) no-repeat 12px 10px #36A191; color: #fff !important}
.legislacao ul li:hover > a {color: #fff; text-decoration: none;}

/* Busca duvidas*/
.busca-duvidas								{background: url(../img/bg-busca.png) right no-repeat #36A191; background-size: contain;  height: 280px; width: 100%; left: 0px; top: 208px; display: flex; position: absolute;}
.busca-duvidas h2 							{color: #fff; padding-top: 50px !important;}
.busca-duvidas input 						{width: 100%; height: 75px; padding: 15px; font-size: 1.4em; display: block; border: none; border-radius:5px;}
.busca-duvidas ::placeholder 				{color: #ddd; opacity: 1; }
.busca-duvidas .bt-busca 					{position: absolute; display: block; right: 16px; top: 19px; outline: none; border: none; background: transparent; cursor: pointer; font-size: 1.5em}
.busca-duvidas .bt-busca:hover 				{color: #9769c9}
.busca-duvidas	form 						{position: relative;}
.itens-duvidas 								{margin-top: 280px}
.item_categoria 							{float: left; display: block;}
.item_categoria h3							{font-size: 1.7em; text-transform: uppercase; font-weight: 600}
.item_categoria, .listagem 					{padding-right: 25px;width: 100%;}
.item_categoria ul 							{height: 160px; overflow: hidden;}
.item_categoria ul li 						{display: table; width: 100%; list-style: none; margin-bottom: 6px; height: 70px}
.item_categoria ul li  a 					{display: table-cell;vertical-align: middle;padding: 10px 10px 10px 20px;border-radius: 5px;background: #ededed;color: #000;transition: all 0.3s ease;}	
.item_categoria ul, .listagem ul, #search-results ul 			{padding: 0px;width: 100%;display: block; }
.listagem ul li, #search-results ul li 		{display: table; width: 100%; list-style: none; margin-bottom: 6px; height: 50px;}			
.listagem 	ul li a, .listagem-categoria a  {display: table-cell;vertical-align: middle;padding: 10px 10px 10px 20px;border-radius: 5px;height: 40px;background: #ededed;color: #000;transition: all 0.3s ease;}	
.item_categoria ul li  a:hover, .listagem ul li a:hover, #search-results ul li a:hover, .listagem-categoria a:hover		{background: #36A191; color: #fff; text-decoration: none; }
.item_categoria .ver-mais					{float: right; position: relative; top: -10px}
.item_categoria .ver-mais strong 			{font-size: 1.2em}		
.item_categoria .ver-mais:hover 			{text-decoration: none; color: #36A191}	
.result-title 	a							{height: 50px !important}
.listagem .highlight 						{ background: #d7ebfb; padding: 3px; border-radius: 3px;}
.listagem a:hover > .highlight				{background: #1b5f54}
.listagem-categoria a  						{display: block; margin-bottom:8px; height: 50px; padding-top: 15px; }
.blog-mais .modal-body a 					{ display: inline !important; padding: 0px !important; border: none !important; color: #4487C4 }
.blog-mais .modal-body a:hover 				{color: #000}
.modal 										{z-index: 2500 !important}
.modal-blog  								{padding-right: 0px !important}
.modal-blog p 					{font-size: 1.45em; line-height: 1.5em}
.modal-blog .modal-content 		{width: 80%;padding-top: 50px;display: block;margin:0 auto;border: none;}
.modal-blog .modal-dialog 		{background: #fff;overflow: auto;max-width: 100%;height: 100% !important;top: -28px;margin-bottom: -31px;}
.modal-blog h3 					{color: #4487C4; font-size: 3em; margin-top: 2rem;}
.modal-header 					{border: none;}
.modal-blog .close {color: #000 !important; font-size: 5.5rem; outline: none; opacity: 1;  position: absolute;   top: 9px;    right: 15px;  font-weight: 300; text-shadow: none; }
.modal-blog .close:hover {color: #9769C9 !important}
.modal-blog .btn-default  {background-color:#f0f0f0 !important; border: none; }
.modal-blog .btn-default:hover { background-color:#323232 !important; color: #fff  }
.modal-blog .modal-header {padding-top: 20px; height: 90px}
.modal-blog .modal-body .container    {width: 1300px; max-width: 100%}
.modal-blog .modal-body .container h3 {font-size: 2.2em;}
.modal-blog .modal .modal-header {  padding-top: 20px;  height: 90px;  margin: 0 auto; border: none; padding-bottom: 100px}
.modal-blog .modal .modal-body   {     font-size: 1em; }
.modal-body .img-fluid  {width: 100% !important}
.modal-artigo 				{background:#fff !important; z-index: 3000 !important; } 
.modal-artigo .modal-dialog	{max-width: 90%;}
.modal-artigo .modal-content {border:none; width: 90%; margin: 0 auto; }
.modal-artigo h3 			{font-size: 2.2em !important}
.modal-artigo p 			{font-size: 1.4em; line-height: 1.5em}	
.modal-artigo ul li 		{font-size: 1.4em}
.modal-artigo ol li 		{font-size: 1.35em;}
.modal-artigo .close 		{outline: none; font-size: 2.3em; cursor: pointer;}
.modal-artigo .close span 	{font-size: 2em; color: #36A191; font-weight: bold;}
.modal-artigo .close span strong 	{font-size: 0.8em}	
.modal-artigo .fechar 		{font-size: 1.4em; }
.modal-artigo button 		{font-family: 'Montserrat', sans-serif !important;}
.modal-artigo a.close 		{font-size: 0.6em !important; float: left; margin-top: 50px; background: url(../img/seta-voltar.png) 0px 5px no-repeat;  padding-left: 13px;;}
.modal h5 			 {font-size: 2.5rem !important; padding: 0px;}
.modal section {border-bottom: 1px solid #DBDBDB; margin-bottom: 2rem; padding-top: 2rem}
.voltar a 	   {padding-left: 15px; background: url(../img/seta-voltar.png) 0px 5px no-repeat; margin-top: 10px}

/* Resultados busca */
#search-results ul li a {display: table-cell;vertical-align: middle;padding: 10px 10px 10px 25px;border-radius: 5px;height: 80px;background: #ededed;color: #000;transition: all 0.3s ease;}	
.busca-interna form     {    margin-bottom: 19px; display: block; background: #f5f5f5; padding:50px 50px 29px 50px; border-radius: 5px;}
.busca-interna label 	{font-weight: bold; padding: 0px; position: relative; top: 10px}
.busca-interna input 	{height: 50px; border-radius: 5px; position: relative; top: -5px}
.busca-interna.listagem {padding-right: 0px !important;}
.search form button.botao-busca 	{width: 240px; margin: 0 auto; display: block; height: 56px; border-radius: 8px; border: 0; margin-top: 10px; background: #909fa5; color: #fff; cursor: pointer; vertical-align: center;}
.ajuda-categorias 		{float: left; width: 50%; display: block; height: 300px}		

/* Paginacao */
.pagination 			{width: 100%; text-align: center; margin: 30px 0px 10px 0px !important; padding-left: 0px}
.pagination ul 			{padding: 0px; display: block; margin: 0 auto}
.pagination ul li       {list-style: none;border:none; display: inline !important; float: left; width: auto !important; text-align: center; margin-right: 5px } 
.pagination ul li:before		{content: "" !important}
.pagination li a  	    	{color: #41af95; border-radius: 3px; height: 50px !important; font-size: 0.9em; font-weight: 600; background: #d2d2d2 !important; display: block; padding: 15px 25px !important; text-transform: uppercase;}
.pagination .active a 	  {background:#41af95 !important; color: #fff}	 

/* Contato */
#contato 			 		{background: #5e7078; min-height: 550px}
#contato h2 		  		{color: #fff; padding-bottom: 80px;}
#contato .logo-footer 		{display: block; margin: 0 auto; width: 250px; height: 35px; overflow: hidden;  }
#contato .logo-footer img 	{width: 160px; display: block; margin: 0 auto}
#contato p 					{text-align: center; color: #fff; margin-top: 60px}
#contato a 					{color: #FFCC00}


/* Como funciona - Infografico */ 
/* Uteis */ 
.center 								{text-align: center}

/* Infografico */
.infografico 							{max-width: 1002px; margin: 0 auto; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.infografico h3 						{font-size: 1.4em; font-weight: normal;}
.infografico .titulo span 				{color:#fff; display: block;}
.infografico .titulo  span:first-child  {font-size:1.8em}
.infografico .titulo  span:last-child  	{font-size:4.48em; font-weight: 600; position: relative;top: -28px}
.infografico p 							{ font-size: 18px}
.infografico .secao 					{padding: 60px 40px 40px 40px}

  
/* Introducao */
#introducao  							{ height: 580px;  background: url(../../../images/infografico/bg-capa.png) fixed 380px 280px / contain no-repeat, linear-gradient(rgb(52, 62, 149) -8%, rgb(17, 139, 158) 37%), linear-gradient(rgb(52, 62, 149) -8%, rgb(17, 139, 158) 37%);}							
#introducao h3 							{padding-top: 10px; color:#fff; padding-bottom: 60px}
#introducao p 							{color: #fff;}
#introducao .texto 	 					{padding-left: 40px}
#introducao .imagem 					{position: relative; left: -90px; top: 80px}

/*Quem pode se inscrever */
#quem-pode-se-inscrever					{height: 1220px;  background: url(../../../images/infografico/bg-inscrever.png) -1600px -270px no-repeat #57BBAA; color: #fff}
       
#quem-pode-se-inscrever	p, #quem-pode-se-inscrever .titulo span 	{color: #fff}
#quem-pode-se-inscrever .texto 			{padding-top: 80px}
#quem-pode-se-inscrever span 			{color: #FFDB4C; font-weight: 600}
#quem-pode-se-inscrever .grafico 	    {padding: 10px 36px 10px 36px; margin-bottom:50px; }
#quem-pode-se-inscrever ul 				{padding-left: 0px; padding-top: 25px; font-size: 18px; display: table;}
#quem-pode-se-inscrever ul li			{display: flex; list-style: none; vertical-align: middle; height: auto; padding-left: 70px; padding-top: 15px; margin-bottom: 4px; background: url(../../../images/infografico/icon-lista.png) left no-repeat; padding-bottom: 15px;}

/* Inscricoes */ 
#inscricoes 							{background: #55BEC9; height: 800px; color: #fff; position: relative;}
#inscricoes .texto 						{padding-left: 280px}		
#inscricoes .imagem 					{position: relative; left: -110px}
#inscricoes .imagem .descricao-imagem	{position: absolute;  background: #F9A394;  height: 90px;  width: 580px;  border-radius: 60px; left: -40px; padding: 13px 18px 0px 146px;  top: 260px;}		
#inscricoes .imagem .descricao-imagem p {line-height: 1.2em}
#inscricoes .imagem2 					{position: absolute; top: 370px;     right: -141px;     padding: 13px 138px 0px 46px;}
#inscricoes .imagem2 .descricao-imagem	{ position: absolute;  background: #3B84A8;  height: 90px;  width: 540px;  border-radius: 60px; left:145px; padding: 20px 137px 0px 41px;  top: 300px;}		
#inscricoes .imagem2 .descricao-imagem p {line-height: 1.2em}

/* Nota de corte */
#nota-de-corte 							{background: #F8F8F8; height: 460px; overflow: hidden;}
#nota-de-corte .titulo 					{float: right;}
#nota-de-corte .titulo span				{color: #5591D6 }
#nota-de-corte .texto 					{clear: both; }
#nota-de-corte .notas 					{height: 440px; background: url(../../../images/infografico/notas.png) 0px 0px no-repeat; display: block; width: 100%; position: relative; bottom: -20px  }

/* Resultado e Pre-Selecao */ 
#resultados-e-pre-selecao 							{background: url(../../../images/infografico/bg-selecao.png) no-repeat -50px 380px #FCFCFC; height: 950px; overflow: hidden;}
#resultados-e-pre-selecao .titulo span, .pre-selecao h3 	{color: #5A5A5A}
#resultados-e-pre-selecao h3 						{text-align: center; font-size: 2em; text-transform: uppercase;} 
#resultados-e-pre-selecao .imagem 					{position: relative; left: -60px; top: 50px}
#resultados-e-pre-selecao .texto 					{margin-top: 50px}
#resultados-e-pre-selecao .bloco1 p					{padding-left: 20px} 					
#resultados-e-pre-selecao .bloco1 p::before 			{content: ""; height: 11px; width: 11px;background:#43BBCC ; position: relative; top:18px; left: -20px; display: block; border-radius: 60px;} 
#resultados-e-pre-selecao .chamada2 		 			{position: relative; right: 0px; top: 40px}
#resultados-e-pre-selecao .chamada2 img 				{position: relative; right: -105px; top: -20px}
#resultados-e-pre-selecao .bloco2 p					{padding-left: 10px; position: relative; left: 20px} 					
#resultados-e-pre-selecao .bloco2 p::before 			{content: ""; height: 11px; width: 11px;background:#3D7AA8 ; position: relative; top:18px; left: -20px; display: block; border-radius: 60px;} 
#resultados-e-pre-selecao .bloco3 				  	{margin-top: 120px;}

/* Lista de espera */ 
#lista-de-espera 						{background: url(../../../images/infografico/bg-lista-de-espera.png) no-repeat -221px 45px #FFCB7E; color: #fff; height: 1460px; overflow: hidden;}
#lista-de-espera .titulo span 			{color: #fff; position: relative; left: 200px}
#lista-de-espera .imagem 				{top:-20px; left: 50px; position: relative;}
#lista-de-espera p 						{position: relative; left: -30px}
#lista-de-espera .bloco1		 		{top:50px; position: relative;}	
#lista-de-espera .bloco2 		 		{left:80px; position: relative;}	
#lista-de-espera .opcao1 				{position: relative; z-index: 1000}
#lista-de-espera .opcao1 img			{position: relative; left: -40px; z-index: 1100;display: block;}	
#lista-de-espera .opcao1 p				{position: absolute; left: 260px; width: 590px; z-index: 2000; top: 80px;}
#lista-de-espera .lista-itens 			{background: #F9F9F9; color: #000; z-index: 1000;  margin-left: -50px; margin-right: -50px;  padding: 70px 50px 90px 70px; position: relative; top: -21px}
#lista-de-espera .lista-itens ul li 	{list-style: none; padding-left: 25px; background: url(../../../images/infografico/seta.png) 0px 3px no-repeat; margin-bottom: 15px;}
#lista-de-espera .lista-itens ul  	 	{padding-left: 0px}
#lista-de-espera .opcao2 				{position: relative; z-index: 1000;     top: -66px;}
#lista-de-espera .opcao2 img			{position: relative; left: -40px; z-index: 1100;display: block;}	
#lista-de-espera .opcao2 p				{position: absolute; left: 70px; width: 590px; z-index: 2000; top: 80px;}
#lista-de-espera .opcao2 .lista-itens  {top:-31px !important;}

/* Dicas importantes*/
#dicas-importantes 						{height: 900px;  background: url(../../../images/infografico/bg-dicas.png) -10px 0px no-repeat, rgb(119,130,232) ; background: url(../../../images/infografico/bg-dicas.png) -10px 0px no-repeat, linear-gradient(180deg, rgba(119,130,232,1) 0%, rgba(41,171,191,1) 88%);}
#dicas-importantes .titulo 				{position: relative; left: 220px}
#dicas-importantes ul  	 			    {padding-left: 0px; color: #fff; margin:50px 0px 60px 0px; display: block; overflow: hidden;}
#dicas-importantes ul li 			    {list-style: none;  padding-left: 40px; display: block; clear: both;}
#dicas-importantes ul li span:first-child 			{display: block; float: left; margin-bottom: 20px; width: 50px; border-radius: 60px; height: 46px; width: 46px;border:1px solid #fff;     padding: 10px 10px 10px 18px;}
#dicas-importantes ul li span:last-child  			{float: left; width: 94%; padding-left: 20px;}

/*NAVEGAÇÃO*/
.menu 				   	{position: relative; position: fixed; width: 200px; left: 81px; top: 295px; height: 50px;}
.menu ul 			   	{position: relative;left: 2%;top: 16px; background: #57bbaa; border-radius: 5px; width:100%; height: 0%; transition: all 0.5s ease}
.menu li   		   		{ margin-right: 0px;text-align: left; display: block;}
.menu li:last-child   	{margin-right: 0px}
.menu li a 		   		{text-transform: none;font-weight: normal;color: #fff;padding: 8px 8px 8px 40px;font-size: .75em;transition: all 0.3s ease;}
.menu li a:hover 	   	{background: #6b8e9e; color: #fff; transition: all 0.3s ease}
.menu .navbar 			{padding:0px}
.menu li a .active 		{background: #6b8e9e !important}
.menu a.download 		{position: absolute; top: 256px; color: #000;  background: #f1f1f1; border-radius: 0 0 3px 3px; width: 100%}
.menu a:hover.download  {background: #f2f2f2; color: #000} 
.menu .download i 	    {color: #00BCD4}
.menu .navbar-expand-sm .navbar-nav .nav-link {padding-left: 20px;}
.menu .navbar-expand-sm .navbar-nav {display: block; height: 0px; overflow: hidden;}

#interna .menu .active 				{background: #6b8e9e !important;}
.exibir-menu 			{height: 239px !important}
.exibir-menu-info 		{position: fixed; width: 30px; height: 30px; border-radius: 60px; background: #11889d;  left: 240px; padding: 4px 5px 0px 7px; color:#fff !important; text-decoration:none; z-index:2000; transition: all 0.5s ease}
.exibir-menu-info:hover {background: #323232; transition: all 0.5s ease}
.exibir-menu-info:hover::before {content:"Menu"; color:#dedede; font-size:0.8em; text-decoration:none; position: absolute; left:-45px}




/* Logo footer */
#governo-federal 				{display: block; width: 100%; min-height: 90px !important; padding: 0px; background: #fff; border-top: 1px solid #ddd}
#governo-federal .logo-mec-gov  {width: 339px; display: block; margin:0 auto; padding-top:16px;}

.contraste 	section, .contraste strong, .contraste span, .contraste #barra-brasil, .contraste #interna .conteudo, .contraste #interna .capa, .contraste #rodapePadrao 	{background: #000 !important;color: #fff !important;}
.contraste div 			{background: #000;}
.contraste a  			{background: transparent !important; color: #ff0 !important;}
.contraste .chamada 	{margin-top: 0px}
.contraste h2       	{color: #fff !important}
.contraste .cards a, .contraste .scroll .active, .contraste .card-perguntas a	{border:1px solid #fff !important; background: transparent !important;}
.contraste img 			{filter: saturate(1);}
.contraste #sobre .cards img, .contraste .logo-mec-gov img 			{filter: invert(0) brightness(7.5);}
.contraste #interna a {background: #000 !important;}


/* Css especifico  para o EDGE */ 
@supports (-ms-ime-align:auto) {
  .banner  	{position:relative;top: 54%;left:50%; width:auto; min-width: 60%; height: 195px;display: block;padding: 20px 28px 20px 28px;border-radius: 15px;border:1px solid #fff;}
  .banner-content		{position: relative; height: 200px; display: block; margin-top: 10px; width:1100px; margin: 0 auto; overflow: hidden;}
  .banner .bt a 		{width: 220px}
 
}

/* RESPONSIVIDADE */
@media (min-width: 1200px){
#issues, #issues li { width: 380px; left: 5px;  position: relative;}
}

@media (min-width: 1200px){
.container {max-width: 1320px;}
}

@media (max-width: 1200px){
.container {max-width: 1140px;}
}

@media(min-width: 1024px){
.navbar {padding-left:0px }	
.redes-sociais {    margin-left: -30px;}
.menu-superior li a { padding: 15px 13px !important; }
}

@media (max-width: 1198px){
.container {  max-width: 97% !important;}
}

@media (max-width:1250px){
	.scroll-logo {left: 33px}
	#cronograma #next, #cronograma #prev {background: transparent;}
}

@media (width: 1024px){  
  .exibir-menu 			{left: 0px !important}
}


@media (min-width: 568px) and (max-width: 736px) {
	.exibir-menu 			{left: 0px !important}
}

@media (width: 768px){
 .logo 					{    margin-top: 20px;    left: 242px; position: relative;}
 .exibir-menu 			{left: 0px !important}
 .redes-sociais 		{ top: 9px; width: 250px;}
 .menu-superior			{top: 93px;}
 .menu-superior li a    {min-width: 116px}
 .scroll ul 			{ position: absolute; right: 5%; top: 27px;}
 .scroll .icone-busca 	{left: 95% !important}
}

@media (max-width: 767px){
	/* Capa */

	.acessibilidade 	{top: -100px; position: relative;}
	.capa 					{background: rgb(52,62,149);    padding-bottom: 80px; background: linear-gradient(180deg, rgba(52,62,149,1) -8%, rgba(17,139,158,1) 37%);  height: auto; background-size: cover;}
	.assinatura-mec		{display: block;width: 100%;top: -33px;left: 0px;font-size: 12px;height: 49px; clear: both;}
	.assinatura-mec a  	{color: #a2b4d1  !important;top: -8px;}
	.assinatura-mec a:hover  	{color: #000  !important;}
	.redes-sociais 		{ float: left;  right: 4px;  top: -53px;  position: absolute;}
	.redes-sociais ul li, .libras {margin-right: 3px !important;}				
	.redes-sociais img 	{opacity: 0.4;}
	.redes-sociais a 	{top: 0px}	
	.redes-sociais .libras, .redes-sociais .contrast {border-color: #879ec3;}	
	.logo 				{margin-top: -16px !important;left: 0px;position: relative;top: 5px !important;width: 100%;float: none;margin-left: 0px;text-align: center;}	
	.etapa 				{margin-top: 80px !important;}	
	.etapa .frase 		{width: 90%; padding-left: 0px; margin:0 auto;}	
	.chamada, .banner .momentos .titulo-momento 			{width: 100%; margin: 0 auto; top: 0px; height: 25px}
	.chamada p 			{position: relative; top: -11px}
	.banner .momentos .titulo-momento::after {display: none;}
	.banner .momentos 	{padding:5px }	
	.banner 			{width: 100%;min-width:100%;height: auto;top: 200px !important;}
	.banner .momentos .bt 		{margin-top: 24px;/* margin: 0 auto; */width: 100%;margin-top: 41px;}	
	.banner .momentos .bt span 	{width: 100%}
	.banner .momentos a 		{margin: 0 auto;margin-bottom: 9px;}
	.banner-content	 			{margin-top: 60px}
	.banner .momentos .mensagem {width: 100%; margin-left: 0px; padding-top: 40px;}

	.processo-encerrado 		{width: 100%;}
	.processo-encerrado .descricao {width: 100%; clear: both; text-align: center;}
	.processo-encerrado .icone   {float: none; margin: 0 auto;}	

	.menu-superior 		{position: fixed;background: rgb(253, 253, 253);z-index: 2000;	width: 100%;left: -740px;	height: 100vh;	top: -33px !important;
	transition: ease 0.4s all;	-webkit-box-shadow: 7px -2px 5px -6px rgba(0,0,0,0.57);	-moz-box-shadow: 7px -2px 5px -6px rgba(0,0,0,0.57);box-shadow: 7px -2px 5px -6px rgba(0,0,0,0.57);
	}
	.menu-superior a 	{color: #fff !important;}	
	.menu-superior ul   {width: 300px; height:100vh; text-align: right !important;left: 0%; overflow: scroll; display: block;    margin-top: 118px;}
	.menu-superior li 	{text-align: left;}
	.menu-superior li a {font-size: 1em;color: #000000 !important;}
	.menu-superior .icone-busca, .scroll .icone-busca {display: none;}
	.menu-superior.scroll {top: 48px !important;transition: ease 0.5s all;}
	.scroll .active 	{background: transparent !important;color: #2d99aa !important;font-weight: 600;}


	
	/* Menu mobile footer*/
	.mobile      		{position: fixed;bottom: 0%;font-size: 1.2em;clear: both;-webkit-box-shadow: -1px -3px 4px -1px rgba(0,0,0,0.25);-moz-box-shadow: -1px -3px 4px -1px rgba(0,0,0,0.25);box-shadow: -1px -3px 4px -1px rgba(0,0,0,0.25);background:#fff;color: #fff;height: 56px;width: 100%;display: block;z-index: 2005;}
	.exibir-menu-mobile	{display: block !important;height: 100vh; z-index: 2002;left: 0px !important;transition: ease 0.5s all;width: 70%;}
	.mobile ul 		    {padding-top: 9px;padding-left: 0px;text-align: center;margin-left: 0px;}	 
	.mobile ul li 		{display: block;float: left;list-style: none; margin-right: 8px; width:22%;height: 60px;text-align: center;}
	.mobile ul li:last-child		{ margin-right: 0px}
	.mobile span 		{font-size: 10px;/* position: relative; */top: -5px;clear: both;width: 100%;}
	.mobile button span	{color: #6b6b6b;   top: -4px;  position: relative;}
	.mobile a 			{color: #797979;}
	.mobile i 			{display: block;}
	.mobile a:active, .mobile a:focus 	{color: #17a2b8;text-decoration: none;}
	.mobile a:active::after, .mobile a:focus::after {content: " "; width: 100%;height: 2px; margin-right: 10px; border-radius:90px;  background: #17a2b8;display: block;position: relative;top: -56px; left: 0%; transition: all 0.5s ease}
	.mobile .nav-item, .mobile .nav-link   {padding: 0px}
	.logo-mobile 		{display: block; width: 60%; height: 0px; position: relative; top: 60px;left: -5px}
	.logo-mobile img    {width: 190px;  filter: invert(1);  opacity: 0.03;  position: relative;  left: 37px;} 
	.enabled 			{display: none !important;}
	.mascara 			{ opacity: .6;  height: 100vh; background: #000 !important;   position: fixed;  width: 100%;  z-index: 2001;  top: 0;}
	.navbar 			{ padding-left: 0px }		
 	.active 			{background: transparent !important}	
 	.icone-busca 		{left: 0px; top: -3px}
 	.icone-busca .fas   {color: #aad03b; margin-bottom: 3px;}
 	.modal-plano 		{padding: 15px}	
 	.modal-plano .form-control {padding: 20px; font-size:0.9em}
 	.bkg-lupa 			{padding: 0px}
 	.termos-buscados ul li {height: 70px; display: block;}

 	/* Sobre*/
 	#sobre .item, #duvidas .item 			{margin-bottom: 10px} 

 	/* Cronograma */
 	#cronograma #next, #cronograma #prev {background: transparent; display: none !important}
 	#cronograma .container 	{width: 800px !important; overflow: scroll;}
 	#cronograma ul#issues 	{margin-left: 0px !important}
 	#timeline .item .data   {font-size: 1.05em; font-weight: bold;}
 	#cronograma #timeline   {padding-right: 0px}
 	#cronograma #issues li { width: 315px !important}

 	/*Duvidas */
 	#duvidas 				{height: 1040px;}
 	.ajuda-categorias 		{width: 100%}

 	/* Acesse tambem */
 	#acesse-tambem 				  {    min-height: 1080px;}	
 	#acesse-tambem .multiCarousel .multiCarousel-inner .item { float: none; width: 348px !important; margin-bottom: 15px;}
 	#acesse-tambem .multiCarousel {height: auto;}
 	#acesse-tambem .leftLst, #acesse-tambem .rightLst {display: none;} 

 	/*Intena*/
 	
 	#interna .assinatura-mec {top: -77px; left: -13px; font-size: 0.75em !important}
 	#interna .redes-sociais  { width: 200px;  position: relative; left: 138px !important; top: -55px !important;}
    #interna .logo 			 {top: -45px !important}
    #interna .card-perguntas, .listagem {padding-right: 0px}
    #interna .menu-superior 	{transition: ease 0.4s all; display: block;}
    #interna .busca-duvidas .bt-busca {right: 20px}
    #interna .conteudo 			{padding: 0px}
    #interna .conteudo img 		{width: 100%}
    #interna .busca-interna.listagem {padding: 0px 20px 0px 15px !important;}
    #interna .busca-interna label 	{ top: -20px; left: 45px}
    .listagem-categoria a 		{height: 90px}
    .legislacao ol li 			{margin: 10px 20px 10px 20px;  float: left; width: 100%}
    .legislacao ul 				{ padding:0px 15px 0px 15px;}
    .legislacao ul li 			{ overflow: hidden; max-height: 100%;  height: auto !important; padding-bottom: 15px; display: block;}
    .legislacao ul li a 		{    margin-bottom: -47px;}
    .blog, #search-results 						{padding:0px 15px 0px 15px;}

    /* INFOGRAFICO - COMO FUNCIONA */
    .exibir-menu-info  {display:none}
      
        .infografico .secao { padding: 30px 40px 40px 40px;}
    	.infografico .titulo span:last-child {font-size: 4em}
    	.infografico .row-fluid {margin-right: -15px; margin-left: -15px;}
        .infografico img    {width:auto !important;}
      
    	#introducao 					{height: auto; background-size:cover; }
    	#introducao .imagem 			{left: -150px;  top: -50px;}
        #introducao .texto 				{padding:0px}
        #introducao h3              {padding-bottom:0px}
      
    	#quem-pode-se-inscrever 		{height: auto;}
    	#quem-pode-se-inscrever .texto  { padding-top: 100px;}
    	#quem-pode-se-inscrever .titulo	{position: absolute;  top: -420px;}
      	#quem-pode-se-inscrever img 	{width:auto}
      	#quem-pode-se-inscrever .grafico img 	{width:100%}
      
    	#inscricoes 					{height: 1200px;}
    	#inscricoes .texto 				{padding-left: 0px}
    	#inscricoes .titulo				{position: relative;left: -10px}
    	#inscricoes .imagem2 			{top: 740px !important;}
    	#inscricoes .imagem 			{left: 0px}
    	#inscricoes .imagem .descricao-imagem, .inscricoes .imagem2 .descricao-imagem  {padding: 20px; height: auto; border-radius: 5px; width: 100%; left: 0px}
    	#inscricoes .imagem2 .descricao-imagem  {padding: 20px; height: auto; border-radius: 5px; width:350px; left: 6px}
    	
    	#nota-de-corte 					{height: 900px;}
    	#nota-de-corte .notas 			{height: 333px}
    	#nota-de-corte .titulo 			{padding-top: 40px;}

    	#pre-selecao 					{height: auto;}
    	#pre-selecao .titulo span    	{font-size: 2.8em !important; line-height: 1.8em;}
    	#pre-selecao .chamada2 .imagem  {left: -130px}

    	#lista-de-espera .titulo span	{left: 40px}
    	#lista-de-espera  p {left: 9px}
    	#lista-de-espera    {background: #FFCB7E; height: 2250px;}
    	#lista-de-espera .secao {padding:0px}
    	#lista-de-espera .bloco2 {left: 0px; top: 70px; height: 320px;}
    	#lista-de-espera .imagem {left: 70px;}
    	#lista-de-espera .opcao1 p {left: 0px; width: 100%; margin-top: 120px;}
    	#lista-de-espera .lista-itens {top: 149px; padding:20px 50px 90px 70px}
    	#lista-de-espera .opcao2      {top: 24px;}
    	#lista-de-espera .opcao2 img  {    left: -660px;    top: 50px;}
    	#lista-de-espera .opcao2 p 	  {left: 0px; width: 100%;  top: 260px;}	
    	#lista-de-espera .opcao2 .lista-itens {    top: 219px !important;}

    	#dicas-importantes 			 {background:rgb(119,130,232); background:  linear-gradient(180deg, rgba(119,130,232,1) 0%, rgba(41,171,191,1) 88%); height: auto;}	
    	#dicas-importantes ul li 	  {padding-left: 0px}
    	#dicas-importantes ul li span:last-child {width: 74%; margin-bottom: 26px;}
    	#dicas-importantes .titulo  {left: -15px; font-size: .8em}

}