/* fonts */
	@font-face {
	  font-family: 'avenir_lg';
	  src: url('../fonts/AvenirLt.eot');
	  src: url('../fonts/AvenirLt.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/AvenirLt.woff') format('woff'),
	         url('../fonts/AvenirLt.ttf') format('truetype'),
	         url('../fonts/AvenirLt.svg#avenir_lg') format('svg');
	  font-weight: normal;
	  font-style: normal; }

	@font-face {
    font-family: 'edo_szregular';
    src: url('../fonts/edosz-webfont.eot');
    src: url('../fonts/edosz-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/edosz-webfont.woff2') format('woff2'),
         url('../fonts/edosz-webfont.woff') format('woff'),
         url('../fonts/edosz-webfont.ttf') format('truetype'),
         url('../fonts/edosz-webfont.svg#edo_szregular') format('svg');
    font-weight: normal;
    font-style: normal; }
	
@font-face {
  font-family: 'din_black';
  src: url('../fonts/FF_DIN_BLACK.otf');
    font-weight: normal;
  font-style: normal; }	
	
	

/* CSS reset */
	html, body, span, p, form, img, a, ul, ol, li, table, tr, td, div{
	margin: 0;
	padding: 0; 
	border:none; 
	outline:none;
	list-style-type:none; }
	body {
	font-family: "avenir_lg", Arial, sans-serif;
	font-size: 100%;
	line-height: 1.5;
	color: #003963;
	-webkit-font-smoothing: antialiased; }
	* {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box; }
	p {
	margin: 0.5em 0; }
	.wrap {
	width: 96%;
	margin: 0 auto; }

	.cf {
	clear: both;
	padding: 1em;
	width: 100%;
	display: table;	}

	#header, #content, #footer {
	width: 100%; }

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

		.wrap {
		max-width: 767px; }

		.m-all {
		float: left;
		padding-right: 0.75em;
		width: 100%;
		padding-right: 0; }

		.m-1of2 {
		float: left;
		padding-right: 0.75em;
		width: 50%; }

		.m-1of3 {
		float: left;
		padding-right: 0.75em;
		width: 33.33%; }

		.m-2of3 {
		float: left;
		padding-right: 0.75em;
		width: 66.66%; }

		.m-1of4 {
		float: left;
		padding-right: 0.75em;
		width: 25%; }

		.m-3of4 {
		float: left;
		padding-right: 0.75em;
		width: 75%; } }
	/* Portrait tablet to landscape */
	@media (min-width: 768px) and (max-width: 1029px) {
		.wrap {
		max-width: 1029px; }

		.t-all {
		float: left;
		padding-right: 0.75em;
		width: 100%;
		padding-right: 0; }

		.t-1of2 {
		float: left;
		padding-right: 0.75em;
		width: 50%; }

		.t-1of3 {
		float: left;
		padding-right: 0.75em;
		width: 33.33%; }

		.t-2of3 {
		float: left;
		padding-right: 0.75em;
		width: 66.66%; }

		.t-1of4 {
		float: left;
		padding-right: 0.75em;
		width: 25%; }

		.t-3of4 {
		float: left;
		padding-right: 0.75em;
		width: 75%; }

		.t-1of5 {
		float: left;
		padding-right: 0.75em;
		width: 20%; }

		.t-2of5 {
		float: left;
		padding-right: 0.75em;
		width: 40%; }

		.t-3of5 {
		float: left;
		padding-right: 0.75em;
		width: 60%; }

		.t-4of5 {
		float: left;
		padding-right: 0.75em;
		width: 80%; } }
	/* Landscape to small desktop */
	@media (min-width: 1030px) {
		.wrap {
		max-width: 1030px; }

		.d-all {
		float: left;
		padding-right: 0.75em;
		width: 100%;
		padding-right: 0; }

		.d-1of2 {
		float: left;
		padding-right: 0.75em;
		width: 50%; }

		.d-1of3 {
		float: left;
		padding-right: 0.75em;
		width: 33.33%; }

		.d-2of3 {
		float: left;
		padding-right: 0.75em;
		width: 66.66%; }

		.d-1of4 {
		float: left;
		padding-right: 0.75em;
		width: 25%; }

		.d-3of4 {
		float: left;
		padding-right: 0.75em;
		width: 75%; }

		.d-1of5 {
		float: left;
		padding-right: 0.75em;
		width: 20%; }

		.d-2of5 {
		float: left;
		padding-right: 0.75em;
		width: 40%; }

		.d-3of5 {
		float: left;
		padding-right: 0.75em;
		width: 60%; }

		.d-4of5 {
		float: left;
		padding-right: 0.75em;
		width: 80%; }

		.d-1of6 {
		float: left;
		padding-right: 0.75em;
		width: 16.6666666667%; }

		.d-1of7 {
		float: left;
		padding-right: 0.75em;
		width: 12%; }

		.d-2of7 {
		float: left;
		padding-right: 0.75em;
		width: 28.5714286%; }

		.d-3of7 {
		float: left;
		padding-right: 0.75em;
		width: 42.8571429%; }

		.d-4of7 {
		float: left;
		padding-right: 0.75em;
		width: 57.1428572%; }

		.d-5of7 {
		float: left;
		padding-right: 0.75em;
		width: 71.4285715%; }

		.d-6of7 {
		float: left;
		padding-right: 0.75em;
		width: 85.7142857%; }

		.d-1of8 {
		float: left;
		padding-right: 0.75em;
		width: 12.5%; }

		.d-1of9 {
		float: left;
		padding-right: 0.75em;
		width: 11.1111111111%; }

		.d-1of10 {
		float: left;
		padding-right: 0.75em;
		width: 10%; }

		.d-1of11 {
		float: left;
		padding-right: 0.75em;
		width: 9.09090909091%; }

		.d-1of12 {
		float: left;
		padding-right: 0.75em;
		width: 8.33%; } }

