.mapa_indicadores{
	background: #000000;
	table-layout: auto;
	width: 100%;
}

.mapa_indicadores li{
	border-collapse: separate;
	margin-bottom: 7px;
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	align-content: left;
	list-style-type:none;
}

.mapa_indicadores table{
	width: 100%; 
	border-collapse: separate;
}

.mapa_indicadores thead{
	text-align: center;
	color: white;
	background: rgba(255, 255, 255, 0.2);
	font-size: large;
	border:none;
}

.mapa_indicadores th{
	text-align: center;
	color: white;
	background: rgba(255, 255, 255, 0.4);
	font-size: medium;
	border:2px solid #000000;
}

.mapa_indicadores td{
	background-color: black;
	text-align: center;
	border:2px solid #000000;
}

.mapa_indicadores ul{
	vertical-align: middle;
	list-style-type:none;
	color: white;
	align-content: center;
	padding-left: 0px;
}

.mapa_indicadores img{
	vertical-align: middle;
}

.mapa_indicadores a{
	color: white;
}


.financiero li{
	border: 1px solid #81DAF5;
}

.cliente li{
	border: 1px solid #F3E2A9;
}

.procesos li{
	border: 1px solid #2E9AFE;
}

.aprendizaje li{
	border: 1px solid #BCF5A9;
}

div.mapa{
	background-color: black;
	width: 100%;
	float: right;
	border-radius: 10px;
}

#progressbar div{
	height: 10px;
	border-radius: 10px;
}

/**
*	Div colores semaforo.
*/
#luzroja{
	float: left; 
	height: 12px; 
	background: #d50001; 
	border-radius: 15px;
	border-top: 1px solid #bab6b2;
	border-right: 1px solid #bab6b2;
/* 	margin-top: auto; */
/* 	margin-bottom: auto; */
	margin: auto;
}
#luzamarilla{
	float: left; 
	height: 12px; 
	background: #d5b000; 
	border-radius: 15px;
	border-top: 1px solid #bab6b2;
	border-right: 1px solid #bab6b2;
/* 	margin-top: auto; */ 
/* 	margin-bottom: auto; */
	margin: auto;
}
#luzverde{
	float: left; 
	height: 12px; 
	background: #00af23; 
	border-radius: 15px;
	border-top: 1px solid #bab6b2;
	border-right: 1px solid #bab6b2;
/* 	margin-top: auto; */
/* 	margin-bottom: auto; */
	margin: auto;
}