@import
	url(https://fonts.googleapis.com/css?family=Dosis:200,300,400,500|Roboto+Condensed:300,400)	;

@import
	url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap)	;

body {
	font-family: "Ubuntu", serif !important;
	font-size: 1em;
	font-weight: 300;
	background-color: rgb(255, 255, 255);	/* estilo alternativo admitido por defecto */
	background-color: var(--blanco, rgb(255, 255, 255));
	width: auto; /* estilo alternativo admitido por defecto */
	width: 100%;
}

/*Estilos Cabecera*/
#logoCabecera {
	width: 100px;
	height: auto;
}

#divLogoCabecera, .oa-banner-text {
	display: inline-block;
}

.oa-banner-text {
	vertical-align: bottom;
}

.oa-banner-text p {
	text-align: left;
	line-height: normal;
	font-weight: bold;
}

#cab {
	width: auto; /* estilo alternativo admitido por defecto */
	width: 100%;
	background-color: rgb(235, 235, 235);	/* estilo alternativo admitido por defecto */
	background-color: var(--gris_claro, rgb(235, 235, 235));
	display: inline-block;
}

.Combo {
	font-family: "Ubuntu", serif !important;
	width: auto; /* estilo alternativo admitido por defecto */
	max-width: 100%;		
}

#Raiz {
	margin-left: 0em;
	margin-right: 0em;
}

#textoSede {
	color: rgb(52, 120, 112); /*verde oscuro*/ /* estilo alternativo admitido por defecto */
	color: var(--principal1, rgb(52, 120, 112)); /*verde*/
	font-family: 'Ubuntu', sans-serif;
}

.caja-idioma {
	border-color: rgb(52, 120, 112) !important; /*verde oscuro*/	/* estilo alternativo admitido por defecto */
	border-color: var(--principal1, rgb(52, 120, 112)) !important;
	height: max-content;
}

.caja-idioma:hover {
	border-color: rgb(204, 218, 103) !important; /*verde claro*/	/* estilo alternativo admitido por defecto */
	border-color: var(--principal2, rgb(204, 218, 103)) !important;
}

#logoymenu {
	background-color: rgb(255, 255, 255); /* estilo alternativo admitido por defecto */
	background-color: var(--blanco, rgb(255, 255, 255));
}

#logoCabecera {
	float: left;
	margin-top: 0.8em;
	width: 218px;
	height: 50px;
}

#imagenLogoMain
{
	width: 25px;
	height: auto;
}

#idiomaSeleccionado {
	color: rgb(0, 0, 0);/* estilo alternativo admitido por defecto */
	color: var(--negro, rgb(0, 0, 0));
}

div#indicadorEntorno {
	font-weight: bold;
	background-color: rgb(255, 255, 0);
	font-size: 1.2em; /*120%;*/
	text-align: center;
}

table {
	caption-side: top;
}

select {
	padding-top: 4.5px;
	padding-bottom: 4.5px;
}

/* ==================================== */
/* Migas */
/* ==================================== */
#migas, #migaFecha {
	/* padding: 1% 3% 1% 3%;
	border-bottom: 1px solid rgb(52, 120, 112); verde oscuro	estilo alternativo admitido por defecto
	border-bottom: 1px dotted var(--principal1, rgb(52, 120, 112)); verde */
	font-size: 1em; /*16px;*/
	font-weight: 300;
	list-style: none;
	text-transform: uppercase;
	color: rgb(40, 43, 48); /* estilo alternativo admitido por defecto */
	color: var(--gris_oscuro, rgb(40, 43, 48));
	font-family: "Ubuntu", serif !important;
	display: inline-block;
	margin: 0 3em;
	padding: 0;
}
/* ----------- */
#migaFecha {
	float: left;
}

#fechaHoraServidor {
	margin-right: 3em;
	float: right;
}

.migasSeparadorElementos {
	margin-left: 2px;
	margin-right: 2px;
}
/* ----------- */
#migaUser {
	float: right;
}

#user {
	float: left;
	padding-right: 5px;
}
/* ----------- */
#migas a, #migaFecha a {
	color: rgb(52, 120, 112); /*verde oscuro*/ /* estilo alternativo admitido por defecto */
	color: var(--principal1, rgb(52, 120, 112)); /*verde*/
}

