/*inicio do layout para mobile: 725px largura*/

body{
	margin:0px;
	padding:0px;
	font-family:oxygen;
	background-color:white;
}

a{
	text-decoration:none;
	color:inherit;
}

.clicavel{
	cursor:pointer;
}

.cabecalho{
	height:10%;
	width:1%;
	width:98%;
	background-color:white;
	text-align:center;
	overflow:hidden;
	padding:1%;
	position:fixed;
	top:0px;
	border-bottom:1px solid #E9EAF0;
	min-height:50px;
}

.cabecalhoToken{
	width:98%;
	height:10%;
	padding:1%;
	min-height:50px;
}

.pedacoCabecalho1{
	display:inline-block;
	width:25%;
	text-align:left;
	margin-left:1%;
}

.auxiliar {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width:1%;
}

.logoCabecalho{
	vertical-align: middle;
	max-width:100%;
	height:80%;
}

.pedacoCabecalho2{
	display:inline-block;
	width:35%;
	text-align:center;
}


.usuarioLogin{
	display:inline-block;
}

.pedacoCabecalho3{
	display:inline-block;
	width:36%;
	overflow:hidden;
	text-align:left;
	margin-left:1%;
	float:right !important;
}

.labelLogin{
	background-color:#0E6A9D;
	color:white;
	width:50px;
	font-size:15px;
	border-radius:5px;
	padding-bottom:7px;
}

.linkCadastroLogin{
	color:#72A8C2;
	font-weight:900;
	text-decoration:none;
	font-size:16px;
}

.linkCadastroLogin:hover{
	color:#B6D458;
}



.inputLogin{
	border:none;
	border:1px solid #ADD8E6;
	border-radius:5px;
	width:100px;
}

.pedacoCabecalho{
	float:left;
}

.btnLogin{
	background-color:#0E6A9D;
	color:white;
	font-size:15px;
	border-radius:5px;
	padding:3px;
	cursor:pointer;
}

.breadcrumb{
	background-color:#E5E5E5;
	border-top:1px solid black;
	border-bottom:1px solid black;	
	display:none;
}

.conteudo{
	width:99%;
	margin-top:1%;
}

.conteudoDados{
	width:100%;
	float:left;
	border:none;	
	text-align:center;
}


.detalhesPessoa{
	/*width:96%;*/
	/*height:25%;*/
	border:1px solid lightgray;
	margin:2%;
	background-color:#EEE;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	min-width:460px;
}

.cabecalhoDetalhesPessoa{
	background-color:#2F527A;
	color:white;
	font-weight:900;
	padding-left:1%;
}

.textoTituloDetalhesPessoa{
	vertical-align:middle;
	font-size:1.5em;
}

.iconeTituloDetalhe{
	height:25px;
	vertical-align:middle;
	margin:1%;
	float:right;
}

.innerDetalheEsq{
	width:50%;
	float:left;
	font-weight:900;
	text-align:right;
	line-height:25px;
}

.innerDetalheDir{
	line-height:25px;
	font-weight:900;
	text-align:left;
	margin-left:55%;
}

.divisorDetalhe{
	width:90%;
	height:1px;
	background-color:#B4D2F6;
	margin-left:5%;
	float:left;
}

.mapa{
	display:inline-block;
	background-color:white;
	vertical-align:middle;
}

.cabecalhoParentes{
	background-color:#0E6A9D;
}

.detalhePequeno{
	width:96%;
	margin:3%;	
}

.cabecalhoSocial{
	background-color:#F58634;
}

.detalheSocial{
	/*height:53%;*/
}

.cabecalhoEmpresa{
	background-color:#EC3237;
}

.detalhesEmpresa{
	float:left;
}

.conteudoDadosEsq{
	width:60%;
	float:left;
}

.conteudoDadosDir{
	float:left;
}

.rodape{
	background-color:#847771;
	width:98%;
	float:left;
	color:white;
	padding:1%;
	margin-top:1%;
}

.esqRodape a:hover{
	color: #B6D458;
}

.esqRodape{
	float:left;
	width:50%;
}

.dirRodape{
	float:left;
	text-align:right;
	width:45%;
	padding-right:5%;
}

/*icones sociais*/
.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 48px;
  height: 48px;
  font-size: 0;
  text-indent: -9999px;
}

.icon-mono {
  background: url("../../img/icons1.png");
  background-image: url("../../img/icons2.png"), none;
  background-color: #595959;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

/* facebook */
.icon-mono.facebook {
  background-position: 0 0;
}

.icon-mono.facebook:hover {
  background-color: #3b5998;
  background-position: 0 -48px;
}

/* twitter */
.icon-mono.twitter {
  background-position: -48px 0;
}

.icon-mono.twitter:hover {
  background-color: #4099ff;
  background-position: -48px -48px;
}

/* google plus */
.icon-mono.googleplus {
  background-position: -96px 0;
}

.icon-mono.googleplus:hover {
  background-color: #d34836;
  background-position: -96px -48px;
}

/* github */
.icon-mono.github {
  background-position: -288px 0;
}

.icon-mono.github:hover {
  background-color: #333333;
  background-position: -288px -96px;
}

/* rss */
.icon-mono.rss {
  background-position: -384px 0;
}

.icon-mono.rss:hover {
  background-color: #ee802f;
  background-position: -384px -96px;
}

.itemListaSocial{
	vertical-align:middle;
}

.containerItemSocial{
	width:100%;
	text-align:center;
	margin-top:1%;
	margin-bottom:1%;
}

.iconeFace{
	height:30px;
}

.mapaFrame{
	width:100%;
	height:40%;
	min-height:300px;
}

.itemFamiliares{
	width:100%;
}

.itemMoradores{
	width:100%;
	text-align:center;
	color:gray;
}

.thumbSocial{
	border:2px solid black;
}

.label-icon-state{
    fill:black;
    font-size:12px;
    background-color:gray;
    font-family:oxygen,arial;
}

.state{
    fill:lightblue;
    /*fill:#00A8C6;*/
    /*cursor:pointer;*/
}
/*
.state:hover .icon-state{
    fill:#B6D458;
}

.state:hover{
    fill:#B6D458;
}*/

.icon-state{
    stroke:white;
    stroke-width:2;
}

.escondido{
	display:none;
}

.linkPessoa{
	cursor:pointer;
	display:inline-block;
	width:100%;
}

.linkPessoa:hover{
	color:#B6D458;
}

.btnLogin:hover{
	background-color:#07527B;
}

.btnBuscaAvancada{
	width:50%;
	margin:auto;
	padding:0px !important;
}

.caixaParentes{
	font-size:1em;
}

.listaEstados{
	width:95%;
	margin:1%;
}



/*Telas pequenas*/
@media only screen and (max-width: 615px) {
	
	.mapa{
		display:none;
	}
	
	.detalhesPessoa{
		width:90%;
		min-width:90%;
	}
	
	.cabecalhoInnerDetalheEsq{
		display:none;
	}
	
	.cabecalhoInnerDetalheDir{
		display:none;
	}
	
	.innerDetalheEsq{
		width:100%;
		text-align:center;
	}
	
	.innerDetalheDir{
		width:100%;
		text-align:right;
	}
	
	.innerDetalheDir{
		width:100%;
		text-align:center;
		margin:0px;
	}
	
	.nascimentoMobile{
		color:#0E6A9D;
	}
	
	.nascimentoMobile:before{
		content:"Nascimento: ";
	}
	
	
	
	
}