@charset "ISO-8859-1";

#fechaHoraServidor {
    float: none;
    margin-left: 3em;
}

/*Personalización de estilos*/

/* ========================================= */
/* Cabecera, logo y textos */
/* ========================================= */

@media screen and (max-width: 450px) {
	#logoymenu>div>div>div.ms-5.my-0.p-0{
		margin-left: 0rem !important;
	}
	
	#divTextoSede p
	{
		margin-right: 0rem !important;
	}
	#logoymenu > div > div > div.ms-5.my-0.p-0 > div.oa-banner-text > div > p:nth-child(1) > span:nth-child(1)
	{
		font-size:medium !important;
	}
	#logoymenu > div > div > div.ms-5.my-0.p-0 > div.oa-banner-text > div > p:nth-child(1) > span:nth-child(3)
		{
		font-size:large !important;
	}
}

#logoCabecera {
    width: 60px;
    height: auto;
}

#divLogoCabecera, .oa-banner-text {	
    display: inline-block;
}
.oa-banner-text {
    vertical-align: initial;
    margin-left:10px;
}
.oa-banner-text p {
    text-align: left;
    line-height: normal;
    font-weight: bold;	
}

/* ========================================= */
/* Portada */
/* ========================================= */
.portada {
	background-image: none;
	background-color: rgb(122, 154, 0); /*verde claro*//* estilo alternativo admitido por defecto */
	background-color: var(--principal1, rgb(122, 154, 0)); /*verde claro*/
}

.portada 
{
	height:auto;
}

.cuadroBienvenida {
	margin-top: 1%;
	margin-bottom: 1%;
}

/* ========================================= */
/* Otros */
/* ========================================= */
.bloque-separador {
    background: -webkit-linear-gradient(left, rgb(122, 154, 0) 50%, rgb(122, 154, 0) 50%);
    background: -webkit-linear-gradient(left, var(--principal1, rgb(122, 154, 0)) 50%, var(--principal1, rgb(122, 154, 0)) 50%)!important;
}

#contenido a, #contenido h2, caption, #contenido h2.procedimiento {
	color: rgb(50, 50, 50);/* estilo alternativo admitido por defecto */
	color: var(--principal2, rgb(50, 50, 50)); 
	font-weight:bold;
}
#migas a, #migaFecha a {
	color: rgb(50, 50, 50);/* estilo alternativo admitido por defecto */
	color: var(--principal2, rgb(50, 50, 50)); 
}

/* ========================================= */
/* 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"],
	.botonEnviarPerfilContratante a, #tabMenuTramInfo button, #Boton,
	.botonConexion, .botonSuscribir, #botonesPago a {
	color: rgb(0, 0, 0) !important; /* estilo alternativo admitido por defecto */
	color: var(--negro, rgb(0, 0, 0))!important;
	}
			
/* Caracteristicas cuando esta activo */
#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; /* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important;
}
/*FIN: Unificar comportamiento en visualización de "botones" */


/* ========================================= */
/* PIE */
/* ========================================= */
.pie {
	background-color: rgb(50, 50, 50);
	background-color: var(--principal2, rgb(50, 50, 50));
	color: rgb(255, 255, 255) !important; /* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important;
	padding-top: 35px; 
	padding-bottom: 35px;}
.pie h4, .pie h5, .pie a, .pie p, .pie span{
	font-size: 14px; 
	font-weight: 400;
 	margin-bottom: 0; 
	color: rgb(255, 255, 255) !important; /* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important;
	text-decoration:none;
}
.pie h4{ margin-bottom: 15px;}
.pie a:hover { text-decoration: none; opacity: .6; color: inherit;}

.pie .linia{border-bottom: 1px solid #fff; margin-top: 20px; margin-bottom: 20px;}
.form-newsletter .fas {margin-right: 5px;}
.pie form{display: none;}

.pie div div {
	display: block  !important;
}
.pie .row {
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.pie > footer > div > div > div {
    margin-bottom: 20px;
}

/* ========================================================== */
/* 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(122, 154, 0)) !important;	/*--blanco, --principal1*/
		border: 2px solid rgb(122, 154, 0) !important; /*-principal1*/
	}
	
	#migas a {
		color: rgb(122, 154, 0); /*--principal1*/
	}
	
	#migas a:visited {
		color:rgb(50, 50, 50); /*--principal2 */
	}
	
	#textoSede, .tituloBienvenida, #contenido legend, #contenido h2,
		#contenido h4, caption {
		color: rgb(122, 154, 0) !important; /*principal1*/
	}
	#contenido a {
		color: rgb(122, 154, 0); /*principal1*/
	}
	.textoBienvenida, #idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .textoEnlaceConoceSede,
		#idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .botonEnlaceConoceSede .botonEnlaceConoceSede_texto
		{
		color:rgb(50, 50, 50); /*principal2*/
	}
	.caja-idioma {
		border-color: rgb(122, 154, 0) !important; /*principal1*/
	}
	.portada, .marca-color {
		background-color:rgb(50, 50, 50) !important; /*principal2*/
		color:rgb(50, 50, 50); /*principal2*/
	}
	.bloque-separador {
		background-image: linear-gradient(to left,rgb(50, 50, 50) 50%, rgb(122, 154, 0) 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(122, 154, 0) !important; /*principal1*/
		color: rgb(122, 154, 0) !important; /*principal1*/
	}
	#idContenedorElementosConoceSede  a:hover {
		color: rgb(255, 255, 255) !important; /*--blanco */
	}
	div.bloque-enlaces-sede a:hover {
		background-color:rgb(50, 50, 50); /*principal2*/
	}
	#contenido fieldset, #contenido legend {
		border: 1px solid rgb(122, 154, 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(122, 154, 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(50, 50, 50) !important; /*--principal2 */
	}	
}
/* =============================================================== */
/* FIN: ESTILOS PARA LA CORRECTA VISUALIZACIÓN DE COLORES EN EL IE */
/* =============================================================== */