#migas a:visited, #migaFecha a:visited {
	color: rgb(204, 218, 103); /*verde oscuro*/ /* estilo alternativo admitido por defecto */
	color: var(--principal2, rgb(52, 120, 112)); /*verde*/
}
/* ========================================= */
/* ========================================= */

/* ========================================= */
/* BOTON */
/* ========================================= */
/* Unificar comportamiento en visualización de "botones" */
#MenuTabs a, #MenuTabs a span, #menuPestaniasDetallePublicacion ul li a,
	#menuExpediente ul li a, #menuTiposNotificaciones ul li a, div#enlaceTramitacion a,
	#contenido fieldset ul li.Boton input, #contenido fieldset ul li a.boton, input.Boton, #contenido ul.DocOpcional li.Boton input,
	form[name="misPagosForm"] input[type="submit"],
	form[name="tramitacionForm"] input[type="button"],
	form[name="consultaDocumentosForm"] input[type="submit"],
	form[name="consultadoc_checkCode"] input[type="submit"],
	form[name="seleccionarPerfil"] input[type="submit"], 
	form[name="catalogosForm"] input[type="submit"],
	form[name="retrievePago"] input[type="submit"],
	form[name="tramitacionForm"] input[type="submit"],
	form[name="misfacturas_search"] input[type="submit"],
	.botonEnviarPerfilContratante a, #tabMenuTramInfo button, #Boton,
	.botonConexion, .botonSuscribir, #botonesPago a {
	display: inline-block;
	padding: 6px;
	font-family: "Ubuntu", serif !important;
	font-size: 1rem !important;
	font-weight: bold !important;
	color: rgb(255, 255, 255) !important;	/* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important;
	background-color: rgb(52, 120, 112) !important; /*verde oscuro*/	/* estilo alternativo admitido por defecto */
	background-color: var(--principal1, rgb(52, 120, 112)) !important; /*verde*/
	border-width: 2px !important;
	border: 2px solid rgb(0, 0, 0) !important;	/* estilo alternativo admitido por defecto */
	border: 2px solid var(--negro, rgb(0, 0, 0)) !important;
	border-top-color: dimgrey !important;
	border-left-color: dimgrey !important;
	border-radius: 0.3em;
	/* text-transform: uppercase; */
}

/* Caracteristicas on hover (al pasar por encima) */
#MenuTabs a:hover span, #MenuTabs li.MenuStaticSelectedStyle a.MenuStaticMenuItemStyle:hover,
	#MenuTabs li.MenuStaticSelectedStyle a.MenuStaticMenuItemStyle:hover span,
	#menuPestaniasDetallePublicacion #selected:hover,
	#menuPestaniasDetallePublicacion ul li a:hover, #menuExpediente #selected:hover,
	#menuExpediente ul li a:hover, #menuTiposNotificaciones ul li a:hover,
	div#enlaceTramitacion a:hover, #contenido fieldset ul li.Boton input:hover, #contenido fieldset ul li a.boton:hover,
	input.Boton:hover, #contenido ul.DocOpcional li.Boton input:hover, form[name="consultaDocumentosForm"] input[type="submit"]:hover,
	form[name="consultadoc_checkCode"] input[type="submit"]:hover, 
	form[name="seleccionarPerfil"] input[type="submit"]:hover, 
	form[name="catalogosForm"] input[type="submit"]:hover, form[name="tramitacionForm"] input[type="submit"]:hover,
	form[name="misPagosForm"] input[type="submit"]:hover,
	form[name="retrievePago"] input[type="submit"]:hover,
	form[name="tramitacionForm"] input[type="button"]:hover,
	form[name="misfacturas_search"] input[type="submit"]:hover,
	.botonEnviarPerfilContratante a:hover, #tabMenuTramInfo button:hover,
	#Boton:hover, .botonConexion:hover, .botonSuscribir:hover, #botonesPago a:hover {
	cursor: pointer;
	border: 2px solid rgb(255, 255, 255) !important;/* estilo alternativo admitido por defecto */
	border: 2px solid var(--blanco, rgb(255, 255, 255)) !important;
	border-radius: 0.3em;
}
/* Caracteristicas cuando esta activo */
#MenuTabs li.MenuStaticSelectedStyle a.MenuStaticMenuItemStyle,
	#MenuTabs li.MenuStaticSelectedStyle a.MenuStaticMenuItemStyle span,
	#menuPestaniasDetallePublicacion #selected, #menuExpediente #selected,
	#menuTiposNotificaciones #selected, #tabMenuTramInfo button.active {
	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*/
}
/*FIN: Unificar comportamiento en visualización de "botones" */

