:root {
	--azul-stm: #004B87;
	--azul-activo: #265597;
	--rojo-alerta: #B00020;
	--gris-fondo: #F4F4F4;
	--gris-boton-inactivo: #CACACA;
	--primary-naranja: #FE5000;
	--primary-amarillo: #F2A900;
	--primary-verde: #1FC17B;
	--primary-celeste: #5BC2E7;
	--primary-azul: #00A3E0;
	--primary-lila: #7263CD;
	--primary-fucsia: #E31C79;
	
	--institucional: #0046E3;
	--institucional-activo: #222222;
	--institucional-claro: #00A6F3;
	
	/*--institucional: #1FC17B;
	--institucional-activo: #07844B;
	--institucional-claro: #BAFCDE;*/
}

html {
	height: 100%;
}

body {
	background-color: #FFFFFF;
	color: #222222;
	font-family: "Ciudadana";
	font-size: 1rem;
	font-weight: 400;
	height: 100%;
	margin: 0px;
	width: 100%;
}

.contenedor-plantilla {
	background-color: #FFFFFF;
	min-height: 100%;
}

.contenedor-plantilla-interno {
	padding-bottom: 0px;
}

.contenedor-cabezal {
	background-color: var(--institucional);
	color: #ffffff;
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 3rem;
	width: 100%;
	padding-left: 10px;
	z-index: 1000;
}

.contenedor-cabezal img {
	height: 40px;
	width: 30px;
	object-fit: cover;
	object-position: left;
}

@media only screen and (min-width: 992px) {
	.contenedor-cabezal img {
		width: auto;
		margin-right: 30px;
		object-fit: contain;
		object-position: 0 0;
	}
}

.contenedor-cabezal a {
	color: #ffffff;
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	font-weight: 700;
	text-decoration: none;
}

.contenedor-cabezal a:hover, .contenedor-cabezal a:focus {
	color: #ffffff;
	text-decoration: none;
}

.contenedor-cabezal button {
	margin-right: 10px;
}

body .ui-widget.ui-button.boton-menu {
	background-color: var(--institucional);
	border: none;
	color: white;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-right: 10px;
	width: auto;
}

.contenedor-cabezal .boton-menu a {
	font-size: 1rem;
}

.contenedor-version {
	align-items: center;
	background-color: var(--institucional-activo);
	color: white;
	display: flex;
	height: 1.4rem;
	position: fixed;
	top: 3rem;
	left: 0px;
	width: 100%;
	z-index: 1000;
	padding-bottom: 2px;
}

.contenedor-version .stm-version {
	font-size: 0.8rem;
	margin-right: 5px;
}

.contenedor-version a.stm-version {
	color: white;
}

.contenedor-version .stm-username {
	flex-grow: 2;
	font-size: 0.8rem;
	margin-left: 5px;
	text-transform: uppercase;
}

.contenedor-cuerpo {
	padding-top: 4.4rem;
	padding-bottom: 10px;
	padding-left: 5vw;
	padding-right: 5vw;
}

.contenedor-pie {
	margin-top: -35px;
	width: 100%;
	z-index: 1000;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #303335;
	background-image: none;
	border: none;
	border-radius: 0px;
	height: 35px;
}

.contenedor-pie .logo-imm {
	height: 25px;
	margin-left: 20px;
}

.contenedor-pie .contenedor-direccion {
	display: flex;
	align-items: center;
	height: 100%;
	text-align: right;
	justify-content: flex-end;
}

.contenedor-pie .contenedor-direccion>span {
	margin-right: 20px;
}

.contenedor-pie .direccion {
	color: #ffffff;
	font-size: 0.6rem;
}

@media only screen and (min-width: 992px) {
	.contenedor-pie .direccion {
		font-size: 0.7rem;
	}
}