* {
	margin:0;
	padding:0;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-weight:300;
	text-decoration:none;
	list-style:none;
}

body {
	margin:0 0 150px 0;
}

h1, h2, h3, h4 {
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
}

h2, h3 {
	text-align:center;
}

h2 {
	font-size:52px;
}

strong {
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

.centraliza {
	width:960px;
	display:table;
	margin:0 auto;
}

@keyframes animarFundo {
	from {
		background-position:0 -webkit-calc(100% + 155px);
		background-position:0 -moz-calc(100% + 155px);
		background-position:0 calc(100% + 155px);
	}
	to {
		background-position:0 100%;
	}
}

#navegacao-fixa {
	display:none;
	height:70px;
	padding:10px 0;
	background:rgba(0,0,0, 0.7);
	position:fixed;
	z-index:9999;
	width:100%;
}

	.logo {
		width:220px;
		height:70px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(img/logotipo-cfp.png) no-repeat;
	}
	
	#navegacao-fixa .logo {
		float:left;
	}
	
	#navegacao-fixa ul {
		float:right;
		height:70px;
	}
	
	#navegacao-fixa li {
		display:inline-block;
		font-size:32px;
		height:70px;
	}
	
	#navegacao-fixa li a {
		color:#fff;
		font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
		display:block;
		padding:24px 20px;
		line-height:22px;
		border-bottom:0 solid red;
	}
	
	#navegacao-fixa li.ativo a {
		color:#fff;
		border-bottom:10px solid #fff;
	}
	
	#navegacao-fixa li.ativo a[href$="regional"] {border-color:#37b6d3;}
	#navegacao-fixa li.ativo a[href$="estado"] {border-color:#9C0;}
	#navegacao-fixa li.ativo a[href$="sexo"] {border-color:#F63;}

#destaque {
	padding:40px 0 190px 0;
	animation:animarFundo 2s 1 ease-out;
	background:#99c url(img/fundo-grafico.png) repeat-x 0 100%;
}

	
	#destaque .logo {
		margin:0 auto 40px;
	}
	
	#destaque h2 {
		color:#fff;
	}
	
	#destaque small {
		color:#c5cae0;
		text-align:center;
		display:block;
		font-size:10px;
		margin:0 0 30px 0;
	}
	
	#destaque strong {
		color:#fc3;
	}
	
	#navegacao-principal {
		display:table;
		margin:0 auto;
	}
	
	#navegacao-principal li {
		display:inline-block;
		margin:0 30px;
		font-size:30px;
	}
	
	#navegacao-principal li a,
	#navegacao-fixa li a {
		color:rgba(255,255,255, 0.5);
		-webkit-transition: color 300ms ease-in;
		-moz-transition: color 300ms ease-in;
		-ms-transition: color 300ms ease-in;
		-o-transition: color 300ms ease-in;
		transition: color 300ms ease-in;
	}
	
	#navegacao-principal li a:hover,
	#navegacao-fixa li a:hover {
		color:rgba(255,255,255, 1);
	}
	
	#navegacao-principal .icone {
		width:64px;
		height:64px;
		display:block;
		background:#fff url(img/sprite-navegacao.png) no-repeat;
		margin:0 auto 15px;
		-webkit-border-radius:100px;
		border-radius:100px;
		-webkit-transition: all 300ms ease-in;
		-moz-transition: all 300ms ease-in;
		-ms-transition: all 300ms ease-in;
		-o-transition: all 300ms ease-in;
		transition: all 300ms ease-in;
	}
	
	#navegacao-principal a:hover .icone {
		background-color:#fff;
	}
	
	#navegacao-principal .psi {
		background-color:#37b6d3;
		background-position:0 0;
	}
	
	#navegacao-principal .localizacao {
		background-color:#9c0;
		background-position:0 -64px;
	}
	
	#navegacao-principal .genero {
		background-color:#f63;
		background-position:0 -128px;
	}
	
#regional {
	background-color:#37b6d3;
	padding:140px 0;
}

	h3 {
		color:#fff;
		font-size:62px;
	}
	
	#logotipos-regionais {
		display:table;
		width:100%;
		overflow:hidden;
	}
	
	#logotipos-regionais li {
		text-align:center;
		width:220px;
		height:149px;
		margin:10px;
		float:left;
		position:relative;
	}
	
	#logotipos-regionais a {
		display:block;
	}
	
	#logotipos-regionais li span {
		display:none;
		color:#fff;
		font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:170%;
		background:#000;
		background:rgba(0,0,0, 0.7);
		padding:30px 10px 0 10px;
		width:200px;
		height:119px;
		position:absolute;
		left:0;
		bottom:0;
		cursor:help;
	}
	
	/* Para funcionar em dispositivos móveis */
	#logotipos-regionais li:focus span {
		display:block;
	}
	
	#logotipos-regionais li span strong {
		display:block;
		font-size:46px;
	}

