/*
-------------------------- RESET + HOVER --------------------------
*/
@import url("normalize.css");
@import url("hover.css");
@import url("animate.css");
/*
---------------------------- WEBFONTS -----------------------------
*/
@import url("webfonts.css");
/*
------------------------------ MENU -------------------------------
*/
@import url("menu.css");
/*
---------------------- REDEFINICAO CSS GLOBAL ---------------------
*/
html{font-size:62.5%;}
*{text-rendering:optimizeLegibility;}
::selection{background:#2b55a2;color:#fff;}
::-moz-selection{background:#2b55a2;color:#fff;}
body {
	background: #10448e;
	color: #3e3e3e;
	font-family: 'regular';
	font-size: 1.4rem;
	margin: 0 auto;
	max-width: 2000px;
	min-width: 280px;
	position: relative;
	z-index: 2;
}
/*
------------------- CSS OCULTAR MOBILE EM DESKTOP ------------------
*/
@media screen and (min-width: 768px){.mobile{display:none!important;visibility:hidden!important;}}
/*
------------------- ESTRUTURA SECOES + ELEMENTOS -------------------
*/
.oculto{display:none!important;visibility: hidden !important;}
.banners.corpo,.titulos,.conteudos,#rodape,.rodape{box-sizing:border-box;overflow:visible;position:relative;z-index:5;}
main {
	float: none !important;
	overflow: visible;
	padding: 0 !important;
	position: relative;
}
#topo {
	background: url(../img/layout/topo.jpg) no-repeat center top;
	padding: 0;
	position: relative;
	z-index: 6;
}
.area-do-aluno {
	float: none;
	margin: 0 auto;
	max-width: 1140px;
	padding: 25px 15px;
	position: relative;
	width: 100%;
}
.areaAluno {
	color: #fff;
	float: right;
	max-width: 800px;
	text-align: right;
	margin-right: 260px;
}
.areaAluno a{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.areaAluno span {
	background: url(../img/layout/icone-area-aluno.png) no-repeat left top;
	font-size: 16px;
	padding: 8px 38px;
	padding-right: 15px;
}
.areaAluno div.app{
	margin-right:30px;	
}
.areaAluno span.app {
	background: url(../img/layout/icone-apps.png) no-repeat left top;
	font-size: 16px;
	padding: 8px 38px;
	padding-right: 15px;
}

.areaAluno input,.areaAluno select {
	background: rgba(64, 64, 64, 0.4);
	border: none;
	color: #fff;
    font-family: 'regular';
}
.areaAluno select option {
	border: none;
}
.areaAluno ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
	opacity: 1;
}
.areaAluno ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
	opacity: 1;
}
.areaAluno :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
	opacity: 1;
}
.areaAluno :-moz-placeholder { /* Firefox 18- */
  color: #fff;
	opacity: 1;
}
.areaAlunoCod {
	/*margin: 0 15px;*/
	max-width: 95px;
}
.areaAlunoUnd {
	animation-duration: .3s;
	animation-delay: .2s;
}
.areaAlunoCod {
	animation-duration: .3s;
	animation-delay: .4s;
}
.areaAlunoDn {
	animation-duration: .3s;
	animation-delay: .6s;
}
.mob-area-aluno {
	background: url(../img/layout/icone-area-aluno.png) no-repeat left top;
	color: #fff;
	font-family: 'bold';
	font-size: 14px;
	padding: 8px 38px;
	position: absolute;
	right: 25px;
	text-transform: uppercase;
	top: 18px;
}

.mob-area-aluno.app {
	background: url(../img/layout/icone-apps.png) no-repeat left top;
	right: 208px;
}

.modaal-content-container .form-group {
	display: block;
	margin: 25px 0;
	width: 100%;	
}
.modaal-content-container .form-group span {
	background: #02247F;
	color: #fff;
	display: block;
	font-family: 'bold';
	font-size: 16px;
	padding: 25px 38px;
	margin-top: 35px;
	text-align: center;
	text-transform:  uppercase;
	width: 100%;
}
.modaal-content-container .areaAlunoCod {
	margin: 0;
	max-width: 770px;
	width: 100%;
}
/* fim area do aluno */