/* Caracteristicas especificas del botón de Conexión*/
.botonConexion {
	float: right !important;
	background-image: linear-gradient(rgb(255, 255, 255), 10%, rgb(52, 120, 112)) !important;	/* blanco verde oscuro*/ /* estilo alternativo admitido por defecto */
	background-image: linear-gradient(var(--blanco, rgb(255, 255, 255)), 10%,
		var(--principal1, rgb(52, 120, 112))) !important; /*verde*/
	border: 2px solid rgb(52, 120, 112) !important; /*verde oscuro*/	/* estilo alternativo admitido por defecto */
	border: 2px solid var(--principal1, rgb(52, 120, 112)) !important; /*verde*/
}

.botonConexion a {
	color: rgb(255, 255, 255); /* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255));
}

.botonConexion a:link {
	text-decoration: none;
}
/* FIN: Caracteristicas especificas del botón de Conexión*/

/* Caracteristicas especificas de los botones de Calendario*/
#contenido fieldset ul li a.boton {
    background: none;
}
/* FIN: Caracteristicas especificas de los botones de Calendario*/
/* ========================================= */
/* FIN: BOTON */
/* ========================================= */

table.tablaGeneral td {
    vertical-align: bottom !important;
}

#base {
	color: rgb(52, 120, 112); /*verde oscuro*/ /* estilo alternativo admitido por defecto */
	color: var(--principal1, rgb(52, 120, 112)); /*verde*/
	background: rgb(0, 0, 0); /* estilo alternativo admitido por defecto */
	background: var(--negro, rgb(0, 0, 0));
	border-top: none;
	font-family: "Ubuntu", serif !important;
}

p {
	text-align: justify;
}

#base a, #idiomas a {
	color: rgb(52, 120, 112); /*verde oscuro*/ /* estilo alternativo admitido por defecto */
	color: var(--principal1, rgb(52, 120, 112)); /*verde*/
}

#contenedor {
	width: auto; /* estilo alternativo admitido por defecto */
	width: 100%;
	left: 0;
	border-left: none;
	border-right: none;
	max-width: 80em;
	margin: 0 auto;
}

.enlaceCabeceraBoletinFoto {
	text-decoration: none;
}

#pie div div {
	display: contents;
}

#pie div img {
	max-width: 250px;
	height: auto;	
}

#backtotop {	
	color: rgb(255, 255, 255) !important; /* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important; 
}

#logos {
	text-align: center;
	padding-bottom: 25px;
}
/* =============================================== */
/* Selector del idioma */
/* =============================================== */
#contenedorIdioma {
	display: inline-block;
	padding-left:3px;
	padding-right:3px;
	padding-top: 6px;
	padding-bottom: 3px; 
}

.triangulo 
{
	border: 7px solid transparent;
	border-bottom: 0;
	border-top: 7px solid rgb(52, 120, 112);
	border-top: 7px solid var(--principal1, rgb(52, 120, 112));
	display: inline-block;
	margin-left: 0.3rem;
}

#contenedorIdioma #contenedorIndicadorIdioma {
	display: inline-flex;
	align-items: center;
}
#contenedorIdioma #idiomas {
	position: absolute;
	z-index: 5;
	display: none;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
	background-color: rgb(255, 255, 255);
	background-color: var(--blanco,  rgb(255, 255, 255));
	border: 1px solid rgb(40, 43, 48);
    border: 1px solid var(--gris_oscuro, rgb(40, 43, 48));
    min-width: 2.5em;
    margin-left: -4px;
    box-shadow: 0 0 3px rgb(40, 43, 48);
    box-shadow: 0 0 3px var(--gris_oscuro, rgb(40, 43, 48));
}
#contenedorIdioma:hover, #contenedorIdioma #idiomas > li.contenedorIdiomaSeleccionado:hover
{
	cursor: pointer;
}

