Você está aqui: Página Inicial > Serviços PF > Passaporte > Novo Portal

Novo Portal

por Polícia Federal última modificação 29/06/2020 04h44

text/html novo_site.html — 27 KB

Conteúdo do arquivo

<!DOCTYPE html>
<html lang="pt-br" dir="ltr">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="DC.creator" content="nubia.nsls">
<meta name="DC.format" content="text/plain">
<meta name="DC.language" content="pt-br">
<meta name="DC.date.modified" content="2020-06-18T18:33:20-03:00">
<meta name="DC.date.created" content="2020-05-26T17:54:51-03:00">
<meta name="DC.type" content="Page">
<meta name="DC.distribution" content="Global">
<meta name="robots" content="ALL">
<meta name="distribution" content="Global">
<meta property="creator.productor" content="324">


<!--- Rankeamento Google -->
<link rel="canonical" href="http://www.pf.gov.br/servicos-pf/passaporte">

<base href="novo_site.html"><!--[if lt IE 7]></base><![endif]-->
 
 
<!--- Card de encaminhamento --> 
<meta property="og:title" content="Governo Federal - Governo do Brasil.">
<meta property="og:description" content="O gov.br reúne, em um só lugar, serviços para o cidadão e informações sobre a atuação de todas as áreas do governo.">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.gov.br/pt-br/pagina-inicial">
<meta property="og:image" content="https://www.gov.br/logo.png">

<meta property="og:locale" content="pt_BR">
<meta property="og:site_name" content="Governo do Brasil">
    