.topo-container {
	background-image: -moz-linear-gradient( -90deg, rgb(43,107,201) 0%, rgb(43,85,162) 21%, rgb(43,85,162) 76%, rgb(43,109,205) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(43,107,201) 0%, rgb(43,85,162) 21%, rgb(43,85,162) 76%, rgb(43,109,205) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(43,107,201) 0%, rgb(43,85,162) 21%, rgb(43,85,162) 76%, rgb(43,109,205) 100%);
	position: relative;
}
.topo {
	float: none;
	margin: 0 auto;
	max-width: 1140px;
	padding: 28px 15px;
	padding-top: 23px;
	position: relative;
	width: 100%;
}
.logo {
	display: inline-block;
	height: 91px;
	margin: 0;
	max-width: 145px;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 5;
}
.logo a {
	background: url(../img/layout/logo.png) no-repeat left top;
	background-size: contain;
	display: block;
	height: 100%;
	text-indent: -9999px;
	width: 100%;
}

/*KIDS*/
.logo.logo-kids {
	height: 102px;
	max-width: 145px;
}
.logo.logo-kids a{
	background: url(../img/layout/logo-kids.png) no-repeat left top;
}

.corpo {
	background: #fff;
	display: block;
	float: none;
	margin: 0 auto;
	max-width: 2000px;
	overflow: hidden;
	padding: 15px 0;
	padding-top: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}
