table, th, 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;
}

/*Custom4 Demo = Custom4 Calvia <--> códigos dir3 */
table.codigos_FACe tr {
	background-color: rgb(235, 235, 235) !important;	/* estilo alternativo admitido por defecto */
	background-color: var(--gris_claro, rgb(235, 235, 235)) !important;
}

table.codigos_FACe tr:nth-child(4), table.codigos_FACe tr:nth-child(5), table.codigos_FACe tr:nth-child(6) {
	background-color: rgb(255, 255, 255) !important;	/* estilo alternativo admitido por defecto */
	background-color: var(--blanco, rgb(255, 255, 255)) !important;
}

table.codigos_FACe tr:nth-child(3), table.codigos_FACe tr:nth-child(6), table.codigos_FACe tr:nth-child(9) {
	border-bottom: 10px solid;
}

/*INICIO: unificar el uso del color para tr.even y .odd*/
table.codigos_FACe ~ table.tablaCustomResponsiva > thead > tr {
    background-color: rgb(198, 198, 198) !important;
    background-color: var(--gris, rgb(198, 198, 198)) !important;
}

table.codigos_FACe ~ table.tablaCustomResponsiva tr:nth-child(even)
	{
		background-color: rgb(235, 235, 235);	/* estilo alternativo admitido por defecto */
		background-color: var(--gris_claro, rgb(235, 235, 235));
	}
	
table.codigos_FACe ~ table.tablaCustomResponsiva tr:nth-child(odd)
	{
		background-color: rgb(255, 255, 255);	/* estilo alternativo admitido por defecto */
		background-color: var(--blanco, rgb(255, 255, 255));
	}	
/*FIN: unificar el uso del color para tr.even y .odd*/

/* FIN: Custom4 <--> códigos dir3 */

/* Custom2 <--> perfil contratante */
h4.tituloTipoContratante {
	font-size: 1.2em !important;
}
/* FIN: Custom2 <--> perfil contratante */

/* Custom5 <--> Niveles de modernización */
#tablaCustom > tbody > tr > td:nth-child(1), #tablaCustom > thead > tr > th:nth-child(1) {
    width: 20%;
}
/* FIN: Custom5 <--> Niveles de modernización */

/* Custom1 <--> Tablones */
.botoncustom
{
	width: 20px; 
	height: auto;
}
/* FIN: Custom1 <--> Tablones */
/* ========================================= */
/* TABLA */
/* ========================================= */
/* Unificar la apariencia de tablas en responsivo tras incluir el parámetro "title" en los td's de las tablas*/
@media screen and (max-width: 600px) {
	table.tablaCustomResponsiva
	{
		width: auto;
		width: 100%;
	}
	.tablaCustomResponsiva, .tablaCustomResponsiva thead, .tablaCustomResponsiva tbody, .tablaCustomResponsiva th, .tablaCustomResponsiva td, .tablaCustomResponsiva tr {
		display: block;
		}
	.tablaCustomResponsiva 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;
	}
	.tablaCustomResponsiva 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;
	}
	.tablaCustomResponsiva thead {
		display: none !important;
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tablaCustomResponsiva 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*/	
	}
	.tablaCustomResponsiva tbody td, #tablaCustom tr td {
		width: auto !important; /* estilo alternativo admitido por defecto */
		width: 100% !important;
	}
	
	
	#contenido>table.codigos_FACe td:before {
		display: none;
	}
	#contenido>table.codigos_FACe td {
		padding-left: 0%;
	}
	#contenido>table.codigos_FACe>tbody>tr>td:nth-child(1) {
		font-weight: bold;
	}
}
/* NOTA: Añadir los estilos necesarios para la correcta visualización en IE */
@media all and (-ms-high-contrast:none) and (max-width: 600px) {
	.tablaCustomResponsiva tbody tr
	{
		border-bottom: 2px solid rgb(0, 0, 0) !important;	/*negro*/ /* estilo alternativo admitido por defecto */
	}
}
/*FIN: Unificar la apariencia de tablas en responsivo tras incluir el parámetro "title" en los td's de las tablas*/
/* ========================================= */
/* FIN: TABLA */
/* ========================================= */

