/*
*  CSS Document
*  Autor: Andressa Kroeff Pires (SINFO)
*  E-mail: andressa@info.ufrn.br
*  Data: 29/03/2011
*/

/* png ie6 */
* html img,
* html .png{
	position:relative;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}

/* inicializacoes no estilo */
* {
	margin: 0;
	padding: 0;
}

ul,ol {
	list-style:none
}

li {
	vertical-align:top;
	line-height:1.2em
}

li a, li span {
	line-height:1.2em
}

a {
	color: #0251a1;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
    color: #00a1e4;
	text-decoration: none;
}

img {
	border: none;
}

p {
	font-size: 8pt;
	text-align: justify;
	line-height: 15px;
}

/* Usado nos estilos alternativos */
.oculto { display:none; }

/* body */
body {
	display: block;
	min-width: 1024px;
	width: 100%;
	min-height: 600px;
	_height: 600px;
	font-family: "Liberation Sans", "Tahoma",Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #004079;
	background: #ffffff;
}

body a, body img, body input {
	outline: 0;
}

input {
	font-family: "Liberation Sans" !important;
}

/* estilos gerais */

	#descricao_div {
		position:absolute;
		left:-5000px;
		top:-5000px;
	}

/* -------------- */

#atalhos {
    font-size: 8pt !important;
}

.tamanho_fonte {
    color: #353436 !important;
}

.tamanho_fonte a,
a .tamanho_fonte {
    color: #0251a1 !important;
}

.tamanho_fonte a:hover,
a .tamanho_fonte:hover {
    color: #00a1e4 !important;
}

/* bg */
#bg {
	display: block;
	min-width: 1024px;
	width: 100%;
	min-height: 600px;
}

/* bg do rodape */
#bg #bg_rodape {
	display:block;
	min-width: 1024px;
	width:100%;
	min-height: 600px;
	margin: 0;
	background: #fff;
}

.rodape-bg {
    max-height: 80px !important;
	background: #004079;
}

.rodape-bg #estrutura {
    width: 990px;
    margin: 0 auto;
    min-height: 0px !important;
}

/* topo */
#bg_rodape #topo {
	display: block;
	width: 100%;
	height: 152px;
	margin: 0px auto;
	background:  linear-gradient(to bottom, #004079 10px, #004079 1px, #fff 1px, #fff);
	/* background: transparent url(../img/bg_topo2.png) no-repeat center bottom; */
}

	/* informacoes na direita */
	#topo #bloco_direita {
		display: block;
		width: 906px;
		height: 19px;
		margin: 0 auto;
		padding: 9px 0 0;
		z-index: 10;
	}

		/* atalhos */
		#bloco_direita #atalhos {
			border-bottom-left-radius: 0.5rem;
			border-bottom-right-radius: 0.5rem;
			float: right;
			max-height: 25px;
			padding: 5px 8px 8px;
			margin: 0 8px 0 0;
			background:  #004079;
		}

			#atalhos ul {
				display: block;
				height: 100%;
				width: auto;
				margin: 0 auto;
			}

				#atalhos ul li {
					float: left;
                    font-size: 10pt;
				}

					#atalhos ul li a {
						cursor:pointer;
						float:left;
						height:13px;
						width:auto;
						color: #FFFFFF;
						padding: 0 0 0 14px;
					}

					#atalhos ul li a:hover {
						text-decoration: underline;
					}

						#atalhos ul li a.ico_inicial {
							padding: 0;
						}

						#atalhos ul li a.ico_webmail {
							padding: 0;
						}

						#atalhos ul li .ico_contato {
							padding: 0;
						}

						#atalhos ul li a .fas {
							margin-right: 4px;
						}

				#atalhos ul li.separador {
					float: left;
					width: 1px;
					height: 13px;
					margin: 0 8px 0 7px;
					background: #fff;
				}

		/* busca */
		#bloco_direita #busca {
			border-bottom-left-radius: 0.5rem;
			border-bottom-right-radius: 0.5rem;
			float: right;
			height: auto;
			padding: 5px 8px 7px;
			margin: 0 8px 0 0;
			background:  #004079;
		}

			#busca label {
				float:left;
				height:13px;
				width:auto;
				color: #FFFFFF;
				padding: 0 0 0 0;
				margin: 0 3px 0 0;
			}

				#busca label .fas {
					margin-right: 4px;
				}

			#busca input {
				float:left;
				border: 1px #969696 solid;
				font-size: 7pt;
				color: #004079;
				font-family:  "Liberation Sans", "Tahoma";
				padding: 2px 3px;
				width: 90px;
				height: 8px;
			}

			#busca input.bt_busca {
				margin: 0 0 0 3px;
				background: #dad9d9;
				width: 22px;
				height: 14px;
				padding: 0;
				font-size: 6pt;
				font-weight: bold;
				color: #004079;
				font-family:  "Liberation Sans", "Tahoma";
				cursor: pointer;
			}

		/* ufrn */
		#bloco_direita #ufrn {
			border-bottom-left-radius: 0.5rem;
			border-bottom-right-radius: 0.5rem;
			float: right;
			height: auto;
			line-height: normal;
			padding: 5px 8px 6px;
			background:  #004079;
		}

			#bloco_direita #ufrn:hover {        
				text-decoration: underline;
			}

			#bloco_direita #ufrn a {
				color: #fff !important;
			}

	/* logo */
	#topo #logo {
		display: block;
		width: 906px;
		height: auto;
		margin: 0 auto;
	}

	#logo a {
		float: left;
		margin: 21px 0 0;
	}

	#logo a img {
		width: 390px;
	}