#estado {
	background-color:#9c0;
	padding:140px 0;
}

	table {
		color:#fff;
		border-collapse:collapse;
		width:100%;
		margin:0 0 20px 0;
	}
	
	table tr th {
		border-bottom:2px solid #fff;
		font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size:1.5em;
		text-transform:uppercase;
		text-align:left;
		padding:5px;
	}
	
	table tr td {
		border-bottom:1px solid #afe2ed;
		border-bottom:1px solid rgba(255,255,255, 0.6);
		padding:5px;
	}
	
	table tbody tr:hover {
		background:#87d3e5;
		background:rgba(255,255,255, 0.4);
	}
	
	table tbody tr:hover td {color:#666;}
	
	.zebraDois {
		background:#4bbdd7;
		background:rgba(255,255,255, 0.1);
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
	}
	
	#mapa-regional {
		padding:0 10px;
	}
	
		.mapa {
			width:540px;
			height:531px;
			background:url(img/mapa-do-brasil.png) no-repeat;
			position:relative;
			float:left;
		}
		
		.mapa span {
			position:absolute;
		}
		
		.mapa span.to {
			left:337px;
			top:196px;
		}
		
		.mapa span.se {
			left:488px;
			top:208px;
		}
		
		.mapa span.sp {
			left:329px;
			top:362px;
		}
		
		.mapa span.sc {
			left:311px;
			top:427px;
		}
		
		.mapa span.rr {
			left:160px;
			top:33px;
		}
		
		.mapa span.ro {
			left:138px;
			top:208px;
		}
		
		.mapa span.rs {
			left:270px;
			top:457px;
		}
		
		.mapa span.rn {
			left:497px;
			top:135px;
		}
		
		.mapa span.rj {
			left:410px;
			top:367px;
		}
		
		.mapa span.pi {
			left:422px;
			top:162px;
		}
		
		.mapa span.pe {
			left:513px;
			top:169px;
		}
		
		.mapa span.pr {
			left:291px;
			top:395px;
		}
		
		.mapa span.pb {
			left:515px;
			top:147px;
		}
		
		.mapa span.pa {
			left:270px;
			top:123px;
		}
		
		.mapa span.mg {
			left:387px;
			top:310px;
		}
		
		.mapa span.ms {
			left:252px;
			top:331px;
		}
		
		.mapa span.mt {
			left:232px;
			top:231px;
		}
		
		.mapa span.ma {
			left:377px;
			top:133px;
		}
		
		.mapa span.go {
			left:305px;
			top:282px;
		}
		
		.mapa span.es {
			left:440px;
			top:328px;
		}
		
		.mapa span.df {
			left:339px;
			top:274px;
		}
		
		.mapa span.ce {
			left:458px;
			top:127px;
		}
		
		.mapa span.ba {
			left:425px;
			top:224px;
		}
		
		.mapa span.am {
			left:119px;
			top:124px;
		}
		
		.mapa span.ap {
			left:283px;
			top:39px;
		}
		
		.mapa span.al {
			left:503px;
			top:189px;
		}
		
		.mapa span.ac {
			left:38px;
			top:189px;
		}
		
		.mapa span a {
			background:#000;
			font-size:12px;
			text-align:center;
			color:#fff;
			-webkit-border-radius:100px;
			border-radius:100px;
			padding:3px 0 0 0;
			display:inline-block;
			width:22px;
			height:19px;
		}
		
		.mapa span a:hover {
			background:#fff;
			color:#000;
			-webkit-transition: all 300ms ease-in;
			-moz-transition: all 300ms ease-in;
			-ms-transition: all 300ms ease-in;
			-o-transition: all 300ms ease-in;
			transition: all 300ms ease-in;
		}
		
		.qtd-psicologos {
			width:380px;
			float:right;
			margin:160px 0 0 0;
			color:#fff;
		}
		
		.qtd-psicologos h4 {
			font-size:48px;
		}
		
		.qtd-psicologos p {
			font-size:21px;
			margin:10px 0 0 0;
		}
		
			#num-psi-sexo span {
				display:block;
				padding:40px 0 0 80px;
				margin:0 0 10px 0;
				height:60px;
			}
			
			#num-psi-sexo .m {background:url(img/icone-masculino.png) no-repeat 10px center;}
			
			#num-psi-sexo .f {background:url(img/icone-feminino.png) no-repeat 5px center;}

#sexo {
	background-color:#f63;
	padding:140px 0;
}

#rodape {
	color:#fff;
	background:#000;
	font-size:14px;
	text-align:center;
	padding:40px 0;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:-1;
}

	#rodape p {
		margin:20px 0 0 0;
		font-weight:700;
	}
	
	#rodape address {
		font-style:normal;
	}

#voltar-ao-topo {
	display:none;
	width:50px; 
	height:50px;
	position:fixed;
	z-index:9999;
	bottom:20px;
	right:20px;
	overflow:hidden;
	text-indent:-999px;
	background:url(img/voltar-ao-topo.png) no-repeat;
}