/*! 
 * 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: #000; background: #fff;}
strong				{font-family: 'Montserrat', sans-serif; font-weight:700;}

p 					{font-size: 1.12rem; line-height: 1.9rem;}
a 					{color: #0094ff;}
a:hover 			{color: #0094ff}
h2 					{font-size: 2em; padding: 5rem 0rem 0rem 0rem; text-align: left; text-transform: uppercase; margin-bottom: 2rem; width: 100%;}
h3  				{font-size: 1.9em; font-weight: 600; margin-bottom: 20px; margin-bottom: 3rem;}
h4 					{border-left: 18px solid #333; padding-left: 1rem; margin-bottom: 2rem;}
.text-2 {font-size: 1.375em; font-weight: 700; line-height: 1.4em;}
section {min-height: 600px; padding: 0 0 4rem 0; position: relative;}
section::before, section::after {  position: absolute;  content: '';  pointer-events: none;}
header 	{position: relative;  height: 180px}
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; margin: 0 auto; display: block;}

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

.btn-validador  			{z-index: 100; width: 100%; text-align: center; position: relative;}
.btn-validador a 			{display: inline-block; background: #ecc91b; z-index: 100; position: relative; color: #000; padding: 2.5rem 2.2rem; font-weight: 600; font-size: 0.8em; overflow: hidden; border-radius: 10px; box-shadow: rgb(10 10 10 / 37%) 8px 8px 0px;}
.btn-validador.inativo a  			{cursor: default; opacity: .8; background: #c9c9c9;}
.btn-validador.inativo .em-breve   	{display: block; opacity: 1; position: absolute; background: #ecc91b; color: #fff; padding: 10px; right: 0px; top: 0px; box-shadow: #ffffff82 0px -4px 55px; font-size: 0.8em;}
.btn-validador .em-breve 			{display: none;} 
.btn-validador a i svg 				{margin-bottom: 14px;}

.btn-validador .inativo {cursor: none;}

/* BUSCA */
.icone-busca 					{position: relative; left: 122px; top: 10px }
.icone-busca a 					{color: #000}
.icone-busca button 			{background: transparent; border: none; cursor: pointer; outline: none;}
.icone-busca button:hover 		{color: #43bba9}
.modal-plano {position:fixed;height: 100vh;z-index: 6000;	background: #41af95;	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; }

#principal .container 	{max-width: 1350px;} 
#principal 				{overflow: hidden;}



/* CAPA */ 
#capa   			{min-height: 750px; position: relative; background: #892f89; overflow: hidden; /* Old browsers */
background:  url(../img/bg-capa.svg) -90px 0px no-repeat fixed,  -moz-linear-gradient(-45deg, #892f89 16%, #8c02b6 47%, #3981de 91%); 
background:  url(../img/bg-capa.svg) -90px 0px no-repeat fixed, -webkit-linear-gradient(-45deg, #892f89 16%,#8c02b6 47%,#3981de 91%); 
background:  url(../img/bg-capa.svg) -90px 0px no-repeat fixed, linear-gradient(135deg, #892f89 16%,#8c02b6 47%,#3981de 91%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#892f89', endColorstr='#3981de',GradientType=1 ); 
}

#capa 	a:hover 	{text-decoration:none}

/* MENU */
.menu 		{height: 100px; width: 100%; position: relative; margin-top: 230px; right: 0%; z-index: 100}
.menu ul    {padding-left: 0px; float: right;}
.menu ul li {list-style: none; display: inline-block; margin-right: -7px}
.menu ul li:last-child {margin-right: 0px}
.menu a 	{color: #fff; border-radius: 60px; border:1px solid transparent; padding: 15px 26px !important; min-width: 102px; text-align: center; transition: all 0.3s ease; font-size: 1.1em}
.menu a:hover {background: #319BD4; border:1px solid transparent; color: #fff; text-decoration: none; }
.menu .navbar-nav {display: inline-block;}
.menu .active {background:#319BD4; color: #fff }
.menu .active a {color: #fff}



.scroll {position: fixed; width: 100%; height: 90px; display: block; z-index: 500;left: 0%; margin-top: -50px; background: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 18px 0 rgba(0, 0, 0, 0.1)} 
.scroll-logo {position: fixed;   display: block; z-index: 501; margin-top: 0px !important}
.scroll-logo img { filter: invert(0) !important; width: 80%}
.scroll ul 		 {padding-top: 16px; position: relative; right: 8%}
.scroll ul li a  {color: #000}

.logo 				{margin-top: 130px; display: block; margin-left: -20px}
.logo img 			{ filter: invert(0) brightness(8);}	

.assinatura-mec		      {position: relative; padding-top: 15px ;width: 150px; z-index: 500 }
.assinatura-mec a    	  {color: #fff; transition: all 0.2s ease }
.assinatura-mec a:hover   {color: #F5DD01; text-decoration: none }
.assinatura-mec span {font-size: 2em; font-weight: 600; position: relative; display: block; top: -14px;  left: -2px;}

.estudante 			{width: 100%; min-height: 855px; background: url("http://portal.mec.gov.br/images/diplomadigital/estudante.jpg") no-repeat; background-repeat: no-repeat; background-position: right top;  mix-blend-mode: multiply; position: absolute; top: 0px; right: -50px; background-size: contain; }

.redes-sociais {float: right; position: absolute;  display: block; right: 3%; top: 22px; z-index: 200}
.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 	{ opacity: 0.5}		
.contrast , .libras			{border-right: 1px solid #fff; width: 40px; padding-left: 5px; padding-right: 15px}
.libras 					{margin-right: 20px !important}

.frase 			    {font-size: 1.8em; font-weight: normal; width: 80%; position: relative; top: 70px; line-height: 1.3em; color: #F5DD01}
.frase span 		{font-weight: bold; color: #fff}


.cards 			{/*padding-left: 19%;*/ padding-top: 60px; }
.cards span		{margin:0 auto ; color: #fff !important;  font-size:16px;position: relative; top: -90px; text-align: center; font-weight: normal; }
.cards div 	{text-align: center; display: inline-block; font-size: 5.2em; font-weight: 600; border-radius: 30px; height: 160px; box-shadow: 0px 6px 11px -7px rgba(0, 0, 0, 0.8); width: 160px; padding-top: 10px; margin-right: 40px; color: #fff; position: relative; text-align: center; background: rgb(159,8,240); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(159,8,240,1) 16%, rgba(248,135,18,1) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(159,8,240,1) 16%,rgba(248,135,18,1) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(159,8,240,1) 16%,rgba(248,135,18,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f08f0', endColorstr='#f88712',GradientType=1 );
}
 
/* SOBRE*/ 
#sobre  		 		{background: #fff; position: relative; z-index: 101}
#sobre::before 			{background: #fff; content: ''; display: block; height: 300px; position: relative; right: 0; transform-origin: 100% 100%;
 transform: rotate(3deg); z-index: -1; left: -22px; margin-left: -20px;}
#sobre h2 		 {color:#44A8A2;     margin-top: -350px;  }
#sobre span 	{color: #44A8A2; font-weight: 600; font-size: 1.5em; margin-top: 90px; padding-bottom: 15px; display: block;}
.sobre-detalhes {margin-top: -150px; width: 100%; display: block;}
.info 		 	{text-align: center; margin: 0 auto; margin-top: 50px; }

/* INSTITUICOES */ 
#instituicoes  		 		{background: #5EB9BD; position: relative; z-index: 101; min-height: 750px;}
#instituicoes::before 			{background: #5EB9BD; content: ''; margin-bottom: -154px; display: block; height: 300px; position: relative; transform-origin: 100% 100%; transform: rotate(-3deg); z-index: -1; left: 33px; margin-left: -20px; top: -90px;}
#instituicoes::after 			{background: linear-gradient(53deg, #743587 15%,#069cb4 129%); content: ''; margin-bottom: -218px; display: block; height: 300px; position: relative; transform-origin: 100% 100%; transform: rotate(3deg); z-index: -1; left: 0px; margin-left: -20px; top: 192px;}
#instituicoes h2 		 {color:#fff;     margin-top: -185px; }
#instituicoes h3		 {font-size: 1.35em; margin-bottom: 0px}
#instituicoes span 		{color: #44A8A2; font-weight: 600; font-size: 1.5em; margin-top: 90px; padding-bottom: 15px; display: block;}
#instituicoes .imagem   {position: absolute;  top: -111px; left: 117px;}
#instituicoes .ver-mais 			{ width: 100%; margin-top: 40px; clear: both;}
#instituicoes .ver-mais a 			{padding: 10px 60px; display: block; float: right;border: 1px solid #fff; color: #fff;  font-size: 1.1em; display: block; transition: all 0.3s ease}	
#instituicoes .ver-mais a:hover 	{text-decoration: none; background: #fff; color:#5EB9BD }
.downloads				{margin-top: 20px; width: 100%; display: block;}
.downloads .item  		{width: 100%;height: 150px;margin-top: 50px;display: block;}
.downloads .item a 		{ background: url("../img/download.png") 50% 80% no-repeat #5db6ba; border-radius: 3px; color: #000; display: block; font-size: 1.25em; text-align: center; padding:15px 10px;  font-weight: 500; position: relative; top: 0px; width: 100%; height: 150px; transition: all 0.4s ease;}
.downloads .item a:hover  {top: -10px; background-color:#dedaea; color: #000; text-decoration: none;  }
.downloads .item .descricao {font-size: 0.75em; font-weight: normal; color: #fff}
.downloads .item a:hover > .descricao {color: #000}

.downloads .item .link 	{ background: url("../img/link.png") #5db6ba 50% 80% no-repeat;}
.pacote .item a 		{ background: url("../img/download.png") 50% 80% no-repeat #dedaea; border-radius: 3px; color: #000; display: block; font-size: 1.1em; text-align: center; padding:15px 10px;  font-weight: 500; position: relative; top: 0px; width: 100%; height: 120px; transition: all 0.4s ease;}
.pacote .item a:hover   {background-color:#594fce; color: #fff }
.pacote .item  		{width: 100%;height: 150px;margin-top: -8px;display: block;}


/* NORMATIZACAO */
#normatizacao  		 		{background: #743587; background: -moz-linear-gradient(-45deg, #743587 0%, #069cb4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #743587 0%,#069cb4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #743587 0%,#069cb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#743587', endColorstr='#069cb4',GradientType=1 ); position: relative; z-index: 101; min-height: 600px; color: #fff}

#normatizacao h2 		 {color:#fff;  margin-top: -51px;     }
#normatizacao h3		 {font-size: 1.35em; margin-bottom: 0px}
#normatizacao .arquivos				{margin-top: 20px; width: 100%; display: block;}
#normatizacao .arquivos .item  		{width: 100%;height: 150px;margin-top: 50px;display: block; margin-bottom: 90px;}
#normatizacao .arquivos .item a 		{ background: url("../img/item-legislacao.png") 51% 0% no-repeat; text-align: center; border-radius: 3px; color: #fff; display: block; font-size: 1.2em; padding: 57px 150px 0px 150px;;  font-weight: normal; position: relative; top: 0px; width: 100%; /*height: 150px;*/ margin-bottom: 15px; transition: all 0.4s ease;}
#normatizacao .arquivos .item a:hover  { color:#ffe326; text-decoration: none; top: -5px  }
#normatizacao .arquivos .item .descricao {font-size: 0.75em; font-weight: normal; color: #fff}
#normatizacao .arquivos .item a:hover > .descricao {color: #000}
#normatizacao small				{width: 75%; display: block; margin: 0 auto}
#normatizacao .ver-mais 			{ width: 100%; margin-top: 40px; clear: both;}
#normatizacao .ver-mais a 			{padding: 10px 60px; float: right;border: 1px solid #fff; color: #fff;  font-size: 1.1em; display: block; transition: all 0.3s ease}	
#normatizacao .ver-mais a:hover 	{text-decoration: none; background: #fff; color:#5EB9BD }

/*inclusão de item CSS para casos de normativos revogados ou itens que precisam estar desabilitados(sem link).*/
#normatizacao .arquivos .item .link-disable {
background: url("../img/item-legislacao.png") 51% 0% no-repeat;
text-align: center;
border-radius: 3px;
color: #fff;
display: block;
font-size: 1.2em;
padding: 57px 150px 0px 150px;
font-weight: normal;
position: relative;
top: 0px;
width: 100%;
/*height: 150px;*/
margin-bottom: 15px;
transition: all 0.4s ease;
}

/* FAQ */
#faq 				{background: #F8F8F8; position: relative; z-index: 101; min-height: 600px;}
#faq::before {    background: #f8f8f8; content: ''; margin-bottom: -332px; display: block; height: 300px; position: relative; transform-origin: 100% 100%; transform: rotate(-2deg); z-index: -1; left: 19px; margin-left: -20px; top: -55px;}
#faq .ver-mais 			{ width: 100%; margin-top: 100px; clear: both;}
#faq .ver-mais a 		{padding: 10px 60px; float: right;border: 1px solid #000; color: #000;  font-size: 1.1em; display: block; transition: all 0.3s ease}	
#faq .ver-mais a:hover 	{text-decoration: none; background: #8b5296; color:#fff;border: 1px solid #8b5296 }
.arquivos-faq				{margin-top: 20px; width: 100%; display: block;}
.arquivos-faq .item  		{width: 100%;height: 150px;margin-top: 50px;display: block;}
.arquivos-faq .item a 		{ background: #fff; border-radius: 3px; color: #000; display: block; font-size: 1.22em; text-align: center; padding:25px 10px 0px 0px; text-transform: uppercase;  font-weight: 500; position: relative; top: 0px; width: 100%; height: 150px; transition: all 0.3s ease;}
.arquivos-faq .item a:hover  {top: -10px; background-color:#8b5296; color: #fff; text-decoration: none;  }
.arquivos-faq .item .descricao {font-size: 0.75em; font-weight: normal; color: #fff}
.arquivos-faq .item a:hover > img {filter: invert(1);}
.arquivos-faq .item img 		{ display: block;  width: auto;  margin: 0 auto;  margin-bottom: 18px;}

/* CONTATO */
#contato  		 			{background: #303030; color: #fff}
#contato .contatos 			{font-size: 1.3em;}
#contato .contatos .item 	{padding: 1.3rem .1rem;}
#contato .contatos .item a	{color: #fff;}
#contato path {fill:#00ffe5;}
#contato .redes-sociais {width: 100%; margin-top: 40px;}
#contato .redes-sociais ul li {padding: 10px 30px;}

/*  INTERNA*/
#interna 						{min-height: 1040px }
#interna #capa 					{min-height: 180px; height: 180px }	
#interna .logo 				   {margin-top: 6px}
#interna .logo img			   {width: 310px}
#interna .conteudo 			   { min-height: 650px; padding-bottom: 100px }
#interna .scroll			   { margin-top: -49px !important }
#interna .menu 				   {margin-top: 100px}
#interna .rastro 			   { margin-top: 15px }
#interna .rastro ul 		   { padding: 0px;  }
#interna .rastro ul li 		   { list-style: none; display: inline; margin-right: 20px; font-size: 0.9em; color: #c3c3c3  }
#interna .rastro ul li a 	   {color:#842b86;}		
#interna .rastro ul li a:hover {color: #000; text-decoration: none}
#interna .rastro i 			   {color: #ddd; position: relative; left: -8px }
#interna h2 				   {font-weight: 600; padding: 3rem 0rem 1rem 0rem;}	

#interna .faq-lista  		   {margin-top: 50px; overflow: hidden; padding-top: 20px}	
#interna .faq-lista h3		   {font-size: 1.2em; padding: 0px; margin-bottom: 12px; }	
#interna .faq-lista .item 	   {width: 48%; float: left;  margin-right: 20px;   }	
#interna .faq-lista .item a 	{padding: 16px 35px; background: #dedaea;display: block; height: 100px; color: #000; font-weight: normal; position: relative; top: 0px; transition: all 0.4s ease}
#interna .faq-lista .item a:hover {top: -10px; text-decoration: none; background: #594fce; color: #fff}

#interna .faq-lista .item .link-card-disable {
 padding: 16px 35px;
 background: #dedaea;
 display: block;
 height: 100px;
 color: #000;
 font-weight: normal;
 position: relative;
 top: 0px;
 transition: all 0.4s ease;
}



#interna .modal 			   {top:0px; position: fixed; height: 100%; background: #fff}
#interna .modal p 			   {font-size: 1.3rem;   line-height: 2.5rem;}
#interna .modal-content 	   {border: none; width: 100%}
#interna .modal-dialog 		   {max-width: 70%}	
#interna .modal-title 		   {font-size: 3em; line-height: 1.3em}
#interna .close 				{font-size: 1.2rem}
#interna .close span:last-child {font-size: 2em; position: relative; top: 8px}
#interna .modal-header .close  {top: -40px; position: relative; opacity: 1; color: #bdbdbd}
.modal-backdrop 			   {display: none !important}
.modal 					  	   {z-index: 1200 !important}



/* SANFONA */
.sanfona        			{width: 100%; display: block; clear: both;   margin-bottom: 8px; font-size: 0.9em }
.sanfona h4 				{font-size: 1.25em !important; border: none; font-weight: normal !important; padding: 15px 35px 15px 15px !important; max-height: 180px; display: block; background: #594fce ; color: #fff ; position: relative; margin:0px !important; transition: all 0.3s ease }
.sanfona h4:hover 			{background: #8a2693 !important}
.sanfona h4:focus 			{background: #297f6b !important}
.sanfona p 					{font-size: 1.16em} 
.sanfona .content-acordeon	{background: #fff; border: 1px solid #8a2693; overflow: hidden;   border-top: none; padding: 10px; margin-top: 0; font-size: 0.95em; margin-bottom: 0; clear: left; display: none;}
.sanfona .content-acordeon	li {margin-bottom: 8px; font-size: 1.16em; margin-left: 10px;}
.sanfona .content-acordeon	ul {padding-left: 20px; margin-bottom: 0px !important}
.sanfona .content-acordeon a {display: inline; position: relative;}
.sanfona h4:after 			{color: #fff; font-size: 18px; padding: 25px 23px; float: right; font-weight: bold; content: "\f078"; font-family: 'Font Awesome 5 Free'; background:transparent; position: absolute; right: -13px; top: -10px;}
.sanfona h4.menos:after 	{content: "\f077" !important; font-family: 'Font Awesome 5 Free' !important; color: #fff !important }
.sanfona h4.menos  	{background: #8a2693 !important; color: #fff !important }
.sanfona-ativa-black        {background: #000 !important}



footer 	{background: #fff; height: 150px; display: block; width: 100%; text-align: center; padding-top: 40px}
footer img {transition: all 0.3s ease;}
footer img:hover {-webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95)}





/* RESPONSIVIDADE ----------------------------------- */
/* Large desktops and laptops */
@media (max-width: 1280px){
.menu a {    padding: 15px 20px !important; font-size: 1em}
}

@media (max-width: 1348px){
.container {max-width: 1350px !important;}
.menu ul li {margin-right: 0px}
}

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

@media (max-width: 1099px){
.menu 		{right: 30%}
.menu ul li {display: block;}
.scroll ul li {display: inline-block !important;}
}

@media (width: 768px){

.scroll-logo {margin-top: 40px}
.scroll-logo img {width: 60%; }
.modal-dialog {max-width: 95%}

}


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

.mb-show {display: none!important;}
.mb-hide {display: block!important;}


@media (min-width: 768px){
.comunicado .modal-dialog {    width: 680px;   margin: 30px auto;	}
}


     
@media (max-width: 767px){


.btn-validador a {top: 40px; margin-bottom: 20px; font-size: 1.3em;}


.row 	{margin-right: 0px; margin-left: 0px}
/*.mb-hide {display: none!important;}*/
.mb-show {display: block!important;}
body img {width: 100%}

/* ASSINATURA MEC*/
.assinatura-mec {top: -5px;}
.assinatura-mec a {font-size: .7em;}
.assinatura-mec span {top: -5px;}

/* ESTUDANTE */
.estudante {  opacity: 0.3; position: absolute; width: 100% !important;right: -80px; top: 130px }


/* LOGO */
.logo 		{margin-top: 0px}
.scroll-logo {position: absolute; left: -1000px}
#interna .logo {margin-top: -14px;}


/* CAPA */
#capa       {min-height: 400px; /*min-height: auto;*/
background: #892f89; overflow: hidden; /* Old browsers */
background:  -moz-linear-gradient(-45deg, #892f89 16%, #8c02b6 47%, #3981de 91%); 
background: -webkit-linear-gradient(-45deg, #892f89 16%,#8c02b6 47%,#3981de 91%); 
background: linear-gradient(135deg, #892f89 16%,#8c02b6 47%,#3981de 91%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#892f89', endColorstr='#3981de',GradientType=1 );}


/* REDES SOCIAIS */
.redes-sociais 	{top: -168px; left: 12%}
#interna .redes-sociais {top: 5px}

/* FRASE */
.frase 		{margin-bottom: 50px; font-size: 1.5em;}

/* MENU */
.menu, .scroll { position: fixed !important; background: rgba(0,0,0,0.92) !important; margin-top: -40px !important; top: 40px !important; display: block !important; z-index: 2002; width: 100%; height: 100vh; left: -600px !important; transition: all 0.7s ease;}
.menu ul, .scroll ul {float: none !important; padding-top: 50px}
.menu ul li, .scroll ul li {display: block !important; margin-right: 15px !important; margin-left: 15px !important;}
.menu ul li a, .scroll ul li  a {font-size: 1.3em; color:#fff;}
.menu .navbar-nav, .scroll .navbar-nav  {display: block;}
.menu .active, .scroll .active  	  {color:#fbde13; background: transparent;}	
.scroll ul 							  {right: 0%;}

/* MENU RESPONSIVO */
.menu-responsivo 	{background: rgb(95, 71, 203,0.96); width: 100%; z-index: 2005; left: 0px; padding: 15px;  height: 60px; position: fixed;bottom: 0px;right: 0%}
.menu-responsivo a  {color: #fff; font-size: 1em; }
.menu-responsivo ul {text-align: center;padding-left: 0px ;margin-top: -4px;}
.menu-responsivo ul li {list-style: none; display: inline-block; margin-right: 45px}
.menu-responsivo ul li:last-child {margin-right: 0px}
.menu-responsivo i 				  {color: #2a1d65}	
.exibir-menu-mobile					{display: block;  left: 0px !important;  transition: all 0.5s ease;  }


/*INSTITUICOES*/
.downloads 	{margin-top: 250px}	
.downloads .item a {background: url("../img/download.png") 50% 93% no-repeat #5db6ba; height: 180px}
.downloads .item .link { background: url(../img/link.png) #5db6ba 50% 94% no-repeat;}
#instituicoes .imagem {top: 0px; left: 0px;}
#instituicoes::before {top: -72px; left: 15px}
#instituicoes .ver-mais  {width: 100%}
#instituicoes .ver-mais a {text-align: center; float: none;}

/* NORMATIZACAO*/
#normatizacao 				{min-height: 1200px}
#normatizacao .arquivos .item { width: 100%; height: 200px; margin-top: 30px; display: block; margin-bottom: 20px}
#normatizacao .ver-mais a     {float: none; text-align: center;}
#normatizacao .arquivos .item a {padding: 57px 20px; background: url(../img/item-legislacao.png) 50% 0% no-repeat}
#normatizacao small  			{width: 100%}

/* FAQ */
#faq .ver-mais a					   {width: 100%; text-align: center;}

/* INTERNA */
#interna .faq-lista .item 			   {width: 100%; }
#interna .faq-lista .item a 		   {padding: 15px; height: 150px}	
#interna .modal-dialog				   {min-width: 100%}
#interna .modal-header 				   {display: block;} 
#interna .modal-title 				   {font-size: 1.2em }
#interna .modal-header .close 		   { top: -13px;   right: 19px; font-size: 0.9em; position: fixed;}
#interna .conteudo 					   {overflow: hidden;}
#interna .downloads 				   {margin-top: 40px}	
#interna .downloads .item 			   {margin-bottom: 70px;}	

.rodape 			 {height: auto}
.rodape-info  		 {margin-left: 52% !important; width: 100% !important; left: -180px !important;top: 20px !important;}
#rodapePadrao 		 {background: #e8e8e8 !important; height: 80px !important; position: relative;}

#contato .redes-sociais ul li { padding: 20px 10px;}
#contato .redes-sociais {  width: 100%;  margin-top: 150px;  margin-left: -30px;}
#normatizacao .arquivos .item a { padding: 60px 1px 0px;  background: url(../img/item-legislacao.png) 50% 9% no-repeat;}

}


.btn-item{background: #36be96; border-radius: 6px; padding: 15px; cursor: pointer; color: #fff; border: none; font-size: 16px; margin: 20px 0}

.fundo-item{
     background-color: yellow;
     position: relative;
     top: -109px;
     left: -38px;
     padding: 5px;
     font-size: 12px;
     border-radius: 8px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */
.estudante {background: url("http://portal.mec.gov.br/images/diplomadigital/estudante2.jpg") no-repeat; min-height: 759px;  z-index: 0; margin-top: 0px }
  .logo, .frase, .redes-sociais, .assinatura-mec 		{z-index: 2000; position: relative; }
} 

@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
.estudante {background: url("http://portal.mec.gov.br/images/diplomadigital/estudante2.jpg") no-repeat; min-height: 759px;  z-index: 0; margin-top: 0px }
  .logo, .frase, .redes-sociais, .assinatura-mec 		{z-index: 2000; position: relative; }
  .scroll-logo {position: fixed !important; }
}





@media (max-width: 361px){
 .contador ul li {width: 20.7%; font-size: 2.3em;}
}