.banners {
	background: #fff;
	float: left;
	max-width: 2000px;
	padding: 0;
	position: relative;
	width: 100%;
}
.titulos {
	color: #f5811f;
	display: block;
	float: none;
	font-family: 'amarillo';
	font-family: 'Lobster', cursive;
	font-size: 20px;
	line-height: 8px;
	margin-bottom: 5px;
	margin: 0 auto;
	max-width: 1140px;
	padding: 55px 0 65px 0;
	position: relative;
	width: 100%;
	z-index: 9;
}
.titulos h1,.titulos h2,.titulos h3,.titulos h4,.titulos h5,.titulos h6 {
	display: inline-block;
	font-weight: normal;
	margin: 0;
	padding: 0;
	position: relative;
	vertical-align: middle;
	width: 100%;
	z-index: 20;
}
.titulos h1,.titulos span {
	font-size: 3.5rem;
}
.titulos h2 {
	font-size: 1.8rem;
}
.titulos h3 {
	font-size: 1.5rem;
}
.titulos h4 {
	font-size: 1.3rem;
}
.titulos h5 {
	font-size: 1.2rem;
}
.titulos h6 {
	font-size: 1.1rem;
}
.conteudos {
	float: none;	
	font-size: 18px;
	letter-spacing: .05rem;
	line-height: 2.7rem;
	margin: 0 auto;
	max-width: 1140px;
	padding: 0 15px;
	position: relative;
	width: 100%;
	z-index: 9;
}
#rodape {
	background: #2b6ccb url(../img/layout/bg_padrao.png) center top;
	background: url(../img/layout/rodape-bg.jpg) no-repeat center bottom #004c98;
	color: #fff;
	float: left;
	font-size: 13px;
	margin: 0 auto;
	max-width: 2000px;
	padding: 0;
	position: relative;
	width: 100%;
}
.rodape-twitter-wrap {
	background: #004081;
	margin: 0 auto;
	margin-bottom: 38px;
	padding: 22px 15px;
}
.rodape-twitter{
	background: url(../img/layout/icone-tw-bird.png) no-repeat left center;
	color: #007fff;
	font-family: 'regular';
	font-size: 13px;
	margin: 0 auto;
	max-width: 1110px;
	min-height: 26px;
}
.rodape-twitter .user, .rodape-twitter .timePosted {
	display: inline-block;
	float: right;
}
.rodape-twitter .tweet {
	display: inline-block;
	float: left;
	font-size: 16px;
	font-style: italic;
	width: 85%;
}
.rodape-twitter ul li {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
	-webkit-padding-start: 0;
	list-style:none;
	overflow:hidden;
}
.rodape-twitter ul li a {
	color: #fff;
}
.user img, .user span:nth-child(2){display:none;visibility:hidden;}
.rodape-institucional- {
	margin: 0 auto;
	margin-bottom: 75px;
	max-width: 620px;
	padding: 0 15px;
}
.rodape-institucional- img {
	margin-bottom: 32px;
}
.rodape-unidades {
	margin: 0 auto;
	max-width: 1110px;
}
.rodape-unidade {
	color: #bdbdbd;
	font-family: 'regular';
	font-size: 12px;
}
.rodape-unidade div {
	text-transform: uppercase;
}
.rodape-unidade div strong {
	color: #fff;
	font-family: 'regular';
	font-size: 50px;
	font-weight: bolder;
}
.rodape-unidade a {
	color: #bdbdbd;
}
.rodape-unidade a:nth-child(2) {
	display: block;
	margin-top: 10px;
}
.rodape-unidade a strong {
	color: #fff;
	font-size: 14px;
}
.rodape-redes {
	padding: 75px 15px;
}
@-moz-document url-prefix() {
.rodape-twitter-wrap {
	display: none;
	visibility: hidden;
	}
	.rodape-institucional- {
		margin-top: 75px;
	}
}
/*#rodape:before {
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4;
}*/
.zindex {
	position: relative;
	z-index: 12;
}
#rodape .zindex {
	margin: 0 auto;
	max-width: 320px;
}
.rodape-linha1 .zindex {
	max-width: 2000px !important;
}
.rodape-linha1 { /* institucional + busca + redes sociais */
	background: #000 url(../img/layout/bg_padrao.png) center top;
	font-family: 'regular';
	font-size: 16px;
	overflow: hidden;
	padding: 55px 15px;
	position:relative;
	width: 100%;
}
.rodape { /* container comum */
	float: none;
	margin: 0 auto;
	max-width: 1140px;
	overflow: visible;
	padding: 0 15px;
	position: relative;
	width: 100%;
}
.rodape-logo {
	background: url(../img/layout/logo.png) no-repeat left top;
	background-size: contain;
	height: 89px;
	margin: 0 !important;
	max-width: 143px;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	width: 100%;
	z-index: 5;
}
.rodape-logo a {
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
}
.rodape-logo:hover,.rodape-logo:focus {
	opacity: .5;
}
.rodape-busca {
	margin-bottom: 20px;
}
#formBuscaIpt {
	color: #000;
	padding: 18px 12px;
	width: 100%;
}
.rodape-sociais div {
	padding: 0;
}
.rodape-sociais div:nth-child(2) {
	text-align: center;
}
.rodape-sociais div:last-child {
	padding-right: 0;
	text-align: right;
}
.rodape-sociais a {
	color: #fff;
	font-family: 'bebasneue';
	font-size: 18px;
	text-transform: uppercase;
}
.rodape-sociais a:nth-child(2) { /* segunda rede social*/
	margin: 0 25px;
}
.rodape-sociais i {
	font-size: 32px;
	margin-right: 12px;
	vertical-align: middle;
}
.rodape-linha2,.rodape-linha3,.rodape-linha4,.rodape-linha5 { /* unidades */
	overflow: hidden;
	padding: 15px 15px;
	position: relative;
	z-index: 1;
}
.rodape-linha2 strong,.rodape-linha3 strong,.rodape-linha4 strong,.rodape-linha5 strong { /* unidade titulo */
	font-family: 'regular';
	font-size: 26px;
	line-height: 28px;
}
.rodape-linha2 a,.rodape-linha3 a,.rodape-linha4 a,.rodape-linha5 a {
	color: #fff;
	display: block;
	font-size: 11px;
}
.rodape-fones a {
	display: inline-block;
}
.rodape-fones a:last-child {
	margin-left: 8px;
}
.rodape-fones a strong {
	font-size: 15px;
}
.rodape-linha2:before,.rodape-linha3:before,.rodape-linha4:before,.rodape-linha5:before {
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;	
}
.rodape-linha2:before { /* unidade 2 */
	background: rgba(43,108,203,0.75);
}
.rodape-linha3:before { /* unidade 3 */
	background: rgba(35,96,184,0.75);
}
.rodape-linha4:before { /* unidade 4 */
	background: rgba(28,82,159,0.75);
}
.rodape-linha5:before { /* unidade 5 */
	background: rgba(24,68,131,0.75);
}
.subir {
	background: #00347b;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	bottom: 40px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
	color: #fff !important;
	display: block;
	height: 45px;
	max-width: 45px;
	position: fixed;
	right: 3%;
	width: 100%;
	z-index: 10;
}
.subir:hover,
.subir:focus {
	color: #ffffff;
}
.subir:before {
	content: '\f106';
	font-size: 2rem;
	line-height: 4.2rem;
	right: 0;
	text-align: center;
	width: 100%;
}
/*
----------------------- CSS DE MEDIA QUERIES -----------------------
*/
@media screen and (max-width: 1080px){
	.rodape-sociais div {
		text-align: center !important;
	}
	.rodape-sociais div i {
		display: block;
		margin: 0;
	}
}
@media screen and (max-width: 991px){
	.rodape-institucional {
		margin-bottom: 20px;
	}
	.rodape-logo {		
		display: block;
		float:  none;
		margin: 0 auto !important;
		margin-bottom: 15px !important;
		width: 100%;
	}
	.rodape-txt {
		display: block;
		float: none;
		width: 100%;
	}
}
/*
----------------------- CSS INFERIOR A 767px -----------------------
*/
@media screen and (max-width: 767px){
	/* ANIMACAO DE TODOS OS ELEMENTOS */
	*{text-rendering: geometricPrecision;-webkit-transition: all ease .7s;-moz-transition: all ease .7s;transition: all ease .7s;}
	
	/* OCULTAR ELEMENTOS DE DESKTOP */
	.desktop{display: none !important;visibility: hidden !important;}
	
	/* CONTORNO DE LINKS EM MOBILE */
	a:focus{outline: none;}
	
	/* EXIBIR ELEMENTOS DE MOBILE E EXIBIR EM BLOCO 100% */
	.mobile{display:block !important;float:none;visibility:visible !important;}
	#topo,.topo {
		margin-bottom: 0;
		overflow:hidden;
		padding: 0;
	}
	/* ESTRUTURA SECOES + ELEMENTOS */
	.area-do-aluno {
		padding: 15px;
	}
	.areaAluno {
		float: left;
		text-align: left;
		width: 100%;
	}
	.areaAluno .form-group {
		display:  inline-block;
		margin-bottom: 0;
	}
	#topo {
		border-bottom: none;
		box-shadow: rgba(221, 221, 221, 0.329412) 0px 1px 5px 0px;
		left: 0px;
		padding: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 20;
	}
	.topo-linha-container {
		background: transparent;
		border: none;
		overflow: visible;
		padding-right: 65px;
		padding-top: 16px;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}
	.topo-linha > a:first-child {
		display: none;
		visibility: hidden;
	}
	.topo-fone {
		margin-left: 20px;
	}
	.topo {
		background-image: none;
	}
	.logo {
		float: left;
		height: 52px;
		margin-bottom: 12px;
		margin-left: 15px;
		margin-top: 8px;
		max-width: 85px;
		padding: 0;
		position: relative;
		text-align: left;
		width: 100%;
		z-index: 21;
	}
	.redes-sociais {
		margin-top: 19px;
		width: auto;
	}
	.banners {
		margin-top: 72px;
	}
	.titulos {
		margin-top: 8px;
		padding: 15px 0 35px 0;
	}
	.titulos h1,.titulos span {
		font-size: 1.8rem;
	}
	.titulos h2 {
		font-size: 1.6rem;
	}
	.titulos h3 {
		font-size: 1.4rem;
	}
	.titulos h4 {
		font-size: 1.2rem;
	}
	.titulos h5 {
		font-size: 1rem;
	}
	.titulos h6 {
		font-size: .9rem;
	}
	.corpo {
		padding-top: 0;
	}
	.conteudos {
		font-size: 1.45rem;
		margin-top: 0;
		min-height: 20px;
		padding: 6px 2% 0px 2%;
	}
	#rodape {
		background-image: none;
		overflow: hidden;
	}
	.rodape {
		padding-left: 0;
		padding-right: 0;
	}
	.rodape-menu {
		margin: 25px auto;
		text-align: center;
	}
	.copyright {
		display: block;
		float: none;
		max-width: 767px;
		text-align: center;
		width: 100%;
	}
	.gosites {
		float: none;
		margin: 15px auto;
	}
}
@media screen and (max-width: 450px){
	.rodape-sociais div {
		margin: 10px auto;
		width: 100%;
	}
}
@media screen and (max-width: 370px){
	.mob-area-aluno {
		background: url(../img/layout/icone-area-aluno.png) no-repeat left top;
		padding: 8px 0;
		right: 55px;
		text-indent: -9999px;
	}
}
@media screen and (max-width: 335px){
	#formBuscaIpt {
		font-size: 14px;
	}
}

.pg-professores #professores{
  
}

/*
.pg-professores h2{
  font-size: 4rem !important;
  font-weight: bold;
  margin-bottom: 30px;
}
*/

.pg-professores  .ensino {
    margin: 10px 0;
    padding:10px 0;
/*    clear: both;*/
  }
.pg-professores  .ensino h3{
    color: #004c98;
    text-align: left;
    font-size: 25px;
    font-weight: bold;
    margin: 0;
  }
.pg-professores  .item {
    max-width: 220px;
    margin: 5px 10px ;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    color: #000;
  }
.pg-professores  .item p {
    font-size: 16px;
    color: #333;
    font-weight: bold;
  }
.pg-professores  .item h4 {
    color: #004c98;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
  }
.pg-professores  .item ul{
  padding-left: 20px;
}