/* area do menu */
#bg_rodape #area_menu {
	background: linear-gradient(to top, #0251A1 4px, #0251A1 1px, #fff 1px, #fff);
	display: block;
	width: 100%;
	min-height: 23px;
	margin: -19px auto 0;
	z-index: 100;
}

	/* ----- inicio - menu ----- */
    #area_menu #menu {
		display: block;
		width: 906px;
/*		height: 20px;*/
		height: 31px;
        position: relative;
/*        top: 1px;*/
		background: #0251A1;
		margin: 0 auto;
	}

		#menu ul {
			display: block;
			width: 100%;
			height: 100%;
		}

			#menu ul li {
				float: left;
				width: auto;
                height: 100%;
/*				height: 17px;*/
				padding: 2px 0 0;
				font-size: 9pt;
				font-weight: bold;
			}

				#menu ul li a {
					display: block;
					width: auto;
					height: 15px;
                    padding: 5px 21px 5px 21px;
/*					padding: 2px 21px 0;*/
					background: transparent;
					border-right: #ffffff 1px solid;
                    font-weight: 400;
                    font-size: 15px;
					color: #ffffff;
				}

				#menu ul li a:hover {
					color: #00a1e4;
				}

				#menu ul li a.ultimo {
					padding-right: 0;
					border-right: none;
				}

				#menu ul li a.on {
					float: left;
					height: 21px;
					margin: -2px 0 0 -1px;
/*					padding-top: 3px;*/
                    padding: 5px 21px 5px 21px;
					border-right: #0251A1 1px solid;
					border-top: #0251A1 1px solid;
					border-left: #0251A1 1px solid;
					background: #ffffff;
					color: #004079;
				}