/* #contenedorIdioma:hover #idiomas {
	display: block;
}

#contenedorIdioma #idiomas:hover {
	display: block;	
} */

#contenedorIdioma #idiomas li {
	display: block;
	margin-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px
}

#contenedorIdioma #idiomas li:hover {
	background-color: rgb(25, 103, 210) ; /*Azul*/
	border-radius: .10rem !important;
	outline: 2px solid rgb(0, 0, 0);
	outline: 2px solid var(--negro, rgb(0, 0, 0));
}
/* se define aparte por no ser compatible con IE*/
#contenedorIdioma #idiomas li:focus-visible, #contenedorIdioma #idiomas li a:focus-visible {
	background-color: rgb(25, 103, 210) ; /*Azul*/
	border-radius: .10rem !important;
	outline: 2px solid rgb(0, 0, 0);
	outline: 2px solid var(--negro, rgb(0, 0, 0));
}
/*FIN: se define aparte por no ser compatible con IE*/

#contenedorIdioma #idiomas li:hover div, #contenedorIdioma #idiomas li:hover a {
	color: rgb(255, 255, 255) !important;
	color: var(--blanco,  rgb(255, 255, 255)) !important;
}
/* se define aparte por no ser compatible con IE*/
#contenedorIdioma #idiomas li:focus-visible div, #contenedorIdioma #idiomas li a:focus-visible {
	color: rgb(255, 255, 255) !important;
	color: var(--blanco,  rgb(255, 255, 255)) !important;
}
/*FIN: se define aparte por no ser compatible con IE*/

#contenedorIdioma #idiomas a {
	font-weight: normal;
	color: rgb(0, 0, 0);
	color: var(--negro, rgb(0, 0, 0));
}

#contenedorIdioma #idiomas .contenedorIdiomaSeleccionado {
	font-weight: bold;
}
/* =============================================== */
/* FIN: Selector del idioma */
/* =============================================== */

/* ================================================= */
/* Estilos para el menu de la parte superior */
/* ================================================= */
#menu {
	background-color: rgb(255, 255, 255); /* estilo alternativo admitido por defecto */
	background-color: var(--blanco, rgb(255, 255, 255));
	vertical-align: baseline;
	text-align: left;
	font-size: 0.7em;
	display: block;
	padding: 1% 3% 2% 3%;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

#menu ul li.nivel1 {
	text-transform: uppercase;
	float: left;
	padding-right: 3%;
}

#menu ul li a {
	display: block;
	text-decoration: none;
	color: rgb(40, 43, 48); /* estilo alternativo admitido por defecto */
	color: var(--gris_oscuro, rgb(40, 43, 48));
	position: relative;
	font-size: 1.125rem; /*18px;*/
	text-align: center;
}

#menu ul li a.nivel1 {
	display: block;
	position: relative;
}

#menu ul li ul {
	display: none;
	padding-left: 0;
	position: absolute;
	background-color: rgb(255, 255, 255);	/* estilo alternativo admitido por defecto */
	background-color: var(--blanco, rgb(255, 255, 255));
	border: 1px solid rgb(235, 235, 235);	/* estilo alternativo admitido por defecto */
	border: 1px solid var(--gris_claro, rgb(235, 235, 235));
}

#menu ul li:hover>a, #menu ul li:hover> #linkSol a {
	background-color: rgb(241, 249, 255); /*celeste*/	/* estilo alternativo admitido por defecto */
	background-color: var(--secundario, rgb(241, 249, 255)); /*celeste*/
}

#menu ul li ul li a {
	text-transform: none;
	border-top-color: rgb(0, 0, 0);	/* estilo alternativo admitido por defecto */
	border-top-color: var(--negro, rgb(0, 0, 0));
	font-size: 1rem; /*16px;*/
	text-align: left;
	padding: 8px;
}

#menu .listaOpcionesSubmenu {
	z-index: 5;
}

