@charset "ISO-8859-1";

/*IE-2227: Establece tipo de letra personalizado */
body, .Combo, #textoSede, #migas, #migaFecha, 
#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,
	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"],
	.botonEnviarPerfilContratante a, #tabMenuTramInfo button, #Boton, .botonConexion, 
	#base, 
	.campotexto, .error, .mensaje,
	#descripcionPublicacion, #contenido .bloque h2, .calendar, .calendar table,
	#contenido fieldset ul li input, #contenido ul.DocOpcional li input,
	table.dataTable, table.dataTable caption, table.dataTable thead,
	.cabeceraBloque, .cabeceraBloqueReferencia, #contenido fieldset .etiquetaCampo,
	#contenido fieldset .etiquetaCampoExp, #contenido fieldset .etiquetaOtro,
	#contenido fieldset .campoTextoExp, #contenido fieldset .campoTexto1C,
	#contenido fieldset .campoTexto2C, #contenido fieldset .campoTexto3C,
	#contenido fieldset .campoTexto4C, #contenido fieldset .campoTexto5C,
	#contenido fieldset .campoTextoOtraPoblacion, #contenido fieldset .campoTextoOtraVia,
	#contenido fieldset .campoTextoOtraViaCol, #contenido fieldset .campoNumero,
	.campoTextoGen, .campoSelect1C, .campoSelect3C, .campoSelect4C,
	.campoSelectPoblacion, .campoSelectVia, #contenido fieldset .campoCuentaBancaria input,
	.tooltip 
	{
		font-family: "Verdana", serif !important;
	}

/*IE-2227 Caracteristicas cuando esta activo. Necesario al unificar --principal1 y --principal2*/
#MenuTabs li.MenuStaticSelectedStyle a.MenuStaticMenuItemStyle,
	#MenuTabs li.MenuStaticSelectedStyle a.MenuStaticMenuItemStyle span,
	#menuPestaniasDetallePublicacion #selected, #menuExpediente #selected,
	#menuTiposNotificaciones #selected, #tabMenuTramInfo button.active
	{		
		border: 2px solid rgb(255, 255, 255) !important;/* estilo alternativo admitido por defecto */
		border: 2px solid var(--blanco, rgb(255, 255, 255)) !important;
		text-shadow: -1px -1px 0 rgb(0,0,0),  
                1px -1px 0 rgb(0,0,0),
               -1px  1px 0 rgb(0,0,0),
                1px  1px 0 rgb(0,0,0);		
		text-shadow: -1px -1px 0 var(--negro, rgb(0,0,0)),  
                1px -1px 0 var(--negro, rgb(0,0,0)),
               -1px  1px 0 var(--negro, rgb(0,0,0)),
                1px  1px 0 var(--negro, rgb(0,0,0));
	}
	
/* ========================================= */
/* TABLA */
/* ========================================= */
/* Unificar la apariencia de tablas en responsivo tras incluir el parámetro "title" en los td's de las tablas*/
/* IE-2227: se ajusta el max-width por el cambio de fuente y el tamaño de letra para las tablas que aun no se visualizan correctamente*/

@media screen and (max-width: 992px) and (min-width: 768px) {

	.listaSolicitudes, .GridViewTableExpediente .listaTramites, .listaNotificaciones
	{
		font-size: 0.7em;
	}
}

