/* ****************************************************************************** */
/* Pagina principal de la sede */
/* ****************************************************************************** */

/* ================================================================= */
/* (1) Elementos "conoce la sede" */
/* ================================================================= */

/*
 * Contenedor de todos los elementos de "Conoce la sede"
 * 
 */
#idContenedorElementosConoceSede {
	display: flex;
	background-color: rgb(233, 228, 220); /*crema*//* estilo alternativo admitido por defecto */
	background-color: var(--card, rgb(233, 228, 220)); /*crema*/
	align-items: flex-start;
	position: relative;
	width: auto;
	margin-left: -3em;
	margin-right: -3em;
	/*
	width: 105vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	*/
}

.bloque-enlaces-sede, .bloque-enlaces-sede div a {
	background-color: rgb(233, 228, 220) !important; /*crema*//* estilo alternativo admitido por defecto */
	background-color: var(--card, rgb(233, 228, 220)) !important; /*crema*/
}

.bloque-enlaces-sede div a {
	color: rgb(40, 43, 48) !important;/* estilo alternativo admitido por defecto */
	color: var(--gris_oscuro, rgb(40, 43, 48)) !important;
}

.bloque-enlaces-sede div a:hover {
	color: rgb(255, 255, 255) !important;/* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important;
}

/*
 * Contenedor elementos => Contenedor grupo de enlaces
 * Contenedor elementos => Contenedor del contenido asociado a los enlaces
 * 
 */
#idContenedorElementosConoceSede #idContenedorGrupoEnlacesConoceSede,
	#idContenedorElementosConoceSede #idContenedorBloquesConoceSede {
	box-sizing: border-box;
	padding: 12px;
	border: 1px solid rgb(198, 198, 198);/* estilo alternativo admitido por defecto */
	border: 1px solid var(--gris, rgb(198, 198, 198));
	border-radius: 10px;
}

/* ======================================================== */
/* (1.1) Grupo de enlaces "conoce la sede" */
/* ======================================================== */

/*
 * Contenedor del grupo de enlaces "conoce la sede".
 * 
 */
#idContenedorElementosConoceSede #idContenedorGrupoEnlacesConoceSede {
	display: inline-block;
	width: 230px;
	min-width: 230px;
	max-width: 230px;
	margin-right: 15px;
}

ul.avisosNavegadores li {
    display: inline;
}

/*
 * Contenedor => Grupo de enlaces
 * 
 */
#idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede {
	padding-left: 5%;
}

/*
 * Contenedor => Grupo de enlaces => Contenedor de enlace => Enlace de tipo texto
 * Contenedor => Grupo de enlaces => Contenedor de enlace => Enlace de tipo boton => Texto
 * 
 */
#idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .textoEnlaceConoceSede,
	#idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .botonEnlaceConoceSede .botonEnlaceConoceSede_texto
	{
	color: rgb(204, 218, 103); /*verde claro*//* estilo alternativo admitido por defecto */
	color: var(--principal2, rgb(204, 218, 103)); /*verde claro*/
	font-weight: normal;
	cursor: pointer;
	font-weight:bold;	
}

.botonEnlaceConoceSede {
	border: none;
	background-color: rgb(255, 255, 255);/* estilo alternativo admitido por defecto */
	background-color: var(--blanco, rgb(255, 255, 255));
}

div.bloque-enlaces-sede .botonEnlaceConoceSede {
	background-color: rgb(233, 228, 220); /*crema*//* estilo alternativo admitido por defecto */
	background-color: var(--card, rgb(233, 228, 220)); /*crema*/
}

button.botonEnlaceConoceSede {
	padding-left: 0;
	text-align: start;
}

div.bloque-enlaces-sede .botonEnlaceConoceSede:hover {
	background-color: rgb(204, 218, 103); /*verde claro*//* estilo alternativo admitido por defecto */
	background-color: var(--principal2, rgb(204, 218, 103)); /*verde claro*/
}

div.bloque-enlaces-sede a:hover {
	background-color: rgb(204, 218, 103) !important; /*verde claro*//* estilo alternativo admitido por defecto */
	background-color: var(--principal2, rgb(204, 218, 103)) !important; /*verde claro*/
}

/* ============================================================== */
/* (1.2) Contenido asociado a los enlaces "conoce la sede" */
/* ============================================================== */
#idContenedorElementosConoceSede #idContenedorBloquesConoceSede {
	flex-grow: 1;
}

.mostrarEnlaceSede {
	display: block;
}

.ocultarEnlaceSede {
	display: none;
}

#idContenedorElementosConoceSede #idContenedorBloquesConoceSede #idParrafoListaCertificadosValidos
	{
	margin-bottom: 15px;
}

/* ================================================= */
/* Conoce sede                                       */
/* Subbloques visibles solamente para algunos Aytos  */
/* ================================================= */
#nota_seguridad, #identificacion_firma
{
	display:none;
}

/* ================================================= */
/* (1.3) Adaptarse al tamanio de la pantalla */
/* ================================================= */