table.falsa {
	border-collapse: collapse;
	border: 0px;
	float: left;
	position: relative;
}

/* Estilos #nav-mobile y lo ocultamos */
#nav-mobile {
	display: none;
}

/* ---------------------------------------------------- */
/* ---( Estilos páginas de Errores )------------------- */
/* ---------------------------------------------------- */
.info_error{
	background-color: var(--principal2, rgb(204, 218, 103)) !important;
}

@media screen and (max-width: 800px) and (min-width: 600px) {
	/* ========================================= */
	/* TABLA */
	/* ========================================= */
	/* Unificar la apariencia de tablas en responsivo tras incluir el parámetro "title" en los td's de las tablas*/
	.listaSolicitudes, .GridViewTableExpediente .listaTramites, #tablaResultadosExpedientesPublicos, .listaPuestasDisposicion
	{
		font-size: 0.73rem !important;
	}
	/* ========================================= */
	/* FIN: TABLA */
	/* ========================================= */
}
 
/* @media only screen and (max-width: 700px) { */
@media screen and (max-width: 700px) {
	/* mostramos #nav-mobile */
	#nav-mobile {
		display: block;
	}
	#menu ul {
		position: absolute;
		width: auto; /* estilo alternativo admitido por defecto */
		width: 100%;
	}

	/* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo */
	#menu ul li.nivel1 {
		width: 75%;
		float: none;
	}
	#menu ul li.nivel1 ul li {
		width: auto; /* estilo alternativo admitido por defecto */
		width: 100%;
		float: none;
	}
	#menu ul li ul {
		position: relative;
	}
	#menu ul li a {
		color: rgb(40, 43, 48); /* estilo alternativo admitido por defecto */
		color: var(--gris_oscuro, rgb(40, 43, 48));
		background: rgb(198, 198, 198); /* estilo alternativo admitido por defecto */
		background: var(--gris, rgb(198, 198, 198));
	}
	#menu ul li ul li a {
		text-transform: none;
		background: rgb(235, 235, 235); /* estilo alternativo admitido por defecto */
		background: var(--gris_claro, rgb(235, 235, 235));
		border: none;
		width: auto; /* estilo alternativo admitido por defecto */
		width: 100%;
		font-size: 1rem; /*16px;*/
	}

	/* Convertimos nuestra lista de enlaces en un menú vertical */
	#menu ul {
		box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
		max-height: 0;
		overflow: hidden;
		display: block;
	}
	/* estilos para los LI del menu */
	#menu li {
		background-color: rgb(198, 198, 198); /* estilo alternativo admitido por defecto */
		background-color: var(--gris, rgb(198, 198, 198));
		border-bottom: 1px solid rgb(40, 43, 48);	/* estilo alternativo admitido por defecto */
		border-bottom: 1px solid var(--gris_oscuro, rgb(40, 43, 48));
		float: none;
	}
	/* Quitamos el borde del ultimo item del menú */
	#menu li:last-child {
		border-bottom: 0;
	}
	#menu li a {
		padding: 15px 0;
		height: auto;
		line-height: normal;
	}

	/* Agregamos una animación al despligue del menú */
	#menu ul.open-menu {
		max-height: 800px;
		transition: max-height .8s;
		z-index: 800;
	}
	/* ========================================= */
	/* TABLA */
	/* ========================================= */
	/* Unificar la apariencia de tablas en responsivo tras incluir el parámetro "title" en los td's de las tablas*/
	.licitaciones, .listaNotificaciones
	{
		font-size: 0.75rem;
	}
	/* ========================================= */
	/* FIN: TABLA */
	/* ========================================= */
}

/* ========================================= */
/* TABLA */
/* ========================================= */
/* Unificar la apariencia de tablas en responsivo tras incluir el parámetro "title" en los td's de las tablas*/

table.tablaPersonalizadaResponsiva, table.tablaPersonalizadaResponsiva th, table.tablaPersonalizadaResponsiva td {
	border: 1px solid  rgb(198, 198, 198) !important;	/* estilo alternativo admitido por defecto */
	border: 1px solid var(--gris, rgb(198, 198, 198)) !important;
	border-spacing: 0;
	padding: .5em;
	min-height: auto;
}
/* Se define aqui porque el datatable.css no aplica a las "personalizada.jsp"*/
table.tablaPersonalizadaResponsiva {
	width: auto !important;
	width: 100% !important;
}

