/* out:legados.min.css, compress:true,  sourceMap:false */

@font-face { font-family: 'FMD'; src: url('https://ingra9.ingra.es/fuentes/materialSymbolsOutlined_v68_400.woff2') format('woff2'); } 
@font-face { font-family: 'Dosis'; src: url('https://ingra9.ingra.es/fuentes/dosis_v32.woff2') format('woff2'); } 
html { height:100%; overflow-y: scroll; }
body {
	min-height:100%; margin:0;
	font-family: Dosis, Verdana, Arial, "Segoe UI", Helvetica, sans-serif; /* Calibri,"Segoe UI"  */
	font-size: 14px; color:#234; 
}

header		{ display:flex; align-items:flex-end; padding:4px 24px 8px 24px; }
/*header a	{ font-weight:normal; }*/

#logo_gam 		{ flex-grow:1; font-size:36px; font-weight:normal; }
#logo_gam img	{ width:64px; margin:-4px 0 -9px 0; }
#logo_coam img	{ width:180px; margin-bottom:8px; }
#logo_fcoam img	{ width:180px;  }
#logo_am img	{ height:70px;  }
#logo_cm img	{ height:70px;  }

/*header > div { flex-grow:1; font-size:36px; } */
footer		{ display:flex; justify-content:space-between; flex-wrap:wrap; padding:8px 24px 4px 24px; margin-top:16px; font-size:12px; }
 
#cuerpo		{ display:flex; padding:8px 24px 16px 24px; }

nav			{ flex-shrink:0; width:180px; padding:32px 8px 8px 0px; position:sticky; top:0; height:100%; }
nav div		{ margin:8px 0; font-size: 16px; }

section		{ flex-grow:1; padding:8px 0px 8px 8px; }


.FMD	{  font-family:FMD; font-size:22px; font-weight:normal; cursor:pointer; margin-left:8px; }
#buscador		{ display:flex; align-items:center; padding-bottom:16px; justify-content:flex-end; }
#menu3			{ display:none; }
#menu3 select	{ border:var(--lineas); }
#buscador input	{ width:400px; border:var(--lineas); font-size:16px; }


#titulo		{ display:flex; margin-bottom:24px; }
#titulo1 	{ flex-grow:1; text-align:left; padding:4px 4px 0 0; margin:0; } /* font-size:21px; */
#titulo2	{ flex-grow:1; text-align:right; padding:4px 0 0 4px; margin:0; }

