@charset "utf-8";
/* CSS Document */


/* ====================================================================== OBSERVAÇÕES IMPORTANTES === */
/* -------------------------------------------------------------------------------------------------- */
/*

	Diferenciação entre Index PORTUGUÊS X INGLÊS: colocar ".english" ou ".portugues" antes



*/
/* ======================================================================================= INÍCIO === */
/* -------------------------------------------------------------------------------------------------- */


body { margin:0; padding:0; }

.sumir {
	display:none;
	visibility:hidden;
	padding-bottom:0;
	padding-top:0; }




/* ======================================================================================= FONTES === */
/* -------------------------------------------------------------------------------------------------- */


@font-face {
    font-family:myriadprobc;
    src:url('/fontes/myriadpro-bc.eot');
    src:url('/fontes/myriadpro-bc.eot?#iefix') format('embedded-opentype'),
        url('/fontes/myriadpro-bc.woff') format('woff'),
        url('/fontes/myriadpro-bc.ttf') format('truetype'),
        url('/fontes/myriadpro-bc.svg#myriad_probold_condensed') format('svg');
    font-weight:normal;
    font-style:normal; }




/* ========================================================================================= TOPO === */
/* -------------------------------------------------------------------------------------------------- */


.topo { /* DIV 100% que engloba todo o topo, devido ao menu-topo, exceto o menu horizontal */
	height:238px; margin-top:-20px; padding-top:17px; }


.topo_sub0 { /* DIV com links "Português" e "English", acima da animação */
	 font:10px Verdana, Geneva, sans-serif;
	 color:#777777;
	 text-align:right;
	 width:823px;
	 padding-top:6px;
	 margin-left:-386px;
	 left:50%;
	 position:absolute;
	 z-index:5011; }

.bandeiras img{ vertical-align: text-top;}

	.topo_sub0 a:link, .topo_sub0 a:visited { text-decoration:none; color:#FFF; font-weight:bold; }
	.topo_sub0 a:hover { text-decoration:underline; }
    
	.bandeira_ingles { opacity: 1.0; }
	.bandeira_portugues { opacity: 0.4; }
	
	
.topo_sub1 { /* DIV onde estão o Brasão e a animação de fotos */
	width:982px; height:155px; text-align:left; padding-top:18px; margin:auto; }


.topo_anima-foto { /* DIV randômico em que estão as fotos */
	margin:0 0 0 100px;
	width:833px;
	height:159px;
	display:none;
	visibility:hidden; }
	
	#topo_anima1-01, #topo_anima2-01, #topo_anima3-01, #topo_anima4-01, #topo_anima5-01 { margin:0; }
	#topo_zoom1, #topo_zoom2, #topo_zoom3, #topo_zoom4, #topo_zoom5 {
		width:833px;
		height:159px;
		position:absolute;
		z-index:3000; }


.topo_borda_img2 { position:absolute; background-repeat:no-repeat; }
.topo_borda_img2 {
	z-index:5004;
	width:66px;
	height:137px;
	margin:12px 0 0 917px; }


/* BRASÕES */
.topo_brasao { margin:5px 0 0 7px; position:absolute; z-index:5010; }
.topo_borda_img2 img { margin:10px 0 0 19px; display:block; border:0; }





/* ================================================================================== TOPO > MENU === */
/* -------------------------------------------------------------------------------------------------- */


#topo_menu {
	  width:944px;
	  left:50%;
	  position:absolute;
	  z-index:100;
	  padding-left:18px;
	  padding-top:10px; }
	 .portugues #topo_menu { margin-left:-481px; }
	 
	#topo_menu a:link, #topo_menu a:active, #topo_menu a:visited, #topo_menu a:hover {
	 text-decoration:none;
	 color:#858474;
	 float:left; } 
	.portugues #topo_menu a:link, .portugues #topo_menu a:active, 
	.portugues #topo_menu a:visited, .portugues #topo_menu a:hover {
	 margin-top:-10px; padding:10px 23px 0 23px; height:31px; }


.topo_menu_faixacor { /* DIV onde está a faixa azul */
	 width:982px;
	 height:41px;
	 background:url(/imagens/bkg_menu_cor.jpg);
	 background-repeat:repeat-x;
	 font:18px myriadprobc;
	 position:absolute;
	 margin-left:-491px;
	 left:50%; }


