@charset "ISO-8859-1";

/* INICIO: Personalización de estilos */
body
{
	min-height: 100vh;
}
/* ===================== De generalAyto.css ===================================== */
.bloque-separador {
	background: rgb(12, 99, 136) !important;
	background: var(--principal1,  rgb(12, 99, 136)) !important;
}

.marca-color {
	background-color: rgb(12, 99, 136) !important;
	background-color: var(--principal1, rgb(12, 99, 136)) !important;
	color: rgb(12, 99, 136) !important;
	color: var(--principal1, rgb(12, 99, 136)) !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 {
	background-color: transparent !important;
	color: rgb(12, 99, 136) !important;
	color: var(--principal1, rgb(12, 99, 136)) !important;
}
/*FIN: Unificar comportamiento en visualización de "botones" */
#fechaHoraServidor {
	margin-left: 3em;
	float: left !important;
}

@media screen and (max-width: 500px) {
	#fechaHoraServidor {
		margin-left: 0.5em !important;
	}
}

/* ===================== De InfotableAyto.css ===================================== */
table.dataTable caption {
	border-bottom: 2px solid rgb(12, 99, 136);
	border-bottom: 2px solid var(--principal1, rgb(12, 99, 136));
}
/* ===================== De menuizqAyto.css ===================================== */
#menu.sticky {
	box-shadow: -1px 2px 5px 0px rgb(12, 99, 136); /* estilo alternativo admitido por defecto */
	box-shadow: -1px 2px 5px 0px var(--principal1, rgb(12, 99, 136)) !important;
}

#idBotoneraParteInferiorPagina a:hover {
	box-shadow: 0px 0px 5px 2px rgb(12, 99, 136);	/* estilo alternativo admitido por defecto */
	box-shadow: 0px 0px 5px 2px var(--principal1, rgb(12, 99, 136)) !important;
}

/* Especificos del ayuntamiento */
/* ================================================================= */
/* Estilos "cabecera" */
/* ================================================================= */
#logoymenu {
    padding-top: .5rem;
}

#divLogoCabecera, #iconoLogo a {
    display: block;
    height: 53px !important;
    overflow: hidden;
    width: 150px !important;
    margin-top: .5rem;
}
#iconoLogo a {
	 margin-top: 0;
}
#logoCabecera, #imagenLogoMain {
    width: 150px;
    height: auto;
    margin-top: 0 !important;
}
/* ================================================================= */
/* Estilos "portada" */
/* ================================================================= */
/*div#portada {
	display: none;
}*/

/* ================================================================= */
/* Estilos Iconos */
/* ================================================================= */
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?qfxd5a');
	src: url('../fonts/icomoon.eot?#iefixqfxd5a')
		format('embedded-opentype'), url('../fonts/icomoon.woff?qfxd5a')
		format('woff'), url('../fonts/icomoon.ttf?qfxd5a') format('truetype'),
		url('../fonts/icomoon.svg?qfxd5a#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ================================================================= */
/* Iconos Cabecera */
/* ================================================================= */
.icon-mail:before {
	content: "\e646";
}

.icon-telefono:before {
	content: "\e635";
}

.lista-telefonos-icon {
	margin-top: 0.25rem;
}
/* Responsivo */
@media only screen and (max-width: 700px) {
	.lista-telefonos-icon {
		margin-top: 0px;
	}
}
/* ================================================================= */
/* Iconos Pie */
/* ================================================================= */
.footer  ul li {
	padding-left: 0.5em !important;
}

.icon-facebook:before {
	content: "\e909";
}

.icon-twitter:before {
	content: "\e900";
}

.icon-instagram:before {
	content: "\e90a";
}

.icon-youtube2:before {
	content: "\ea9d";
}

.icon-tiktok:before {
	content: "\e90c";
}

.icon-linkedin:before {
	content: "\eac9";
}

.icon-whatsapp:before {
    content: "\e90e";
}

.icon-whatsapp:before {
  content: "\e90e";
}

.facebook span:hover, .twitter span:hover, .instagram span:hover,
	.youtube2 span:hover, .tiktok span:hover, .linkedin span:hover, .whatsapp span:hover  {
	color: rgb(151, 203, 255);
}

/* ================================================= */
/* Estilos para el botón de identificación*/
/* ================================================= */
form[name='formClave'] img {
	border: 1px solid var(--principal1, rgb(12, 99, 136));
	border-radius: 10px;
	padding: 10px;
}


/* estilos Personalización de las páginas específicas de errores existentes */
.info_error {
    color: white;
}

#textoSede {
    font-style: normal!important;
}