/* LÍNEAS */
:root		{ --lineas: 1px solid #ccc; }
header		{ border-bottom: var(--lineas);  }
footer		{ border-top: var(--lineas); }
/* #buscador	{ border-bottom: var(--lineas); margin-bottom:8px; } */
#titulo1	{ border-top: var(--lineas); border-right: var(--lineas); border-radius: 0 16px 0 0; }
#titulo2	{ border-bottom: var(--lineas); }
		
@media (max-width: 900px) {
	#logo_coam, #logo_fcoam, nav { display:none; } 
	#menu3 { display:flex; }
	#buscador input { flex-grow: 1; }
} 

a	{ text-decoration: none; font-weight: bold; color:#234; }

h1,h2,h3,h4,h5	{ color:#234; font-weight: normal; }
h1 			{ font-size: 24px; margin: 16px 0; }
h2 			{ font-size: 20px; margin: 12px 0; }
h3			{ font-size: 18px; margin: 8px 0; }
h4			{ font-size: 16px; margin: 4px 0; }
p 			{				   margin: 4px 0; }


.linea 			{ display:flex; padding:4px 0; }
.linea p		{ margin:0 0 8px 0; }
.linea > :first-child	{ flex-shrink:0; width:38%; max-width:264px; text-align:right; padding-right:8px; }		/* width > flex-basis 38%  */
.linea > :last-child	{ max-width:512px; flex-grow:1; } /* text-align:justify; */
.borde1 		{ border-top:1px solid #ccc; }
.borde2 		{ border-top:2px solid #ccc; }

details { cursor:pointer; margin:4px 0;}
details summary { font-size:16px; } /* margin:8px 0; */
details p { padding-left:16px; }
details details summary { padding-left:16px; } 
details details p { padding-left:32px; }
details details details summary { padding-left:32px; } 
details details details p { padding-left:64px; }

.edificio {
	display:flex; align-items:flex-end;
	padding-top:8px; border-top:1px solid #ccc; margin-top:8px;
	& > :first-child { 
		width:128px; text-align: center; 
		& img { display:block; margin:auto; max-width:96px; max-height:96px; box-shadow: 1px 1px 7px rgba(0,0,0,0.4); }	
	}
	& > :last-child { 
		margin-left:16px; 
	}
}

#mapaId		{ border:1px solid #ccc; display:relative; margin-bottom:20px; } /* height:400px;  */
.fondosClass td	{ border:1px solid #ccc; padding:0 4px; }

/* de ingrid ------------------------------------------------------------------- */
:root { 
	--lineas: 1px solid #ccc; 
	--colorAzul: #1c94c5; 
	--colorAzulOscuro:	#00558e;
	--borde:      1px solid #ddd;	
	--alturaMenu: 2000;	
	--gradienteAzulClaro:	linear-gradient(to bottom, lighten(var(--colorAzul),54%) 0%, lighten(var(--colorAzul),52%) 100px);
	--gradienteAzulClaro2:	linear-gradient(to bottom, lighten(var(--colorAzul),52%) 0%, lighten(var(--colorAzul),54%) 100px);
	--fondoGrisClaro:	#f8f8f8;	
}
table { border-collapse: collapse; border-spacing: 0; }
th { color:var(--colorAzul); }
input { border:1px solid #ddd; padding: 3px 4px; }
button { 
	cursor: pointer;
	font-size:inherit; 
	border:var(--borde); 
	padding:6px 12px;
	background-color:var(--fondoGrisClaro);
	color:var(--colorAzul); 
}
.ingraPista	{ 
	--bordePista: 1px solid #ddd;
	--fondoPista: #fbfaf3;
	position: absolute; z-index:2000;
	div { border:var(--bordePista); background:var(--fondoPista); padding:1px 4px; max-width:256px; }
	img { border:var(--bordePista); margin-top:1px; } 
}
.ingraContenedor { 
	background: linear-gradient(to bottom, #f8f8f8 0%, #ebebeb 100px);
	& .cabecera {
		padding:0px 8px; cursor:pointer;	
		&, & .iconos		{ display:flex; align-items:center; }
		& .oculta		{ display:none; }
		& .pestana1		{ color:var(--colorAzulOscuro); }

		& .titulo		{ padding:6px 0px; }
		& .titulo		{ color:var(--colorAzul); min-height:1em; }
		& .contador		{ color:var(--colorAzul); }
		& .botonImagen	{ margin-left:8px; }
		& img			{ display:block; }
	}
}
.ingraMenu { 
	position:absolute; left:0; top:0; cursor:pointer; z-index:var(--alturaMenu); 
	color:var(--colorAzul); 
	border:var(--borde); 
	margin:0; padding:4px 8px; 
	background: #fff; 
	.tableta		{ line-height:1.4em; }
	.cabecera 		{ display:flex; align-items:center; }

	div				{ margin:1px 0; white-space:nowrap; } 
	div span		{ margin:auto 8px; }
	div.separa		{ border-bottom:var(--borde); }
	div:hover		{ background: var(--gradienteAzulClaro); }
	div:active		{ background: var(--gradienteAzulClaro2); }
}
.PanelG {

	.imagen_media			{ position:relative; }	 
	.imagen_media img		{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;  }	
	.imagen_media canvas	{ position:absolute; top:0; left:0; z-index:2; cursor:crosshair; } 
	
	.imagenes_baja			{ overflow:auto; padding:0 4px 0 4px; } 
	.imagen_baja			{ display:inline-block; padding:4px; text-align:center; vertical-align:middle; } 
	.imagen_baja img.actual	{ border:3px solid var(--colorAzul); margin:-3px; } 
	.imagen_baja div		{ padding-top:4px; font-size:10px; } 
	
	.imagen_alta			{ overflow:hidden; } 
	.imagen_alta img		{ position:absolute; }  

	& img { box-shadow:rgba(0,0,0,0.5) 0px 3px 10px 0px;; cursor:pointer; }
}
.dialogoSeleccion {
	& table			{ background-color:#fff; outline: none; }
	& .selec		{ background-color:lighten(var(--colorAzul),45%); }
	& tr			{ height:1.8em; }
	& th			{ border:var(--borde); padding:1px 8px; color:var(--colorAzul); }
	& td			{ border:var(--borde); padding:1px 8px; cursor:pointer; vertical-align: middle; }
	& td img		{ vertical-align:middle; } 
}
/*.dialogoSeleccion {
	& tr		{ height:1.8em; }
	& th		{ padding:0 4px; }
	& td		{ padding:0 4px; cursor:pointer; border:1px solid; border-color: inherit; vertical-align: middle; white-space:nowrap; overflow:hidden; }
	& td img	{ vertical-align:middle; text-align:center; }
} */
.dialogoSeleccionIconos { 
	background:#fbfbfb; padding:16px; border-radius:3px; 
	border:1px solid #b3b2b2; box-shadow:0 2px 2px rgba(0,0,0,0.2);
}