@charset "ISO-8859-1";

#imagenLogoMain {
    width: auto;
    height: 50px;
}

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

.portada {
    height: auto!important;
    justify-content: center !important;
    align-items: flex-end !important;
    padding-top: 1% !important;
    padding-bottom: 1% !important;
    background-color: rgb(228, 37, 24) !important;
    background-color: var(--principal1, rgb(228, 37, 24)) !important;
    background-size: unset;
    background-position: center left;
}

.cuadroBienvenida {
    margin-left: 2em !important;
    height:auto;
}

.textoBienvenida {
    font-size: 1.3em;
}

@media screen and (max-width: 540px) 
{
	.portada{
			justify-content: right !important;
	}
	.cuadroBienvenida {    

	margin-right: .5em !important;
}
}

#contenido table a
{
	color: rgb(63, 63, 63);
	color: var(--principal2, rgb(63, 63, 63));
}
/* ========================================= */
/* Estilos pie */
/* ========================================= */

.pie {
	background-color: rgb(228, 37, 24) !important;
	background-color: var(--principal1, rgb(228, 37, 24)) !important;
}

#pie > div > a
{
	color: rgb(255, 255, 255) !important;
	color: var(--blanco, rgb(255, 255, 255)) !important;
	font-weight: bold !important;
	text-decoration: none;
}

#contenedor_blanco_img_botton_page {
	background-color: rgb(255, 255, 255) !important;
	background-color: var(--blanco, rgb(255, 255, 255)) !important;
    display: flex;
    padding: 0px;
}


#logo1, #logo2, #logo3, #logoAyto
{
	height: auto !important;
	width: 100% !important;
	margin-top:5px !important;
	margin-bottom:0px !important;
	margin-right:0px !important;
	vertical-align:middle;
}


#contenedor_blanco_img_botton_page li
{
	width: 25%;
	padding: 0px !important;
	text-align: center!important;
	list-style: none;
}
	
@media screen and (max-width: 540px) 
{
	#contenedor_blanco_img_botton_page  li {
	    width: 75%;
	}
}
/* ========================================= */
/* FIN: Estilos pie */
/* ========================================= */

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