.topolinhasup{
	background: #002e5e;
	color: #fff;
	max-height: 70px;
}
#nav1 > ul{
	float: right;
	margin-top: 14px;
}
#nav1 ul li,
.painel-topo ul li {
    display: inline-block;
    margin: 0 17px;
}
.btposbuild, .posbuild::after {
    background: #e6a210;
}
/*======== new===========*/
.maincontent {
    padding: 40px 0;
    color: #413d42;
    background: #f0f0f0
}
.maincontent a,
.maincontent a:hover,
.maincontent a:focus{
    color: inherit
}
.newchm{
    width:266px;
    margin: 0 auto 20px;
    max-width: 100%;
    color: #413d42;
    font-size: 17px;
}

.newchm h2{
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase
}
.flsbt{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #ccc;
    padding: 5px 0;
    font-size: 14px;    
}
.flsbt:hover{
    opacity: .8
}
.new1 h2{
    color: #af32c6
}
.new1 .flsbt{
    background: #af32c6
}
.new2 h2{
    color: #df9115
}
.new2 .flsbt{
     background: #df9115
}
.new3 h2{
    color: #89a44e
}
.new3 .flsbt{
     background:  #89a44e
}
.new4 h2{
   color: #45bee6
}
.new4 .flsbt{
   background:   #45bee6
}
.newrodape{
    background: #1a95af;
    color: #fff;
    font-size: 18px;
    padding: 40px 0;
    border-top: 10px solid #fff
}
.newrodape h3{
    font-size: 24px;
    font-weight: 500;
    margin: 5px 0 20px
}
.newmaps {
    position: relative;
    padding-bottom: 37%; 
    height: 0;
    overflow: hidden;
}
.newmaps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.btlinks-blue a{
    display: block;
    margin: 15px 0;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    background: #437cb8;
    padding: 5px 0
}
.btlinks-blue a:hover{
    color: #fff;
    background: #69a2df
}
.buss-o{
    display: inline-block;
    max-width: 244px
}
#news,#localizacao,.faixa-cinza{
    display: none
}
@media only screen and (max-width: 770px) { 
    .newrodape {
        text-align: center;
    }
/*770*/
}
/*========/ new===========*/

a.link1{
	display: inline-block;
	text-transform: uppercase;
	font-size: 18px;
	padding: .4em 1.2em;
	font-weight: 600;
	color: #fff;
	position: relative;
}
.link1:after{
	content: '';
    width: 80px;
    height: 5px;
    margin: 1px auto;
    display: block;
    transition: 250ms linear;
}

#fmaio{
	font-size: 24px;
    padding: 5px;
    font-weight: 600;
}
#nav1 #agrupar{
	position:relative;
	right:75px
}
#nav1 ul#agrupar  li{
	margin:0!important
}
#nav1 ul#agrupar  li a.link1{
	padding: .4em .5em;
}
.area-restrita{
	background: #195da3;
    height: 70px;
    width: 100%;
    padding: 0 5px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding-top: 7px;
}
.area-restrita:hover{
	background: #3483d4
}
.painel-topo{
	padding: 25px 0;
	border-bottom: thin solid #ccc;
}
/*menu*/
#menu{
	text-align: center;
	margin-top: -5px;
}
#menu>li{
	margin:0!important 
}
#menu>li > a.link1{
	color: #4e5259;
	border-right: 1px solid #ccc
}
#menu>li:last-child > a.link1{
	border: none
}
.social-topo a{
	display: inline-block;
	margin-left: 15px
}

.padd-right{
	padding-right: 15px!important
}
.out{
	display: none!important
}
.drop{
	border: 5px solid #ccc;
	position: absolute;
	width: 620px;
	padding: 20px;
	background: #fff;
	z-index: 99999;
	top: 101%;
	clear: both;
	display: none
}
.drop .col{
	padding-top: 10px;
	border-right: thin solid #ccc;
}
.drop .col:last-child{
	border:none;
}
.drop ul>li{
	display: block;
}
.drop ul>li>a{
	display: block;
    width: 100%;
    height: 100%;
    color: #373c46;
    font-size: 16px;
    padding: .4em 1em;
}
.droprestri{
	left: auto;
    width: 250px;
    border-color: #002E5E;
    padding: 0;
    right: 0;
	top: 72px;
}
.benovover{
	width:100%;
	height:27px;
	line-height:27px;
	font-size:16px;
	background:#476da9;
	color:#fff;
	text-align:center;
	display: block;
    margin-top: 4px;
}
.blocom {
    text-align: center;
    text-transform: uppercase;
    font: 18px 'Ubuntu', sans-serif;
    width: 100%;
    color: #fff;
    margin-bottom: 10px;
}
.blocom a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
     padding: 15px;
}
.blocom a.dd{
   
     padding: 26px 15px 25px;
}
.blocom:hover a{
    background: rgba(255,255,255,.4);
    color: #ffff
}
.blocom b{
    font-weight: 900;
    display: block;
}
.bgcolorm1{
    background-color: #59a7bd
}
.bgcolorm2{
    background-color: #6caa74
}
.bgcolorm3{
    background-color: #af6fe0
}
.bgcolorm4{
    background-color: #476da9
}
.bgcolorm5{
    background-color: #476da9
}
.bgcolorm6{
    background-color: #ff6347
}
.brm1{
    border-bottom:5px solid #468394
}
.brm2{
    border-bottom:5px solid #518057
}
.brm3{
    border-bottom:5px solid #8f5bb6
}
.brm4{
    border-bottom:5px solid #385482 
}
.brm5{
    border-bottom:5px solid #385482
}
.brm6{
    border-bottom:5px solid #bb4732
}
.outlist {
    margin-top: -5px!important
}
.outlist li{
     padding: 7px;
}
.outlist a{
   text-transform: uppercase;
   color: #fff!important;

}
.outlist a small{
    display: block;
    text-transform: none;
    font-size: .6em
}
.border-one{
	border-color: #59a7bd;
}
.border-one ul a:hover{
	color: #fff;
	background: #59a7bd;
}
.orla{
	color: #fff!important;
	text-transform: uppercase;
	padding: 5px;
	font-size: 14px;
	display: block;
}
.orla:hover{
	opacity: .9
}
.bottom{
	margin-top: 40px;
}
.bottom .orla:last-of-type{
	border-top: thin solid #002e5e
}