/* header */

	#header {
	position: relative;
    text-align: center;
	z-index: 1;	}

	.text-top {
	display: inline-block;
	margin: 0 0 -7px; }

	#header-bottom {
	top: 0px;
	width: 100%;
	z-index: 1;}

	.logotipo {

    }

	.logotipo img {
	max-width: 100%; }

	ul#menu-principal {
	display: table-cell;
	vertical-align: middle;
	float: right;
	margin: 2.2em 0 0; }

	#menu-principal li {
	float: left;
	padding: 0 0.8em;
	text-align: center; }

	#menu-principal li a {
	text-decoration: none;
	color: #212C5F;
	font-size: 18px;
	width: 100%;
	display: block;
	
	line-height: 1.3; 
	height: 80px;
	margin-bottom: -17px;
	transition: 0.3s;}

	#menu-principal li a:hover {
	color: #307EB8; 
	border-bottom: solid 4px; }



	#banner-internas img {
	width: 100%;
	height: auto; }

/* footer */

	#footer-content {
	background: #FFF; }

	#footer a {
	text-decoration: none; }

	.logotipo-footer {
	text-align: center;
	margin-top: 2em;	}

	.text-footer {
	font-size: 14px;
	text-align: center;
	margin-top: 3em;
	color: #236E9E;
	}

	#footer iframe {
	border: 0;
  	margin: 0px 0 -7px; 
  	width: 100%;}

  	#contato-rodape {
  	background: #ADC23A; 
  	color: #FFF;
  	font-size: 18px; }

	.footer-item {
	text-align: center;
	margin: 2em 0 1em;
	line-height: 1.2; }

	footer {
	display: inline-block;
	width: 100%; }