<title>Passaporte — Polícia Federal</title>


	<style type="text/css" media="screen">@import url(https://www.gov.br/portal_css/Sunburst%20Theme/resourceplone.app.jquerytools.dateinput-cachekey-29844adb89d7aabf6578ba172eacc50d.css);</style>
	<link rel="stylesheet" type="text/css" href="https://www.gov.br/portal_css/Sunburst%20Theme/resourceplone.formwidget.datetimestyles-cachekey-2a9acbf4490b5d91dd9bd409f3705934.css">
	<script type="text/javascript" src="https://www.gov.br/portal_javascripts/Sunburst%20Theme/resourceplone.app.jquery-cachekey-6efa913ac40d615d925fa54056845f4f.js"></script>
	<script type="text/javascript" src="https://www.gov.br/portal_javascripts/Sunburst%20Theme/resourceplone.formwidget.recurrencejquery.tmpl-beta1-cachekey-6bca935b89681d6a61a1049382eac1a2.js"></script>
	


    <link rel="author" href="http://www.pf.gov.br/author/nubia.nsls" title="Informações do Autor">

	

<script type="text/javascript">
        jQuery(function($){
            if (typeof($.datepicker) != "undefined"){
              $.datepicker.setDefaults(
                jQuery.extend($.datepicker.regional['pt-BR'],
                {dateFormat: 'dd/mm/yy'}));
            }
        });
        </script>


	<link rel="search" href="http://www.pf.gov.br/@@search" title="Buscar neste site">
	
	<link rel="shortcut icon" href="https://www.gov.br/++theme++padrao_govbr/++theme++padrao_govbr/favicons/favicon-16x16.png" type="image/x-icon">	
    <link rel="apple-touch-icon" href="https://www.gov.br/++theme++padrao_govbr/++theme++padrao_govbr/favicons/favicon-16x16.png">	

	<link rel="icon" type="image/png" sizes="16x16" href="https://www.gov.br/++theme++padrao_govbr/++theme++padrao_govbr/favicons/favicon-16x16.png">	

<meta name="generator" content="Plone - http://plone.org">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">


<!-- Estilos Gov.br -->
<link href="https://www.gov.br/++theme++padrao_govbr/++theme++padrao_govbr/govbrtheme-a8bfe00.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" crossorigin="anonymous">


<!--- Fonte Roboto -->
<link rel="stylesheet"
	href="https://fonts.googleapis.com/css?family=Roboto">
	
	
<style data-styled="" data-styled-version="4.4.1"></style>



<!--- Personalização Novo Portal Passaporte -->
<style type="text/css">
	::placeholder { /* Firefox, Chrome, Opera */ 
  		color: #ccc; 
		font-size: 16px;
		}   
	:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
		color: #ccc; 
		font-size: 16px;
		}  
	::-ms-input-placeholder { /* Microsoft Edge */ 
		color: #ccc; 
		font-size: 16px;
		} 
		
	.cursor-pointer {
		cursor:pointer;
		}
	.highlighted {
		background-color: #1351b4;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 3px;
		padding-bottom: 3px;
		color: #fff;
        }
	.has-navigation-dropdown {
		z-index:0;
	}
	.caixa-menu {
		position:fixed;
		right:0;
		left:0;
		top:66px;
		bottom:0px;
		border-top: 2px solid #ffcd07;
		background-color:#ededed;
		z-index:1;
		}
	.seta {
		position:relative;
		line-height:0;
 		width:0;
		height:0;
		top:-42px;
		left:12px;
 		border-style: solid;
 		border-color: #f00 transparent #fc0 transparent;
 		border-width: 0px 8px 20px 8px;
		z-index:0;
	}
	.lista-menu {
		display: block;
		font-color: #555;
		color: #555;
		margin-top: 0px;
		margin-right: -0px;
		margin-left: -12px;
		padding-top: 4px;
		padding-left: 12px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}
	.lista-menu:hover {
		background-color: #0c326f;
		color: #fff;
		font-color: #fff;
	}
	.titulo-menu {
		display: block;
		font-color: #9e9d9d;
		color: #9e9d9d;
		margin-top: -3px;
		margin-right: -0px;
		margin-left: -12px;
		margin-bottom: 0px;
		padding-top: 4px;
		padding-left: 12px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
		background-color: #f8f8f8; 
	}	
	.caixa-rodape {
		position:fixed;
		right:0;
		left:0;
		z-index:1;
		bottom:0;
		background-color:#f7f7f7;
		box-shadow: 0px 0px 6px #9e9d9d;
		font-size:var(--font-size-scale-down-01,11.662px);
		}
	.campo-texto {
		height: 50px;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 25px;
		padding-left:20px;
		border: 1px solid #ccc;
		border-radius: 10px;
		color:#666;
		box-shadow: 0px 0px 6px #9e9d9d;
		outline: 0;
		}	
	.botao {
		height: 50px;	
		padding-left:10px;
		padding-right:10px;
		border:0px solid;
		border-color: transparent;
		border-radius: 25px;		
		background-color: transparent;
		color:#ccc;
		font-color:#ccc;
		outline: 0;
	}	
	.botao:focus {
		box-shadow: 0px 0px 6px transparent;
		background-color:var(--color-primary-pastel-01); 
	}
	
	.resultado, .resultnenhum, .resultpalavramaior {
		height: 25px;
		margin-top: 10px;
		margin-left:70px;
		margin-right:-20px;
		margin-bottom:2px;
		padding-left:5px;
		padding-right:5px;
		padding-top:8px;
		padding-bottom:5px;
		border: 1px solid #fff;
		border-radius: 5px 5px 0px 0px;
		font-size: 15px;
		color:#fff;
		}
	.resultado {
		background-color: #268744; 
		}		
	.resultnenhum {
		background-color: #e60000;
		}
	.resultpalavramaior {
		background-color: #C86500;
		}
	.contrasten, .contrasten a {
		background-color: #000;
		background: #000;
		font-color: #fff;
		color: #fff;	
	}
	.contrasten a {
		border-bottom: 1px solid #ccc;	
	}
	.fa {
		color: #ccc;
	}
			
	@media (max-width:1278px) {/*Não mudar*/
 		.contrasten-linha {
			border-left: 20px solid #000;
			border-right: 12px solid #000;			
		}
	}	
	@media (min-width:0px) {
		.barrapesquisa {
			width:50%;
		}		
	}
	@media (min-width:360px) {
		.barrapesquisa {
			width:68%;
		}		
	}
	@media (min-width:576px) {
		.barrapesquisa {
			width:75%;
		}	
	}
	@media (min-width:768px){
		.caixa-menu {
			top:150px;
		}	
		.barrapesquisa {
			width: 80%;
		}
		.seta {
		left: 13px;
		}
		.titulo-menu {
		display: none;
		}
	}
	@media (max-width:768px){	
		.has-navigation-dropdown {
			margin-top: 5px;
		}		
	}
	@media (min-width:1028px) {/*1028*/
		.barrapesquisa {
			width: 85%;
		}
		.seta {
		left: 37px;
		}	
	}
	@media (min-width:1278px) {/*1278*/
		.barrapesquisa {
			width: 87%;
		}
		.seta {
		left: calc(-579px + 50%);
		}			
	}	
	.toggle {
		cursor: pointer;
		display: block;
	}
	.conteudo {
		margin-right: 10px;
	}		
	
			