.subInstitucional{
    position: absolute;
    width: 244px;
    z-index: 99;
    border: 4px solid #002e5e;
    background: #fff;
    display: none
}

.subInstitucional ol{
    margin: 0;
    padding:10px;
    position: relative;
    list-style: none
}
.subInstitucional ol>li{
   color: #373c46;
    position: relative;
    margin:0;
    display: block;
    text-align: left;
	border-radius:5px;
}
a.pdbt{
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 16px;    
    padding: 0.4em 1em;
	border-bottom:5px solid rgba(0,0,0,.4);
    color:inherit;
	border-radius:5px;
	margin-bottom:10px;
	color:#fff;
}
a.pdbt:hover{
	opacity:.8;
	color:#fff
}
.pdbt01{
	background:#18589b
}
.pdbt02{
	background:#00ac8d
}
.pdbt03{
	background:#3298cb
}
/*
.subInstitucional ol>li.msetar>a{
	background:url(../layout/setalaranja.png) no-repeat 97% center
}
.subInstitucional ol>li.msetar:hover>a{
	background:url(../layout/seta-branca.png) no-repeat 97% center
}*/
 .subInstitucional ol>li>ul{
    margin: 0;
    padding: 0;
    position: absolute;
    left: 100%;
    width: 300px;
    top: -1px;
    background:  #00ac8d;    
    border: none;
    border-left: 1px solid #fff;
    height: 0;
    overflow: hidden;
    opacity: 0;   
    transition: 250ms linear
}
.subInstitucional ol>li:hover ul{
    height: auto;
    opacity: 1;
     padding:15px  0;
}
.subInstitucional ol>li>ul>li{
    float: none;
    display: block;
    border: none;
    padding: 0;
    margin: 0    
}
.subInstitucional ol>li>ul>li>a{
    display: block;
    border: none;
    padding: 0.4em 1em;
    font-size: 16px;
    font-weight: 400;
    text-shadow: none;
    text-transform: none;
    color: #fff
}
.subInstitucional ol>li>ul>li>a:hover{
    background: rgba(0,0,0,.4)
}
.drop ol{
	display: block;
	padding: 0
}
.drop.contact{
	width: 310px;
    left: 50%;
    border-color: #29b2b2
}
.drop.contact{
	padding: 0
}
.drop.contact>ol>li{
	display: block;
	margin: 0;
	text-align: left;
}
.drop.contact>ol>li>a{
	display: block;
    width: 100%;
    height: 100%;
    color: #373c46;
    font-size: 16px;
    padding: .4em 10px;
}
.drop.contact>ol>li>a:hover{
	background:  #29b2b2;
	color: #fff;
}
#nav-new{
	display:none
}


.subon:hover .drop{
	display: block;
}
.subon:hover .subInstitucional{
	display: block;
}