/*
				#menu ul li a.on:hover {
					color: #00a1e4;
				}
*/

	/* ----- fim - menu ----- */


	/* ----- inicio - submenu ----- */
	#area_menu .area_submenu {
        border-top: 1px #0251A1 solid;
		display: none;
		width: 100%;
		height: auto;
		padding: 0 0 20px;
		background: #0251A1;
	}

		.area_submenu .submenu {
			display: block;
			width: 883px;
			height: auto;
			background: #ffffff;
			margin: 0px auto;
			padding: 15px 51px;
			border: 1px solid #004079;
			border-top: none;
		}

			.submenu .area_aba {
				display: flex;
				justify-content: center;
				width: 100%;
				min-height: 20px;
			}

				.area_aba .area_link {
					display: inline-block;
					*float: left;
					vertical-align: top;
					width: auto;
					margin: 0;
					height: auto;
				}
				
				/* --- especificando larguras para cada aba --- */
				.area_aba .tamanho_1 {
					margin: 0 12px 0 0;
					*margin: 0 14px 0 0;
					width: 280px; /* com 3 colunas */
				}

				.area_aba .tamanho_2 {
					margin: 0 15px 0 0;
					*margin: 0 16px 0 0;
					width: 432px; /* com 2 colunas */
				}

				.area_aba .tamanho_3 {
					margin: 0;
					width: 879px; /* com 1 coluna */
				}
				/* ------ */

				.area_aba .ultimo {
					margin: 0;
				}

				.area_aba .linha_inferior {
					margin-top: 15px;
				}

					.area_link .titulo a, .area_link .titulo label {
						display: block;
						width: auto;
						height: 14px;
						background: #DAE6F2;
						padding: 3px 10px;
						font-size: 9pt;
						text-transform: uppercase;
					}

                    #menu-not-link {
                        color: #353436 !important;  
                        cursor: default;
                    }

                    #menu-not-link:hover {
                          color: #353436 !important;  
                    }

					/* --- especificando classe dos titulos para cada aba --- */
					.tamanho_1 .titulo a, .tamanho_1 .titulo label {
						width: 264px;
					}

					.tamanho_2 .titulo a, .tamanho_2 .titulo label {
						width: 412px;
					}
					/* ------ */

				.area_link ul {
					display: block;
					width: 93%;
					height: auto;
					padding: 2% 5%;
/*                    font-size: 9pt;*/
				}

					.area_link ul li {
						display: inline-block;
						*float: left;
						width: auto;
						height: 15px;
						margin: 3px;
						padding: 0 0 0 14px;
					}

					.area_link ul li.menor {
						width: 44%;
						margin: 0 4px 0;
					}
	/* ----- fim - submenu ----- */


/* estrutura */
#bg_rodape #estrutura {
	display: block;
	width: 990px;
	min-height: 500px;
	_height: 500px;
	margin: 0 auto;
}


/* conteudo */
#estrutura #conteudo {
	display: block;
	width: 100%;
	min-height: 440px;
	_height: 440px;
	margin: 0 auto;
}

	/* ----- classes gerais ----- */
	.link {
		display: block;
		width: 100%;
		height: auto;
		text-align: right;
		margin: 15px 0 0;
		color: #0251a1;
	}

        .link:hover {
			color: #00a1e4;
		}

		.link a {
			font-weight: bold;
			color: #0251a1;
		}

        .link a:hover {
			color: #00a1e4;
		}
		
		.link a:hover {
			text-decoration: underline;
		}

	.distancia_linha {
		margin: 0 16px 0 0;
		*margin: 0 19px 0 0;
		border-right: 1px solid #d9d9da;
	}
	/* ----- FIM - classes gerais ----- */

	/* ----- coluna (meio) ----- */
	#conteudo #meio {
		display: inline-block;
		*float: left;
		width: 802px;
		min-height: 440px;
		padding: 35px 23px;
		padding-left: 0;
		margin-right: 19px;
		border-right: 1px solid #e7e7e7;
		vertical-align: top;
	}

		#meio .titulo {
			font-size: 11pt;
			font-weight: bold;
            background: linear-gradient(to top, #fff 40%, #353436 , #fff 41%);
			color: #353436;
			margin: 0 0 20px;
		}

