body { font-family: 'Lato', sans-serif; }
header svg { width: 20px; height: 25px; position: relative; top: 3px; }

.redeSocial { display: none; }
.js .nav-collapse { overflow: visible; }

header { display: block; width: 1140px; margin: 0 auto; right: 0px; background: none; }
header > a { display: block; padding: 4px 20px !important; float: left; background: #FFF; }
header > a img { display: block; height: 100px !important; margin: 0 auto; }

header > .nav-collapse { display: block; float: left; }
header > .nav-collapse ul.topo .top { background: #33A7F5; overflow: hidden; }
header > .nav-collapse ul.topo .top li {}
header > .nav-collapse ul.topo .top .itemMenu { padding: 16px 0px 16px 25px !important; background: #33A7F5; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
header > .nav-collapse ul.topo .top .itemMenu:hover { color: #33A7F5; background: #FFF; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
header > .nav-collapse ul.topo .top .itemMenu p { width: auto; margin: 0px; padding-right: 25px !important; /* font-size: 15px; */ border-right: 1px solid #FFF; }
header > .nav-collapse ul.topo .top .itemRs { padding: 14px 15px !important; background: #33A7F5;  -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
header > .nav-collapse ul.topo .top .itemRs:hover { color: #33A7F5; background: #FFF;  -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }

header > .nav-collapse ul.topo .bottom	{ background: #0394F4; overflow: hidden; }
header > .nav-collapse ul.topo .bottom li.menu-item { border-left: 1px solid #FFF; }
header > .nav-collapse ul.topo .bottom li.menu-item:first-child { border-left: none; }
header > .nav-collapse ul.topo .bottom .itemMenu { padding: 16px 38.1px !important; background: #0394F4; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
header > .nav-collapse ul.topo .bottom .itemMenu:hover { color: #0394F4; background: #FFF; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
header > .nav-collapse ul.topo .bottom .itemRs { padding: 14px 25px 15px 25px !important; background: #0394F4;  -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
header > .nav-collapse ul.topo .bottom .itemRs:hover { color: #0394F4; background: #FFF;  -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }

header > .nav-collapse ul.topo .bottom li ul.dropdown { visibility: hidden; opacity: 0; position: absolute; top: 108px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
header > .nav-collapse ul.topo .bottom li:hover ul.dropdown { visibility: visible; opacity: 1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
header > .nav-collapse li.graduacao > ul.dropdown { width: 154px; }
header > .nav-collapse li.cursos > ul.dropdown { width: 200px; }
header > .nav-collapse li.centralAluno > ul.dropdown { width: 350px; }
header > .nav-collapse li.centralAluno > ul.dropdown .esquerdo,
header > .nav-collapse li.centralAluno > ul.dropdown .direito { display: block; width: 50%; height: 240px; float: left; background: #0394F4; }
header > .nav-collapse li.instituicao > ul.dropdown { width: 350px; right: 0px; }
header > .nav-collapse li.instituicao > ul.dropdown .esquerdo,
header > .nav-collapse li.instituicao > ul.dropdown .direito { display: block; width: 50%; height: 240px; float: left; background: #0394F4; }

header > .nav-collapse ul.dropdown li { display: block; width: 100%; }
header > .nav-collapse ul.dropdown li > a { display: block; padding: 4px 0px !important; font-size: 14px; background: #0394F4; }
header > .nav-collapse ul.dropdown li > a:hover { color: #0394F4; background: #FFF;  -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
header > .nav-collapse ul.dropdown .esquerdo li > a,
header > .nav-collapse ul.dropdown .direito li > a { padding-left: 15px !important; text-align: left; }


@media screen and (min-width: 1200px) and (max-width: 1920px) {}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	header { width: 955px; }
	header a { padding: 4px 16px !important; }
	header > .nav-collapse ul.topo .top .itemMenu { padding: 16px 0px 16px 10px !important; }
	header > .nav-collapse ul.topo .top .itemMenu p { padding-right: 16px !important; }
	header > .nav-collapse ul.topo .top .itemRs { padding: 14px !important; }
	header > .nav-collapse ul.topo .bottom li.menu-item:first-child { display: none !important; }
	header > .nav-collapse ul.topo .bottom li.menu-item.graduacao { border-left: none !important; }
	header > .nav-collapse ul.topo .bottom .itemMenu { padding: 16px 30.5px !important; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	@media screen and (min-width: 941px) and (max-width: 991px) {
		header { width: 941px; margin: 0 auto; }
		header a { padding: 4px 17.3px !important; }
		header > .nav-collapse ul.topo .top .itemMenu { padding: 16px 0px 16px 12px !important; }
		header > .nav-collapse ul.topo .top .itemMenu p { padding-right: 12px !important; }
		header > .nav-collapse ul.topo .top .itemRs { padding: 14px !important; }

		header > .nav-collapse ul.topo .bottom .itemMenu { padding: 16px 28px !important; }
		header > .nav-collapse ul.topo .bottom li.home { display: none; }
		header > .nav-collapse ul.topo .bottom li > .dropdown { display: none; }
		header > .nav-collapse ul.topo .bottom li.graduacao { border-left: none; }
	}
	@media screen and (min-width: 768px) and (max-width: 940px) {
		header { width: auto; }
		.redeSocial { display: block; padding-right: 110px; background: #33A7F5; overflow: hidden; }
		.redeSocial > .caixa { display: block; width: 412px; margin: 0 auto; overflow: hidden; }
		.redeSocial > .caixa > a { display: block; padding: 34px !important; float: left; background: #33A7F5; }
		.redeSocial > .caixa > a > svg { display: block; width: 35px; height: 40px; color: #FFF; }

		.js .nav-collapse { overflow: hidden; }
		.js .nav-collapse.closed { max-height: 0px; }
		.js .nav-collapse-0.opened { width: 100%; max-height: 100% !important; top: 0px; left: 0px; right: 0px; }
		.nav-toggle { display: block; width: 100px; height: 100px; position: fixed !important; top: 0px; right: 0px !important; background: none !important; }
		.nav-toggle:before { top: 28px; }

		header > .nav-collapse ul.topo { border-top: 1px solid #FFF; }
		header > .nav-collapse ul.topo .top { display: block; width: 50%; height: 380px; float: left; }
		header > .nav-collapse ul.topo .top li { display: block; width: 100%; }
		header > .nav-collapse ul.topo .top li.rs { display: none; }
		header > .nav-collapse ul.topo .top li a { background: #0394F4 !important; }
		header > .nav-collapse ul.topo .top li p { border: none !important; }
		header > .nav-collapse ul.topo .bottom { display: block; width: 50%; height: 380px; float: left; }
		header > .nav-collapse ul.topo .bottom li { display: block; width: 100%; border: none !important; }
		header > .nav-collapse ul.topo .bottom li > .dropdown { display: none; }
		header > .nav-collapse ul.topo .bottom li.home { display: none; }
	}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
	header { width: auto; }
	.redeSocial { display: block; padding-right: 108px; background: #33A7F5; overflow: hidden; }
	.redeSocial > .caixa { display: block; width: 380px; margin: 0 auto; overflow: hidden; }
	.redeSocial > .caixa > a { display: block; padding: 34px 30px !important; float: left; background: #33A7F5; }
	.redeSocial > .caixa > a > svg { display: block; width: 35px; height: 40px; color: #FFF; }

	.js .nav-collapse { overflow: hidden; }
	.js .nav-collapse.closed { max-height: 0px; }
	.js .nav-collapse-0.opened { width: 100%; max-height: 100% !important; top: 0px; left: 0px; right: 0px; }
	.nav-toggle { display: block; width: 80px; height: 100px; padding: 4px 14px !important; position: fixed !important; top: 0px; right: 0px !important; background: none !important; }
	.nav-toggle:before { top: 28px; }

	header > .nav-collapse ul.topo { border-top: 1px solid #FFF; }
	header > .nav-collapse ul.topo .top { display: block; width: 50%; height: 380px; float: left; }
	header > .nav-collapse ul.topo .top li { display: block; width: 100%; }
	header > .nav-collapse ul.topo .top li.rs { display: none; }
	header > .nav-collapse ul.topo .top li a { background: #0394F4 !important; }
	header > .nav-collapse ul.topo .top li p { border: none !important; }
	header > .nav-collapse ul.topo .bottom { display: block; width: 50%; height: 380px; float: left; }
	header > .nav-collapse ul.topo .bottom li { display: block; width: 100%; border: none !important; }
	header > .nav-collapse ul.topo .bottom li > .dropdown { display: none; }
	header > .nav-collapse ul.topo .bottom li.home { display: none; }
}
@media screen and (min-width: 320px) and (max-width: 639px) {
	header { width: auto; background: #33A7F5; }
	/* .redeSocial { display: none; } */
	/*
	.redeSocial { display: block; padding-right: 108px; background: #33A7F5; overflow: hidden; }
	.redeSocial > .caixa { display: block; width: 380px; margin: 0 auto; overflow: hidden; }
	.redeSocial > .caixa > a { padding: 34px 30px !important; background: #33A7F5; }
	.redeSocial > .caixa > a > svg { width: 35px; height: 35px; color: #FFF; }
	*/

	.redeSocial { display: block; position: absolute; top: 108px; left: 0px; right: 0px; background: #0394F4; }
	.redeSocial > .caixa { display: block; width: 320px; margin: 0 auto; overflow: hidden; }
	.redeSocial > .caixa > a { display: block; padding: 20px 27.5px !important; float: left; background: #0394F4; }
	.redeSocial > .caixa > a > svg { width: 25px; height: 30px; color: #FFF; }

	.js .nav-collapse { overflow: hidden; }
	.js .nav-collapse.closed { max-height: 0px; }
	.js .nav-collapse-0.opened { width: 100%; max-height: 100% !important; top: 0px; left: 0px; right: 0px; }
	.nav-toggle { display: block; width: 80px; height: 100px; padding: 4px 14px !important; position: fixed !important; top: 0px; right: 0px !important; background: none !important; }
	.nav-toggle:before { top: 28px; }

	header > .nav-collapse ul.topo { border-top: 1px solid #FFF; }
	header > .nav-collapse ul.topo .top { display: block; width: 100%; height: auto; float: left; }
	header > .nav-collapse ul.topo .top li { display: block; width: 100%; }
	header > .nav-collapse ul.topo .top li.rs { display: none; }
	header > .nav-collapse ul.topo .top li .itemMenu { padding: 15px 10px !important; background: #0394F4 !important; }
	header > .nav-collapse ul.topo .top li .itemMenu p { padding-right: 0px !important; text-align: center; border: none !important; }
	header > .nav-collapse ul.topo .bottom { display: block; width: 100%; height: 380px; float: left; }
	header > .nav-collapse ul.topo .bottom li { display: block; width: 100%; border: none !important; }
	header > .nav-collapse ul.topo .bottom li > .dropdown { display: none; }
	header > .nav-collapse ul.topo .bottom li.home { display: none; }
	header > .nav-collapse ul.topo .bottom li .itemMenu { padding: 16px 15px !important; text-align: center; }
}