</style>


<script type="text/javascript">

	// Alterar título barra superior
var titulo0 = 'Adoção&nbsp;Internacional'	
var titulo1 = 'Credenciar'
var titulo2 = 'Entidade'


	// Ferramenta de pesquisa
function searchAndHighlight(searchTerm, selector) {

	if (searchTerm.length < 4) { // Valor mínimo de caracteres
	document.getElementById('resultado').innerHTML = "<label class='resultpalavramaior'>Tente uma palavra maior</label>";
	$('#anterior, #proximo').prop('disabled',true);
	document.getElementById('text-12').select();
	return true;
	} else


if (searchTerm.length) {
var selector = selector || "#realTimeContents"; 
			// use body as selector if none provided
var searchTermRegEx = new RegExp(searchTerm, "ig");
var matches = $(selector).text().match(searchTermRegEx);

	if (matches != null && matches.length > 0) {
	$('.highlighted').removeClass('highlighted'); 
	//Remove old search highlights 
	//Remove the previous matches
	$span = $('#realTimeContents span');
	$span.replaceWith($span.html());
	
	document.getElementById('resultado').innerHTML = "<label class='resultado'>1 de " + matches.length + " resultados</label>";	
	$('.toggle').removeClass('closed');
	$('#anterior, #proximo').prop('disabled',false);
	document.getElementById('proximo').focus();

				
	if (searchTerm === "&") {
	searchTerm = "&amp;";
	searchTermRegEx = new RegExp(searchTerm, "ig");
	}

	$(selector).html($(selector).html().replace(searchTermRegEx, "<span class='match'>" + searchTerm + "</span>"));
	$('.match:first').addClass('highlighted');
	
	var i = 0;

	$('.next_h').off('click').on('click', function () {

		i++;	
		if (i >= $('.match').length) i = 0;	
		document.getElementById('resultado').innerHTML = "<label class='resultado'>" + (i+1) + " de " + matches.length + " resultados</label>";
		$('.match').removeClass('highlighted');
		$('.match').eq(i).addClass('highlighted');
		$('html').animate({scrollTop: $('.match').eq(i).offset().top - 200}, 300);
		
		}); // Fim do next


	$('.previous_h').off('click').on('click', function () {
		i--;
		if (i < 0) i = $('.match').length - 1;
		document.getElementById('resultado').innerHTML = "<label class='resultado'>" + (i+1) + " de " + matches.length + " resultados</label>";		
		$('.match').removeClass('highlighted');
		$('.match').eq(i).addClass('highlighted');
		$('html').animate({scrollTop: $('.match').eq(i).offset().top - 200}, 300);}); // Fim do previous
		
		
	if ($('.highlighted:first').length) { // Posiciona o primeiro resultado
	$(window).scrollTop($('.highlighted:first').position().top - 300);	
	}
	return true;
	
	} // Fim do matches
			
} // Fim searchTermLenght
return false;
			
} // Fim function

 
	$(document).on('click', '.searchButtonClickText_h', function (event) {
 
		$(".highlighted").removeClass("highlighted").removeClass("match");
		if (!searchAndHighlight($('.textSearchvalue_h').val())) {
			document.getElementById('resultado').innerHTML = "<label class='resultnenhum'> Nenhum resultado encontrado</label>";					
			document.getElementById('text-12').select();
			$('.match').removeClass('match');
			$('#anterior, #proximo').prop('disabled',true);
			//$span = $('#realTimeContents span');
			//$span.replaceWith($span.html());
			}
		});