.topo_menu_faixabranca { /* DIV onde há apenas a faixa branca, com largura 100% */
	margin-top:15px;
	height:41px;
	background:url(/imagens/bkg_menu_branco.jpg);
	background-repeat:repeat-x;
	position:absolute;
	z-index:5012;
	width:100%;
	left:50%;
	margin-left:-50%; }


.topo_menu_mouseout { /* Há dois DIV's acima e abaixo do menu para desativar a animação */
	background:#F9C; height:15px; }

.underlinemenu li.active { /*IE6 hack- hide gooey effect from that browser*/
	_visibility: hidden; /*IE6 rule*/ }

.underlinemenu {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	height:25px; }

.underlinemenu li {
	display:inline;
	margin:0;
	padding:0; }

.underlinemenu li.active { /*style of LI that gets dynamically added to menu to create background effect*/
	position:absolute;
	width:0;
	background:url(/imagens/bkg_menu_cor_over.jpg);
	background-repeat:repeat-x; }

.underlinemenu li.active { margin-top:-10px; }
.underlinemenu li.nonactive { visibility:hidden; display:none; }





/* ================================================================================ PARTE CENTRAL === */
/* -------------------------------------------------------------------------------------------------- */


.parte_meio { /* Quadro que engloba todas as três colunas de conteúdo */
	width:964px; text-align:left; margin:auto; }

.parte_meio_interna {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	margin-left:17px;
	width:973px;
	text-align:left; }





/* ================================================================= PARTE CENTRAL > MENU LATERAL === */
/* -------------------------------------------------------------------------------------------------- */


.meio_menu { /* DIV onde está o menu lateral */
	 width:180px;
	 font:11px Verdana, Geneva, sans-serif;
	 text-align:right;
	 float:left;
	 margin-top:16px;
	 padding-right:3px; }
	
	.meio_menu img { border:0; }

.meio_menu a:link, .meio_menu a:visited { /* Links do menu lateral */
	 display:block;
	 width:180px;
	 color:#727272;
	 text-decoration:none;
	 padding:4px 3px 4px 0; }
	.meio_menu a:hover { 
	 color:#FFFFFF; text-decoration:none; background:#868571; }
	
	.meio_menu_linksubmenu-mais .maismenos, .meio_menu_linksubmenu-menos .maismenos	{ width:15px; height:9px; }
	
	.meio_menu_linksubmenu-mais .maismenos {
	 background:url(http://www.puc-rio.br/imagens/bull_menu_mais2.png); background-repeat:no-repeat; }
	.meio_menu_linksubmenu-mais:hover .maismenos {
	 background:url(http://www.puc-rio.br/imagens/bull_menu_mais.png); background-repeat:no-repeat; }
	 
	.meio_menu_linksubmenu-menos .maismenos { 
	 background:url(http://www.puc-rio.br/imagens/bull_menu_menos2.png); background-repeat:no-repeat; }
	.meio_menu_linksubmenu-menos:hover .maismenos { 
	 background:url(http://www.puc-rio.br/imagens/bull_menu_menos_over.png); background-repeat:no-repeat; }
 
	.meio_menu_linksubmenu_quadro { margin-right:5px; display:none; }
	.meio_menu_linksubmenu_quadro a:link, .meio_menu_linksubmenu_quadro a:visited, 
	.meio_menu_linksubmenu_quadro a:hover { width:170px; margin-right:5px; border-right:2px solid #868571; }
	.meio_menu_linksubmenu_quadro a:hover { border-right:2px solid #868571; background:#E4E3D3; color:#727272; }


.meio_menu_ttl { /* Texto para os títulos do MENU */
	 color:#541C00;
	 margin:15px -1px 2px 0;
	 font:18px myriadprobc; }




/* =============================================================== PARTE CENTRAL > COLUNA DO MEIO === */
/* -------------------------------------------------------------------------------------------------- */


.meio_central { /* DIV que engloba a coluna do meio */
	width:512px; float:left; margin:10px 0 0 3px; }


.meio_central_noticias { /* Título "Notícias" */
	 color:#AA0000;
	 margin:0 0 2px 30px;
	 font:24px myriadprobc; }


.meio_central_data { /* Data abaixo de "Notícias" */
	 margin:-2px 0 0 21px;
	 width:235px;
	 height:20px; }
	 
	 



/* ========================================== PARTE CENTRAL > COLUNA DO MEIO >> DESTAQUES N1 A N3 === */
/* -------------------------------------------------------------------------------------------------- */


.meio_central { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.meio_central_noticias_chamadas { margin-top:16px; }

.meio_central a:link, .meio_central a:visited { color:#555555; text-decoration:none; }
.meio_central a:hover { color:#555555; text-decoration:underline; }


/* ----- DESTAQUE N1 ----- */

.destaque_unico a:link, .destaque_unico a:visited {
	border-bottom:1px dotted #BBBBBB;
	float:left;
	font-size:17px;
	line-height:18px;
	margin:0 0 13px 30px;
	padding-bottom:14px;
	width:482px; }
	
	 .destaque_unico a:last-child { border-bottom:0; padding-top:0;  }

.destaque_unico a:link img, .destaque_unico a:visited img {
	border:0; width:482px; display:block; margin-bottom:7px; }
   .destaque_unico a:hover img { border:3px solid #CAC9B9; margin:-3px -3px 4px -3px; margin-bottom:4px; }


.destaque_unico a:link span, .destaque_unico a:visited span, .destaque_unico a:hover span { font-size:14px; }




/* ----- DESTAQUE N1-Especial ----- */

.destaque_unico_especial a:link, .destaque_unico_especial a:visited {
	background:bottom url(/imagens/bkg_destaque-especial.jpg);
	background-repeat:repeat-x;
	border-bottom:1px dotted #BBBBBB;
	color:#444444;
	float:left;
	font-size:17px;
	margin:0 0 12px 30px;
	padding:8px;
	padding-bottom:22px;
	width:466px; }
.destaque_unico_especial a:hover { color:#444444; }
	
.destaque_unico_especial a:link img, .destaque_unico_especial a:visited img, 
.destaque_unico_especial a:hover img {
	display:block; margin:-8px 0 7px -8px; border:0; width:482px; }

.destaque_unico_especial a span { font-size:14px; }



/* ----- DESTAQUE N2 ----- */

.destaque_duplo { display:block; }

.destaque_duplo a:link, .destaque_duplo a:visited {
	width:226px;
	font-size:14px;
	margin:0 0 15px 30px;
	border-bottom:1px dotted #BBBBBB;
	padding-bottom:14px;
	line-height:18px;
	float:left; }

.destaque_duplo a:link img, .destaque_duplo a:visited img {
	border:0; display:block; margin:3px 0 7px 0; width:226px; }
.destaque_duplo a:hover img { border:3px solid #CAC9B9; margin:0px -3px 4px -3px; }

.destaque_duplo a strong { font-size:16px; }


/* ----- DESTAQUE N3 ----- */

.destaque_triplo { display:block; margin-left:5px; }

.destaque_triplo a:link, .destaque_triplo a:visited {
	width:143px;
	font-size:14px;
	margin:0 0 18px 25px;
	/* border-bottom:1px dotted #BBBBBB; */
	border-top:1px dotted #BBBBBB;
	/* padding:0 0 14px 0; */
	padding:14px 0 0 0;
	float:left; }
	/* .destaque_triplo:first-line a { border-top:0; padding-top:0; background-color:#006; }*/

.destaque_triplo a:link img, .destaque_triplo a:visited img {
	border:0; display:block; margin:3px 0 7px 0; width:146px; }
.destaque_triplo a:hover img { border:3px solid #CAC9B9; margin:0 -3px 4px -3px; }





/* ====================================================== PARTE CENTRAL > COLUNA DO MEIO >> LISTA === */
/* -------------------------------------------------------------------------------------------------- */

.meio_central_quadro2 {
	float:left;
	margin:0 0 15px 30px;
	width:482px;
	font-size:14px; }

.meio_central_quadro2 a:link, .meio_central_quadro2 a:visited {
	float:left;
	margin:6px 0 6px 0;
	padding-bottom:12px;
	width:482px;
	border-bottom:1px dotted #BBBBBB; 
	 }
   .meio_central_quadro2 a:first-child { /*border-top:0; */ padding-top:0; }

.meio_central_quadro2 a:link img, .meio_central_quadro2 a:visited img {
	border:1px solid #AAAAAA; float:left; margin:3px 10px 0 0; width:67px; height:46px; }
.meio_central_quadro2 a:hover img { border:1px solid #CAC9B9; margin:3px 10px 0 0; }





/* =================================================== PARTE CENTRAL > COLUNA DO MEIO >> PASSADOS === */
/* -------------------------------------------------------------------------------------------------- */


.meio_central_quadro3 {
	padding:0 0 25px 0;
	margin:0 0 0 30px;
	float:left;
	width:482px;
	font-size:13px;
	font-weight:bold; }
	
.meio_central_quadro3 a:link, .meio_central_quadro3 a:visited {
	background:0 6px url(/imagens/bull_meio_central_quadro3.png);
	background-repeat:no-repeat;
	padding-left:16px;
	display:block;
	margin:10px 0 10px 0; }




/* ================================================== PARTE CENTRAL > COLUNA DO MEIO >> Comunicar === */
/* -------------------------------------------------------------------------------------------------- */


.meio_central_comunicar , .meio_central_comunicar_novo{
	margin:20px 0 30px 30px;
	float:left;
	width:481px; }
.meio_central_comunicar_novo2{
	margin:8px 0 5px 20px;
	float:left;
	width:481px; }
	
.meio_central_comunicar img { border:0; }

.comunicar_logo_barra_nova{ background:url(../imagens/bkg_barra_proj_comunic.jpg); background-repeat:repeat-y; text-align:center; border-bottom:#666666 dotted 1px; border-top:#666666 dotted 1px;}
.comunicar_logo_barra { background:#575656; text-align:center; }
.comunicar_logo { margin:2px 0 2px 0; }

.comunicar_links_novo{ background:#edece2; background-repeat:repeat-y;  border-bottom:#666666 dotted 1px; }
.comunicar_links { background:#B2B2B2; height:43px; margin-bottom:15px; }
.comunicar_links span { float:left; display:block; }

.meio_central_comunicar a:link, .meio_central_comunicar a:visited {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 0; }

.meio_central_comunicar_novo  {
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px 0 5px 0; }
	
   .comunicar_links1 { margin:3px 15px 0 10px; }
   .comunicar_links2 { margin:3px 15px 0 0; }
   .comunicar_links3 { margin:3px 15px 0 0; }
   .comunicar_links4 { margin:3px 0 0 0; }
   
#comunicar_bolinhas{text-align:center;}

#comunicar_todos_projetos{
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	width:100%;
	border-bottom:#666666 dotted 1px;}
	
	.comunicar_todos_projetos_links, .comunicar_todos_projetos_links a:link, .comunicar_todos_projetos_links a:visited{ 
	padding:5px;
	font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#11437d;
	}
	.comunicar_todos_projetos_links a:link, .comunicar_todos_projetos_links a:visited{
	background: rgba(0, 0, 0, 0) url("/imagens/bull_meio_central_quadro3.png") no-repeat scroll 0 6px;
	background-position: 0 8px ;
	padding-right:10px;}



/* =============================================================== PARTE CENTRAL > COLUNA DIREITA === */
/* -------------------------------------------------------------------------------------------------- */


.meio_direita { /* DIV que engloba toda a coluna direita */
	float:right;
	width:230px;
	color:#727272;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:14px; }

.meio_direita a:link, .meio_direita a:visited { text-decoration:none; }
.meio_direita a:hover { text-decoration:underline; }





/* ==================================== PARTE CENTRAL > COLUNA DIREITA >> Busca e Índice de A a Z === */
/* -------------------------------------------------------------------------------------------------- */


/* <INPUT> = Se aplica ao Campo de preenchimento da Busca e ao botão OK */
/* <SELECT> = Se aplica ao Listbox do Índice de A a Z */

.meio_direita_busca-indice, 
.meio_direita_busca-indice input,
.meio_direita_busca-indice select
	{ font:10px Verdana, Geneva, sans-serif; color:#666; }

.meio_direita_busca-indice select { border:1px solid #CCCCCC; width:230px; margin:0; }
.meio_direita_busca-indice form { margin:0; }

.portugues .meio_direita_busca-indice { /* Quadro que engloba a Busca, o Índice e o link Fale conosco */
	 padding:0 0 10px 0;
	 margin:0;
	 padding-right:41px;
	 height:65px; }

.indice_in select { font-family:Verdana, Geneva, sans-serif; width:173px; border:1px solid #999999; }



/* ========================================= PARTE CENTRAL > COLUNA DIREITA >> Sistemas Restritos === */
/* -------------------------------------------------------------------------------------------------- */


.meio_direita_restritos {
	padding:0 0 19px 0;
	color:#727272;
	line-height:14px;
	border-bottom:1px solid #C46606; }
	
.meio_direita_restritos a:link, .meio_direita_restritos a:visited, .meio_direita_restritos a:hover { color:#727272; }

.meio_direita_restritos_ttl img { border:0; margin:0 0 10px 0; }


.restritos_bull_coldireita {
	margin:2px 0 2px 0;
	display:block; }

.retritos_email { padding-top:9px; display:block; }





/* =========================================== PARTE CENTRAL > COLUNA DIREITA >> Informes PUC-Rio === */
/* -------------------------------------------------------------------------------------------------- */


.meio_direita_informes { margin-top:35px; padding-bottom:10px; border-bottom:1px solid #C46606; }

.meio_direita_informes img { margin:0; }

.meio_direita_informes a:link, .meio_direita_informes a:visited {
 	 margin:5px 0 6px 0;
	 padding:5px 0 5px 0;
	 display:block; }

.meio_direita_informes a:link, .meio_direita_informes a:visited, .meio_direita_informes a:hover { color:#727272; }

.meio_direita_informes strong { color:#555555; }

.meio_direita_informes span { color:#993D3D; }





/* ==================================================== PARTE CENTRAL > COLUNA DIREITA >> Eventos === */
/* -------------------------------------------------------------------------------------------------- */


.meio_direita_eventos { margin-top:35px; border-bottom:1px solid #294C8B; }

.meio_direita_eventos a:link, .meio_direita_eventos a:visited, 
.meio_direita_eventos a:hover, .meio_direita_eventos p {
	color:#666666; }

.meio_direita_eventos .chamadas_eventos a, .meio_direita_eventos .chamadas_eventos p {
	margin:1px 0 1px 0;
	padding:6px 0 6px 9px;
	background:0 11px url(/imagens/bull_index_eventos.gif);
	background-repeat:no-repeat;
	display:block; }
	
.meio_direita_eventos img { /* Título "Painel de eventos" é imagem */
	border:0; }


.chamadas_eventos { margin-top:3px; }

.meio_direita_eventos_links { /* Quadro cinza com os links "Divulgar" e "Mais eventos" */
	 padding:6px 0 6px 0;
	 margin-top:10px;
	 border-top:1px solid #CCCCCC;
	 font-size:11px;
	 }
	.meio_direita_eventos_divulgar, .meio_direita_eventos_maiseventos { font-weight:bold; }
	.meio_direita_eventos_maiseventos { padding:0 10px 0 15px; }
	.meio_direita_eventos_divulgar { padding:0 19px 0 19px; border-right:1px solid #CCCCCC; }





/* ======================================================================================= RODAPÉ === */
/* -------------------------------------------------------------------------------------------------- */


.rodape { /* DIV de largura 100% para não "subir" */
	background:#EEE;
	float:left;
	width:100%;
	border-top:1px solid #CCCCCC; }
.rodape a:link, .rodape a:visited, .rodape a:hover { color:#666; }

.rodape_conteudo { /* DIV de largura 990px onde está o conteúdo */
	font:12px Verdana, Geneva, sans-serif;
	color:#666;
	text-align:left;
	width:925px;
	padding:20px 14px 0 25px;
	height:120px;
	margin:auto; }

.rodape_icones { /* DIV onde estão os selos e o aviso de "Melhor visualização" */
	 width:480px; float:right; font-size:10px; }
	.rodape img { border:0; margin-right:20px; }

.rodape_espaco { height:40px; width:100%; float:left; }