@charset "utf-8";

#amount{
	border: 0; color: #a5bd07; font-weight: bold;
}
#slider-range{
	width: 50%;margin-left: 10px; margin-bottom: 50px;
}

.indicadores_apartado{
	margin-bottom: 100px;
}

.contenedor_estructura_indicadores{
	width: 32%; position:relative; display: inline-block; height: 370px; margin-bottom: 50px;
}
	.contenedor_indicador_datos_horizontal{
		width: 100%; position:relative; display: block; height: 125px;
	}
	.contenedor_indicador_grafica{
		width: 100%; position:relative; height: 250px;
	}

.contenedor_estructura_indicadoresx2{
	width: 64%; position:relative; display: inline-block; height: 370px; margin-bottom: 50px;
}
.contenedor_estructura_indicadoresx3{
	width: 92%; margin-left: 4%; position:relative; display: inline-block; height: 370px; margin-bottom: 50px;
}

	.contenedor_indicador_datos_texto{
		position: absolute;width: 45%; height: 100px; display: table; text-align: center;
	}




	
		.indicador_datos_texto_izquierda{
			display: table-cell; vertical-align: middle;
		}
			.indicador_datos_texto_izquierda h3{
				font-size: 2em; color: #312f2f;
			}
			.indicador_datos_texto_izquierda h4{
				font-size: 1em; color: #777777;
			}
		.indicador_datos_texto_derecha{
			position: absolute; left: 50%; width: 45%; height: 100px; border-left: solid 1px #777777; padding-left: 5px; font-size: 0.6em;
		}
			.datos_texto_derecha_dato{
				color: #312f2f;
			}
			.datos_texto_derecha_titulo{
				display: block; color: #777777; margin-bottom: -5px;
			}
	
		.chart_1_tercio{
			position: absolute; top:0px; bottom: 0px;
		}


.subtitulo_izquierdo{
	font-size: 0.7em;
	display: block;
	color: #312f2f;
}

#aforos_tabs p{
	margin-left: 4%; font-weight: bold;
}
#indicadores_aforos{
	    height: 2400px;
}
#aforos_tabs{
	height: auto;
}
	.titulos_tablas_datos{
		font-size: 0.8em; color: #FFFFFF; background-color: #c99383;
	}
.tabla_datos{
	margin: 0 auto; text-align: center; margin-bottom: 20px;
}
.contenido_tablas_datos{
	font-size: 0.7em;
}

ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		ul.tabs li.current{
			background: #c99383;
			color: #FFFFFF;
		}

		.tab-content{
			/*display: none;*/
			background: #FFFFFF;
			padding: 15px;
			height: 370px;
			width: 100%;
		}

		.tab-content.current{
			display: inherit;
		}

		


/* RESPONSIVE
   ========================================================================= */
/* smartphones SIEMPRE EN VERTICAL */
@media (min-width: 1px) and (max-width: 480px) {
	.contenedor_estructura_indicadores{
		width: 98%;
	}
	.contenedor_estructura_indicadoresx2{
		width: 98%;
	}
	#aforos{
		height: 100px;
	}
	
	.tab-content .contenedor_estructura_indicadores{
			height: 100px;
		}

		.tab-content.current .contenedor_estructura_indicadores{
			height: 100px;
		}
	#indicadores_aforos{
		height: 2700px;
	}
	
	#aforos_total_grafica{
		margin-bottom: 0px; height: 300px;
	}
	#incidencias_tipo_grafica{
		margin-bottom: 0px; height: 300px;
	}
	
	
	
	.indicador_datos_texto_izquierda h3{
		font-size: 1.5em;
	}
	.indicador_datos_texto_izquierda h4{
		font-size: 0.5em;
	}
	.indicador_datos_texto_derecha{
		padding-left: 5px; font-size: 0.5em;
	}
	ul.tabs li{
		font-size: 0.7em;
	}

	ul.tabs li.current{
		font-size: 0.7em;
	}
	
}
 
