@charset "UTF-8";

/* Esta hoja de estilos es utilizada por default.xhtml, header.xhtml y footer.xhml */

/* Media Query

   Use estos estándares de resoluciones:
   	320px — 480px: Mobile devices
	481px — 768px: iPads, Tablets
	769px — 1024px: Small screens, laptops
	1025px — 1200px: Desktops, large screens
	1201px and more —  Extra large screens, TV
*/
@media screen and (max-width: 480px) {
	.img-header {
		width: 90%;
		max-height: 75px;
	}
	/* .img-footer {
  	max-width: 50% !important;
  }*/
}


@media screen and (min-width: 481px) {
	.img-header {
		width: 50%;
		max-height: 75px;
	}
}

body, html {
	margin: 0 !important;
	padding: 0 !important;
	height: 100% !important;
}

/* Estilo para el header del sistema */
.header {
	height: 70.5px !important;
	background: #FFFFFF;
	color: #f1f1f1;
	text-align: left;
	max-width: 1200px;
	margin: 0 auto; /* centra el div en el contenido */
}

.header-menu-icono {
	background-image: url(/resources/img/user.svg) !important;
	width: 42px !important;
	height: 42px !important;
	background-size: 42px !important;
}

.header-menu-boton .ui-button-icon-only .ui-icon {
	left: 10% !important;
	top: 30% !important;
}

/* Estilo para el div de contenido principal del sistema */
.contenido {
	width: 100%;
	height: 90%;
	flex: 0 0 auto;
	margin: 0 auto; /* centra el div en el contenido */
}

.footer {
	height: auto !important;
	background: #10312B !important;
	width: 100% !important;
	/*  position:relative !important;  */
	bottom: 0 !important;
	left: 0 !important;
	min-height: 3em !important;
	padding-top: 1.4em !important;
}

.footer-texto-titulo {
	font-family: 'Montserrat' !important;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 14px;
	letter-spacing: -0.342293px;
	color: #FFFFFF;
}

.footer-texto {
	font-family: 'Montserrat' !important;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.088876px;
	color: #FFFFFF !important;
}

.footer-texto-sitio {
	font-family: 'Montserrat' !important;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-decoration: underline;
	letter-spacing: -0.088876px;
	color: #FFFFFF !important;
}

.footer-texto-bold {
	font-family: 'Montserrat' !important;
	font-style: normal;
	font-weight: bold;
	font-size: 13.3314px !important;
	line-height: 15px;
	letter-spacing: -0.088876px;
	color: #FFFFFF !important;
}

.footer-icono {
	display: inline-block;
	width: 24.65px;
	height: 24.65px;
	width: 24.65px;
	margin-top: 4px;

}

.footer-portal-datos {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: url(/resources/img/footer-background.png);
	background-size: cover;
	background-position: center;
	background-repeat: repeat;
	border-radius: 5.50303px;
}

.footer-portal-datos-imagen {
	display: inline-block;
	width: 140.97px;
	height: 84.77px;
	width: 140.97px;
}

.footer-cintillo {
	background-image: url(/resources/img/cintillo.svg);
	background-repeat: no-repeat;
	background-position-x: center;
	height: 30px;
}

.footer-celda {
	/*margin-block-end: 10px;*/
	margin: 0px !important;

}

@media screen and (min-width:680px) {
	#Contactos {
		display: none;
	}
}

@media screen and (max-width:641px) {
	/*@media screen and (max-width:601px)*/
	#ListaContactos {
		display: none;
	}
	#Contactos {
		display: inline-block;
	}

}


@media screen and (min-width: 992px) {
		.lg\:text-center {
			text-align: left !important;
		}
	}
@media screen and (min-width: 576px) {
		.sm\:text-left {
			text-align: center !important;
		}
	}


* {
    box-sizing: border-box;
}


img {
    overflow-clip-margin: content-box;
    overflow: clip;
}