#Raiz >.bloque-separador ~ br {
    display: none;
}

#divLogo #logoCabecera {
    margin-top: 0;
    height: 159px !important;
    width: 150px !important;
    flex: none;
}
/* FIN: estilos Personalización de las páginas específicas de errores existentes */


/* ================================================================= */
/* Elementos "pie de la sede" */
/* ================================================================= */

/*
 * Contenedor de todos los elementos del "Pie la sede"
 * 
 */

/* PIE FOOTER ------------------------------------------------------------------------------------------------- */

#pie div div {
    display: block;
}

#pie div div.row {
    display: flex;
}

/* ================================================================= */
/* Fuente proporcionada */
/* ================================================================= */ 
@font-face {
	font-family: 'Onuba';
	src: url('../fonts/Onuba-Regular.woff2') format('woff2'),
		url('../fonts/Onuba-Regular.woff') format('woff');
	font-weight: normal !important;
 }

footer, footer h2, footer .h2, footer a, footer address {
	font-family: 'Onuba', sans-serif !important;
	font-weight: normal !important;
}
/* ================================================================= */
footer {	
	background: none repeat scroll 0 0 rgb(52, 52, 52) !important;
	background: none repeat scroll 0 0 var(--principal2, rgb(52, 52, 52)) !important;	
	color: rgb(243, 243, 243) !important;
 	font-size: 0.75rem; /*12px; */
	line-height: 18px;
	padding: 36px 0;
}

footer .container {
	padding: 0;
}

footer .col-md-3.col-sm-12.col-xs-12.AyoFooter {
	width: 0.3rem;
	width: 30%;
}

footer a {
	color: rgb(243, 243, 243) !important;
	border: 2px solid transparent;
}

footer a:hover {
	border-bottom: 2px solid rgb(12, 99, 136);
	border-bottom: 2px solid var(--principal1, rgb(12, 99, 136));
}

.footer p {
	text-align: left !important;
}

footer h2, footer .h2 {
	color: rgb(243, 243, 243) !important;
	font-size: 1.875rem !important; /*30px*/
	margin-bottom: 10px;
	text-transform: none !important;
}

footer ul li {
	background: none repeat scroll 0 0 rgb(52, 52, 52) !important;
	background: none repeat scroll 0 0 var(--principal2, rgb(52, 52, 52)) !important;
}

footer .footerList {
	border-left: 1px solid rgb(216, 207, 207) !important;
	height: min-content;
}

footer .footerList ul, footer .footerList ul li {
	list-style: none;
	padding: 0 !important;
	line-height: 36px;
}

footer .footerList ul li a {
	color: rgb(216, 207, 207) !important;
	display: block;
	text-decoration: none;
}

footer .footerList ul li a:hover {
	color: rgb(0, 0, 0) !important
}

footer .footerList ul li.leaf:hover {
	background-color: rgb(238, 238, 238) !important;
}

footer .socialLinks {
	padding: 0;
}

footer .socialLinks li {
	list-style: none;
	float: left;
	margin-right: 15px;
}

footer .socialLinks li a {
	font-size: 1.5rem; /*24px;*/
	color: rgb(216, 207, 207) !important;
	margin-bottom: 12px;
}

a.totop:hover, a.totop:focus {
	color: rgb(12, 99, 136) !important;
	color: var(--principal1, rgb(12, 99, 136)) !important;
}