.area_link .titulo a {
    color: #353436 !important;
}

        .titulo a {
            color: #0251a1 !important;
		}

        .titulo a:hover {
            color: #00a1e4 !important;
		}

			#meio .titulo .semlinha {
				padding: 0 8px 0 0;
				background: #fff;
			}

    .span_linha {
        display: none;
        background: #353436;
        height: 2px;
/*        margin: 49% 0 49% 0;*/
        position: relative;
        width: auto;
    }
			
			#meio .subtitulo{
				color: #353436;
				padding-left: 5px;
				text-decoration: none; 
			}
			
		/* ----- Acessibilidade ----- */
		#meio .titulo .acessibilidade {
		    background: none repeat scroll 0 0 #FFFFFF;
		    float: right;
		    padding: 0 0 0 8px;
		}

        .acessibilidade .imp:hover,
        .acessibilidade .smallFont:hover,
        .acessibilidade .largeFont:hover{
            color: #00a1e4;
		}

		/* ----- fim Acessibilidade----- */

		#meio ul.lista {
			display: block;
			width: auto;
			height: auto;
			padding: 10px 0 0 10px;
		}

			ul.lista li {
				display: block;
				padding: 0 0 10px;
			}

/*
				ul.lista li a label {
					color: #004079;
					font-weight: bold;
				}
*/

                ul.lista li a {
                    color: #0251a1;
                }

				ul.lista li a:hover {
					text-decoration: underline;
				}

				ul.lista li a:hover.azul {
					color: #00a1e4;
					text-decoration: none;
				}

		#meio #area_animacao {
		    background: transparent;
		    display: block;
		    height: 230px;
		    width: 100%;
		}

		/* ----- noticias em destaque----- */
		#area_animacao .animacao {
			display: block;
			width: 622px;
			height: 181px;
			margin: 0 0 30px;
			padding: 11px 0 0;
			background: #DAE6F2;
			margin-left: 90px;
			
		}

			/* ----- galeria de destaques ----- */
			#area_animacao .animacao #noticias {
				display: block;
				width: 600px;
				height: 150px;
				overflow: hidden;
				position: relative;
				margin: 0 11px;
			}
			
				#noticias.scrollable .items {
					/* this cannot be too large */
					width:10000em;
					height: 150px;
					clear:both;
					position:relative;
				}

				 #noticias.scrollable .items div {
					float: left;
					width: 600px;
					height: 150px;
					overflow: hidden;
				}

					#noticias.scrollable .items div .d_titulo {
						display: block;
						width: 100%;
						height: auto;
						margin: 0 0 20px;
						font-family:  "Liberation Sans", "Verdana", Tahome, Arial, Helvetica, sans-serif;
						font-size: 10pt;
						font-weight: bold;
						text-transform: uppercase;
						color: #353436;
					}

					#noticias.scrollable .items div .d_imagem {
						float: left;
						width: auto;
						height: 97px;
						margin: 0 10px 0 0;
						border: 1px solid #2f3a60;
						text-align: center;
					}

						#noticias.scrollable .items div .d_imagem img {
							max-width: 131px;
							max-height: 91px;
							border: 3px solid #fcf4e3;
							opacity: .8;
						}

						#noticias.scrollable .items div:hover .d_imagem img {
							opacity: 1;
						}

					#noticias.scrollable .items div p {
						line-height: 18px;
						font-size: 10pt;
                        color: #353436;
					}

					#noticias.scrollable .items div .d_link {
						display: block;
						width: auto;
						height: auto;
						margin: 8px 0 0;
						font-size: 9pt;
						font-weight: bold;
						color: #0251a1;
						line-height: normal;
					}

                    #noticias.scrollable .items div .d_link:hover {
                        color: #00a1e4;
                    }
					