/* 
 * Se pone "only" para que se ignoren estos estilos en navegadores antiguos.
 * 
 */
/* @media only screen and (max-width: 750px) { */
@media screen and (max-width: 750px) {	
	/*
	 * Contenedor del grupo de enlaces "conoce la sede".
	 * 
	 */
	#idContenedorElementosConoceSede {
		display: block;
		align-items: unset;
	}

	/*
	 * Contenedor del grupo de enlaces => Grupo de enlaces => Contenedor de enlace
	 * 
	 */
	#idContenedorGrupoEnlacesConoceSede {
		display: block;
		width: auto;
		min-width: auto;
		max-width: none;
		margin-bottom: 25px;
		margin-right: 0px;
	}
}

/* ================================================================ */
/* (2) Grupo de botones de la parte inferior de la pantalla */
/* ================================================================ */

/*
 * Contenedor del grupo de botones.
 * 
 */
#idBotoneraParteInferiorPagina {
	margin-bottom: 10px;
}

#idBotoneraParteInferiorPagina a {
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

#idBotoneraParteInferiorPagina a:hover {
	box-shadow: 0px 0px 5px 2px rgb(204, 218, 103); /*verde claro*//* estilo alternativo admitido por defecto */
	box-shadow: 0px 0px 5px 2px var(--principal2, rgb(204, 218, 103));/*verde claro*/
	transition: box-shadow 0.3s, color 0.3s;
}
/*
 * Grupo de botones => Fila de botones
 * 
 */
#idBotoneraParteInferiorPagina .filaOpcionesMenuDiv {
	display: inline-flex;
	justify-content: center;
	width: auto;/* estilo alternativo admitido por defecto */
	width: 100%;
}

/*
 * Grupo de botones => Fila de botones => Boton
 * 
 */
#idBotoneraParteInferiorPagina .filaOpcionesMenuDiv .opcionMenuDiv {
	box-sizing: border-box;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: rgb(52, 120, 112); /*verde oscuro*//* estilo alternativo admitido por defecto */
	background-color: var(--principal1, rgb(52, 120, 112)); /*verde*/
	border: 3px solid  rgb(52, 120, 112); /*verde oscuro*//* estilo alternativo admitido por defecto */
	border: 3px solid var(--principal1, rgb(52, 120, 112)); /*verde*/
}

/*
 * Grupo de botones => Fila de botones => Boton => Texto del boton
 * 
 */
#idBotoneraParteInferiorPagina .filaOpcionesMenuDiv .opcionMenuDiv .textoOpcionMenuDiv
	{
	color: rgb(255, 255, 255);/* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255));
	font-weight: 500;
	font-size: 1.05em;
	text-align: center;
	/* ---------------------------------- */
	/* Esto corrige la letra borrosa */
	/* ---------------------------------- */
	-webkit-font-smoothing: antialiased;
	-webkit-filter: blur(0.0001px);
}

/* ================================================= */
/* (2.1) Adaptarse al tamanio de la pantalla */
/* ================================================= */

/* 
 * Se pone "only" para que se ignoren estos estilos en navegadores antiguos.
 * 
 */
/* @media only screen and (min-width: 750.01px)   */
@media screen and (min-width: 750.01px) {
	/*
	 * Botonera => Fila de botones => Boton
	 * 
	 */
	#idBotoneraParteInferiorPagina .filaOpcionesMenuDiv .opcionMenuDiv {
		flex-basis: 0px;
		margin: 6px;
	}

	/*
	 * Botonera => Fila de botones (La ultima) => Boton
	 * 
	 */
	#idBotoneraParteInferiorPagina .filaOpcionesMenuDiv:last-child .opcionMenuDiv
		{
		margin-bottom: 0px;
	}
}

/* @media only screen and (max-width: 750px) */
@media screen and (max-width: 750px) {
	/*
	 * Botonera => Fila de botones
	 *
	 */
	#idBotoneraParteInferiorPagina .filaOpcionesMenuDiv {
		flex-direction: column;
	}

	/*
	 * Botonera => Fila de botones => Boton
	 *
	 */
	#idBotoneraParteInferiorPagina .filaOpcionesMenuDiv .opcionMenuDiv {
		margin-bottom: 6px;
		margin-left: 6px;
		margin-right: 6px;
	}

	/*
	 * Botonera => Fila de botones (Todas menos la ultima) => Boton (El ultimo)
	 *
	 */
	#idBotoneraParteInferiorPagina .filaOpcionesMenuDiv:not(:last-child) .opcionMenuDiv:last-child
		{
		margin-bottom: 12px;
	}

	/*
	 * Botonera => Fila de botones (La ultima) => Boton (El ultimo)
	 *
	 */
	#idBotoneraParteInferiorPagina .filaOpcionesMenuDiv:last-child .opcionMenuDiv:last-child
		{
		margin-bottom: 0px;
	}
	.bloque-enlaces-sede {
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 0px !important;
	    margin-bottom: 0px !important;
	}
}