/*
*  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: #505050;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	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: "Tahoma",Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: #505050;
	background: #ffffff;
}

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


/* estilos gerais */

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

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


/* bg */
#bg {
	display: block;
	min-width: 1024px;
	width: 100%;
	min-height: 600px;
	_height: 600px;
	background: transparent url(../img/bg.png) repeat-x left top;
}

/* bg do rodape */
#bg #bg_rodape {
	display:block;
	min-width: 1024px;
	width:100%;
	min-height: 600px;
	_height: 600px;
	margin: 0;
	background: transparent url(../img/bg_rodape.png) repeat-x center bottom;
}

/* topo */
#bg_rodape #topo {
	display: block;
	width: 100%;
	height: 152px;
	margin: 0px auto;
	background: transparent url(../img/bg_topo.png) no-repeat top center;
}

	/* 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 {
			float: right;
			width: 190px;
			height: 19px;
			padding: 0 7px;
			margin: 0 8px 0 0;
			background: transparent url(../img/bg_topo_atalhos.png) no-repeat left bottom;
		}

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

				#atalhos ul li {
					float: left;
				}

					#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 {
							background: transparent url(../img/ico_casa.png) no-repeat left bottom;
						}

						#atalhos ul li a.ico_webmail {
							background: transparent url(../img/ico_email.png) no-repeat left bottom;
						}

						#atalhos ul li a.ico_contato {
							background: transparent url(../img/ico_contato.png) no-repeat left bottom;
						}

				#atalhos ul li.separador {
					float: left;
					width: 3px;
					height: 13px;
					margin: 0 8px 0 7px;
					background: transparent url(../img/separador.png) no-repeat left top;
				}

		/* busca */
		#bloco_direita #busca {
			float: right;
			width: 175px;
			height: 19px;
			padding: 0 7px;
			margin: 0 8px 0 0;
			background: transparent url(../img/bg_topo_busca.png) no-repeat left bottom;
		}

			#busca label {
				float:left;
				height:13px;
				width:auto;
				color: #FFFFFF;
				padding: 0 0 0 18px;
				margin: 0 3px 0 0;
				background: transparent url(../img/ico_busca.png) no-repeat left bottom;
			}

			#busca input {
				float:left;
				border: 1px #969696 solid;
				font-size: 7pt;
				color: #505050;
				font-family: "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: #505050;
				font-family: "Tahoma";
			}

		/* ufrn */
		#bloco_direita #ufrn {
			float: right;
			width: 42px;
			height: 19px;
			padding: 0 7px;
			background: transparent url(../img/bg_topo_ufrn.png) no-repeat left bottom;
		}

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

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