</script>
</head>


<!-- body
 section-pagina-inicial userrole-anonymous portal-govbr cover-layout-layout-vazio template-view portaltype-collective-cover-content site-pt-br default-header-template -->

<body dir="ltr" style="font-family: 'Source Sans Pro', sans-serif;">

<!--- Cabeçalho superior fixo -->
<header id="main-header" class="has-navigation-dropdown">
<div id="caixa-superior">
<!-- Linha Superior -->
<div class="header-wrapper" id="linhasuperior">

	<!-- Esquerda superior -->
	<div class="ml-2">
		<span id="baixa-menu" name="baixa-menu" class="cursor-pointer"  tabindex="4" onclick="
		$('#menu-superior, #sobe-menu, #sobe-menu2').css('display','');
		$('#baixa-menu, #baixa-menu2').css('display','none');">
		<i class="fa fa-bars fa-lg color-primary-default d-md-none">
		</i></span>
		<span id="sobe-menu" name="sobe-menu" href="#" class="cursor-pointer"  tabindex="4" onclick="
		$('#menu-superior, #sobe-menu ,#sobe-menu2').css('display','none');
		$('#baixa-menu, #baixa-menu2').css('display','');"
		style="display:none;">
		<i class="fa fa-times fa-lg color-secondary-07 d-md-none">
		</i></span>
		<div class="d-none d-md-inline ml-n3" 
		style="position: absolute; top: 10px; width: 7%; max-width: 70px;">

			<a href="http://www.pf.gov.br" title="Polícia Federal">
			<img alt="Polícia Federal" 
			src="http://www.pf.gov.br/++resource++pf.internet.tema/logo-pf.png" 
			title="Polícia Federal"></a>
			</div>
			</div>

	<!-- Centro superior -->
	<div class="d-md-none" 
	style="position: absolute; top: 2px; left: 45%; width: 10%; text-align: center;"><a href="http://www.pf.gov.br" title="Polícia Federal">
	<img alt="Polícia Federal" 		
			src="http://www.pf.gov.br/++resource++pf.internet.tema/logo-pf.png" 
			title="Polícia Federal" width="35px" /></a>
			</div>
	
	<!-- Direita superior -->		
	<div class=" " style="margin-right:10px;">
		<span class="cursor-pointer" accesskey="5" onclick=
		"$('body, header, .caixa-rodape, #caixa-superior, #text-12, span, p, h1, h2, h3, h4, h5, h6, a').addClass('contrasten');
		this.style.display='none';
		document.getElementById('branco').style.display='';
		document.getElementById('branco').focus();
		$('#main').addClass('p-0 contrasten-linha');
		$('#caixa-superior').css('border-bottom','2px solid #333');" 	
		id="preto" name="preto">
		<i class="fa fa-adjust color-secondary-09"></i></span>
		<span class="cursor-pointer" accesskey="5" onclick=
		"$('body, header, .caixa-rodape, #caixa-superior, #text-12, span, p, h1, h2, h3, h4, h5, h6, a').removeClass('contrasten');
		this.style.display='none';
		document.getElementById('preto').style.display='';
		$('#main').removeClass('p-0 contrasten-linha');
		$('#caixa-superior').css('border-bottom','');" style="display:none;" id="branco" name="branco"><i class="fa fa-adjust color-secondary-01"></i></span>			
			</div>
	
	</div><!-- fim do wrapper -->