/* TABLET VERTICAL (MID)*/
@media (min-width: 481px) and (max-width: 760px) and (orientation:portrait)  {
	.indicador_datos_texto_izquierda h3{
				font-size: 1.5em;
			}
			.indicador_datos_texto_izquierda h4{
				font-size: 0.5em;
			}
	.indicador_datos_texto_derecha{
			padding-left: 5px; font-size: 0.5em;
		}
	
	ul.tabs li{
		font-size: 0.8em;
	}

	ul.tabs li.current{
		font-size: 0.8em;
	}
	#accidentes_accidentes{
		width: 98%;
	}
	#accidentes_evacuaciones{
		width: 98%;
	}
	#accidentes_dea{
		width: 98%;
	}
	#socorrismo_accidentes{
		width: 32%;
	}
	#socorrismo_evacuaciones{
		width: 32%;
	}
	#socorrismo_dea{
		width: 32%;
	}
	#incidencias{
		width: 98%;
	}
	#incidencias_tipo_grafica{
		width: 64%;
	}
	#incidencias_datos{
		width: 32%;
	}
}
/* TABLET HORIZONTAL (MID)*/
@media (min-width: 480px) and (max-width: 660px) and (orientation:landscape)  {
	.indicador_datos_texto_izquierda h3{
				font-size: 1.5em;
			}
			.indicador_datos_texto_izquierda h4{
				font-size: 0.5em;
			}
	.indicador_datos_texto_derecha{
			padding-left: 5px; font-size: 0.5em;
		}
	
	ul.tabs li{
		font-size: 0.8em;
	}

	ul.tabs li.current{
		font-size: 0.8em;
	}
	#incidencias{
		width: 98%;
	}
	#incidencias_tipo_grafica{
		width: 64%;
	}
	#incidencias_datos{
		width: 32%;
	}
	#accidentes_accidentes{
		width: 98%;
	}
	#accidentes_evacuaciones{
		width: 98%;
	}
	#accidentes_dea{
		width: 98%;
	}
	#socorrismo_accidentes{
		width: 32%;
	}
	#socorrismo_evacuaciones{
		width: 32%;
	}
	#socorrismo_dea{
		width: 32%;
	}
}

/* ESCRITORIOS VERTICAL (HI)*/
@media (min-width: 761px) and (max-width: 770px) and (orientation:portrait) {
	.indicador_datos_texto_izquierda h3{
				font-size: 1.5em;
			}
			.indicador_datos_texto_izquierda h4{
				font-size: 0.65em;
			}
}
/* ESCRITORIOS HORIZONTAL (HI)*/
@media (min-width: 661px) and (max-width: 813px) and (orientation:landscape) {
	.indicador_datos_texto_izquierda h3{
				font-size: 1.5em;
			}
			.indicador_datos_texto_izquierda h4{
				font-size: 0.65em;
			}
	
	ul.tabs li{
		font-size: 0.9em;
	}

	ul.tabs li.current{
		font-size: 0.9em;
	}
	
	#indicadores_aforos{
		height: 2350px;
	}
	#incidencias{
		width: 98%;
	}
	#incidencias_tipo_grafica{
		width: 64%;
	}
	#incidencias_datos{
		width: 32%;
	}
	
}


/* 720P */
@media (min-width: 813px) and (max-width: 1080px) {
	
	.indicador_datos_texto_izquierda h3{
		font-size: 1.8em;
	}
	.indicador_datos_texto_izquierda h4{
		font-size: 0.7em;
	}
	
	ul.tabs li{
		font-size: 1em;
	}

	ul.tabs li.current{
		font-size: 1em;
	}
	#indicadores_aforos{
		height: 2350px;
	}
}


@media (min-width: 1016px) and (max-width: 1385px) and (orientation:portrait) {
	.indicador_datos_texto_izquierda h3{
		font-size: 1.8em;
	}
	.indicador_datos_texto_izquierda h4{
		font-size: 0.7em;
	}
}