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

body, html{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#fff; line-height:15px;} 

div{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

#tooltip{
	position:absolute;
	padding:10px;
	background-color:#333;
	color:#fff;
	border-radius:3px;
	z-index:3;
	width:180px;
	display:none;
}

/* FICHAS */

#fichas{
	height:0;
	width:960px;
	position:relative;
	overflow:hidden;
	}
	
#top{height:30px}

.ficha{
	height:345px;
	width:960px;
	position:absolute;
	top:50px;
	left:0; 
	overflow:auto;
}

.ficha_rosto{
	float:left;	
	width:170px;
	height:100%;
}

.download{
	width:170px;
	padding:10px 0;
	background-color:#333;
	border-radius:3px;
	text-align:center;
	color:#fff;
	position:relative;
	cursor:pointer;
	margin-top:10px;
}.download img{position:absolute; top:5px; left:5px;}
 
.link_lb{
	color:#999;
	margin-top:10px;
	font-size:10px;
}
 
.link{
	margin-top:3px;
	width:150px;
	border:#ccc 1px solid;
	border-radius:3px;
	padding:10px;
	color:#999;
	outline: none;
	resize:none;
	overflow:hidden;
	height:75px;
}
 
.ficha_dados{
	float:left;	
	width:720px;
	margin-left:30px;
}

.ficha_img{
	width:170px;
	height:170px;	 
}

.ficha_sigla{
	font-size:16px;
	font-weight:normal
}

.ficha_nome{
	float:left;
	width:720px;
	border-bottom:#666 1px solid;
	padding-bottom:5px;
	position:relative;
	height:40px;
} 

.ficha_nome_lb{
	font-size:24px;
	font-weight:bold;
	position:absolute;
	top:5px;
	left:0;
}

.ficha_nome_tb{
	width:40px;
	height:40px;
	position:absolute;
	right:0;
	top:0;
}

.ficha_nome_sub{  	
	font-size:11px;
	color:#999;
	position:absolute;
	left:0;
	top:26px;
}.ficha_nome_sub img{position:relative; top:3px; left:2px} 

.ficha_col{
	width:350px;
	float:left;
} 

.ficha_linha{
	width:720px;
	padding:10px 0 10px 0;
	border-bottom:#CCC 1px solid;
	float:left;
}

#comite_nao{
	font-weight:bold;
	color:#e86c2e;
	font-size:15px;
}
	
.ficha_texto{
	float:left;
	width:720px;
	margin-top:14px;
	font-size:13px;
}
	  
.titulo{
	height:25px;	
}

.titulo span{
	position:relative;
	bottom:6px;
	left:7px;
	font-size:15px;
	font-weight:bold
}  

.legenda_topo{
	width:100%;
	height:20px;
	font-size:10px;
	color:#ccc;
}.legenda_topo span{float:right}

.legenda_graf{
	height:20px;
	font-size:10px;
	color:#ccc;
	float:right;
}

.legenda{
	width:100%;
	height:24px;
	padding-top:1px;
	position:relative;
	border-bottom:#efefef 1px solid;
	overflow:hidden;
}

.sub_legenda{
	width:350px;
	margin-bottom:1px;
	position:relative;	
	cursor:pointer;
}.sub_legenda img{
	position:absolute;
	right:5px;
}

.sub_legenda span{
	float:right;
	margin-right:25px;
}

.legenda_lb{
	height:12px;
	padding:4px 0;
	display:inline-block;
	font-size:10px;
}

.sub_legendas{
	padding:10px 0;
}

.help{
	position:relative;
	top:3px;
	opacity:.5;
}

.grafico{
	margin-bottom:27px;
	padding-top:5px;
}.grafico img{
	margin-top:1px;
	margin-right:1px;
	float:left;
} 

#fechar{
	cursor:pointer;
	position:absolute;
	left:90px;
	top:13px;
}

#voltar{
	cursor:pointer;
	position:absolute;
	left:0;
	top:13px;
}

.mr5{margin-right:5px;} 

.legenda_val{
	padding:4px 0;
	position:absolute;
	right:25px;
} 

.legenda_mais{ 
	float:right;
	margin:5px;
} 

/* MAPA */

#topo{}

#mapa{
	margin-top:20px;
	position:relative;
	width:957px;
	}

.cel{
	width:168px;
	padding:1px;
	border:#ddd 1px solid;
	position:absolute;
	display:table;  /* <<<<  vertical align em divs*/
	cursor:pointer;
	background:#fff;
	z-index:2;
}

.cel_hit{
	position:absolute;
	width:170px;
	height:50px;
	z-index:2;
	top:0;
	left:0;
}

.cel_fechar{
	position:absolute;
	right:0;
	top:-18px;
}

.cel_lb{
	display:table-cell; /* <<<<  vertical align em divs*/
	vertical-align: middle;
	width:120px;
	padding-left:5px; 
}

.cel_tb{
	float:left;
	width:40px;
	height:40px;
}

.cel_img{
	width:30px;
	height:30px;
	float:right;
	margin:5px;
}

.col1{left:0;}
.col2{left:264px;}
.col3{left:527px;}
.col4{left:788px;}

#ordenadores{
	position:relative;
	width:960px;
	height:30px;
	font-size:10px;
	margin-top:5px;
	color:#999;
}

.drop_ordem{
	width:170px;
	height:15px;
	font-size:10px;
	position:absolute;
	top:15px;
}
	
/* CORES */

.azul{ color:#61bde6}
.cinza{ color:#999}
.cinza2{ color:#666}
.amarelo{ color:#eea638}
.vermelho{ color:#e86c2e} 
.roxo{ color:#ab69de }
.verde{ color:#7bac42 }

.bg_azul{ background-color:#61bde6}
.bg_cinza{ background-color:#999}
.bg_cinza3{ background-color:#ccc}
.bg_amarelo{ background-color:#eea638}
.bg_vermelho{ background-color:#e86c2e}	 
.bg_roxo{ background-color:#ab69de}
.bg_verde{ background-color:#7bac42 }

.bl_azul{ border-left-color:#61bde6}
.bl_laranja{ border-left-color:#e86c2e}
.bl_amarelo{ border-left-color:#eea638}
.bl_vermelho{ border-left-color:#e84243}	

/* AJUSTES */

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt38{margin-top:38px;}
.mt60{margin-top:60px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}

.ml25{ margin-left:25px}
.ml40{ margin-left:40px}
.ml10{ margin-left:10px}
.ml20{ margin-left:20px}

.bn{border:none}
.pointer{cursor:pointer}
.transp{opacity:.1} 
.fl{float:left}
.fr{float:right}