<!-- Linha Inferior -->
<div class="header-wrapper" id="linhainferior">

	<!-- Esquerda inferior -->
	<div class="d-none d-md-inline mt-1">
		<span id="baixa-menu2" name="baixa-menu2" href="#"
		 class="cursor-pointer"  tabindex="4" onclick="
		$('#menu-superior, #sobe-menu, #sobe-menu2').css('display','');
		$('#baixa-menu, #baixa-menu2').css('display','none');">
		<i class="fa fa-bars fa-lg color-primary-default mt-n1">
		</i></span>
		<span id="sobe-menu2" name="sobe-menu2" href="#" 	
		 class="cursor-pointer"  tabindex="4" onclick="
		$('#menu-superior, #sobe-menu, #sobe-menu2').css('display','none');
		$('#baixa-menu, #baixa-menu2').css('display','');"
		style="display:none; margin-left: 0px;">
		<i class="fa fa-times fa-lg color-secondary-07 mt-n1">
		</i></span>
		<span style="font-size:24px;">
			<script>document.write(titulo0);</script>&nbsp;
			<i class="fa fa-chevron-right color-secondary-04 mr-n2"></i>
			<script>document.write(titulo1);</script>
			<span style="font-weight: 600;">
				<script>document.write(titulo2);</script>
			</span>
		</span>
		</div>

	<!-- Centro inferior -->
	<div class="d-md-none text-center" style="position: absolute; left: 20%; width: 60%;">
	<div style="font-size:11px; font-weight: lighter; margin-bottom:-7px;margin-top: -5px;">
	<script>document.write(titulo0);</script></div>
	<div style="font-size:16px;">
	<script>document.write(titulo1);</script>
	<span style="font-weight: 600;">
	<script>document.write(titulo2);</script>
	</span></div>
		</div>
		
	<!-- Penúltimo inferior -->
	<div></div>

	<!-- Direita inferior -->
	<div class="text-right mr-3">
			<i class="fa fa-star color-warning"></i>
	</div>

	</div><!-- Fim da linha inferior -->
	</div><!-- Fim do wrapper -->


<!---  Menu - Atualizar links -->
	<div class="caixa-menu" id="menu-superior" style="display: none;">
		<span class="seta cursor-pointer" onclick="
		$('#menu-superior, #sobe-menu, #sobe-menu2').css('display','none');
		$('#baixa-menu, #baixa-menu2').css('display','');"></span><!--seta-->
		<div class="header-wrapper">
		<div class="ml-2 mt-n4" style="width: 100%;">
		<span class="titulo-menu">
		<script>document.write(titulo1);</script>
		<script>document.write(titulo2);</script>
		</span>
		
<!--
		
		<a href="#xxxxxxxxxx" target="_self" class=""><span class="lista-menu">Iniciar solicitação</span></a>
		
		<a href="#xxxxxxxxxx" target="_self" class=""><span class="lista-menu">Continuar de onde parei</span></a>
		
		<a href="#xxxxxxxxxx" target="_self" class=""><span class="lista-menu">Dúvidas Frequentes</span></a>
		
		<a href="#xxxxxxxxxx" target="_self" class=""><span class="lista-menu">Avaliar atendimento</span></a>
		
-->		
		
		<a href="https://www.gov.br/pt-br/servicos/cadastrar-entidades-de-adocao-internacional#anchor1" target="_self" class=""><span class="lista-menu">Voltar para &nbsp;<img alt="Gov.Br" class="image-inline" src="https://www.gov.br/++theme++padrao_govbr/img/govbr-colorido-b.png" title="Gov.Br" width="73px;"></span></a>		
		
		</div>
	</div>
 
</div>	
</header><!-- Fim do header -->


<!-- Columns -->

<div id="main">
<div id="wrapper">
<main id="main-content" role="main">
<!-- Conteúdo pesquisado e externo -->
<div class="mt-n2" id="realTimeContents" style="margin-bottom: 100px;">

<h4>Atenção</h4>


<h5 class="toggle closed" onclick="$(this).toggleClass('closed');">Entidades nacionais</h5>
<p class="conteudo">Conteudo do toggle</p>



<h5 class="toggle closed" onclick="$(this).toggleClass('closed');">Teste</h5>

<p><a href="http://www.pf.gov.br/servicos-pf/passaporte/modelos/teste.html">Teste</a> Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker. Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker. Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>

</div><!-- Fim do conteúdo pesquisado -->

</div><!-- Fim da caixa de 500px -->