/*
						#noticias.scrollable .items div:hover p {
							color: #2F3A60;
						}
*/
					
						#noticias.scrollable .items div .d_link:hover {
							text-decoration: underline;
						}
					
						.animacao .chamada_noticias{
							height: 23px;
							background: #004079;
							padding: 7px 11px 0 11px;
							font-weight: bold;
							font-size: 9pt;
						}
			
						.chamada_noticias a{
							color: #ffffff;
							float:right;
						}
			
						.chamada_noticias a:hover {
							color: #00a1e4;
						}
			/* ----- FIM - galeria de destaques ----- */

			
			#area_animacao #navegacao {
			    float: left;
			    height: auto;
			    margin-left: 20px;
			    position: relative;
			    width: 730px;
			    z-index: 100;
			}

			/* navegacao */
			#navegacao #seta_esquerda img, #navegacao #seta_direita img {
			    display: block;
			    padding: 8px 4px;
			}

			/* background: linear-gradient(to top, #004079 50%, #004079); */
			
			#navegacao #seta_esquerda a {
			    float: left;
			    margin-top: -160px;
			}

			#navegacao #seta_esquerda a i {
				background-image: linear-gradient(to top, #004079, #004079);
				background-clip: text;
				color:transparent;
    			-webkit-background-clip: text;
				/* color: #faa; */
			}

            #navegacao #seta_esquerda a i:hover {
				background-image: linear-gradient(to top, #00a1e4, #00a1e4);
				background-clip: text;
				color:transparent;
    			-webkit-background-clip: text;
            }
			
			#navegacao #seta_direita a {
			    float: right;
			    margin-right: -50px;
			    margin-top: -160px;
			}

			#navegacao #seta_direita a i {
			    background-image: linear-gradient(to top, #004079, #004079);
				background-clip: text;
				color:transparent;
    			-webkit-background-clip: text;
			}

            #navegacao #seta_direita a i:hover {
				background-image: linear-gradient(to top, #00a1e4, #00a1e4);
				background-clip: text;
				color:transparent;
    			-webkit-background-clip: text;
            }

				#navegacao a.activeSlide {
					color: #fff;
					background: #d99206;
				}

			/* mais noticias */
			#meio .destaque #mais_noticias {
				float: right;
				width: auto;
				height: 14px;
				padding: 6px 0 2px;
				margin: 8px 0 0;
			}

				#mais_noticias a {
					font-size: 9pt;
					font-weight: bold;
					color: #0251a1;
				}

				#mais_noticias a:hover {
					color: #00a1e4;
					text-decoration: underline;
				}

		/* ----- FIM - noticias em destaque----- */

		/* ----- concursos publicos ----- */
		#meio .concurso {
			display: block;
			width: 540px;
			height: auto;
			margin: 0 0 30px;
		}

			.concurso .area_interna {
				display: block;
				width: auto;
				min-height: 40px;
				padding: 10px;
			}

				.area_interna p {
					text-align: left;
				}

					.area_interna p a {
						color: #0251a1;
					}

					.area_interna p a:hover {
                        color: #00a1e4;
						text-decoration: underline;
					}

				.area_interna .imagem {
					float: left;
					width: auto;
					height: auto;
					margin: 3px 10px 0 0; 
				}

					.area_interna .imagem img {
						max-width: 65px;
						max-height: 40px;
						border: 1px solid #1aaec8;
					}

		/* ----- FIM - concursos publicos ----- */

		/* ----- cursos_pos e area do processos_seletivos ----- */
		#meio .cursos_pos, #meio .processos_seletivos, #meio .equipamentos {
			display: inline-block;
			*float: left;
			width: 228px;
			min-height: 220px;
			margin: 0;
			vertical-align: top;
			padding-left: 0;
		}

			.cursos_pos .alinhamento{
				padding-left: 8px;
			}

				.cursos_pos .alinhamento ul.lista {
					font-size: 10pt;
				}

			.processos_seletivos img, .equipamentos img {
				display: block;
			    height: auto;
			    width: auto;
			    margin: 3px auto 15px;
				opacity: .8;
			}

			.processos_seletivos .icon, .equipamentos .icon {
				height: 90px;
			}

			.processos_seletivos p, .equipamentos p {
				text-align: left;
				margin-bottom: 30px;
				font-size: 10pt;
				line-height: 14pt;
			}

				.processos_seletivos p a:hover, .equipamentos p a:hover {
				    color: #00a1e4;
	    			text-decoration: none;
	    		}

		#meio .equipamentos ul.lista {
			min-height: 110px !important;
		}
		/* ----- FIM - cursos_pos ----- */


		/* ----- linha vertical ----- */
		#estrutura .linha_vertical {
			display: inline-block;
			*float: left;
			width: 1px;
			min-height: 208px;
			margin: 6px 23px 6px 26px;
			*margin: 6px 29px;
			vertical-align: top;
			background: #e7e7e7;
		}
		/* ----- FIM - linha vertical ----- */

	/* ----- FIM - coluna (meio) ----- */


	/* ----- coluna (direita - parceiros) ----- */
	#conteudo #coluna_direita {
		display: inline-block;
		*float: left;
		width: 140px;
		min-height: 440px;
		padding: 35px 0;
		vertical-align: top;
	}
		#coluna_direita .titulo {
			font-size: 14px;
			font-weight: bold;
			color: #ffffff;
			margin-bottom: 20px;
			background: #004079;
			text-align: center;
		}

		/* estilo dos blocos - parcerios */
		#coluna_direita .parceiros {
			display: block;
			width: 100%;
			height: auto;
			margin: 0;
			padding-bottom: 26px;
			background: #DAE6F2;
		}

        #coluna_direita .parceiros .titulo {
            font-weight: 400;
        }

        .parceiros .titulo {
            padding: 5px 0 5px 0;
        }

			.parceiros a {
				display: block;
				height: auto;
				width: 122px;
				margin: 0px auto;
				padding-bottom: 15px;
			}

			.parceiros:last-child a {
				padding-bottom: 18px;
			}

			.parceiros a:last-of-type {
				padding: 0;
			}

				.parceiros a img {
					border: 1px solid #2f3a60;
					opacity: .8;
				}
		
			.parceiros a:hover > img {
				opacity: 1;
			}
		
			.parceiros ul {
				display: block;
				width: 100%;
				height: auto;
				list-style: square inside;
			}

				.parceiros ul li {
					display: list-item;
					padding-left: 15px;
					padding-bottom: 10px;
				}

					.parceiros ul li a {
						display: inline;
						margin-left: -5px;
						padding: 0;
					}

				.parceiros ul li:last-child {
					padding-bottom: 0;
				}

	/* ----- FIM - coluna (direita) ----- */