/*fora do topo*/
#organiza{
	background: #f0f0f0;
	padding: 44px 0 23px;


}
.hvrline {
    margin: 0 auto 60px;
    color: #375794;
    font-size: 40px;
    font-weight: 600;
    position: relative;
}
.hvrline:after,
.hvrline:before{
	content: '';
	display: inline-block;
	width: 250px;
	height: 1px;
	position: absolute;
	top: 25px;
	background: #aab6cc
}
.hvrline:after{
	right: -25px;
}
.hvrline:before{
	
	left: -25px;
}
.btqudro{
	display: inline-block;
	font:600 18px 'Open Sans';
	padding: 10px;
	width: 100%;
	margin-bottom: 9px;
	color: #fff;
}
section.news{
padding:50px 0
}
section.news h2{
font-size:3.4em;
color:#615539
}
#news{
display:block;
width:100%;
padding-bottom:20px;
}
#news h2{
text-align: center;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 2em;
    color: #fff;
    text-shadow: 1px 1px 1px #b7b7b7;
    padding-top: 39px
}
#news legend{
display:block;
width:100%;
text-align:center;
font-weight:300;
font-size:1.2em;
color:#545a69;
margin-bottom:35px;
margin-top: -15px;
}
#news fieldset{
max-width:570px;
margin:auto;
border:none
}
#news input{
display:inline-block;
line-height:36px;
border:thin solid transparent;
font-size:1.2em;
font-weight:300;
font-family:"Open Sans";
}
#news input[type="email"]{
    border-color: #dedede;
    width: 445px;
    color: #55472c;
    padding: 0 5px;
    box-sizing: border-box;
    margin-top: 24px;
}
#news input[type="submit"]{
border-color:#353535;
color:#fff;
background:#353535;
text-transform:uppercase;
margin-left:-4px;
line-height:36px;

}
#news input[type="submit"]:hover{
opacity:.8
}
.dropvest{
	width: 585px;
    height: 200px;
	left:50%;
	margin-left:-320px;
	top:92%;
	border-color:#fab500;
	padding:25px;
	background:#fff;
}
.gulp{
	
	min-height:132px;
	margin-bottom:4px;
}
.no-gutterss {
   padding-left: 0;
}
.gulp a{
	display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 7px 12px 10px;
    width: 100%;
	border-radius:7px;
	margin-bottom:5px;
	box-shadow: 0 -5px rgba(0,0,0,.2) inset;
}
#estudiantes{
	position: relative;
    top: 37px;
}
.gulp a:last-child{
	border:none
}
.gulp a:hover{
	opacity:.9
}
.gu1{
	background:#ff6347
}
.gu2{
	background:#539be6
}
.gu3{
	background:#6caa74
}
.gu4{
	background:#00ac8d
}

#nav-new header{
			background: #002E5E;
			color: #fff;
			padding: 10px 0
		}


		.wrap-menu {
		    display: inline-block;
		    cursor: pointer;
		    overflow: hidden;
		     width: 35px;
		     margin: auto;
		}

		.bar1, .bar2, .bar3 {
		    width: 35px;
		    height: 5px;
		    background-color: #fff;
		    margin: 6px 0;
		    transition: 0.4s;
		    border-radius: 5px;
		}
		

		.change .bar1 {
		    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
		    transform: rotate(-45deg) translate(-9px, 6px);
		    margin-left: 0
		}

		.change .bar2 {opacity: 0;}

		.change .bar3 {
		    -webkit-transform: rotate(45deg) translate(-8px, -8px);
		    transform: rotate(45deg) translate(-8px, -8px);
		     margin-left: 0
		}

		/*menu*/
		#rooti{
			position: relative;
			background: #ccc;
			display: none
		}
		#rooti ul{
			padding: 0;
			list-style-type: none
		}		
		#rooti  a{
			display: inline-block;
			padding: 10px;
			width: 100%;	
			color: #fff;
			text-transform: uppercase;
		}
		#rooti > ul >li{
			border-bottom: 2px solid #fff
		}
		.pxnivel a + div{
			display: none
		}
		.rootmaker{
			float: right;
		}
		.pxnivel>a{
			color: #fff;
		}
		
		
		.lista1{
			background: #539be6
		}
		.lista1 + div li a{
			background: #66ccff
		}
		.lista1 + div li:nth-child(even) a{
			background: #0099ff
		}
		.linkdestaq{
			text-align: center;
			font-weight: 900
		}
		.lista1 + div .nivel2 > ul > li >a{
			background: #fff!important;
			color:  #539be6!important;
			border-bottom: thin solid #66ccff
		}

		.lista2{
			background:#18589b
		}
		.lista2 + div li a{
			background:#246fbd 
		}
		
		.lista2 + div li:nth-child(even) a{
			background: #1158a2
		}
		.lista2 + div .nivel2 > ul > li >a{
			background: #fff!important;
			color:  #246fbd!important;
			border-bottom: thin solid #246fbd
		}


		.lista3{
			background: #00ac8d
		}

		.lista4{
			background: #3298cb
		}

		.lista5{
			background: #32aec6
		}
		.lista5 + div li a{
			background:#4dcee7 
		}
		
		.lista5 + div li:nth-child(even) a{
			background: #35a4db
		}

		.lista6{
			background: #fa00ce
		}

		.lista7{
			background: #fab500
		}

		.lista7 + div li a{
			background:#ffce4c
		}
		
		.lista7 + div li:nth-child(even) a{
			background: #ddab29
		}

		.lista8{
			background: #539be6
		}

		.lista9{
			background: #002e5e
		}
		.lista9 + div li a{
			background:#1b5a9b
		}
		
		.lista9 + div li:nth-child(even) a{
			background: #4487cd
		}
		
		
@media only screen and (max-width: 768px) { 
			#toposuprema{
				display:none
			}
			#nav-new{
			display:block;
				margin-top: -24px
		}
		.hvrline:after, .hvrline:before{
			content:none
		}

 }
@media only screen and (max-width: 600px) { 
#nav-new header {
    background: #002E5E;
    color: #fff;
    padding: 33px 0 10PX;
}
    }