@charset "ISO-8859-1";

/*INICIO: Personalización de estilos*/
#logoCabecera {
	width: auto;
	height: auto;
}
.triangulo 
{
	border-top: 7px solid rgb(0,0,0);
	border-top: 7px solid var(--negro, rgb(0,0,0));
}

#logoymenu, #menu, #menu.sticky, .portada
{
	background-color: rgb(98, 160, 68); /* estilo alternativo admitido por defecto */
	background-color: var(--principal1, rgb(98, 160, 68)); 
}

li#iconoLogo:hover a {
   background-color: rgb(61, 61, 61) !important; /* estilo alternativo admitido por defecto */
   background-color: var(--principal1, rgb(61, 61, 61)) !important; 
}

#textoSede, #menu > ul > li > a, #migas a, #migaFecha a 
{
	color:  rgb(0,0,0) !important;
	color: var(--negro, rgb(0,0,0)) !important;
	font-weight: bold;
}

#migas a:visited, #migaFecha a:visited,
#contenido a, #contenido h2, caption {
	font-weight: bold;
	color:rgb(61, 61, 61) !important; /* estilo alternativo admitido por defecto */ 
	color: var(--principal2, rgb(61, 61, 61)) !important; 
}

.portada 
{
	height: auto;	
	padding-top:1% !important;
	padding-bottom: 1% !important;
}

/* 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 {
	color: rgb(0,0,0) !important;
	color: var(--negro, rgb(0,0,0)) !important;
	}
#MenuTabs li.MenuStaticSelectedStyle a.MenuStaticMenuItemStyle,
	#MenuTabs li.MenuStaticSelectedStyle a.MenuStaticMenuItemStyle span,
	#menuPestaniasDetallePublicacion #selected, #menuExpediente #selected,
	#menuTiposNotificaciones #selected, #tabMenuTramInfo button.active
	{
		color: rgb(255, 255, 255) !important;
		color: var(--blanco, rgb(255, 255, 255)) !important;
	}
.botonConexion {	
	background-image: linear-gradient(rgb(98, 160, 68), 10%, rgb(255, 255, 255)) !important;/* estilo alternativo admitido por defecto */
	background-image: linear-gradient(var(--principal1, rgb(98, 160, 68)), 10%,
		var(--blanco, rgb(255, 255, 255))) !important; 
	border: 2px solid rgb(255, 255, 255) !important; 	/* estilo alternativo admitido por defecto */
	border: 2px solid var(--blanco, rgb(255, 255, 255)) !important; 
}
.botonConexion:hover {
	border-color: rgb(61, 61, 61) !important; 	/* estilo alternativo admitido por defecto */
	border-color: var(--principal2, rgb(61, 61, 61)) !important; 
}
.botonConexion a, a#botonConexion {
	color:  rgb(0,0,0) !important;
	color: var(--negro, rgb(0,0,0)) !important;
}


/* FIN: Unificar comportamiento en visualización de "botones" */

.bloque-separador {
	background: rgb(61, 61, 61); /* estilo alternativo admitido por defecto */
	background: var(--principal2, rgb(61, 61, 61)); 
}
		
.pie {
	background-color: rgb(98, 160, 68); /* estilo alternativo admitido por defecto */
	background-color: var(--principal1, rgb(98, 160, 68)); /*verde claro*/
}		
#bodycuerpo > div.info_error > div > h1 {
	color: rgb(255, 255, 255) !important; /* estilo alternativo admitido por defecto */
    color: var(--blanco, rgb(255, 255, 255)) !important;
}

@media screen and (max-width: 700px) {
#menu ul > li, #menu ul > li:hover, #menu ul > li > a
	{
	background: rgb(98, 160, 68); /* estilo alternativo admitido por defecto */
	background: var(--principal1, rgb(98, 160, 68)); 
}
}

@media screen and (max-width: 450px) {
	#logoCabecera {		
		width: 200px;
	}
}
/*FIN: Personalización de estilos*/

/* ========================================================== */
/* 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(98, 160, 68)) !important;	/*--blanco, --principal1*/
		border: 2px solid rgb(98, 160, 68) !important; /*-principal1*/
	}
	
	#migas a {
		color: rgb(98, 160, 68); /*--principal1*/
	}
	
	#migas a:visited {
		color: rgb(61, 61, 61); /*--principal2 */
	}
	
	#textoSede, .tituloBienvenida, #contenido legend, #contenido h2,
		#contenido h4, caption {
		color: rgb(98, 160, 68) !important; /*principal1*/
	}
	#contenido a {
		color: rgb(98, 160, 68); /*principal1*/
	}
	.textoBienvenida, #idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .textoEnlaceConoceSede,
		#idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .botonEnlaceConoceSede .botonEnlaceConoceSede_texto
		{
		color: rgb(61, 61, 61); /*principal2*/
	}
	.caja-idioma {
		border-color: rgb(98, 160, 68) !important; /*principal1*/
	}
	.portada, .marca-color {
		background-color: rgb(61, 61, 61) !important; /*principal2*/
		color: rgb(61, 61, 61); /*principal2*/
	}
	.bloque-separador {
		background-image: linear-gradient(to left, rgb(61, 61, 61) 50%, rgb(98, 160, 68) 50%) 	!important; /*principal1  principal2*/
	}
	#idBotoneraParteInferiorPagina  a, #idContenedorElementosConoceSede  a,
		.text-secondary {
		color: rgb(40, 43, 48); /*--gris_oscuro*/
	}
	#idBotoneraParteInferiorPagina a:hover {
		box-shadow: 0px 0px 5px 2px rgb(98, 160, 68) !important; /*principal1*/
		color: rgb(98, 160, 68) !important; /*principal1*/
	}
	#idContenedorElementosConoceSede  a:hover {
		color: rgb(255, 255, 255) !important; /*--blanco */
	}
	div.bloque-enlaces-sede a:hover {
		background-color: rgb(61, 61, 61); /*principal2*/
	}
	#contenido fieldset, #contenido legend {
		border: 1px solid rgb(98, 160, 68)!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(98, 160, 68) !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(61, 61, 61) !important; /*--principal2 */
	}	
}
/* =============================================================== */
/* FIN: ESTILOS PARA LA CORRECTA VISUALIZACIÓN DE COLORES EN EL IE */
/* =============================================================== */