@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: 50%;
		max-height: 75px;
	}

	.img-footer {
		max-width: 50% !important;
	}

	.footer-texto-titulos {
		font-family: Inter;
		font-weight: bold;
		font-size: 22px !important;
		line-height: 20px;
		letter-spacing: -0.342293px;
		color: #545454;
	}

}

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

	.footer-texto-titulos {
		font-family: Inter;
		font-weight: bold;
		font-size: 27px !important;
		line-height: 28px;
		letter-spacing: -0.342293px;
		color: #545454;
	}

}

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



/* Estilo para el header del sistema */
.header {
	height: auto !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: #1B5C4F !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: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 15.1089px;
	line-height: 14px;
	letter-spacing: -0.342293px;
	color: #FFFFFF;
}

.footer-texto {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 13.3314px;
	line-height: 20px;
	letter-spacing: -0.088876px;
	color: #FFFFFF;
}



.footer-texto-bold {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 13.3314px;
	line-height: 20px;
	letter-spacing: -0.088876px;
	color: #FFFFFF;
}

.footer-icono {
	display: inline-block;
	width: 24.65px;
	height: 24.65px;
	width: 24.65px;
}

.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;
}

/* Estilo para titulos */
.font-titulo {
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 27px !important;
	line-height: 33px !important;
	color: #1A202C !important;
}

/* Estilo para label de campos */
.font-campos {
	font-family: 'Inter' !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	color: #545454;
}

/**Estilo para los selecOneMenu del Administrador de Proyectos**/
.motor-selectOneMenu-admin.ui-selectonemenu .ui-selectonemenu-label {
	font-size: 16px;
}