<!--- Caixa - Pesquisar na página -->
<div class="caixa-rodape" >
<div class="searchContend_h container">
<div class="d-flex text-left">
	<div>
	&nbsp;
	</div>
	<div class="barrapesquisa" id="resultado">
	<!-- Resultado -->
	</div>
	<!--<div>&nbsp;
	</div>-->
</div>
<div class="d-flex justify-content-right">
	<div>
	<!-- Anterior -->
	<button id="anterior" name="anterior" tabindex="3"
	 class="previous_h botao" disabled
	 onfocus="$('#iconanterior').addClass('color-primary-default');"
	 onblur="$('#iconanterior').removeClass('color-primary-default');" >		 
	<i class="fa fa-chevron-up fa-2x"
	 id="iconanterior" name="iconanterior"></i></button>
	</div>
	<div class="barrapesquisa">
	<!-- Termo -->
	<form onsubmit="event.preventDefault();">	
	<input name="text-12" id="text-12" value=""
	type="text" placeholder="O que você procura?"
	class="textSearchvalue_h campo-texto" autocomplete="off"
	tabindex="1"
	onfocus="
			$('#iconprocurar').addClass('color-primary-default');			
			this.style.background = 'transparent';
			this.style.border = '2px solid #155bcb';
			$ (this).css('box-shadow', '0px 0px 0px #fff');"
	onblur="
			$('#iconprocurar').removeClass('color-primary-default');
			this.style.background = 'transparent';
			this.style.border = '1px solid #ccc';
			$ (this).css('box-shadow', '0px 0px 6px #9e9d9d');"		
	onchange="
			if (this.value == '') {
			document.getElementById('resultado').innerHTML = '';
			$('#proximo, #anterior').prop('disabled',true);}"
			/>
	</form></div>
	<div>
	<!-- Procurar -->
	<button id="procurar" name="procurar" tabindex="-1"
	  class="searchButtonClickText_h botao" style="margin-left: -61px;">
	<i class="fa fa-search fa-2x" id="iconprocurar" name="iconprocurar"></i></button>	
	<!-- Próximo -->
	<button id="proximo" name="proximo" tabindex="2"
	 class="next_h botao" disabled
	 onfocus="$('#iconproximo').addClass('color-primary-default');"
	 onblur="$('#iconproximo').removeClass('color-primary-default');" >		 
	<i class="fa fa-chevron-down fa-2x"
	id="iconproximo" name="iconproximo"></i>
	</button>
	</div>	
		
</div><!-- Fim do flex -->
</div><!-- Fim da caixa searchContend_h -->
</div><!-- Fim da caixa-rodape -->


<!-- Acionando outro botão com enter --> 	
<script>
	var input = document.getElementById("text-12");
	input.addEventListener("keyup", function(event) {
		if (event.keyCode === 13) {
			event.preventDefault();
			document.getElementById("procurar").click();
		}
	});
</script>


<!-- Fim da ferramenta de pesquisa -->
 
</main>
</div><!-- main -->
</div><!-- wrapper -->










<!-- Layout Moderno DPAS 

<div>
	<div id="barra-brasil">
		<div style="float: left; ">
			<span class="optionsToggle" id="wrapper">
			<span style="padding-left: 12px; "></span>☰
			<span style="padding-left: 10px; "></span>Passaporte</span>
			</div>
		<div class="discreet" style="float:left; ">
			<span class="spacer ui-state-disabled">|</span>
			</div>
		<div style="float: left; padding-left: 0px; text-align: right; ">
			<span class="noInheritedRoles">Polícia Federal</span>
			</div>
	</div>
</div>

			<table>
			<tbody>
			<tr class="cycle-player">
				<td>❯</td>
				<td style="padding-left: 5px; "></td>
				<td id="wrapper"><a href="#topico-001" data-toggle="collapse">Título do tópico ou pergunta</a>
				<div class="IN collapse" id="topico-001">
					<div id="contextHeader">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

<table>
<tbody>
<tr class="cycle-player">
<td><span class="commentTime">◢</span></td>
<td style="padding-left: 5px; "></td>
<td id="wrapper"><a href="#subtopico-001-1" data-toggle="collapse">Opção primeira</a>
<div class="IN collapse" id="subtopico-001-1">
<div id="contextHeader">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
					
				</td>
			</tr>
			