@media screen and (max-width: 600px) {
	table.tablaPersonalizadaResponsiva, .tablaPersonalizadaResponsiva thead,
		.tablaPersonalizadaResponsiva tbody, .tablaPersonalizadaResponsiva th,
		.tablaPersonalizadaResponsiva td, .tablaPersonalizadaResponsiva tr {
		display: block;
	}
	table.tablaPersonalizadaResponsiva td:before
		{
		content: attr(title);
		float: left !important;
		font-weight: bold !important;
		margin-right: 10px !important;
		text-align: left;
		position: absolute;
		top: 0;
		left: 6px;
		width: 35%;
		padding-right: 10px;
		white-space: break-spaces;
	}
	table.tablaPersonalizadaResponsiva td
		{
		text-align: justify;
		width: auto;
		border: none;
		border-bottom: 1px solid rgb(198, 198, 198); /* estilo alternativo admitido por defecto */
		border-bottom: 1px solid var(--gris, rgb(198, 198, 198));
		position: relative;
		padding-left: 35%;
		min-height: 40px;
	}
		table.tablaPersonalizadaResponsiva thead,
		table.tablaPersonalizadaResponsiva tr th {
		display: none !important;
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
		table.tablaPersonalizadaResponsiva tbody tr
		{
		display: flex !important;
		flex-direction: column !important;
		padding: 0 0 1rem 0;
		border-bottom: 2px solid rgb(52, 120, 112);	/*verde oscuro*/ /* estilo alternativo admitido por defecto */
		border-bottom: 2px solid   var(--principal1, rgb(52, 120, 112)); /*verde*/	
	}
		table.tablaPersonalizadaResponsiva tbody td, table.tablaPersonalizadaResponsiva tr td
	{
		width: auto !important; /* estilo alternativo admitido por defecto */
		width: 100% !important;
	}		
}
/*FIN: Unificar la apariencia de tablas en responsivo tras incluir el parámetro "title" en los td's de las tablas*/
/* ========================================= */
/* FIN: TABLA */
/* ========================================= */

@media screen and (max-width: 500px) {
	#contenedorIdioma 
	{	
		padding-bottom: 5px; 
	}
	#idiomas, #idiomaSeleccionadoUsuario, #idiomaSeleccionadoUsuario:after
	{
		font-size: 0.8rem !important; /* tamaño*/
	}
	
	#pie {
		margin-bottom: 4rem;
	}
	.Combo {
		padding-bottom: 0px;
		padding-top: 0px;
		width: auto; /* estilo alternativo admitido por defecto */
		max-width: 100%
	}

	/* ========================================= */
	/* BOTON */
	/* ========================================= */
	/* estilos en responsivo */
	#contenido .Button, #MenuTabs a, #MenuTabs a span,
		#menuPestaniasDetallePublicacion ul li a, #menuExpediente ul li a,
		#menuTiposNotificaciones ul li a, div#enlaceTramitacion a, #contenido fieldset ul li.Boton input,
		#contenido fieldset ul li a.boton,
		input.Boton, #contenido ul.DocOpcional li.Boton input, form[name="consultaDocumentosForm"] input[type="submit"],
		form[name="catalogosForm"] input[type="submit"], form[name="tramitacionForm"] input[type="submit"],
		form[name="misPagosForm"] input[type="submit"],
		form[name="tramitacionForm"] input[type="button"],
		.botonEnviarPerfilContratante a, #tabMenuTramInfo button, #Boton,
		.botonConexion, .botonSuscribir {
		font-size: 0.8rem !important; /* tamaño*/
		margin-right: 0px;
	}
	/* ========================================= */
	/* FIN: BOTON */
	/* ========================================= */
}

@media screen and (max-width: 450px) {
	#logoCabecera {
		float: left;
		width: 200px;
		height: auto;
		margin-top: 0.8em;
	}
	#logoymenu {
		justify-content: center !important;
		background-size: cover;
		background-position: center;
	}
	#cab #user {
		font-size: 1.2em !important;
	}
	.ui-dialog
	{
		width:250px !important;
	}
}


