@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 .textlogo{
	font-size:x-large !important;
}
#logoymenu .lightlogo
{
	font-size:medium !important;
}
}
#logoymenu {
   	background-color: rgb(0, 109, 179); /* estilo alternativo admitido por defecto */
	background-color: var(--principal1, rgb(0, 109, 179));
    background-image: url("../images/siac/backgroundLogo.png");    
   	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#logoymenu .textlogo{
	font-size:xx-large; 
	font-weight: bold;
}
#logoymenu .lightlogo
{
	font-size:x-large; 
	font-weight: normal;
}

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

#divLogoCabecera, .oa-banner-text {	
    display: inline-block;
}
.oa-banner-text {
/*     vertical-align: middle; */
    margin-left:10px;
    color: rgb(255, 255, 255) !important; /* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important;
}
.oa-banner-text p {
    text-align: left;
    line-height: normal;
    font-weight: bold;	
}
#textoSede {
	color: rgb(255, 255, 255) !important; /* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important;
}
.caja-idioma {
	background-color: rgb(255, 255, 255) !important; /* estilo alternativo admitido por defecto */
	background-color: var(--blanco, rgb(255, 255, 255)) !important;
}

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

.portada 
{
	height:auto;
}

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

div#menu {
    padding: 0;
    padding-left: 3%;
}
/* ========================================= */
/* Otros */
/* ========================================= */
#fechaHoraServidor {
    margin-left: 3%;
    float: left;
}
 #user {
    margin-left: 3%;
 }

a#botonConexion, #user {    
    margin-right: 3% !important;
    float: right !important;
}

a#botonConexion{
	color: var(--principal1, rgb(0, 109, 179)); 
}

.bloque-separador {
    background: -webkit-linear-gradient(left, rgb(0, 109, 179) 50%, rgb(0, 109, 179) 50%);
    background: -webkit-linear-gradient(left, var(--principal1, rgb(0, 109, 179)) 50%, var(--principal1, rgb(0, 109, 179)) 50%)!important;
}

#contenido a, #contenido h2, caption, #contenido h2.procedimiento {
	font-weight:bold;
}

/* ========================================= */
/* BOTON */
/* ========================================= */
			
/* 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 */
/* ========================================= */
.pie{
	color: rgb(255, 255, 255) !important; /* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important;
	display: block;
	min-height: 15em;
}
	
#pie .col-texto, #pie .col-texto p
{
	max-width: 45%;
	width: 45%;
	text-align: center !important;
	float: left;
	padding: 1rem;
}
#pie .col-texto .linea {
    display: block;
}

#pie a {
	font-weight: bold;
	color: rgb(255, 255, 255) !important; /* estilo alternativo admitido por defecto */
	color: var(--blanco, rgb(255, 255, 255)) !important;
}

#pie .col-logo, #pie .col-logo img
{
	max-width: 45%;
	max-height: 100px !important;
	/*text-align: center;*/
	float: right;
	padding: 1rem;
}
#pie .col-logo img 
	{
   		height: auto;
		width:auto;
		margin: 1em 0 1em;
	}

@media screen and (max-width: 768px)
{	
	#pie .col-logo	
	{
		padding-left:0;
		padding-right:0;
	}
		#pie .col-texto, #pie .col-texto p, #pie .col-logo, #pie .col-logo img {
		max-width: 100%;
		width: 100%;
		padding: 5px;
	}
}

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