@media screen and (max-width: 768px) {
	
	#GVProcedimientos table, #GVProcedimientos thead, #GVProcedimientos tbody, #GVProcedimientos th, #GVProcedimientos td, #GVProcedimientos tr,
	#GVDocumentosAsiento table, #GVDocumentosAsiento thead, #GVDocumentosAsiento tbody, #GVDocumentosAsiento th, #GVDocumentosAsiento td,  #GVDocumentosAsiento tr,
	table.listaDocuAportar, .listaDocuAportar thead, .listaDocuAportar tbody, .listaDocuAportar th, .listaDocuAportar td, .listaDocuAportar tr,
	table.listaDocumentacionEnviada, .listaDocumentacionEnviada thead, .listaDocumentacionEnviada tbody, .listaDocumentacionEnviada th, .listaDocumentacionEnviada td, .listaDocumentacionEnviada tr,
	table.listaCatalogos, .listaCatalogos thead, .listaCatalogos tbody, .listaCatalogos th, .listaCatalogos td, .listaCatalogos tr,
	table.listaDocumentosTramites, .listaDocumentosTramites thead, .listaDocumentosTramites tbody, .listaDocumentosTramites th, .listaDocumentosTramites td, .listaDocumentosTramites tr,
	table.licitaciones, .licitaciones thead, .licitaciones tbody, .licitaciones th, .licitaciones td, .licitaciones tr,
	#tablaOtra, #tablaOtra thead, #tablaOtra tbody, #tablaOtra th, #tablaOtra td, #tablaOtra tr {
		display: block;
	}
	#GVProcedimientos table td:before,
	#GVDocumentosAsiento table td:before,
		table.listaDocuAportar td:before, 
		table.listaDocumentacionEnviada td:before,
		table.listaCatalogos td:before, 
		table.listaDocumentosTramites td:before,
		table.licitaciones td:before,
		#tablaOtra 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;
	}
	#GVProcedimientos table td, 
	#GVDocumentosAsiento table td, 
	table.listaDocuAportar td,
		table.listaDocumentacionEnviada td, 
		table.listaCatalogos td, 
		table.listaDocumentosTramites td,
		table.licitaciones td,
		#tablaOtra 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;
	}
	#GVProcedimientos table thead, 
	#GVDocumentosAsiento table thead, 
	table.listaDocuAportar thead,
		table.listaDocumentacionEnviada thead, 
		table.listaCatalogos thead,
		table.listaDocumentosTramites thead,
		table.licitaciones thead,
		#tablaOtra tr th {
		display: none !important;
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#GVProcedimientos table tbody tr, 
	#GVDocumentosAsiento table tbody tr,
		table.listaDocuAportar tbody tr, 
		table.listaDocumentacionEnviada tbody tr,
		table.listaCatalogos tbody tr, 
		table.listaDocumentosTramites tbody tr,
		table.licitaciones tbody tr,
		#tablaOtra tbody tr,
		#tablaResultadosExpedientesPublicos tbody tr		
		{
		display: flex !important;
		flex-direction: column !important;
		padding: 0 0 1rem 0;
		border-bottom: 2px solid rgb(205, 0, 0);	 /* estilo alternativo admitido por defecto */
		border-bottom: 2px solid   var(--principal1, rgb(205, 0, 0)); 	
	}
	#GVProcedimientos table tbody td, 
	#GVProcedimientos table tr td,
	#GVDocumentosAsiento table tbody td, #GVDocumentosAsiento table tr td,
		table.listaDocuAportar tbody td, table.listaDocuAportar tr td, 
		table.listaDocumentacionEnviada tbody td, table.listaDocumentacionEnviada tr td, 
		table.listaCatalogos tbody td, table.listaCatalogos tr td, 
		table.listaDocumentosTramites tbody td,	table.listaDocumentosTramites tr td,
		table.licitaciones tbody td, table.licitaciones tr td,
		table.licitaciones tbody td, table.licitaciones tr td,
		#tablaOtra tbody td, #tablaOtra tr td {
		width: auto !important; /* estilo alternativo admitido por defecto */
		width: 100% !important;
	}
	#GVProcedimientos table tr>td.listaPublicacionesDescripcion, 
		table.listaProcedimientos tr>td.listaProcedimientosDescripcion,
		table.listaPublicaciones tr>td.listaPublicacionesDescripcion, 
		table.listaCatalogos tr>td.listaCatalogosNombre
		{
		font-weight: bold !important;
		text-align: left !important;
		padding-left: 0.5rem !important;
	}
	#GVProcedimientos table tr>td.listaPublicacionesDescripcion:before,
		table.listaProcedimientos tr>td.listaProcedimientosDescripcion:before,
		table.listaPublicaciones tr>td.listaPublicacionesDescripcion:before,
		table.listaCatalogos tr>td.listaCatalogosNombre:before, table.listaCatalogos tr>td.listaCatalogosDetalle:before
		{
		content: "" !important;
	}
}