/* ========================================= */
/* Custom400.jsp Canal de denuncias */
/* ========================================= */
#canalDenuncias #cuadroBienvenidaCanalDenuncias p, #canalDenuncias #advertencia spam
{
	color: rgb(52, 120, 112); /* estilo alternativo admitido por defecto */
	color: var(--principal1, rgb(52, 120, 112));
}

#canalDenuncias .card, #canalDenuncias #accesosTramite a 
{
	background-color: rgb(229, 237, 229) !important; /* estilo alternativo admitido por defecto */
	background-color: var(--card, rgb(229, 237, 229)) !important;
}

 #canalDenuncias #accesosTramite a, #canalDenuncias .card:hover, #canalDenuncias #accesosTramite a:hover 
{
	color: rgb(40, 43, 48) !important; /* estilo alternativo admitido por defecto */
	color: var(--gris_oscuro, rgb(40, 43, 48)) !important;
	text-decoration: unset;
}

#canalDenuncias #bloque_3>span.my-2.fw-normal.text-start 
{
	min-width: 100%;
}

#canalDenuncias details 
{
	border: 2px solid transparent;
}

#canalDenuncias details:hover 
{
	border: 2px solid rgb(204, 218, 103) !important; /* estilo alternativo admitido por defecto */
	border: 2px solid var(--principal2, rgb(204, 218, 103)) !important;
}

#canalDenuncias #preguntasFrecuentes 
{
	text-align: justify;
}

#canalDenuncias #preguntasFrecuentes summary 
{
	color: rgb(52, 120, 112); /* estilo alternativo admitido por defecto */
	color: var(--principal1, rgb(52, 120, 112));
}

#canalDenuncias a:hover, #canalDenuncias .card a:hover 
{
	text-decoration: underline;
}

@media ( min-width : 992px) 
{
	#canalDenuncias .col-lg-otro 
	{
		flex: 0 0 auto !important;
		width: 20% !important;
	}
}

#canalDenuncias .bloqueTitulo, #canalDenuncias .bloqueContenido 
{
	text-align: justify;
}

#canalDenuncias .bloqueTitulo, #canalDenuncias .bloqueContenido a
{
	color: rgb(0, 0, 0) !important;
	color: var(--negro, rgb(0, 0, 0)) !important;
}

#canalDenuncias #bloque_3 .bloqueContenido, #canalDenuncias #bloque_3 .bloqueContenido span
{
	text-align: left !important;
}

#canalDenuncias .bloqueIcono, #canalDenuncias .bloqueTitulo 
{
	min-height: 20%;
	vertical-align: top
}

#canalDenuncias .bloqueContenido 
{
	min-height: 60%;
}

#canalDenuncias #advertencia #iconoExclamation {
    margin-bottom: 10px;
}

@media ( min-width : 1401px) 
{
	#canalDenuncias div#bloques 
	{
		min-height: 450px;
	}
}

@media ( max-width : 1400px) 
{
	#canalDenuncias div#bloques 
	{
		min-height: 550px;
	}
}

@media ( max-width : 1200px) 
{
	#canalDenuncias div#bloques 
	{
		min-height: 700px;
	}
	#canalDenuncias .bloqueIcono, #canalDenuncias .bloqueTitulo 
	{
		min-height: 15%;
	}
	#canalDenuncias .bloqueContenido 
	{
		min-height: 70%;
	}
}

@media ( max-width : 992px) 
{
	#canalDenuncias div#bloques 
	{
		min-height: 800px;
	}
}

@media ( max-width : 768px) 
{
	#canalDenuncias .bloqueIcono, #canalDenuncias .bloqueTitulo,
		#canalDenuncias .bloqueContenido, div#bloques 
	{
		min-height: unset;
	}
}

/* ========================================= */
/* FIN: Custom400.jsp Canal de denuncias */
/* ========================================= */