</div>
<br><br></div>
</td>
</tr>
</tbody>
</table>


<form>
	<input type="text"></input><br />
	<input type="submit"></input>
	</form>
</div>

<div class="visualClear" style="float:right; "><span id="wrapper"><a  href="#top" style="text-align: right; "><span class="noInheritedRoles">Fim da página | Voltar ao topo ▴</span></a></span>
<div class="visualClear"><span class="invisible">.</span></div>
</div>
</div>

<div class="---">
<div class="btn btn-link" style="float: left; "><a href="#menu" data-toggle="collapse"><span class="invisible" id="wrapper">☰<span style="padding-left: 10px; "></span>Passaporte</span></a></div>
<div class="IN collapse visualClear" id="menu">
<table class="thumbnail pb-ajax vertical" id="portal-sitemap">
<tbody>
<tr class="historyComment">
<td style="text-align: left; "><a href="#xxxxxxxxxx" target="_self"><span class="a"><span class="optionsToggle">Iniciar solicitação</span></span></a></td>
</tr>
<tr class="historyComment">
<td style="text-align: left; "><a href="#xxxxxxxxxx" target="_self"><span class="a"><span class="optionsToggle">Continuar de onde parei</span></span></a></td>
</tr>
<tr class="historyComment">
<td style="text-align: left; "><a href="#xxxxxxxxxx" target="_self"><span class="a"><span class="optionsToggle">Dúvidas Frequentes</span></span></a></td>
</tr>
<tr class="historyComment">
<td style="text-align: left; "><a href="#xxxxxxxxxx" target="_self"><span class="a"><span class="optionsToggle">Avaliar atendimento</span></span></a></td>
</tr>
<tr class="portletCollection">
<td style="text-align: left; padding-left: 20px; "><img alt="Gov.Br" class="image-inline" src="https://www.gov.br/++theme++padrao_govbr/img/govbr-colorido-b.png" title="Gov.Br" width="50px;"></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="visualClear"></div>

<div class="modal-footer" style="position: absolute; bottom:0;">
<p class="visualNoPrint" style="text-align: left; "><a href="http://www.pf.gov.br/servicos-pf/passaporte/modelos/modelo-layout-moderno/edit?_authenticator=7b9aa4dbe86b1d6432e41b6221ce037837342fb0#formfield-form-widgets-text"><img src="http://www.pf.gov.br/servicos-pf/passaporte/imagens/dimensoes/bloco_20.png/@@images/5d637bbc-7dfd-4fac-8d95-f9d2217a5f5e.png" alt="" class="image-inline" title=""></a><br><br><br><span class="hide visualNoPrint">polícia federal passaportes passaporte laissez-passer passaporte para estrangeiro eletrônico informações agendamento solicitar emitir tirar</span></p>
</div>


</div>
  
<div id="portal-personaltools"><img class="image-inline " src="++resource++pf.internet.tema/logo-pf.png" width="70"></div>



 Fim do layout personalizado
 -->



 



<script type="text/javascript">
	var _paq = _paq || [];
	/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
	_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
	_paq.push(["setCookieDomain", "*.www.pf.gov.br"]);
	_paq.push(["setDomains", ["*.www.pf.gov.br"]]);
	_paq.push(['trackPageView']);
	_paq.push(['enableLinkTracking']);
	(function() {
	var u="//matomo.pf.gov.br/";
	_paq.push(['setTrackerUrl', u+'piwik.php']);
	_paq.push(['setSiteId', '7']);
	var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
	g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js';
	s.parentNode.insertBefore(g,s);
	})();
</script>

<noscript>
<p><img src="//matomo.pf.gov.br/piwik.php?idsite=7&amp;rec=1" style="border:0;" alt=""></p>
</noscript>
<!-- End Matomo Code -->

<script src="http://www.pf.gov.br/++resource++protect.js" type="application/javascript" id="protect-script" data-token="f28415f3687a299ba9d8342c0a23df55e4c4a1d8" data-site-url="http://www.pf.gov.br"></script>


</body>
</html>