/* ========================================================== */
/* ESTILOS PARA LA CORRECTA VISUALIZACIÓN EN EL IE */
/* ========================================================== */
@media all and (-ms-high-contrast:none) {
	/* AJUSTES COLORES y UNIDADES DE MEDIDA
	-> definidos como * estilo alternativo admitido por defecto * al lado de la correspondiente asignación color	
	FIN: AJUSTES COLORES UNIDADES DE MEDIDA */
			
	#contenedorIdioma,
	.caja-idioma {
		height: 2.5em;
	}
	.botonConexion {	
		background-image: linear-gradient(rgb(204, 218, 103), rgb(52, 120, 112)) !important;	/*verde claro verde oscuro*/ /* estilo alternativo admitido por defecto */	
	}
	.bloque-separador {	
		background: linear-gradient(to left, rgb(204, 218, 103), rgb(52, 120, 112))!important; /*verde oscuro verde claro*//* estilo alternativo admitido por defecto */
	}		
	.contenido-botones input {
		height: auto !important;
	}
	.cuadropopup {
		max-width: 95% !important;
	}
	.bloque-separador, .pie, #idContenedorElementosConoceSede {
		left: 0px !important;
		right: 0px !important;
		width: auto !important;
		max-width: none !important;
		margin-left: -3em !important;
		margin-right: -3em !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	
	#contenido legend input, #contenido tr td input {   
    	max-width: 100%;
	}
	
	#idBotoneraParteInferiorPagina  span.my-3, .textoEnlaceConoceSede
	{
	    white-space: break-spaces !important;
	    max-width: 100% !important;
	}
	
	th
	{
	 white-space: normal !important;
		/*    max-width: 100% !important;*/
	}
	
	h1
	{
		padding-left:0em !important;
	}
		
	
	/*propiedades de bootstrap usando "var" que afectan a la visualización*/
	/* --bs-gutter-x=1.5rem 
   --bs-gutter-y=0
   --bs-table-accent-bg=transparent
   --bs-table-bg=transparent
   --bs-scroll-height=
   */
   
	.container, .container-fluid, .container-lg, .container-md,
		.container-sm, .container-xl, .container-xxl {
		max-width: 100%;
		/*padding-right: 1.5rem !important;
    	padding-left: 1.5rem !important;*/
	}
	div {
		display: block;
	}
	.row {
		margin-top: 0;
		margin-right: calc(1.5rem * -.5);
		margin-left: calc(1.5rem * -.5)
	}
	.row>* {
		max-width: 100%;
		padding-right: calc(1.5rem * .5);
		padding-left: calc(1.5rem * .5);
		margin-top: 0;
	}
	.table>:not(caption)>*>* {
		background-color: transparent;
		box-shadow: inset 0 0 0 9999px transparent;
	}
	.navbar-nav-scroll {
		max-height: 75vh;
		overflow-y: auto
	}
	/*FIN: propiedades de bootstrap usando var que afectan a la visualización*/
}

@media all and (-ms-high-contrast:none) and (max-width: 600px) {
		
	#divTextoSede {
		width: 90% !important;
	}
	#idBotoneraParteInferiorPagina {
		max-width: 85% !important;
	}
	.d-flex {
		width: 100%;
		width: auto !important;
		max-width: 100%;
	}
	.cuadropopup, .cuadropopup .listaSolicitudes, .cuadropopup .listaSolicitudes tr
		{
		max-width: 100% !important;
	}
	#CuadroListaDocumentosAsiento {
		max-width: 100% !important;
		width: auto !important;
	}
	.cuadropopup .listaSolicitudes, .cuadropopup .listaSolicitudes tr {
		max-width: 100% !important;
		width: auto !important;
	}
	
	#divCuadroListaDocumentosAsiento > fieldset {
    background-color:  rgb(255, 255, 255) !important;
    max-width: 75%;
    width: auto !important;
}
}
/* =============================================================== */
/* FIN: ESTILOS PARA LA CORRECTA VISUALIZACIÓN DE COLORES EN EL IE */
/* =============================================================== */