/* content styles */

	a.scroll-w-bottom {
	  position: absolute;
	  margin-left: 48%;
	  opacity: 0.5;
	  transition: 0.3s;
	  z-index: 99999;
	}

	a:hover.scroll-w-bottom {
	  opacity: 1;
	}

	.text-banner {
	position: absolute;
	width: 100%;
	margin-top: 15%;
	margin-left: 3%; }

	.text-banner h2 {
	font-weight: normal;
	font-size: 60px;
	margin: 0;
	line-height: 1.2; }

	.text-banner h3 {
	display: inline-block;
	background-color: rgb(49, 112, 160);
	color: #FFF;
	font-family: 'avenir_lg';
	font-weight: normal;
	padding: 0.8em 1.2em;
	margin-top: 35px; }

	.text-banner h2.a-dois {
	color: rgb(49, 112, 160);
	}

	.clf {
  	display: inline-block;
  	width: 100%;
  	float: left; }

	.sh {
	box-shadow: 0px 0px 4px #333;
	}

	a, a:visited {
	color: #003A63; }
	a:hover, a:focus, a:visited:hover, a:visited:focus {
	color: #003A63; }
	a:link, a:visited:link {
	color: #003A63; }

	#sobre-home {
		background: #FFF
	}

	#sobre-home p {
	margin: 2em 0;
	font-size: 24px;
	font-style: italic;	
	text-align: center;
	font-weight: bold; }

	#video-institucional {
	background: url('../midias/video/video.jpg') no-repeat center center; 
	background-size: 130%;
	height: 500px; }

	#video-institucional h2 {
	color: #FFF;
	font-size: 45px;
	text-align: center;
	margin: 4em 0 0;
	font-family: 'edo_szregular';
	font-weight: normal; }

	div#banner-principal {
	/*position: fixed; */
	top: 0;
	z-index: 0; }

	.relative {
	/* position: relative;*/
	z-index: 2; }

	.bx-wrapper img {
	width: 100%;
	height: auto; }

	.bx-wrapper {
	z-index: 0; }

	#niveis-e {
	background: #FFF;
	color: #212C5F; 
	text-align: center;
	padding-bottom: 3em; }

	#niveis-e h2 {
	color: #212C5F;
	font-size: 45px;
	text-align: center;
	margin: 1em 0 0.5em;
	font-family: 'edo_szregular';
	font-weight: normal; }

	#app {
	background: url('../midias/imagens/app.png') no-repeat center bottom #003A63;
	color: #FFF; 
	text-align: center; }

	#app h2 {
	color: #FFF;
	font-size: 45px;
	text-align: center;
	margin: 1em 0 0.5em;
	font-family: 'edo_szregular';
	font-weight: normal; }

	.btn-link {
	margin: 30em 3.5em 1em 0;
	float: right; }

	.btn-link a {
	color: #FFF;
	text-decoration: none;
	border: solid 1px;
	padding: 0.5em 0.8em;
	 margin: 0 0.3em 0;
	display: inline-block; 
	transition: 0.3s;}

	.btn-link a:hover {
	background: #00508A; }

	h1, h2, h3 {
	font-family: 'din_black'; }

	.e-um, .e-dois, .e-tres, .e-quatro {
	height: 400px;
	position: relative;
	background-size: 100% !important;
	border: solid 5px #FFF;
	overflow: hidden; }

	.e-um:hover .title-hover, .e-dois:hover .title-hover, .e-tres:hover .title-hover, .e-quatro:hover .title-hover {
	margin: 0 !important; }

	#niveis-e h3 {
	color: #FFF;
	font-weight: normal;
	font-size: 25px; }

	.title-hover {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	margin: 0 0 -290px;
	padding: 1em;
	transition: 0.3s;
	height: 400px; }

	.title-hover span {
	color: #FFF;
	border: solid 1px;
	padding: 0.6em 1em;
	display: inline-block;
	margin: 5em 0 0; }

	.e-um {
	background: url('../midias/imagens/1.jpg') no-repeat center center;	}

	.e-dois {
	background: url('../midias/imagens/2.jpg') no-repeat center center;	}

	.e-tres {
	background: url('../midias/imagens/3.jpg') no-repeat center center;	}

	.e-quatro {
	background: url('../midias/imagens/4.jpg') no-repeat center center;	}

	#niveis-e .d-1of2 {
	padding: 0px !important; }

	a#inscricoes {
	background-color: #ADC23A;
	padding: 2.8em 0.5em 0;
	margin-top: -51px;
	height: 130px !important;
	color: #FFF !important; }

	a:hover#inscricoes {
	opacity: 0.7;
	border: 0 none !important; }

	#diferenciais {
	background-color: #4796CF;
	padding-bottom: 3em; }

	#diferenciais h2 {
	color: #FFF;
	font-size: 45px;
	text-align: center;
	margin: 1em 0;
	font-family: 'din_black';
	font-weight: normal; }

	.diferenciais-item {
	color: #FFF;
	text-align: center; 
	line-height: 1.3;}

	.diferenciais-item.active>img, .diferenciais-item>img:hover {
	background-color: rgb(132, 194, 239);
	border-radius: 100px;
	transition: 0.1s; }

	.c-hide {
	padding: 1.5em 1.5em 3em;
	background: #003A63;
	margin: 0; 
	position: absolute;
	left: 0;
	width: 100%; 
  	margin-top: 60px;}

  	p.legenda {
  	height: 60px;
  	}

	.c-hide h3 {
	font-weight: normal; 
	font-size: 30px;}

	.abre-post { 
	cursor: pointer;}

	.content-post {
	display: none; }

	#content-default {
	text-align: center; 
  	padding: 2em 0;}

	#content-default h1 {
	font-size: 40px;
	font-weight: normal; }

	#content-default p {
	font-size: 20px;
	margin: 1em 0; }

	#galeria-sobre {
	background: #EEEEEE; 
	text-align: center;}

	#galeria-sobre h3 {
	font-size: 40px;
	font-weight: normal; }

	.d-content {
	text-align: center;
	color: #FFF; }

	.d-item {
	padding: 1.5em 0; 
	background: #4796CF;
  	border-top: solid 4px #FFF; }

	.d-item h2 {
	font-size: 35px; 
	font-weight: normal; 
  	margin-top: 0px; }

	.d-item h2 img {
	position: relative;
	top: 15px;
	margin-right: 15px; }

	#page-ensino-medio .d-item {
	background: #1E4F73; }

	#page-ensino-fundamental-2 .d-item {
	background: #266491; }

	h1.title {
	line-height: 1;	}

	h2.sub-title {
	margin: 0 0 1em;
	line-height: 1;
	color: #3180BA;
	font-size: 40px;
	font-weight: normal; }

	.links-menu {
	margin: 50px 0 -3px;}

	.links-menu a {
	text-decoration: none;
	padding: 1em 2em;
	font-weight: bold;
	margin: 0 0.3em;
	transition: 0.3s; 
	color: #003963; 
	text-transform: uppercase; }

	.links-menu a:hover {
	background: #003963;
	color: #FFF; }

	.cinza {
	background: #EEE;
	margin-bottom: -35px;
	padding: 2em 0; }

	.button-group button {
	background: none;
	border: solid 1px #003963;
	color: #003963;
	padding: 10px 15px;
	font-family: 'avenir_lg';
	text-transform: uppercase;
	transition: 0.3s;
	outline: none;
	cursor: pointer;
	margin: 1em 0; }

	.button-group button:hover {
	background: #003963;
	color: #FFF; }

	.element-item img {
	padding: 0.1em;
	}

	div#filters {
  	margin: 0 0 2em; }

  	#mapa {
	width: 100%;
	height: 400px; }

	ul.list-itens li {
	border: solid 1px;
	padding: 0.5em;
	width: 23%;
	float: left;
	height: 100px;
	margin: 1%;
	font-size: 15px;
	color: rgb(187, 227, 255); }

	.list-itens b {
	width: 100%;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 18px;
	margin-bottom: 0.3em;
	color: #FFF; }

	.link-colegios {
	text-align: center;
	border: solid 2px #FFF;
	height: 300px;
	padding: 0;
	background-color: rgb(85, 205, 96);
	transition: 0.3s;
	 background-size: 110% !important;
	}

	.link-colegios:hover {
	background-size: 120% !important;
	}

	.link-colegios h2 {
	font-weight: normal;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.6); }

	.link-colegios a {
    text-decoration: none;
    color: #FFF !important;
    background: url("../midias/video/bg-azul.png") repeat;
    display: inline-block;
    padding-top: 5em;
    width: 100%;
    height: 100%; }

    .link-colegios a:hover {
    background: none; }

    .diferenciais-item img {
	    max-width: 100%;
	}

/* Resposive styles */
	@media (max-width: 480px) {

		.c-hide {
		    margin: 0 0 20px !important;
		}

	}
	@media (max-width: 767px) {

		div#banner-principal {
		    height: auto !important;
		}

		.logotipo {
		text-align: center;
		padding: 1.5em 0; }

		#menu-principal li {
		width: 100%; }

		.fixed {
		position: relative !important; }

		#video-institucional {
		background-size: 350%;
		height: 325px }

		#video-institucional h2 {
		margin: 1em 0; }

		.btn-link {
		margin: 1em 0em 15em 0; }

		.btn-link a {
		width: 100%;
		margin: 0.3em; }

		.c-hide {
		padding: 1.5em;
		margin: 3em 0px;
		position: relative;
		background: rgba(0, 58, 99, 0.58); }

		.e-um, .e-dois, .e-tres, .e-quatro {
		background-size: 155% !important;
		}

		.title-hover {
		margin: 0 0 -260px; }

		#app {
		background-size: 89%; }

		#diferenciais {
		margin-bottom: 0px !important;
		}

		a#inscricoes {
		padding: 2em 0.5em;
		margin: 0px;
		height: auto !important; }

		#menu-principal {
		margin: 0 !important; }

		#menu-principal li a {
		margin-bottom: 0px !important;
		height: auto !important;
		padding: 0.5em 0; }

		#menu-principal li a:hover {
		border-bottom: 0; }
	}
	@media (min-width: 768px) and (max-width: 1029px) {
		.logotipo {
		text-align: center;
		padding: 1.5em 0; }

		#menu-principal {
		display: none !important; }

		.fixed {
		position: relative !important; }

		#video-institucional {
		background-size: 350%;
		height: 325px }

		#video-institucional h2 {
		margin: 1em 0; }

		.btn-link {
		margin: 1em 0em 33em 0; }

		.btn-link a {
		width: 100%;
		margin: 0.3em; }

		.c-hide {
		padding: 1.5em;
		margin: 3em -30px 3em -30px;
		position: relative; 
		background: rgba(0, 58, 99, 0.58); }

		#app {
		background-size: 89%; }

		#diferenciais {
		margin-bottom: 0px !important;
		}
	}
	@media (min-width: 1030px) and (max-width: 1440px){

		.link-colegios {
		    height: 230px;
		}
		.link-colegios a {
		    padding-top: 4em;
		}
	}