/* IE-2227: se aplica desde 600px en lugar de 500px*/ 	
@media screen and (max-width: 600px) {
	body {
		font-size: 0.7em!important;
	}
}	
/* ========================================================== */
/* ESTILOS PARA LA CORRECTA VISUALIZACIÓN DE COLORES EN EL IE */
/* ========================================================== */
@media all and (-ms-high-contrast:none) {
	.botonConexion {
		background-image: linear-gradient(rgb(255, 255, 255), rgb(205, 0, 0)) !important;	/*--blanco, --principal1*/
		border: 2px solid rgb(205, 0, 0) !important; /*-principal1*/
	}
	#textoSede, .tituloBienvenida, #contenido legend, #contenido h2,
		#contenido h4, caption {
		color: rgb(205, 0, 0) !important; /*principal1*/
	}
	
	#migas a {
		color: rgb(205, 0, 0); /*--principal1*/
	}
	
	#migas a:visited {
		color: rgb(205, 0, 0); /*--principal2 */
	}
	
	#contenido a {
		color: rgb(205, 0, 0); /*principal1*/
	}
	.textoBienvenida, #idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .textoEnlaceConoceSede,
		#idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .botonEnlaceConoceSede .botonEnlaceConoceSede_texto
		{
		color: rgb(205, 0, 0); /*principal2*/
	}
	.caja-idioma {
		border-color: rgb(205, 0, 0) !important; /*principal1*/
	}
	.portada, .marca-color {
		background-color: rgb(205, 0, 0) !important; /*principal2*/
		color: rgb(205, 0, 0);
	}
	.bloque-separador {
		background-image: linear-gradient(to left, rgb(205, 0, 0) 50%, rgb(205, 0, 0) 50%) !important; /*principal1  principal2*/
	}
	#idBotoneraParteInferiorPagina  a, #idContenedorElementosConoceSede  a,
		.text-secondary {
		color: #6c757d; /*gris de boostrap*/
	}
	#idBotoneraParteInferiorPagina a:hover {
		box-shadow: 0px 0px 5px 2px rgb(205, 0, 0) !important; /*principal2*/
		color: rgb(205, 0, 0) !important; /*principal1*/
	}
	#idContenedorElementosConoceSede  a:hover {
		color: rgb(255, 255, 255) !important; /*--blanco */
	}
	div.bloque-enlaces-sede a:hover {
		background-color: rgb(205, 0, 0); /*principal2*/
	}
	#contenido fieldset, #contenido legend {
		border: 1px solid rgb(205, 0, 0) !important; /*principal1*/
	}

	/* ========================================= */
	/* BOTON */
	/* ========================================= */
	/* Unificar comportamiento en visualización de "botones" en IE*/
	#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, 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"],
		.botonEnviarPerfilContratante a, #tabMenuTramInfo button, #Boton,
		.botonConexion {
		background-color: rgb(205, 0, 0) !important; /*--principal1 */
	}

	/* 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(205, 0, 0) !important; /*--principal2 */
	}
}


@media all and (-ms-high-contrast:none) and (max-width: 600px) {
	#GVProcedimientos table tbody tr, 
	#GVDocumentosAsiento table tbody tr,
		table.listaDocuAportar tbody tr, 
		table.listaDocumentacionEnviada tbody tr,
		table.listaCatalogos tbody tr, 
		table.listaDocumentosTramites tbody tr,
		table.licitaciones tbody tr,
		#tablaOtra tbody tr,
		table.tablaPersonalizadaResponsiva tbody tr		
		{
		border-bottom: 2px solid rgb(205, 0, 0) !important; /*principal1*/
	}
}
/* =============================================================== */
/* FIN: ESTILOS PARA LA CORRECTA VISUALIZACIÓN DE COLORES EN EL IE */
/* =============================================================== */