/* area do menu */
#bg_rodape #area_menu {
	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;
		background: #3369a9;
		margin: 0 auto;
	}

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

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

				#menu ul li a {
					display: block;
					width: auto;
					height: 15px;
					padding: 2px 22px 0 21px;
					background: transparent;
					border-right: #ffffff 1px solid;
					color: #ffffff;
				}

				#menu ul li a:hover {
					color: #c4d8f0;
				}

				#menu ul li:first-child a {
					padding-left: 20px;
				}

				#menu ul li:last-child a {
					padding-right: 0px !important;
					border-right: none;
				}

				#menu ul li a.on {
					float: left;
					height: 16px;
					margin: -2px 0 0 -1px;
					padding-top: 3px;
					border-right: #4d5d9c 1px solid;
					border-top: #4d5d9c 1px solid;
					border-left: #4d5d9c 1px solid;
					background: #ffffff;
					color: #4d5d9c;
				}

				#menu ul li a.on:hover {
					color: #3369a9;
				}
	/* ----- fim - menu ----- */


	/* ----- inicio - submenu ----- */
	#area_menu .area_submenu {
		display: none;
		width: 100%;
		height: auto;
		padding: 0 0 20px;
		background: #3369a9;
	}

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

			.submenu .area_aba {
				display: block;
				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: 283px; /* com 3 colunas 280px*/
				}

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

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

				.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: #c4d8f0;
						padding: 3px 10px;
						font-size: 9pt;
						text-transform: uppercase;
					}

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

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

				.area_link ul {
					display: block;
					width: 94%;
					height: auto;
					padding: 2% 3%;
				}

					.area_link ul li {
						display: inline-block;
						*float: left;
						width: 48%;
						height: 15px;
						margin: 3px;
					}

					.area_link ul li.menor {
						width: 32%; /* 30% */
						margin: 0 4px 6px 0;
						height: auto;
					}

						.area_link ul li a:hover {
							color: #387dce;
						}

						.area_link .azul label {
							color: #3369A9;
							font-weight: bold;
							font-size: 10pt;
							padding-right: 2px;
						}

	/* ----- 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: 500px;
	_height: 500px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(../img/bg_conteudo.png) top center repeat-y;
}

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

		.link a {
			font-weight: bold;
			color: #2f3a60;
		}

		.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: 540px;
	    min-height: 500px;
		vertical-align: top;
		margin-right: 37px;
		*margin-right: 40px;
	}

		#meio .titulo {
			font-size: 10pt;
			font-weight: bold;
			color: #2b5486;
			background: transparent url(../img/bg_linha_titulo.png) center left repeat-x;
			margin: 0 0 12px;
		}

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

			#meio .subtitulo{
				color: #4d5d9c;
				padding-left: 5px;
				text-decoration: underline;
			}

			#meio .titulo.titulo_noticia {
				margin-top: 25px;
			}

		/* ----- Acessibilidade ----- */
		#meio .titulo .acessibilidade {
		    background: none repeat scroll 0 0 #FFFFFF;
		    float: right;
		    padding: 0 0 0 8px;
		}
		/* ----- fim Acessibilidade----- */

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

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

					ul.lista li a label {
						color: #3369A9;
						font-weight: bold;
						font-size: 10pt;
						padding-right: 2px;
					}

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

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

				ul.lista.duas_colunas li {
					display: inline-block;
					width: 47.5%;
					padding: 0 10px 10px 0;
				}

		/* ----- noticias em destaque----- */
		#meio .destaque {
			display: block;
			width: 518px;
			height: 178px;
			margin: 0 0 30px;
			padding: 11px;
			background: #dce8f6;
			overflow: hidden;
		}

			/* ----- galeria de destaques ----- */
			#meio .destaque ul#noticias {
				display: block;
				width: 100%;
				max-height: 150px;
				overflow: hidden;
				position: relative;
			}

				 ul#noticias li.d_conteudo {
					display: block;
					width: 100%;
					min-height: 132px;
					overflow: hidden;
				}

					ul#noticias li.d_conteudo .d_titulo {
						display: block;
						width: 100%;
						height: auto;
						margin: 0 0 15px;
						font-family: "Verdana", Tahome, Arial, Helvetica, sans-serif;
						font-size: 9pt;
						font-weight: bold;
					}

					ul#noticias li.d_conteudo .d_imagem {
						float: left;
						width: auto;
						height: 96px;
						margin: 0 10px 0 0;
						border: 1px solid #16156b;
						text-align: center;
					}

						ul#noticias li.d_conteudo .d_imagem img {
							width: auto;
							max-width: 130px;
							height: 90px;
							border: 3px solid #fcf4e3;
						}

					ul#noticias li.d_conteudo p a {
						line-height: 15px;
					}

						ul#noticias li.d_conteudo p a:hover  {
							text-decoration: underline;
						}

					ul#noticias li.d_conteudo a.d_link {
						display: block;
						width: auto;
						height: auto;
						margin: 8px 0 0;
						font-size: 7pt;
						font-weight: bold;
						color: #387dce;
						line-height: normal;
					}
			/* ----- FIM - galeria de destaques ----- */


			/* navegacao */
			#meio .destaque #navegacao {
				display: inline-block;
				*float: left;
				width: auto;
				height: 22px;
				margin: 15px 0 0;
			}

				#navegacao a {
					float: left;
					width: 21px;
					height: 14px;
					padding: 3px 0;
					margin: 0 5px 0 0;
					border: 1px solid #3369a9;
					background: #fff;
					color: #387dce;
					text-align: center;
					text-decoration: none;
					font-family: "Verdana", Tahoma, Arial, Helvetica, sans-serif;
					font-size: 9pt;
					font-weight: bold;
					outline: none;
				}

				#navegacao a.activeSlide {
					color: #ffffff;
					background: #3369a9;
				}

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

				#mais_noticias a {
					font-size: 9pt;
					font-weight: bold;
					color: #387dce;
				}

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

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


		/* ----- publico_externos publicos ----- */
		#meio .publico_externo {
			display: block;
			width: 100%;
			height: auto;
			margin: 0 0 30px;
		}

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

				.area_interna p {
					text-align: left;
				}

					.area_interna p a {
						color: #1aaec8;
					}

					.area_interna p a:hover {
						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 - publico_externos ----- */


		/* ----- chamadas - discentes e docentes ----- */
		#meio .chamada {
			display: inline-block;
			*float: left;
			width: 240px;
			min-height: 100px;
			margin: 0;
			vertical-align: top;
		}

		#meio .com_borda {
			padding-right: 28px;
			margin-right: 26px;
			border-right: 1px solid #E7F0FB;
		}
		/* ----- FIM - chamadas - discentes e docentes ----- */

	#estrutura .maior{
		height: 570px;
		margin: 0 20px;
		*margin: 0 23px;
	}
	/* ----- FIM - coluna (meio) ----- */


	/* ----- coluna da esquerda (links_acessados e enquete) ----- */
	#conteudo #coluna_esquerda {
		display: inline-block;
		*float: left;
		width: 200px;
	    min-height: 400px;
		padding-right: 8px;
		margin-right: 16px;
		*margin-right: 19px;
		border-right: 1px solid #E7F0FB;
		vertical-align: top;
	}

		#coluna_esquerda .titulo {
			font-size: 10pt;
			font-weight: bold;
			color: #2b5486;
			margin-bottom: 12px;
		}

		/* links_acessados */
		#coluna_esquerda .links_acessados, #coluna_esquerda .area_enquete {
			display: block;
			width: 180px;
			height: auto;
			margin: 0;
			padding: 0 10px;
		}

		#coluna_esquerda .links_acessados {
			margin-bottom: 30px;
		}

			#coluna_esquerda .links_acessados a { /* #dce8f6 #f3f9ff #dce9f9 */
					background: linear-gradient(to bottom, #f3f9ff, #dce9f9);
			    display: flex;
					align-items: center;
					margin-top: 10px;
					margin-bottom: 10px;
			    height: 50px;
			    width: 100%;
			}

				#coluna_esquerda .links_acessados a label {
				    background: url("../img/ico_capelo.png") no-repeat scroll left center transparent;
				    cursor: pointer;
				    font-size: 8.5pt;
				    font-weight: bold;
				    margin-left: 5px;
						margin-right: 5px;
				    padding-left: 25px;
				}

				#coluna_esquerda .links_acessados a label:hover {
					text-decoration: underline;
				}
		/* FIM - links_acessados */

		/* enquente */
		.area_enquete .enquete {
			display: block;
			width: 180px;
			height: 170px;
			padding: 0;
			overflow: auto;
			overflow-x: hidden;
		}

			.enquete p {
				display: block;
				font-size: 8pt;
				font-weight: bold;
				margin: 0 0 10px 0;
				color: #387dce;
				text-align: left;
			}

			.enquete h1 {
				display: block;
				font-size: 8pt;
				font-weight: bold;
				margin: 0 0 10px 0;
				color: #387dce;
				line-height: 15px;
			}

			.enquete table {
				width: 100%;
				height: auto;
				margin: 0;
			}

			.enquete table tbody tr td {
				height: 18px;
			}

			.enquete table tbody tr td label {
				margin: 0 0 0 2px;
				padding: -2px 0 0;
				color: #505050;
			}

			.enquete table tfoot tr td input#bt_votar {
				margin: 10px auto 0;
				background: transparent url(../img/bt_votar.png) no-repeat scroll 0 2px;
				border: none;
				cursor: pointer;
				display: block;
				height: 27px;
				width: 56px;
				color: #fff;
				font-size: 11px;
				text-align: center;
			}
		/* FIM - enquete */

	/* ----- FIM - coluna da esquerda ----- */


	/* ----- coluna da direita (eventos e parceiros) ----- */
	#conteudo #coluna_direita {
		display: inline-block;
		*float: left;
		width: 180px;
	    min-height: 500px;
		vertical-align: top;
	}

		#coluna_direita .titulo {
			display: block;
			height: auto;
			padding: 2px 0 3px;
			margin-bottom: 20px;
			background: #3369a9;
			font-size: 10pt;
			font-weight: bold;
			color: #ffffff;
			text-align: center;
		}

		#coluna_direita .lista {
			font-size: 8.5pt;
			font-weight: bold;
		}

		/* estilo dos blocos - sistemas, parcerios e links */
		#coluna_direita .sistemas, #coluna_direita .parceiros, #coluna_direita .links {
			display: block;
			width: 100%;
			height: auto;
			margin: 0 0 30px;
			*margin: 0 0 10px;
		}

		#coluna_direita .parceiros a {
			display: block;
		    height: 55px;
		    overflow: hidden;
		    padding: 0 0 0px 0;
		    margin: 0 auto 10px;
		    width: 120px;
		    border: 1px solid #2f3a60;
		}

			#coluna_direita #parceiros_area_1 a, #coluna_direita #parceiros_area_2 a, #coluna_direita #parceiros_area_3 a, #coluna_direita #sistemas_area_1 a, #coluna_direita #sistemas_area_2 a {
				display: block;
				width: 100%;
				height: auto;
				margin: 0px auto;
			}

			.parceiros img{
				border: 3px solid #ffffff;
			}
	/* ----- FIM - coluna da direita ----- */


/* rodape */
#estrutura #rodape {
	display: block;
	width: 100%;
	height: 52px;
	margin: 0 auto;
	padding: 14px 0;
	text-align: center;
	color: #ffffff;
	background: #505050;
}

	#rodape a {
		color: #ffffff;
	}

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

	#rodape .informacoes {
		display:block;
		width: 100%;
		height: auto;
		margin: auto 0px;
		font-size: 9pt;
	}

	#rodape .direitos {
		display:block;
		width: 100%;
		height: auto;
		margin: 10px auto 0px;
	}

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

		.desenvolvido label {
			font-size: 7pt;
			font-weight: bold;
			margin-right: 1px;
		}

		.desenvolvido a {
			font-weight: bold;
			text-decoration: none;
		}