/* rodape */
#estrutura #rodape {
	display: block;
	width: 100%;
	height: 51px;
	margin: 0 auto;
	padding: 14px 0;
	color: #ffffff;
	background: #004079;
}

	#rodape a {
		color: #ffffff;
	}

	#rodape a:hover {
		text-decoration: underline;
	}

	#rodape .informacoes, #rodape .direitos {
		display:block;
		width: 100%;
		height: auto;
		text-align: left;
	}

		#rodape .informacoes {
			margin: 0px;
			font-size: 10pt;
		}

		#rodape .direitos {
			margin: 7px 0 0px;
			font-size: 10pt;
		}

	#rodape .desenvolvido {
		float: right;
		width: auto;
		height: auto;
		margin: -34px 0 0 0;
	}

		.desenvolvido label {
			font-size: 8pt;
			margin-right: 5px;
		}
			.desenvolvido label a {
				font-weight: bold;
			}

	#barra-brasil #wrapper-barra-brasil {
		max-width: 1005px !important;
	}

	#barra-brasil #wrapper-barra-brasil #brasil-vlibras .link-vlibras {
		position: relative;
		left: -0.4rem;
		width: 145px !important;
		text-align: center;
		line-height: 20px !important;
	}

	#barra-brasil nav ul#lista-barra-brasil li.list-item,
	#barra-brasil nav ul#lista-barra-brasil li.list-item a {
		line-height: normal !important;
	}

    #barra-brasil nav ul#lista-barra-brasil li.list-item {
		position: relative;
		top: -8px;
	}

	#barra-brasil nav ul#lista-barra-brasil li.list-item a {
		position: relative;
		top: 8px;
	}


/* https://stackoverflow.com/questions/9328832/how-to-apply-specific-css-rules-to-chrome-only */
/* para funcionar apenas no chrome, caso contrario a janela de libras fica desalinhada */
@media  screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	#barra-brasil #brasil-vlibras .link-vlibras{
		left: -1.1rem !important;
		line-height: 20px !important;
	}
}