footer .texto_oculto {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

footer .logo {
	display: block;
	height: 55px;
	overflow: hidden;
}

footer .logo img {
	margin-top: -106px;
}

footer .logo:hover img {
	margin-top: -53px;
}

footer .legalLinks a {
	margin-right: 10px;
	text-decoration:none;
}

footer .legalLinks a:hover {
	color: rgb(0, 0, 0) !important;	
	background-color: rgb(238, 238, 238) !important;
}

footer address {
	display: block;
	margin-top: 26px;
	margin-bottom: 73px;
}

footer .backTop {
	display: block;
}

footer .pull-right {
	float: right !important;
}

/* ================================================================= */
/* Responsivo */
/* ================================================================= */
@media screen and (max-width: 991px)
	/*media="(min-width: 768px) and (max-width: 991px)"*/ {
	.footer {
		height: auto;
	}
	footer .footerList {
		margin-right: 20px
	}
	footer address {
		margin-bottom: 36px;
	}
	footer .followUs {
		width: 100%;
		margin-top: 18px;
		border: none;
		border-top: 1px solid rgb(103, 103, 103);
	}
}

@media screen and (max-width: 767px)
	/*media="(min-width: 480px) and (max-width: 767px)"*/ {
	footer {
		padding: 35px !important;
	}
	footer address {
		margin-bottom: 15px;
	}
	footer .backTop {
		margin-top: 0px;
	}
	footer .followUs {
		border: none;
	}
	footer .AyoFooter, footer .footerList {
		width: 100%;
		padding-bottom: 18px;
		margin-bottom: 18px;
		border: none;
		border-bottom: 1px solid rgb(103, 103, 103);
	}
	footer .footerList ul, footer .footerList ul li {
		line-height: 25px;
	}
}

@media screen and (max-width: 576px) {
	footer {
		margin-left: 0vw !important;
		margin-right: 0vw !important;
	}
}

@media screen and (max-width: 479px) {
	footer .socialLinks li {
    margin-right: 10px;
}
}

/* ================================================================= */
/* Elementos "pie de la sede" */
/* ================================================================= */

/* ================================================================= */
/*FIN: Personalización de estilos*/
/* ================================================================= */

/* ========================================================== */
/* ESTILOS PARA LA CORRECTA VISUALIZACIÓN DE COLORES EN EL IE */
/* ========================================================== */
@media all and (-ms-high-contrast:none) and (max-width:  500px) {
	footer,  footer+.container {
		margin-left: 0.5em!important;
		margin-right: 0.5em !important;
	}
}

@media all and (-ms-high-contrast:none) {
	footer, footer~.container
	{
	/* margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;*/	
		margin-left: -3em !important;
		margin-right: -3em !important;
		padding-left:10px;
	}

	.block-title {
	color: rgb(243, 243, 243) !important;
	}
	
	#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(12, 99, 136) !important;	/*--principal1 */
	}
	
	.botonConexion {
		background-image: linear-gradient(rgb(255, 255, 255), rgb(12, 99, 136)) !important;	/*--blanco, --principal1*/
		border: 2px solid rgb(12, 99, 136) !important; /*-principal1*/
	}
	
	#migas a {
		color: rgb(12, 99, 136); /*--principal1*/
	}
	
	#migas a:visited {
		color: rgb(52, 52, 52); /*--principal2 */
	}
	
	#textoSede, .tituloBienvenida, #contenido legend, #contenido h2,
		#contenido h4, caption {
		color: rgb(12, 99, 136) !important; /*principal1*/
	}
	#contenido a {
		color: rgb(12, 99, 136); /*principal1*/
	}
	.textoBienvenida, #idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .textoEnlaceConoceSede,
		#idContenedorGrupoEnlacesConoceSede #idGrupoEnlacesConoceSede .enlaceConoceSede .botonEnlaceConoceSede .botonEnlaceConoceSede_texto
		{
		color: rgb(52, 52, 52); /*principal2*/
	}
	.caja-idioma {
		border-color: rgb(12, 99, 136) !important; /*principal1*/
	}
	.portada, .marca-color {
		background-color: rgb(52, 52, 52) !important; /*principal2*/
		color: rgb(52, 52, 52); /*principal2*/
	}
	.bloque-separador {
		background-image: linear-gradient(to left, rgb(52, 52, 52) 50%, rgb(12, 99, 136) 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(12, 99, 136) !important; /*principal1*/
		color: rgb(12, 99, 136) !important; /*principal1*/
	}
	#idContenedorElementosConoceSede  a:hover {
		color: rgb(255, 255, 255) !important; /*--blanco */
	}
	div.bloque-enlaces-sede a:hover {
		background-color: rgb(52, 52, 52); /*principal2*/
	}
	#contenido fieldset, #contenido legend {
		border: 1px solid rgb(12, 99, 136)!important; /*principal1*/
	}
	
	#contenido footer h2
	{
		color: rgb(243, 243, 243) !important;
	}

	/* ========================================= */
	/* 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(12, 99, 136) !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(52, 52, 52) !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(12, 99, 136) !important; /*principal1*/
	}
}
/* =============================================================== */
/* FIN: ESTILOS PARA LA CORRECTA VISUALIZACIÓN DE COLORES EN EL IE */
/* =============================================================== */