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

index

por Polícia Federal publicado 11/07/2020 04h43, última modificação 14/07/2020 14h28

text/html index.html — 12 KB

Conteúdo do arquivo

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


<script>
var url_atual = window.location.href;
document.write('<base href="' + url_atual + 'index.html"><!--[if lt IE 7]></base><![endif]-->');

document.write('<meta name="msapplication-TileImage" content="' + url_atual + '/img/icons/icon_og.png'>

document.write('<meta property="og:image" itemprop="image" content="' + url_atual + '/img/icons/icon_og.png'>
</script>


<title>Obter Passaporte</title>


<link rel="author" href="http://www.pf.gov.br/author/nubia.nsls" title="Informações do Autor">
<!-- Ranking Google --> 
<link rel="canonical" href="http://www.pf.gov.br/servicos-pf/passaporte">
<link rel="search" href="http://www.pf.gov.br/@@search" title="Buscar neste site">



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



<!-- MS, fb & Whatsapp -->
<!-- MS Tile - for Microsoft apps
<meta name="msapplication-TileImage" content="https://www.gov.br/pt-br/passaporte/img/icons/icon_og.png">-->    
<!-- fb & Whatsapp -->
<!-- Site Name, Title, and Description -->
<meta property="og:site_name" content="Passaporte - Polícia Federal">
<meta property="og:title" content="Obter Passaporte">
<meta property="og:description" content="Serviço de emissão de documentos de viagem pela Polícia Federal.">
<!-- Image to display
<meta property="og:image" itemprop="image" content="https://www.gov.br/pt-br/passaporte/img/icons/icon_og.png"> -->
<!-- No need to change anything here -->
<meta property="og:type" content="website" />
<meta property="og:image:type" content="image/jpeg">
<!-- Size of image. Any size up to 300. Anything above 300px will not work in WhatsApp -->
<meta property="og:image:width" content="256">
<meta property="og:image:height" content="256">
<!-- When clicked in fb or WhatsApp-->
<meta property="og:url" content="https://www.gov.br/pt-br/passaporte/">
<!-- Localidade -->
<meta property="og:locale" content="pt_BR">






<!-- Favicon|Atalho -->
<link rel="apple-touch-icon" href="/img/icons/favicon.png"/>
<link rel="apple-touch-icon-precomposed" href="/img/icons/favicon.png"/>
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/icons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/icons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/icons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/icons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/img/icons/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/img/icons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/img/icons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/icons/apple-touch-icon-152x152.png" />
<!-- Edge|IExplorer|Opera -->
<link rel="icon" type="image/x-icon" href="/img/icons/passaporte.ico"/>
<link rel="icon" type="image/png" href="/img/icons/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="/img/icons/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/img/icons/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/img/icons/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/img/icons/favicon-128.png" sizes="128x128" />
<meta name="application-name" content="Obter Passaporte"/>
<meta name="msapplication-TileColor" content="#374464" />
<meta name="msapplication-TileImage" content="/img/icons/mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="/img/icons/mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="/img/icons/mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="/img/icons/mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="/img/icons/mstile-310x310.png" />
<!-- Safari|Chrome|cCleaner|Firefox|Maxthon -->
<link rel="shortcut icon" type="image/x-icon" href="/img/icons/favicon.png"/>

  

<!-- Estilos Passaporte tipo Gov.br -->
<link rel="stylesheet" type="text/css" href="css/passaporte.css" media="screen" />
<!-- IF pf.gov.br
<link rel="stylesheet" type="text/css" href="http://www.pf.gov.br/servicos-pf/passaporte/css/passaporte.css" media="screen" /> -->



<!-- Font Rawline -->
<link href="https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css" rel="stylesheet"> 
<!-- Font Awesome [compatível com Safari] -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">



<!--- Scripts -->
<!-- IF PF.gov.br 1.7.2
<script type="text/javascript" src="http://www.pf.gov.br/portal_javascripts/Sunburst%20Theme/resourceplone.app.jquery-cachekey-05b66567fb9540078c4ecfd39f9863e5.js"></script> -->
<!-- IF Gov.br 1.8.3 -->
<script type="text/javascript" src="https://gestaogovbr.serpro.gov.br/portal_javascripts/Sunburst%20Theme/resourceplone.app.jquery-cachekey-667c722cf33c901f678335cfac00f75e.js"></script> 
	
	
	
</head>




<body dir="ltr" class="inicial" >
<!-- Imagem no whatsapp -->
<span itemprop="image" itemscope itemtype="http://schema.org/ImageObject"> 
 <link itemprop="url" href="https://www.gov.br/pt-br/passaporte/img/icons/icon_og.png">
 <meta itemprop="width" content="256">
 <meta itemprop="height" content="256">
</span>



<!--- Cabeçalho superior fixo -->
<header class="inicial">
<div id="caixa-superior"><!-- Para contraste -->


<!-- Cabeçalho fixo preto -->
<div class="barra-gov" >
<div class="superior">
<!-- Gov.br -->
<a href="https://gov.br/" target="_blank">
<span class="gov">GOV</span>
<img class="gov-icon" src="img/gov_favicon.png" />
<span class="br">BR</span>
</a>
<!-- Menu direito Gov.br -->
<div class="float-right">
<span class="gov-menu pr-1 pr-sm-2">
<!-- Trecho ocultível -->
<span class="divisor-ocultar" >
<a href="https://www.gov.br/pt-br/participacao-social/" target="_blank">
<span class="participe" id="participe" >PARTICIPE
</span></a>
<span class="divisor-vertical" ></span><!-- Divisor -->
<a href="https://www.gov.br/pt-br/servicos" target="_blank">
<span class="servicos" id="servicos" >SERVIÇOS
</span></a>
<span class="divisor-vertical" ></span><!-- Divisor -->
</span><!-- Fim da parte ocultável -->
<a href="https://www.gov.br/pt-br/orgaos-do-governo" target="_blank">
<span class="orgaos" id="orgaos" >ÓRGÃOS DO GOVERNO&nbsp;
<i class="fa fa-angle-down" style="font-weight: 900"></i>
</span></a>
</div><!-- Fim do Menu direito gov.br -->
</div>
</div>



<!-- Linha superior -->
<div class="superior" style="padding-top: 5px;">
<!-- Esquerda -  Brasão e órgão -->
<div class="brasao">
	<a href="http://www.pf.gov.br/" title="Polícia Federal">
	<img alt="Polícia Federal" title="Polícia Federal"
	 src="img/logo-pf.png">
	</a>
	</div>
<div class="orgao">
	<span class="policia">POLÍCIA FEDERAL</span>
	<div class="servico">Passaportes</div>
</div>
<!-- Direita - Acessibilidade -->
<span class="caixa-acessibilidade">
<div class="icone-libras ml-5" accesskey="l" id="icone-libras">
<i class="fa fa-sign-language pr-h"></i>
<span style="font-weight: 600;" class="icone-libras-texto" id="span-vlibras">VLIBRAS</span>
</div>
<div class="icone-contraste" accesskey="5" id="icone-contraste">
<i class="fa fa-adjust pr-h"></i>
<span style="font-weight: 600;" class="icone-contraste-texto">ALTO CONTRASTE</span>
</div>
</span>
</div><!-- Fim caixa-superior -->



<!-- Linha divisória -->
<div class="superior divisoria"></div>



<!-- Linha inferior -->
<div class="superior color-secondary-01 mr-1" style="padding-bottom: 10px; clear: both;">

<!-- Esquerda - Acesso rápido -->
<table class="pt-1" id="baixa-menu"><tbody><tr><td width="25px">
<span tabindex="4">
<i class="fa fa-bars fa-2x" id="baixa-1"></i>
</span>
</td><td><span class="ml-1">Acesso rápido</span></td></tr></tbody></table>


	
<!-- Direita inferior - Pesquisa -->
<div class="float-right mr-sm-3 mt-1 d-none">
	<form onsubmit="event.preventDefault();">	
	<input name="text-12" id="text-12" value="" size="30"
	type="text" placeholder="O que você procura?"
	class="textSearchvalue_h campo-texto" autocomplete="off"
	tabindex="1" />
	<i class="fa fa-search" 
	style="position: absolute; margin-left: -15px; margin-top: 7px;"></i>
	</form>
	</div>
</div>



<!-- Linha divisória -->
<div class="superior divisoria"></div>



<!---  Menu -->
<div id="menu-superior" class="menu-superior" style="display:none;">
	
	<!-- Seta -->
	<span class="seta superior" id="seta-menu"></span>
	
	<!-- Opções -->	
	<div class="header-wrapper">		
		<div class="ml-2 mr-n2">
		<div class="titulo-menu">Passaportes</div>		
		<div id="menu">
		<script>
		$(function() {
        	$("#menu").load("menu");
		});
		</script>
		</div><!-- Menu -->
		</div>
	</div><!-- Header-wrapper do menu -->
</div><!-- Menu superior -->

 
</div><!-- Fim da caixa superior -->	
</header><!-- Fim do header -->



<!-- Columns -->
<div id="main">
<div id="wrapper">
<main id="main-content" role="main">
<!-- Espaçador -->



<div class="superior">
<div class="espacador-superior">
<img src="img/logo-pf.png"></div>

<!-- Conteúdo pesquisado realTimeContents e externo -->
<div id="realTimeContents">

<script>
var url_string = window.location.href;
var url = new URL(url_string);
var pagina = url.hash.replace('#','');
//alert(pagina);
//$('#realTimeContents').load(pagina);
</script>

<div class="aviso-inicial">
<div class="aviso-inicial-fundo">
<h4 class="color-secondary-03 mt-n1">
Não compre passagem</h4>
<h5 class="color-secondary-03 mt-n3 mb-5">
antes de receber seu passaporte</h5>
<button class="botao-inicial" onclick="$('#realTimeContents').load('iniciar');
$('body, header, #realTimeContents').removeClass('inicial');">Ciente, continuar</button>
</div>
</div>



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


 
</main>
</div><!-- wrapper -->
</div><!-- main -->



<!-- VLibras Widget -->
<div vw class="enabled" id="libras-box">
    <div vw-access-button class="active" id="libras" style="display:none;"></div>
    <div vw-plugin-wrapper>
      <div class="vw-plugin-top-wrapper"></div>
    </div>
  </div>
  <script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
  <script>
  		var funciona = "";
		new window.VLibras.Widget('https://vlibras.gov.br/app');
		var funciona = "sim";
  </script>

<!-- <script type="text/javascript" src="js/passaporte.js"></script> -->

<script>
$(document).ready(function(){

	
// Contraste	

var fundo = 1;
var cor = 1;	
$("#icone-contraste").click(function() {

		if (fundo == 1){
		 	$("body.inicial").addClass("semfundo");
			$("body").toggleClass("contraste");
			fundo--;
		}
		else {
			$("body.inicial").removeClass("semfundo");
			$("body").toggleClass("contraste");
			fundo++;	
		}


		if (cor == 1) {
			$("header, #menu-superior, div, h1, h2, h3, h4, h5, h6, p, a, i, span").not("#seta-menu").addClass("contraste");
			cor--;	
		}
		else {
			$("header, #menu-superior, div, h1, h2, h3, h4, h5, h6, p, a, i, span").not("#seta-menu").removeClass("contraste");
			cor++;	
		}		
});
		

	
//Menu
	
$("#baixa-menu, #seta-menu").click(function(){
		$("#menu-superior").toggle();
		$("#baixa-1").toggleClass("fa-bars fa-times");
		$("body").toggleClass("menu-superior");
		});	
	

	
// Avisos | Toggle
	
$(document).on('click', '.toggle', function () {	
	$(".visualizado").css('opacity','0.4');
	$(this).parent().css('opacity','1');
	/*$(this).parent().css('border-top','1px solid #ccc');*/
	/*$(".toggle").not(this).parent().css('','');*/
	$(".toggle").not(this).next().css('display','none');
	$(this).parent().addClass('menu-superior visualizado').css('','');
	$(this).next().toggle();
});
	
	

// Libras
	
if (funciona == "sim") {
	$("#icone-libras").click(function(){		
		if ($("#libras").hasClass("active"))
			document.getElementById("libras").click();		
	});	
}

else {
	$("#icone-libras").hide();
	alert('\nSeu navegador n\u00e3o \u00e9 compat\u00edvel com a ferramenta de acessibilidade VLIBRAS. Demais ferramentas funcionar\u00e3o normalmente.\n\nBem vindo!');
}	


//var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
//if (is_safari) {
 //alert('Safari');
// }


});
</script>

</body>
</html>