/* *************************************************************************************************************************************** */
/* ***** ESTILOS PARA TODA LA PÁGINA WEB ***** */
*{
	font-family: 'Montserrat-Regular';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Colores destinados al cambio de marca: */
.color_blanco{
	color: white;
}
.color_azul{
	color:#28367f;
}
.color_azul_claro{
	color:#1275bb;
}
.color_celeste{
	color:#6ebce9;
}
.color_rojo{
	color:#e52330;
}
.color_amarillo_1{
	color:#e8c756;
}
.color_amarillo_2{
	color:#e4c44e;
}
.color_verde_1{
	color:#76b82a;
}
.color_verde_2{
	color:#7db72c;
}
.color_gris_oscuro{
	color:#636362;
}
.color_gris_medio{
	color:#797777;
}
.color_gris_claro{
	color:#b7b7b7;
}
.color_gris_blanco{
	color:#EDEDED;
}
.color_background_azul{
	background-color:#28367f;
}
.color_background_azul_claro{
	background-color:#1275bb;
}
.color_background_celeste{
	background-color:#6ebce9;
}
.color_background_rojo{
	background-color:#e52330;
}
.color_background_amarillo_1{
	background-color:#e8c756;
}
.color_background_amarillo_2{
	background-color:#e4c44e;
}
.color_background_verde_1{
	background-color:#76b82a;
}
.color_background_verde_2{
	background-color:#7db72c;
}
.color_background_gris_oscuro{
	background-color:#636362;
}
.color_background_gris_medio{
	background-color:#797777;
}
.color_background_gris_claro{
	background-color:#b7b7b7;
}
.color_background_gris_blanco{
	background-color:#EDEDED;
}
.color_background_blanco{
	background-color: white;
}
/* Tipo de letras destinado al cambio de marca: */
.letra_amithen{
	font-family: 'Amithen';
}
.letra_montserrat_bold{
	font-family: 'Montserrat-Bold';
}
.letra_montserrat_bold_italic{
	font-family: 'Montserrat-BoldItalic';
}
.letra_montserrat_extra_bold{
	font-family: 'Montserrat-ExtraBold';
}
.letra_montserrat_italic{
	font-family: 'Montserrat-Italic';
}
.letra_montserrat_regular{
	font-family: 'Montserrat-Regular';
}
.letra_quito_renace{
	font-family: 'Quito-Renace';
}
/* Estilos para el scroll: */
::-webkit-scrollbar{
	width: 0.7rem;
	height: 0.7rem;
}
::-webkit-scrollbar-track{
	background: white;
	border-radius: 10px;
	border: none;
}
::-webkit-scrollbar-thumb{
	background: #28367f;
	border-radius: 10px;
}
/* Cambio de color y tamaño en el scrollbar de Firefox: */
@supports (scrollbar-color: #28367f white){
	*{
		scrollbar-color: #28367f white;
		scrollbar-width: thin;
	}
}
/* Ocultar el scroll al aparecer el preload: */
.ocultar_scroll_preload{
	overflow: hidden;
}
/* Fuente de color azul oscuro para títulos de cada sección: */
.fuente_normal{
	text-align: center;
	color: #28367f;
	font-size: 1.5rem;
	margin-top: 1.5rem;
}
/* Fuente de color azul oscuro en negrita para títulos de cada sección: */
.fuente_bold{
	text-align: center;
	font-family: 'Montserrat-Bold';
	color: #28367f;
	font-size: 1.7rem;
	margin-top: -0.65rem;
	margin-bottom: 1rem;
}
/* Fuente de color blanco para títulos de cada sección: */
.fuente_normal_blanco{
	text-align: center;
	color: white;
	font-size: 1.5rem;
	margin-top: 1.5rem;
}
/* Fuente de color blanco en negrita para títulos de cada sección: */
.fuente_bold_blanco{
	text-align: center;
	font-family: 'Montserrat-Bold';
	color: white;
	font-size: 1.7rem;
	margin-top: -0.65rem;
	margin-bottom: 1rem;
}
/* Fuente de color rojo para títulos h1 que aparece al inicio de cada página: */
.fuente_bold_rojo_mayus{
	text-align: center;
	font-family: 'Montserrat-Bold';
	font-size: 1.7rem;
	color: #e52330; 
	margin-top:2rem; 
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	padding-left:1rem; 
	padding-right:1rem;
	/*border: 0.1rem solid black;*/
	width: 100%;
}
.fuente_bold_azul_lower{
	text-align: center;
	font-family: 'Montserrat-Bold';
	font-size: 1.7rem;
	color: #28367f; 
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	padding-left:1rem; 
	padding-right:1rem;
	/*border: 0.1rem solid black;*/
	width: 100%;
	margin-top:-1.5rem;
}
/* Fuente de color rojo para títulos h1 que aparece al inicio de cada página: */
.fuente_rojo_mayus{
	text-align: center;
	font-size: 1.6rem;
	color: #e52330; 
	margin-top:-1.5rem; 
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	padding-left:1rem; 
	padding-right:1rem;
	width: 100%;
}
/* Fuente para el contenido de un post o página: */
.fuente_normal_contenido{
	font-family: 'Montserrat-Regular'; 
	/*margin-bottom: 2rem;*/
	margin-top: 0rem; /* -1 es para las figuras de HOY NO CIRCULA */
}
/* Contenedor para agrupar todo el contenido que aparezca en cada página: */
.cuadro_principal{
	max-width: 90%;
	min-width: 30%;
	/*background-color: white;*/
	background-color:transparent;
	margin: 0 auto;
	padding: 0;
	/*border-top: 0.1rem solid black;
	border-bottom: 0.1rem solid black;*/
}
/* Estilo para colocar un fondo en todas las secciones: */
.fondo_seccion_blanco{
	background-color: white; 
	padding:0.01rem; /* El padding es para ajustar el background a toda la sección */
}
/* Estilo de todo el breadcrumb: */
.fondo_breadcrumb{
	padding-top: 0.9rem; 
	padding-left: 1.5rem; 
	padding-right: 1.5rem;
	margin-top:0.1rem; 
	background-color: #28367f;
	color: white;
	border-top:0.1rem solid white;
	justify-content: end !important;
}
/* Estilo del texto del breadcrumb: */
.texto_breadcrumb{
	display:inline-block; 
	color: white;
}
/* Estilo enlace del breadcrumb: */
.fondo_breadcrumb .texto_breadcrumb p span span a{
	color: white;
}
/* Estilo del contenedor del ícono de inicio: */
.div_icono_inicio_blanco{
	display:inline-block;
	padding-bottom: 0;
	margin-bottom: 0;
}
/* Estilo de la figura del ícono de inicio: */
.icono_inicio_blanco_fig{
	padding-right:0.5rem; 
	padding-top:0;
	margin-bottom: 0;
}
/* Tamaño del ícono de inicio: */
.icono_inicio_blanco_long{
	height:1rem;
}
/* Estilo del botón de la página 404: */
.boton_404{
	font-family: 'Montserrat-Bold';
	color: white;
	border-radius: 10px; 
	border: 0.1rem solid rgba(0, 0, 0, .3); 
	padding-top: 0.3rem; 
	padding-bottom: 0.2rem; 
	padding-left: 1.5rem; 
	padding-right: 2.5rem;
	margin-bottom: 2rem;
	min-width: 8rem;
	margin-left: 0.5rem;
	background: #28367f;
}
.boton_404:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
/* Estilos del ícono secundario obtenido desde wordpress:*/
.div_icono_secundario{
	text-align: start; 
	margin: 0 1rem; 
	max-width: 58rem;
}
.ul_icono_secundario{
	min-width: 1.5rem; 
	max-width: 1.5rem; 
	margin: 0; 
	padding: 0.2rem 0.1rem; 
	list-style: none;
}
.img_width{
	max-width: 100%;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO HEADER ***** */
/* Borde separador para ajustar el contenido al cuadro de Búsqueda: */
.borde_separador_inicial{
	height: 7.8rem;
	background-color: #28367f;
	left: 0;
	max-width: 100%;
	margin: 0;
	padding: 0;
	z-index:0;
}
/* Contenedor para ajustar los íconos de redes sociales al borde del contenedor principal: */
.cuadro_redes_sociales{
	max-width: 90%;
	min-width: 19.7rem;
	/*border: 0.1rem solid #000;*/
	/*min-width: 100px !important;*/
	left: 5%;
	background-color: white;
	z-index: 15;
	position: fixed;
	top: 0rem;
	padding: 0 2.5rem;
}
/* Estilo del contenedor de inicio y num: */
.cabecera_inicio{
	/*max-width: 11rem;*/
	/*border: 0.1rem solid #000;*/
	padding: 0 0rem;
}
/* Tamaño del ícono de inicio: */
.icono_inicio{
	height: 1.5rem;/*1.5*/
	width: 1.5rem;
	margin-top: 1.1rem;
	margin-left: 0rem;
	margin-bottom: 1rem;
	padding: 0;
	display: inline-block;
}
/* Estilo ícono separador de inicio y num: */
.icono_separacion_inicio{
	height: 1.5rem;
	padding-left: 0.5rem;
	margin-top: 1.1rem;
	margin-right: 0.8rem;
	margin-left: 0.8rem;
	/*margin-bottom: 1.1rem;*/
	padding: 0;
	display: inline-block;
}
/* Estilo del contenedor del número de contacto 1800-AMT-AMT: */
.cabecera_num{
	/*height: 4rem; */
	padding-top: 1.1rem;
	padding-left: 0rem;
	/*margin-left: 0.8rem;*/
	color: #28367f;
	font-family: 'Montserrat-Bold';
	font-size: 1.1rem;
	/*border: 0.1rem solid #000;*/
}
/* Estilo del contenedor de redes sociales y buscador: */
.cabecera_redes{
	/*max-width: 13.5rem;*/
	/*border: 0.1rem solid #000;*/
	padding: 0;
}
/* Tamaño del recuadro donde están los íconos de redes sociales: */
.iconos_circulo{
	height: 1.5rem;/*1.5*/
	width: 1.5rem;
	border-radius: 50%;
	margin-top: 1.1rem;
	/*margin-right: 0.5rem;*/
	margin-left: 1rem;
	margin-bottom: 1.1rem;
	padding: 0;
	display: inline-block;
}
/* Tamaño de los íconos: */
.estilo_iconos{
	width: 100%;
}
/* Tamaño del recuadro donde está el ícono de Contacto (Se actualiza en modo Responsive): */
.iconos_circulo_contacto{
	height: 1.5rem;
	width: 1.5rem;
	border-radius: 50%;
	margin-top: 1.1rem;
	/*margin-right: 0.5rem;*/
	margin-left: 1rem;
	margin-bottom: 1.1rem;
	padding: 0;
	display: inline-block;
}
/* Tamaño del recuadro donde está el ícono que separa las redes sociales y el Contacto, con el ícono de búsqueda (Se actualiza en modo Responsive): */
.icono_separacion{
	height: 1.5rem;
	padding-left: 0.5rem;
	margin-top: 1.1rem;
	margin-right: 0.8rem;
	margin-left: 0.8rem;
	/*margin-bottom: 1.1rem;*/
	padding: 0;
	display: inline-block;
}
/* Tamaño del recuadro donde está el ícono de búsqueda (Se actualiza en modo Responsive): */
.icono_busqueda{
	height: 1.5rem;
	width: 1.5rem;
	border-radius: 5px;
	margin-top: 1.1rem;
	/*margin-right: 0rem;*/
	margin-left: 0rem;
	margin-bottom: 1.1rem;
	padding: 0;
	display: inline-block;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO MENU ***** */
/* Para ajustar a dos columnas los subtítulos de Información */
header nav ul li:nth-of-type(3) ul{
	columns: 2; /* 1 */
	width: 25rem; /* 12rem */
}
/* Menú que aparece en dispositivos móviles (Se actualiza en modo Responsive): */
.menu_bar{
	display: none;
	/*margin-top: 0rem;*/
	/*left: 0;*/
	/*max-width: 90%;*/
}
/* Color de fondo del menú extendido, en las páginas que no son la principal: */
.fondo_menu_fijo{
	height: 4.2rem; /*4.2 */
	left: 5%;
	max-width: 90%;
	background-color: #28367f;
	/*margin-right: -0.8rem;*/
	margin:0;
	padding: 0;
	z-index:10;	/* 10 */
	position: fixed;
	top: 3.7rem; /* 3.7 */
}
/* Color de fondo del menú desplegable (Se activa en modo responsive): */
.color_fondo_menu{
	background-color: none;
	padding-right:1rem;
}
/* Estilo de todo el menú: */
header nav {
	position: fixed;
	background-color: #28367f;
	top:3.7rem;
	/*background: #fff; */ /* #00f */
	z-index: 10; /* Para colocar el menú por encima de cualquier texto o imagen*/
	margin: 0rem;
	/*max-width: 1000px;*/
	/*width: auto;*/
	/*margin-top: 0rem;*/
	/*margin-left: auto;
	margin-right: 0rem;*/
	/*background-color: #000 !important;*/
	padding-top: 1rem;
	padding-bottom: 0.01rem;
	padding-right: 2rem;
	padding-left: 0rem;
	/*font-size: 1.1rem;*/
	/*width: 100%;*/
}
/* Para eliminar todas las viñetas del menú (títulos y subtítulos): */
header nav ul{
	list-style: none;
}
/* Estilo de los títulos del menú: */
header nav ul li{
	display: inline-block;
	position: relative;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	color: white;
	cursor: pointer; /* Esto es debido a que en el Menú de Wordpress está en href="javascript:void(0);" */
}
/* Para colocar al lado derecho las líneas verticales de separación entre cáda título, excepto en el último: */
header nav ul li:not(:last-of-type){
	border-right: 0.2rem solid white;
	/*margin-right: -0.2rem;*/
}
/* Color de fondo que se activa al pasar el mouse por sobre los títulos: */
header nav ul li:hover{
	background: #1275bb;
	/*border-right: 0.2rem solid none;*/
}
/* Estilo de las letras de los títulos: */
header nav ul li a{
	color: white;
	display: block;
	text-decoration: none;
	padding: 0.3rem;
}
/* Color del texto que se activa al pasar el mouse por sobre los títulos: */
header nav ul li a:hover{
	color: white; 
}
/* Para mostrar los subtítulos al pasar con el mouse:*/
header nav ul li:hover ul{
	display: block;
}
/* Estilo del fondo donde se encuentran los subtítulos: */
header nav ul li ul{
	display: none; /* Para ocultar el listado de subtítulos*/
	background: white;
	/*color:#000 !important;*/
	position: absolute;
	/*width: 200%;*/
	width: 12rem;
	z-index: 10;
	padding-left: 0rem;
	/*margin-left: -0.2rem;
	margin-right: 5rem;*/
	border: 0.1rem solid rgb(99,99,98,.2);
}
/* Estilo para que los subtítulos abarquen todo el recuadro: */
header nav ul li ul li{
	display: block;
	/*border-bottom: 0.1rem solid #1275bb;*/
}
/* Estilo para poner un borde inferior, excepto en el último subtítulo: */
header nav ul li ul li:not(:last-of-type){
	border-right: none;
	border-bottom: 0.1rem solid #1275bb;
}
/* Color de fondo de los subtítulos al pasar el mouse: */
header nav ul li ul li a{
	color: #1275bb;
	text-decoration: none;
}
/* *************************************************************************************** */
/* ***** ESTILO BÚSQUEDA ***** */
#ctn-icon-search i{
	cursor: pointer;
}
/* Estilo de la barra donde se ingresa la búsqueda:*/
#ctn-bars-search{
	position: fixed;
	top: 0rem;
	left: 5%;
	width: 90%;
	background-color: #1275bb;
	padding: 0.6rem 0;
	/*margin-left: -0.8rem;*/
	z-index: 13;
	transition: all 500ms;
}
/* Estilo del recuadro de entrada de la búsqueda */
#ctn-bars-search input{
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 0.5rem;
	padding-left: 1rem;
	font-size: 1rem;
	outline: 0;
	border-radius: 5px;
	border: none;
}
/* Estilo donde se encuentran todos los títulos que se pueden buscar: */
#box-search{
	top: 11.1rem;
	margin: 0 auto;
	width: 72%;
	background-color: white;
	z-index: 12;
	list-style: none;
	left: 50%;
	transform: translateX(-50%);
	padding: 0rem;
	border-radius: 5px;
	border: none;
	position: fixed;
	display: none;
	max-height: 40%; 
	overflow: scroll;
	/*position: absolute;*/
}
/* Estilo del texto del enlace: */
#box-search li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #1275bb;
	padding: 0.5rem;
	padding-left: 1rem;
}
/* Estilo al pasar con el mouse en un enlace: */
#box-search li a:hover{
	color: white;
	background-color: #1275bb;
	border-radius: 5px;
}
/* Estilo del recuadro negro transparente que cubre toda la página al buscar: */
#cover-ctn-search{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 11;
	display: none;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA INICIO ***** */
/* *************************************************************************************** */
/* ***** ESTILO POPUP ***** */
.popup-fadeOut{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 500ms, opacity 500ms;
}
/* Estilo del recuadro negro transparente que cubre toda la página: */
#cover-popup{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 20;
	display: block;
}
#cover-popup-cerrar{
	font-size: 1.6rem;
	font-weight: bold;
	color: #28367f;
	min-width: 2.4rem;
	min-height: 2.4rem;
	max-width: 2.4rem;
	max-height: 2.4rem;
	position: fixed;
	left: auto;
	right: 7%;
	top: 13%;
	background: rgba(255, 255, 255, 1);
	z-index: 2000;
	display: block;
	cursor: pointer;
	border-radius: 50%;
	border-color: #28367f;
}

/*#ctn-icon-popup i{
	cursor: pointer;
}*/

.div_popup{
	z-index:1000; 
	margin: 0rem;
	padding:0rem; 
	position: fixed; 
	top:50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	max-width: 35rem;
	min-width: 35rem; 
	box-shadow: 0px 0px 50px 2px #000; 
	background-color:#28367f;
	border:0.2rem solid #28367f;
	border-radius:10px;
}
.div_popup_video{
	z-index:1000; 
	margin: 0rem;
	padding: 0.5rem; 
	position: fixed; 
	top:50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	max-width: 50rem;
	/*max-height: 20rem;*/
	/*min-width: 22rem;*/
	box-shadow: 0px 0px 50px 2px #000; 
	background-color:#28367f;
	border:0.2rem solid #28367f;
	border-radius:10px;
}
.img_width_popup{
	width: 100%; 
	margin:0rem; 
	padding:0.5rem;
}

#popup {
    display:none;
    position:fixed;
    margin:0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 50px 2px #000;
    border: 0rem;
}

.popup_nuevo{
	/*width: 400px;
	background: #fff;
	border-radius: 6px;*/
	position: fixed;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%) scale(0.1);
	/*text-align: center;
	padding: 0 30px 30px;*/
	visibility: hidden;
	transition: transform 0.4s, top 0.4s;
	z-index: 50;
}
.open_popup{
	visibility: visible;
	top: 50%;
	transform: translate(-50%,-50%) scale(1);
}
.popup_nuevo button{
	width: 100%;
	margin-top: 50px;
	padding: 10px 0;
	background: #76b82a;
	color: #fff;
	border: 0;
	outline: none;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}

/* *************************************************************************************** */
/* ***** ESTILO BANNER ***** */
/* Color de fondo de todo el banner: */
.fondo_baner{
	background-color: #28367f !important; 
	/*background-size: auto auto;*/
	/*margin-left: -0.8rem; 
	margin-right: -0.8rem;*/
	margin-top: 0rem; /* -4.1rem; */
    /*height: 20rem;*/
}
.fondo_baner_blanco{
	background-color: white !important;
	max-height: 30rem;
	min-height: 30rem;
	/*object-fit: none; 
	object-position: center bottom; */
}
/* Tamaño y posición de las imágenes de las noticias del banner: */
.imagenes_banner{
	object-fit: none; 
	object-position: center bottom; 
	max-height: 30rem;
	min-height: 30rem;
	width:100%;
	/*height:100%;*/
}
.imagenes_banner_normal{
	object-fit: none; 
	object-position: center bottom;
	max-height: 30rem;
	min-height: 30rem;
	width:100%;

}
.imagenes_banner_top{
	object-fit: none; 
	object-position: center top; 
	height: 20rem; 
	width:100%;
}
.div_imagenes_banner{
	position:absolute; 
	bottom:18%; 
	left:0%;
}
/* Estilo para el contenido de la noticia del banner: */
.carousel-caption{
	padding: 0rem;
	margin: 0rem;
	/*top: 0rem;*/
	left: 0rem;
	text-align: left;
	width: 100%;
	bottom: 0rem;
}
/* Título de cada noticia: */
.fuente_titulo_baner{
	font-family: 'Montserrat-Bold'; 
	text-align: center; 
	color: white; 
	/*border: 0.1rem solid white; */
	background-color: #1275bb;
	font-size: 1.5rem; 
	/*text-shadow: 0 0 10px black; */
	margin:1rem; 
	margin-bottom: 0.5rem; 
	padding: 0.1rem 0.5rem;
	border-radius: 20px 0px 20px 0px;
}
/* Texto del contenido de cada noticia: */
.fuente_contenido_baner{
	font-family: 'Montserrat-Bold'; 
	max-width: 40rem; 
	background: rgba(255, 255, 255, 0.7); 
	border-radius: 10px; 
	color: #28367f;
	font-size: 1.3rem; 
	padding: 0.2rem 0.5rem; 
	margin: 0rem 1rem; 
}
.fuente_clic_banner{
	color: white; 
	font-size: 1.2rem; 
	margin:0rem 1rem; 
	margin-bottom: 0.2rem; 
	text-shadow: 0 0 10px #28367f; 
	padding-left:0.5rem;
}
/* Imagen de cada noticia: */
.figura_baner{
	height: auto;
	width: 25rem;
	padding-top: 0rem;
	margin-top: 0rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-left: 5rem;
	margin: auto;
}
/* Ícono Click agregado al final del enlace de cada noticia: */
.enlace_click{
	/*text-decoration: none;*/
	color: white;
}
.enlace_click:hover{
	color: #1275bb;
}
.icono_click{
	height: auto;/*1.5*/
	width: auto;
	max-height: 2rem;
	max-width: 2rem;
	padding: 0rem;
	margin: 0rem;
}
/* Estilo del botón para regresar a la anterior noticia del banner: */
.carousel__anterior_baner{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	border: none;
	top: 82%;
	cursor: pointer;
	margin: 0rem;
	padding: 0rem;
	background: none;
	opacity: 50%;
	left: calc(50% - 12.5rem);
	z-index: 5;
}
/* Tamaño del ícono de la flecha anterior y siguiente: */
.iconos_flechas_baner{
	height: auto;
	width: 1.6rem;
	margin: 0rem;
	padding: 0rem;
	display: block;
}
/* Estilo del botón para desplazar a la siguiente noticia del banner: */
.carousel__siguiente_baner{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	border: none;
	top: 82%;
	cursor: pointer;
	margin: 0rem;
	padding: 0rem;
	background: none;
	opacity: 50%;
	right: calc(50% - 12.5rem);
	z-index: 5;
}
/* *************************************************************************************** */
/* ***** SEPADOR AZUL PRINCIPAL 1 ***** */
/* Estilo de la sección añadida para agregar el separador azul:*/
.borde_separador_azul_principal_1{
	height: 1rem;
	background-color: #28367f;
}
.borde_separador_azul{
	height: 1rem; 
	background-color: #28367f;
}
/* *************************************************************************************** */
/* ***** ESTILO SERVICIOS FRECUENTES ***** */
/* Para ajustar los botones: */
.recuadro_servicios_frecuentes{
	/*border:0.1rem solid black; */
	margin:0; 
	padding:0; 
	max-width:85rem;
}
/* Estilo del contenedor de servicios frecuentes: */
.div_servicios_frecuentes{
	margin-left:2rem; 
	margin-right:2rem;
	margin-bottom:3rem;
	max-width:200px; 
	max-height:210px; 
	min-width:200px; 
	min-height:210px;
	border:0.2rem solid #EDEDED;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.div_servicios_frecuentes:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
/* Estilo de las letras del enlace de los botones: */
.enlace_botones_servicios{
	text-decoration: none; 
	color: white;
}
/* Estilo de todo el recuadro que contiene el botón: */
.boton_servicios_frecuentes{
	background-color: white; 
	border:0.2rem solid #EDEDED; 
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	margin-left:-0.9rem; 
	margin-top:-0.2rem; 
	padding:0rem; 
	max-width:200px; 
	max-height:210px; 
	min-width:200px; 
	min-height:210px;
}
/* Estilo de cada ícono: */
.icono_servicios_frecuentes{
	height: 105px;
	padding-top: 0.8rem;
}
/* Estilo de las letras de cada botón: */
.titulo_boton_servicios_frecuentes{
	color:#797777;
	background-color: white;
	font-size: 1.1rem;
	text-align: center;
	line-height: 1.3rem;
	width: 90%;
  	height: 3.5em;       /* height is 2x line-height, so two lines will display */
  	overflow: hidden;  /* prevents extra lines from being visible */
	padding-left: 1rem;
	margin-bottom: 0rem;
	padding-bottom: 0rem;
	/*padding-right: 2rem;*/
}
/* *************************************************************************************** */
/* ***** ESTILO NUESTROS SERVICIOS AMT ***** */
/* Color de fondo de nuestros servicios: */
.fondo_nuestros_servicios{
	background-color: #28367f !important; 
	background-size: auto auto; 
	background-position: center !important; 
	height: 23rem; 
	/*margin-left: -0.8rem; 
	margin-right: -0.8rem; */
	padding-bottom: 1.5rem; 
	padding-top: 1rem;
}
/* Estilo de todo el contenedor que contiene los botones: */
.carousel__contenedor{
	position: relative;
	margin-top:-1rem;
}
/* Estilo para recortar el scroll que aparece en Firefox: */
.recortar_scroll_servicios{
	height:15rem; 
	overflow-y: hidden; 
	border:none;
}
/* Estilo del botón para regresar a la anterior noticia del banner: */
.carousel__anterior{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	border: none;
	top: calc(50% - 25px);
	cursor: pointer;
	margin: 0rem;
	padding: 0rem;
	background: none;
	opacity: 50%;
	left: 0.5rem;
	z-index: 5;
}
.carousel__anterior:hover{
	opacity: 100%;
}
/* Tamaño de las flechas para cambiar de servicio: */
.iconos_flechas{
	height: auto;
	width: 1.2rem;
	margin: 0rem;
	padding: 0rem;
	display: inline-block;
}
/* Estilo del contenedor que contiene el listado de los botones: */
.carousel__lista{
	padding-top: 2rem;
	padding-bottom: 2rem;
	height:18rem;
	width:93%;
	/*border:0.1rem solid white;*/
}
/* Posición de los botones: */
.carousel_elemento{
	text-align: center;
	display: inline-block;
	/*margin: auto;*/
}
/* Estilo de cada botón: */
.boton_nuestros_servicios{
	background-color: transparent; 
	border:none; 
	margin-left:1.5rem; 
	margin-right:1.5rem;
	min-width:150px; 
	max-width: 200px;
	height:210px; 
	margin-top:-1rem;
	/*border: 0.1rem solid white;*/
	margin-bottom: 1rem;
}
.boton_nuestros_servicios:hover{
	box-shadow: 0px 2px 10px 5px rgb(255, 255, 255,1) !important;
}
/* Tamaño de cada ícono: */
.icono_nuestros_servicios{
	height: 105px;
	padding-top: 0.8rem;
}
/* Estilo del título de cada botón: */
.titulo_boton_nuestros_servicios{
	color: white; 
	width:80%; 
	line-height: 1.3rem; 
	height: 4em;
}
/* Estilo del botón para desplazar a la siguiente noticia del banner: */
.carousel__siguiente{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	border: none;
	top: calc(50% - 25px);
	cursor: pointer;
	margin: 0rem;
	padding: 0rem;
	background: none;
	opacity: 50%;
	right: 0.5rem;
	z-index: 5;
}
.carousel__siguiente:hover{
	opacity: 100%;
}
/* Para eliminar los botones pequeños de los indicadores en el carousel: */
.carousel__indicadores .glider-dot{
	display: none;
}
/* *************************************************************************************** */
/* ***** SEPARADOR BLANCO ***** */
/* Estilo de la sección añadida para agregar el separador blanco:*/
.borde_separador_blanco{
	height: 1rem;
	background-color: white;
}
/* *************************************************************************************** */
/* ***** ESTILO IMAGEN DE FONDO FIJA ***** */
/* Estilo del tamaño de la ventana transparente: */
.longitud_ventana_transparente{
	height:25rem;
	background-color:transparent;
}
/* Tamaño de la imagen de fondo fija: */
.imagen_fondo_fija{
	position:fixed; 
	top:7.7rem; 
	z-index:-1; 
	max-width:90%;  
	left:5%;
}
/* *************************************************************************************** */
/* ***** ESTILO NOTICIAS ***** */
/* Color de fondo: */
.fondo_noticias{
	background-color: #1275bb !important; 
	background-size: auto auto; 
	background-position: center !important; 
	/*margin-left: -0.85rem; 
	margin-right: -0.8rem;*/
}
/* Estilo para justificar el contenido en el centro: */
.justificar_contenido{
	justify-content: center!important;
}
/* Estilo del contenedor que contiene el listado de las noticias: */
.carousel__lista_noticias{
	width:91%;
}
/* Estilo para recordar el scroll que aparece en Firefox: */
.recortar_scroll_noticias{
	/*border:0.1rem solid white; */
	height:18.5rem; 
	overflow-y: hidden;
}
/* Estilo de todo el contenedor que contiene las noticias: */
.contenedor_noticias{
	width:80%;
	display:inline-block; 
	/*padding:0 0;
	margin:0 0;*/
	/*border: 0.1rem solid white;*/
	left: 0;
	padding-bottom: 2rem;
}
/* Estlio del div que contiene los post de Twitter: */
.div_twitter{
	padding: 0rem 2rem; 
	margin: 0rem 0rem;
	max-width: 60rem;
	/*border: 0.1rem solid black;*/
}
/* Estilo del carousel que contiene las noticias: */
.carousel__contenedor_noticias{
	position: relative;
	padding-top: 1rem;
}
/* Estilo del botón para regresar a la anterior noticia: */
.carousel__anterior_noticias{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	border: none;
	top: 45%;
	cursor: pointer;
	margin: 0rem;
	padding: 0rem;
	background: none;
	opacity: 50%;
	left: 0rem;
	z-index: 5;
}
.carousel__anterior_noticias:hover{
	opacity: 100%;
}
/* Tamaño de las flechas para cambiar de noticia: */
.iconos_flechas_noticias{
	height: auto;
	width: 1.2rem;
	margin: 0rem;
	padding: 0rem;
	display: block;
}
/* Posición de las noticias: */
.carousel_elemento_noticias{
	display: inline-block;
}
/* Tamaño del texto de la noticia: */
.div_texto_noticia{
	padding-top: 2.2rem;
	/*border: 0.1rem solid black;*/
}
/* Estilo del título de la noticia: */
.fuente_bold_blanco_noticias{
	text-align: start; 
	font-family: 'Montserrat-Bold'; 
	color: white; 
	font-size: 1.5rem;
	padding: 0 0.5rem;
	/*padding-bottom: 1.5rem;*/
}
/* Estilo del contenido de la noticia: */
.fuente_normal_blanco_noticias{
	text-align: start; 
	color: white; 
	font-size: 1rem;
	margin-bottom: 0.5rem;
	padding: 0 0.5rem;
	/*padding-right: 1rem;*/
}
/* Estilo del botón "Leer más" de cada noticia: */
.fuente_boton_noticias{
	font-family: 'Montserrat-Bold';
	color: #1275bb;
	border-radius: 10px; 
	border: 0.1rem solid white; 
	padding-top: 0.3rem; 
	padding-bottom: 0.2rem; 
	padding-left: 1.5rem; 
	padding-right: 2.5rem;
	margin-bottom: 2rem;
	min-width: 8rem;
	margin-left: 0.5rem;
}
.fuente_boton_noticias:hover{
	box-shadow: 0px 2px 10px 5px rgb(255, 255, 255,1) !important;
}
/* Tamaño de la imagen de cada noticia: */
.longitud_imagen_noticias{
	max-width:16rem; 
	min-width:16rem;
	margin-bottom: 1rem;
}
/* Estilo de la imagen de cada noticia: */
.imagen_noticias{
	height: auto;
	margin-left: 0.1rem;
	margin-top: 2.5rem;
	margin-right: 0;
	border: 0.8rem solid white;
}
/* Estilo del botón para desplazar a la siguiente noticia: */
.carousel__siguiente_noticias{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	border: none;
	top: 45%;
	cursor: pointer;
	margin: 0rem;
	padding: 0rem;
	background: none;
	opacity: 50%;
	right: 0rem;
	z-index: 5;
}
.carousel__siguiente_noticias:hover{
	opacity: 100%;
}
/* Para eliminar los botones pequeños de los indicadores en el carousel: */
.carousel__indicadores_noticias .glider-dot{
	display: none;
}
/* *************************************************************************************** */
/* ***** ESTILO EMPRESAS METROPOLITANAS ***** */
/* Color de fondo: */
.fondo_empresas_metro{
	background-color: white; 
	background-size: auto auto; 
	background-position: center bottom !important;
}
.fondo_amt_cifras{
	background-color: white; 
	background-position: right bottom !important;
	margin: 0rem;
}
/* Tamaño del contenedor: */
.cuadro_empresas_metro{
	height: auto;
}
/* Estilo del ícono inicial:*/
.icono_empresas{
	height: auto;
	width: 3.5rem;
	/*margin: 0rem;*/
	margin-top: 2.5rem;
	margin-bottom: -1rem;
	padding: 0rem;
}
/* Estilo para ajustar el tamaño del recuadro de las empresas: */
.longitud_empresas{
	padding-bottom:1rem; 
	max-width: 56rem;
}
/* Estilo para justificar el contenido en el centro: */
.justificar_contenido_empresas{
	justify-content: center!important;
	margin:0 0.5rem;
}
/* Estilo de cada botón del menú: */
.div_menu_empresas{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	/*padding-left: -1rem;*/
	border-radius: 5px;
	/*border:0.1rem solid rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);*/
	/*background-color: white;*/
	margin: 1rem 0.5rem;
	min-width: 14.3rem;
}
.div_menu_empresas:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
	background-color: white;
}
.div_menu_empresas:active{
	background-color: white;
}
/* Estilo propio del menú desplegable */
.dropdown-menu{
	/*margin-left: 2rem;*/
	margin: 0;
	padding: 0;
	border:0.1rem solid rgba(0, 0, 0, 0.2);
	z-index: 5;
	
}
/* Estilo del título del botón de cada empresa metropolitana: */
.boton_administraciones{
	color: #636362;
	text-decoration: none;
	/*background-color: white;*/
	border-radius: 5px;
	/*border:0.1rem solid black;*/
	min-width:14.5rem; 
	padding:0.5rem 1.1rem;
}
.boton_administraciones:hover{
	color: #636362;
	background-color: white;
}
.boton_administraciones:active{
	background-color: white;
}
.boton_administraciones:focus{
	box-shadow: none;
}
/* Estilo del título del botón de cada empresa metropolitana: */
.boton_empresas{
	color: #636362;
	text-decoration: none;
	/*background-color: white;*/
	border-radius: 5px;
	/*border:0.1rem solid black;*/
	min-width:14.5rem;
	padding:0.5rem 1.1rem;
}
.boton_empresas:hover{
	color: #636362;
	background-color: white;
}
.boton_empresas:active{
	background-color: white;
}
.boton_empresas:focus{
	box-shadow: none;
}
/* Estilo del título del botón de cada empresa metropolitana: */
.boton_dependencias{
	color: #636362;
	text-decoration: none;
	/*background-color: white;*/
	border-radius: 5px;
	/*border:0.1rem solid black;*/
	min-width:14.5rem; 
	padding:0.5rem 2rem;
}
.boton_dependencias:hover{
	color: #636362;
	background-color: white;
}
.boton_dependencias:active{
	background-color: white;
}
.boton_dependencias:focus{
	box-shadow: none;
}
/* Estilo del título del botón de cada empresa metropolitana: */
.boton_agencias{
	color: #636362;
	text-decoration: none;
	/*background-color: white;*/
	border-radius: 5px;
	/*border:0.1rem solid black;*/
	min-width:14.5rem; 
	padding:0.5rem 4.4rem;
}
.boton_agencias:hover{
	color: #636362;
	background-color: white;
}
.boton_agencias:active{
	background-color: white;
}
.boton_agencias:focus{
	box-shadow: none;
}
/* Estilo del título del botón de cada empresa metropolitana: */
.boton_institutos{
	color: #636362;
	text-decoration: none;
	/*background-color: white;*/
	border-radius: 5px;
	/*border:0.1rem solid black;*/
	min-width:14.5rem; 
	padding:0.5rem 4.4rem;
}
.boton_institutos:hover{
	color: #636362;
	background-color: white;
}
.boton_institutos:active{
	background-color: white;
}
.boton_institutos:focus{
	box-shadow: none;
}
/* Estilo del título del botón de cada empresa metropolitana: */
.boton_secretarias{
	color: #636362;
	text-decoration: none;
	/*background-color: white;*/
	border-radius: 5px;
	/*border:0.1rem solid black;*/
	min-width:14.5rem; 
	padding:0.5rem 4rem;
}
.boton_secretarias:hover{
	color: #636362;
	background-color: white;
}
.boton_secretarias:active{
	background-color: white;
}
.boton_secretarias:focus{
	box-shadow: none;
}
/* Ancho máximo de cada sub menú: */
.ul_ancho{
	width: 91%;
	height: 5.8rem;
	overflow-y: scroll;
}
/* Estilos para el sub menú: */
.dropdown_li:not(:last-of-type){
	border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);
}
.dropdown_li:hover{
	background-color: #1275bb;
	color: white;
}
.dropdown_li:hover a{
	background-color: #1275bb;
	color: white;
}
/* Estilo de cada enlace del sub menú: */
.dropdown_enlaces{
	text-decoration: none; 
	color:#636362;
	display: block;
	/*border: 0.1rem solid black	;*/
	padding: 0.3rem 0.5rem;
}
/* Estilo de la flecha del menú: */
.flecha_menu_empresas{
	width:0.6rem; 
	margin-left:0.5rem;
	padding-bottom: 0.1rem;
}
/* *************************************************************************************** */
/* ***** ESTILO PÁGINA QUIENES SOMOS ***** */
.borde_titulos_quienes_somos{
	margin-left: 2rem; 
	margin-right: 2rem; 
	margin-bottom: 3rem; 
	max-width: 30rem; 
	min-width: 18rem; 
	border: 0.2rem solid #EDEDED; 
	border-radius: 20px;
}

/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA REVISIÓN TÉCNICA VEHICULAR ***** */

/* Color de fondo, tamaño y posición de la imagen de fondo */
.fondo_rtv{
	background-color: white; 
	background-position: center bottom !important;
	background-size: 850px !important;
	/*padding-top: 1rem;*/
	/*padding-bottom: 1rem; 
	*/
}
/* Para ajustar los botones: */
.recuadro_rtv{
	/*border:0.1rem solid black;*/
	margin:0; 
	padding:0; 
	max-width:50rem;
}
/* Utiliza el mismo estilo que los botones de: Servicios Frecuentes */
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA PICO Y PLACA ***** */
/* Utiliza el mismo fondo que rtv */
.div_resoluciones_pico_y_placa{
	text-align: start; 
	margin: 0 1rem; 
	margin-bottom: 0.5rem; 
	max-width: 58rem; 
	margin-top:0rem;
}
.ul_icono_resoluciones_pico_y_placa{
	min-width: 2.5rem; 
	max-width: 2.5rem; 
	margin: 0; 
	padding: 0.2rem 0.1rem; 
	list-style: none;
}
.ul_resoluciones_pico_y_placa{
	min-width: 6rem; 
	padding: 0.3rem 0; 
	margin: 0;  
	color: #28367f; 
	list-style: none;
}
.li_resoluciones_pico_y_placa{
	font-family: 'Montserrat-Bold'; 
	font-size: 1.1rem;
}
.icono_principal{
	width: 2rem; 
	bottom: 0px;
}
.contenedor_preguntas_pico_y_placa{
	max-width: 60rem;
	padding: 0 1rem;
	padding-bottom: 2rem;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA BLOOMBERG ***** */
/* Estilos del botón que corresponde al selector: */
.button_selector_BL{
	/*display: flex;*/
	justify-content: center;
	position: relative;
	padding-top: 0.1rem;
	/*padding-left: 4rem;*/
	width: 10rem;
	height: 2.5rem;
	background-color: white;
	border: 0.1rem solid #b7b7b7;
	border-radius: 5px;
}
.button_selector_BL:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
/* Estilos del contenedor que contiene la información del selector: */
.contenedor_selector_BL{
	border: 0.1rem solid #b7b7b7;
	border-top: none;
	/*border-radius: 5px;*/
	/*max-width: 10rem;*/
	width: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	max-height: 5rem;
	overflow-y: scroll;
	background: white;
	color:#28367f;
}
/* Para ocultar y mostrar el contenido del selector:*/
.contenedor_hidden_BL{
	display: none;
}
/* Para eliminar el selector del radio button: */
.option_item_BL{
	display: none;
}
/* Para posicionar cada contenido de la lista:  */
.contents-list .content-item_BL{
	display: flex;
	flex-direction: column;	
}
/* Para añadir el efecto al ocultar y mostrar: */
.content-item_BL{
	transition: all .4s;
}
/* Para el diseño de la página: */
.logo_bloomberg{
	margin:1rem; 
	margin-top: 2rem; 
	max-width: 20rem;
}
.texto_inicio_bloomberg{
	margin-left: 1rem; 
	margin-right: 1rem; 
	margin-top:-1rem; 
	margin-bottom:1rem; 
	color: #28367f; 
	max-width: 30rem;
}
#selector_label_BL{
	color:#28367f;
}
.bordes_laterales_bloomberg{
	border-left: 0.1rem solid #28367f; 
	border-right: 0.1rem solid #28367f; 
	border-radius: 5px;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA CONSULTA TUS VALORES A PAGAR ***** */
/* Utiliza el mismo fondo que rtv */
/* Para ajustar los botones: */
.recuadro_pagos_y_multas{
	/*border:0.1rem solid black;*/
	margin:0; 
	padding:0; 
	max-width:50rem;
}
.recuadro_80{
	margin:0; 
	padding:0; 
	max-width:80rem;
}
.recuadro_40{
	margin:0; 
	padding:0; 
	max-width:40rem;
}
.recuadro_40_padding{
	margin:0; 
	padding:0; 
	max-width:40rem;
	padding-bottom: 2rem;
}

/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA CITA PREVIA ***** */
/* Utiliza el mismo fondo que rtv */
/* Utiliza el mismo recuadro que pagos y multas */
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA MATRICULACIÓN ***** */
/* Utiliza el mismo fondo que rtv */
/* Estilo del separador azul para contenido interno de una página:*/
.borde_separador_contenido{
	height: 0.25rem;
	border-radius: 5px;
	background-color: #28367f;
	margin: 1rem 1rem;
}
.linea_separacion_sin_margin_60{
	max-width: 60rem; 
	margin: 0.2rem 1rem; 
	height: 0.08rem; 
	background-color: #EDEDED;
}
.linea_separacion_margin_60{
	max-width: 60rem;
	margin: 1.5rem 1rem; 
	height: 0.08rem; 
	background-color: #EDEDED;
}
.linea_separacion_margin_58{
	max-width: 58rem; 
	margin: 0rem 1rem; 
	margin-bottom:2rem; 
	height: 0.08rem; 
	background-color: #EDEDED;
}
.linea_separacion_margin_80{
	max-width: 80rem;
	margin: 1.5rem 1rem; 
	height: 0.08rem; 
	background-color: #EDEDED;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA MATRICULACIÓN DE VEHÍCULOS NUEVOS ***** */
/* Estilo de todo el contenedor que contiene a las preguntas: */
.contenedor_preguntas{
	max-width: 60rem;
	padding: 0 1rem;
}
/* Estilos del recuadro de preguntas frecuentes: */
.preguntas_frecuentes{
	border: 0.15rem solid #28367f; 
	border-radius: 10px; 
	width: 14rem; 
	text-align: center; 
	color: #28367f; 
	padding: 0.5rem 0;
	position: relative;
	margin-bottom: 0.5rem; /* 2rem */
	margin-left: 0rem; /* 0.5rem */
}
/* Posición del ícono agregado para el recuadro de preguntas frecuentes: */
.icono_mensaje_2{
	position: absolute;
	height: 2.2rem;
	width: auto;
	bottom: -2rem;
	left: 0.5rem;
}
/* Para poner el texto hacia la izquierda: */
.texto_preguntas{
	text-align: start;
	color: #797777;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.div_fondo_vial{
	padding-bottom:2rem;
}
/* Estilo del recuadro principal: */
.principal_pagos_fondo_vial{
	border: 0.1rem solid #28367f;
	padding: 0.2rem;
	max-width: 51rem;
	margin: 2rem 1rem;
	background-color: transparent;
	border-radius: 20px;
}
/* Estilo del recuadro secundario: */
.secundario_pagos_fondo_vial{
	max-width: 55rem;
	border: 0.1rem solid #28367f;
	background-color: white;
	border-radius: 20px;
	margin: 1rem 0rem;
}
.secundario_pagos_fondo_vial_2{
	max-width: 55rem;
	border: 0.1rem solid #28367f;
	background-color: white;
	border-radius: 20px;
	margin: 1rem 0rem;
	margin-top:2rem;
}
/* Estilo del título: */
.titulo_pagos_fondo_vial{
	font-family: 'Montserrat-Bold';
	color: #e52330;
	font-size: 1.3rem;
	text-align: center;
	padding: 1.1rem;
}
/* Estilo del contenido: */
.texto_pagos_fondo_vial{
	color: #28367f;
	text-align: start;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0.5rem;
}
/* Estilos para Agenda tu cita, en trámites de matriculación: */
.texto_agenda_cita_matri{
	text-align: start; 
	padding: 0.5rem 1rem; 
	margin-left: 1rem; 
	margin-bottom: 2rem; 
	border-left: 0.3rem solid #cf0010;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA DECÁLOGO DEL CICLISTA ***** */
.titulos_decalogo_ciclista{
	font-family: 'Montserrat-ExtraBold'; 
	border-left: 0.3rem solid #e52330; 
	min-width:18rem; 
	text-align: start; 
	padding:0.5rem; 
	padding-bottom:0.1rem;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA PREGUNTAS FRECUENTES ***** */
.img_icono_secundario{
	width: 1rem; 
	bottom: 0;
}
.ul_titulo_preguntas{
	min-width: 6rem; 
	padding: 0.3rem 0; 
	margin: 0; 
	margin-bottom:0.5rem; 
	color: #28367f; 
	list-style: none; 
	font-size: 1.2rem;
}
.font_extrabold{
	font-family: 'Montserrat-Bold';
}
.contenedor_preguntas_frecuentes{
	max-width: 60rem;
	padding: 0 1rem;
	margin-bottom:2rem;
}
.contenedor_preguntas_frecuentes_2{
	max-width: 60rem;
	padding: 0 1rem;
	padding-bottom:3rem;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA LOTAIP ***** */
/* Estilos del botón que corresponde al selector: */
.button_selector_LP{
	/*display: flex;*/
	justify-content: center;
	position: relative;
	padding-top: 0.1rem;
	/*padding-left: 4rem;*/
	width: 10rem;
	height: 2.5rem;
	background-color: white;
	border: 0.1rem solid #b7b7b7;
	border-radius: 5px;
}
.button_selector_LP:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
/* Estilos del contenedor que contiene la información del selector: */
.contenedor_selector_LP{
	border: 0.1rem solid #b7b7b7;
	border-top: none;
	/*border-radius: 5px;*/
	/*max-width: 10rem;*/
	width: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	max-height: 5rem;
	overflow-y: scroll;
	background: white;
}
/* Para ocultar y mostrar el contenido del selector:*/
.contenedor_hidden_LP{
	display: none;
}
/* Para eliminar el selector del radio button: */
.option_item_LP{
	display: none;
}
/* Para posicionar cada contenido de la lista:  */
.contents-list .content-item_LP{
	display: flex;
	flex-direction: column;	
}
/* Para añadir el efecto al ocultar y mostrar: */
.content-item_LP{
	transition: all .4s;
}
/* Estilo del recuadro principal: */
.principal_lotaip{
	border: 0.1rem solid #28367f;
	padding: 0.2rem;
	max-width: 52rem;
	margin: 1rem 1rem;
	margin-bottom:2rem;
	background-color: white;
	border-radius: 20px;
}
/* Estilo del recuadro secundario: */
.secundario_lotaip{
	border: 0.1rem solid #28367f;
	background-color: transparent;
	border-radius: 20px;
}
/* Estilo del título: */
.titulo_lotaip{
	font-family: 'Montserrat-Bold';
	color: #e52330;
	font-size: 1.3rem;
	text-align: center;
	padding: 1.1rem;
}
/* Estilo del contenido: */
.texto_lotaip{
	color: #28367f;
	text-align: start;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0.5rem;
}
/* Para agregar los puntos al inicio de los títulos de un contenido: */
.icono_puntos_titulo{
	margin-bottom:0.1rem;  
	height:1rem;
}
.dos_puntos_izq{
	font-size: 1.8rem; 
	color: #e52330; 
	padding-right:0.5rem;
}
.dos_puntos_der{
	font-size: 1.8rem; 
	color: #e52330; 
	padding-left:0.5rem;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA RENDICIÓN DE CUENTAS ***** */
/* Estilo de todo el recuadro que contiene a la rendición de cuentas: */
.recuadro_acordion{
	max-width:60rem; 
	margin: 0 2rem; 
	/*margin-bottom:2rem;*/
	padding-bottom:2rem;
}
/* Estilo de todo el selector: */
.contenido_selector{
	min-width:13rem; 
	max-width:13rem; 
	margin-bottom:1.5rem;
}
/* Contenedor de todo el selector: */
.selector_grupo{
	position: relative;
	max-width: 10rem;
	z-index: 8;
}
/* Estilos del botón que corresponde al selector: */
.button_selector_RC{
	/*display: flex;*/
	justify-content: center;
	position: relative;
	padding-top: 0.1rem;
	/*padding-left: 4rem;*/
	width: 10rem;
	height: 2.5rem;
	background-color: white;
	border: 0.1rem solid #b7b7b7;
	border-radius: 5px;
}
.button_selector_RC:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
/* Estilos del contenedor que contiene la información del selector: */
.contenedor_selector_RC{
	border: 0.1rem solid #b7b7b7;
	border-top: none;
	/*border-radius: 5px;*/
	/*max-width: 10rem;*/
	width: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	max-height: 5rem;
	overflow-y: scroll;
	background: white;
}
/* Para ocultar y mostrar el contenido del selector:*/
.contenedor_hidden_RC{
	display: none;
}
/* Estilo de la flecha del selector: */
.flecha_selector{
	position: absolute;
	width: 0.6rem;
	height: 0.6rem;
	/*padding-top: 0.5rem;*/
	/*margin-left: 1.5rem;*/
	top:0.9rem;
	right:0.9rem;
}
/* Estilos de cada año dentro del selector: */
.selector_item{
	background-color: white;
	display: block;
	justify-content: center;
	display: flex;
	/*border-radius: 5px;*/
	border-bottom: 0.1rem solid rgba(0, 0, 0, .1);
	padding: 0.2rem;
	padding-left: 0.8rem;
}
.selector_item:hover{
	background-color: #1275bb;
	color: white;
}
/* Para eliminar el selector del radio button: */
.option_item_RC{
	display: none;
}
/* Para colocar la línea de separación horizontal: */
.contenedor_rendicion_cuentas{
	border-top: 0.1rem solid #b7b7b7;
	padding: 1rem 0;
	padding-bottom: 0rem;
}
/* Estilo de la lista de contenidos: */
.contents-list{
	/*width: 82%;*/
	display: flex;
	flex-wrap: wrap;
}
/* Para posicionar cada contenido de la lista:  */
.contents-list .content-item_RC{
	display: flex;
	flex-direction: column;	
}
/* Para añadir el efecto al ocultar y mostrar: */
.content-item_RC{
	transition: all .4s;
}
/* Estilo del título principal de cada año: */
.titulo_rendicion_cuentas{
	padding: 0 1rem; 
	padding-bottom: 0.5rem; 
	font-family: 'Montserrat-Bold'; 
	color: #28367f;
	font-size: 1.2rem;
	text-align: center;
}
/* Para cambiar los estilos de los botones de cada contenido: */
.accordion-item{
	border:none;
}
/* Estilo del botón de cada acordion: */
.accordion-button{
	border-radius: 5px;
}
.accordion-button:not(.collapse){
	background: white;/*#28367f;*/
	color: #28367f;/*white;*/
	padding: 0.5rem 1rem;
	border: 0.1rem solid white;
	/*border-radius: 5px;*/
	box-shadow: 2px 2px 2px 1px #28367f;
	margin-bottom:0.5rem;
}
.accordion-button:not(.collapse)::after{
	/*background: #28367f;*/
	filter: brightness(0%) invert(0%);	/*100% */
}
.accordion-button:focus{
	/*box-shadow: none;*/
	box-shadow: 0px 1px 5px 3px #28367f;
}
.accordion-button:not(.collapse):hover{
	color: #28367f;
}
/* Para colocar un espacio entre el título y la flecha de cada acordion: */
.titulo_acordion{
	padding-right:0.8rem;
}
/* Para ajustar el contenido de cada acordion: */
.accordion-body{
	padding:0.8rem 0.5rem;
}
/* Estilos de los enlaces de archivos (Clases agregadas manualmente en Wordpress): */
.enlaces_archivos{
	text-decoration: none;
	color: #1275bb;
}
.enlaces_archivos:hover{
	color: #28367f;
	text-decoration: underline;
}
.enlaces_sin_estilo{
	text-decoration: none;
}

/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA PAC ***** */
/* Estilos del botón que corresponde al selector: */
.button_selector_PAC{
	/*display: flex;*/
	justify-content: center;
	position: relative;
	padding-top: 0.1rem;
	/*padding-left: 4rem;*/
	width: 10rem;
	height: 2.5rem;
	background-color: white;
	border: 0.1rem solid #b7b7b7;
	border-radius: 5px;
}
.button_selector_PAC:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
/* Estilos del contenedor que contiene la información del selector: */
.contenedor_selector_PAC{
	border: 0.1rem solid #b7b7b7;
	border-top: none;
	/*border-radius: 5px;*/
	/*max-width: 10rem;*/
	width: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	max-height: 5rem;
	overflow-y: scroll;
	background: white;
}
/* Para ocultar y mostrar el contenido del selector:*/
.contenedor_hidden_PAC{
	display: none;
}

/* Para eliminar el selector del radio button: */
.option_item_PAC{
	display: none;
}

/* Para posicionar cada contenido de la lista:  */
.contents-list .content-item_PAC{
	display: flex;
	flex-direction: column;	
}
/* Para añadir el efecto al ocultar y mostrar: */
.content-item_PAC{
	transition: all .4s;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA TRÁMITES / MATRICULACIÓN ***** */
/* Estilos del botón que corresponde al selector: */
/* Para posicionar cada contenido de la lista:  */
.contents-list .content-item_TM{
	display: flex;
	flex-direction: column;	
}
/* Para añadir el efecto al ocultar y mostrar: */
.content-item_TM{
	transition: all .4s;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA CARGA PESADA ***** */
/* Fuente de color azul para subtítulos que aparecen al inicio de cada página: */
.fuente_azul_mayus_lower{
	text-align: center;
	font-size: 1.6rem;
	color: #28367f;
	margin-top:-1.5rem; 
	margin-bottom: 1.5rem;
	padding-left:1rem; 
	padding-right:1rem;
	width: 100%;
}
.fuente_azul_1_3{
	text-align: center;
	font-size: 1.3rem;
	color: #28367f;
	margin-top:-1.5rem; 
	margin-bottom: 1.5rem;
	padding-left:1rem; 
	padding-right:1rem;
	width: 100%;
}
/* Tamaño del recuadro para los botones reducidos: */
.recuadro_botones_reducidos{
	margin:0; 
	padding:0; 
	max-width:70rem;
	margin-top:0rem;
	padding-bottom: 2rem;
}
.recuadro_botones_reducidos_2{
	margin:0; 
	padding:0; 
	max-width:100%;
	margin-top:0rem;
	padding-bottom: 2rem;
}
/* Estilo del contenedor con el enlace de botones reducidos: */
.div_botones_reducidos{
	margin: 1rem;
	text-decoration: none;
	color: #28367f;
	border:0.1rem solid #EDEDED;
	border-radius: 10px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	background-color: white;
	display: flex;
}
.div_botones_reducidos:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
/* Estilo de todo el recuadro que contiene el botón: */
.boton_reducido{
	margin: 0rem 0.5rem; 
	padding:0.5rem; 
	max-width: 16.5rem; 
	min-width: 16.5rem;
}
.boton_reducido_breadcrumb{
	margin: 0rem 0.5rem; 
	padding:0.5rem; 
	max-height: 5.5rem; 
	min-height:5.5rem;
}
/* Estilo de cada ícono: */
.icono_boton_reducido{
	margin:0rem; 
	padding:0rem; 
	display: flex; 
	align-items: center; 
	max-width: 4rem; 
	min-width: 4rem;
}
/* Estilo del contenedor del título: */
.div_titulo_boton_reducido{
	margin:0rem; 
	padding:0rem; 
	display: flex; 
	align-items: center; 
	max-width: 10rem; 
	min-width: 10rem; 
	font-size: 1.2rem; 
}
/* Estilo de las letras de cada botón: */
.titulo_boton_reducido{
	margin: 0.5rem; 
	font-family: 'Montserrat-Bold'; 
	color: #28367f;
}
/* Estilo para la tabla principal */
.contenedor_tabla_principal{
	max-width: 80rem; 
	margin: 0 1rem;
	margin-bottom: 2rem;
	display: block;
}
/* Estilo de la tabla para tamaño tablet o celular */
.contenedor_tabla_secundaria{
	max-width: 80rem; 
	margin: 0 1rem;
	margin-bottom: 2rem;
	display: none;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA CARGA PESADA EXCEPCIONES ***** */
.texto_excepciones{
	color: #28367f;
	padding-bottom:1rem;
	border-bottom:0.1rem solid #EDEDED;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA TARIFARIO DE TRÁMITES ***** */
.texto_borde_tarifario{
	max-width: 61rem;
	text-align: start;
	padding: 0.5rem 1rem;
	margin-left: 1rem;
	margin-bottom: 1rem;
	margin-top:0.5rem;
	border-left: 0.3rem solid #e52330;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA QUIENES SOMOS ***** */
/* Contenedor del Organigrama: */
.container-organigrama {
	max-width: 60rem;
	/*min-width: 18.2rem;*/
	padding: 0 10px;
	margin: 0 1.5rem;
	margin-top: 1rem;
	padding-bottom: 2rem;
}
/* Estilo para Proceso Gobernante: */
.rectangle-1 {
	margin: 0rem;
	background-color: #28367f;
	max-width: 15rem;
	padding: 0.8rem 1rem;
	color: white;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
/* Estilo para Proceso Asesoría: */
.rectangle-2 {
	position: relative;
	background-color: #1275bb;
	padding: 0.8rem 1rem;
	color: white;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
/* Estilo para Proceso de Apoyo: */
.rectangle-3 {
	position: relative;
	background-color: #7db72c;
	padding: 0.8rem 1rem;
	color: white;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
/* Estilo para Proceso Agregador de valor: */
.rectangle-4 {
	position: relative;
	background-color: #e4c44e;
	padding: 0.8rem 1rem;
	color: black;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
/* LEVEL-1 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-1 {
	width: 100%;
	margin: 0;
}
/* LEVEL-2 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-2-wrapper {
	position: relative;
	padding: 0rem;
	margin: 0rem;
	margin-left: 1.2rem;
}
.level-2-wrapper::before {
	content: "";
	position: absolute;
	top: -20px;
	left: -20px;
	width: 2px;
	height: 100%;
	background: black;
}
.level-2-wrapper li + li {
	margin-top: 20px;
}
.level-2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-100%, -50%);
	width: 20px;
	height: 2px;
	background: black;
}
/* LEVEL-3 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-3-wrapper {
	position: relative;
	padding: 0rem;
	margin: 0rem;
	margin-left: 2rem;
	margin-top: 1.2rem;
	width: 100%;
	margin-bottom: 1rem;
}
.level-3-wrapper::before {
	content: "";
	position: absolute;
	top: -20px;
	left: -20px;
	width: 2px;
	height: calc(100% + 10px);
	background: black;
}
.level-3-wrapper li + li {
	margin-top: 20px;
}
.level-3 {
	margin-right: 2rem;
}
.level-3::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-100%, -50%);
	width: 20px;
	height: 2px;
	background: black;
}
/* LEVEL-3 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-4-wrapper {
	position: relative;
	padding: 0rem;
	margin: 0rem;
	margin-left: 2rem;
	margin-top: 1.2rem;
	width: 87%;
}
.level-4-wrapper::before {
	content: "";
	position: absolute;
	top: -20px;
	left: -20px;
	width: 2px;
	height: calc(100% + 10px);
	background: black;
}
.level-4-wrapper li + li {
	margin-top: 20px;
}
.level-4 {
	margin-right: 2rem;
}
.level-4::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-100%, -50%);
	width: 20px;
	height: 2px;
	background: black;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA CONTRAVENCIONES ***** */
.contenedor_contravenciones{
	margin-top: 2rem;
}
.titulo_contravenciones{
	margin-top:1.5rem; 
	margin-bottom:-0.5rem;
}
.div_contravenciones{
	padding: 1rem 0rem;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA PROCESO DE LIBERACIÓN VEHICULAR ***** */
.borde_cuadros_plv{
	border: 0.2rem solid #EDEDED;
}
.titulo_infringir_ord{
	text-align: center; 
	padding-bottom: 1rem; 
	border-bottom: 0.1rem solid #EDEDED;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA PASEO DOMINICAL ***** */
.img_paseo_bailoterapia{
	width: 100%;
	background-color: #663D8F;
	border-radius: 10px; 
	padding: 0.3rem;
}
.color_item_bailoterapia{
	color:#663D8F;
}
.img_paseo_hidratacion{
	width: 100%;
	background-color: #df7f27;
	border-radius: 10px;
	padding: 0.3rem;
}
.color_item_hidratacion{
	color:#df7f27;
}
.img_paseo_mecanico{
	width: 100%;
	background-color: #16A860; 
	border-radius: 10px; 
	padding: 0.3rem;
}
.color_item_mecanico{
	color:#16A860;
}
.img_paseo_ruta{
	width: 100%;
	background-color: #243469;
	border-radius: 10px; 
	padding: 0.3rem;
}
.img_paseo_intersecciones{
	width: 100%;
	background-color: #DE8109;
	border-radius: 10px;
	padding: 0.3rem;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA COMPETENCIAS TERRITORIALES ***** */
.simbologia_ct_amt{
	background-color: #B11829;
}
.simbologia_ct_policia{
	background-color: #2A4C9C;
}
.simbologia_ct_urbano{
	background-color: #D4D4D3;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA CONVOCATORIAS ***** */
.linea_separacion_convocatoria{
	border-top: 0.1rem solid #b7b7b7;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA INFORMACIÓN Y MOVILIDAD EN TIEMPO REAL ***** */
.fuente_cursiva{
	font-style: italic;
}
.div_informacion_rt{
	padding-bottom: 2rem;
}
.div_movilidad_rt{
	margin: 0.5rem 1rem;
	margin-bottom: 1rem;
	padding: 0rem; 
	max-width:25rem; 
	height:585px; 
	min-width:17rem; 
	background-color:white; 
	/*border:0.1rem solid #EDEDED;*/
	/*border-radius: 10px;*/
}
.twitt_color{
	color: #28367f;
}
.div_waze{
	margin: 0.5rem 1rem; 
	max-width:50rem; 
	min-width:17rem;
}
/* *************************************************************************************************************************************** */
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA RTV y Matriculación 2023 ***** */
.carrusel-rtv{
	padding-bottom: 3rem;
	align-items: center;
	max-width: 50rem;
	/*display: flex;*/
}
.carrusel-rtv-item{
	margin: 0rem 1rem;
	min-width: 280px;
	max-width: 280px;
	height: 380px;
}
.carrusel-rtv-item:hover{
	transform: scale(1.1);
}
/* ***** ESTILO PÁGINA RTV y Matriculación 2023 ***** */
.carrusel-rtv-items{
	margin-top: 1rem 0rem;
}
.glider-dots{
	margin-top: 0.5rem;
}
.glider-dot:hover, .glider-dot:focus, .glider-dot.active {
	background: #28367f;
}
/* Estilo del botón para regresar al anterior boletín: */
.carousel__anterior_RTV{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	border: none;
	top: calc(50% - 25px);
	cursor: pointer;
	margin: 0rem;
	padding: 0rem;
	background: none;
	opacity: 50%;
	left: 0.5rem;
	z-index: 5;
}
.carousel__anterior_RTV:hover{
	opacity: 100%;
}
/* Estilo del botón para desplazar al siguiente boletín: */
.carousel__siguiente_RTV{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	border: none;
	top: calc(50% - 25px);
	cursor: pointer;
	margin: 0rem;
	padding: 0rem;
	background: none;
	opacity: 50%;
	right: 0.5rem;
	z-index: 5;
}
.carousel__siguiente_RTV:hover{
	opacity: 100%;
}
/* Estilo del contenedor que contiene el listado de los boletines: */
.carousel__lista_RTV{
	width: 100%;
	margin-right: 1rem;
}
/* Posición de los boletines: */
.carousel_elemento_RTV{
	text-align: center;
	display: inline-block;
	margin: 0rem 0.5rem;
}
.carousel_elemento_RTV img{
	/*width: 100%;*/
	min-height: 16rem;
	max-height: 16rem;
}
.borde_inferior_calenda{
	border-bottom: 0.1rem solid #F0F0F0;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA ___ ***** */
/* ***** ESTILO PÁGINA ___ ***** */
/* ***** ESTILO PÁGINA ___ ***** */
/* ***** ESTILO PÁGINA ___ ***** */
/* ***** ESTILO PÁGINA ___ ***** */
/* ***** ESTILO PÁGINA ___ ***** */
/* ***** ESTILO PÁGINA ___ ***** */
/* ***** ESTILO PÁGINA ___ ***** */
/* ***** ESTILO PÁGINA ___ ***** */
/* ***** ESTILO PÁGINA ___ ***** */

/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA BOLETINES ***** */
#box2, #box3{
	display:none;
}
.contenedor_boletin{
	padding-bottom: 2rem; 
	max-width:80rem;
}
.contenido_boletines{
	max-width: 80rem; 
	margin:0rem; 
	padding:0rem; 
	margin-bottom: 1.5rem; 
	position:relative;
}
.navbar_boletin{
	background-color: #28367f;
}
.num_enlace_boletin{
	color:white;
}
#ListaBoletines{
	margin-top:1rem;
}
#inputSearch_b {
    width: 100%;
    height: 2.5rem;
    border-radius: 5px;
    border: 1px solid #EDEDED;
    padding: 5px 10px;
    font-size: 1rem;
	border: 0.1rem solid #b7b7b7;
	outline-color: #28367f;
}
/* Estilo donde se encuentran todos los títulos que se pueden buscar: */
.box-search-b{
	margin: 0rem;
	padding: 0rem;
	background-color: white;
	z-index: 6;
	list-style: none;
	border-radius: 5px;
	border: 0.1rem solid #b7b7b7;
	position: absolute;
	display: none;
	max-height: 10rem;
	width: 100%;
	overflow: scroll;
}
/* Estilo del texto del enlace: */
.box-search-b li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #1275bb;
	padding: 0.5rem;
	border-radius: 5px;
	padding-left: 1rem;
}
/* Estilo al pasar con el mouse en un enlace: */
.box-search-b li a:hover{
	color: white;
	background-color: #1275bb;
	border-radius: 5px;
}
/* Estilo del recuadro negro transparente que cubre toda la página al buscar: */
#cover-ctn-search_b{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0);
	z-index: 4;
	display: none;
}
#searchWrapper {
    position: relative;
	z-index: 5;
}
.btn{
	background-color: #28367f;
	color: white;
}
.btn:hover{
	box-shadow: 0px 0px 5px 5px rgb(40, 54, 127,.5);
	color: white;
}
/* Ajustar el tamaño de la imagen: */
.div_img_boletin img{
	height: 270px;
	width: 270px;
	max-width: 18rem;
	margin:0.5rem;
	border-radius: 5px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}
.title-noticia p {
	font-size: 20px;
	font-weight: 600;
	color: #4c4b97;
}
.div_img_boletin img.img_boletin {
	object-fit: fill;
}

/* Estilos del botón que corresponde al selector: */
.button_selector_BP{
	/*display: flex;*/
	justify-content: center;
	position: relative;
	padding-top: 0.1rem;
	/*padding-left: 4rem;*/
	width: 10rem;
	height: 2.5rem;
	background-color: white;
	border: 0.1rem solid #b7b7b7;
	border-radius: 5px;
}
.button_selector_BP:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
/* Estilos del contenedor que contiene la información del selector: */
.contenedor_selector_BP{
	border: 0.1rem solid #b7b7b7;
	border-top: none;
	/*border-radius: 5px;*/
	/*max-width: 10rem;*/
	width: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	max-height: 5rem;
	overflow-y: scroll;
	background: white;
}
/* Para ocultar y mostrar el contenido del selector:*/
.contenedor_hidden_BP{
	display: none;
}

/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA GALERÍA ***** */
#box_2023{
	display:none;
}
#ListaGaleria_2023{
	margin-top:1rem;
}
#inputSearch_g_2023 {
    width: 100%;
    height: 2.5rem;
    border-radius: 5px;
    border: 1px solid #EDEDED;
    padding: 5px 10px;
    font-size: 1rem;
	border: 0.1rem solid #b7b7b7;
	outline-color: #28367f;
}
/* Estilo donde se encuentran todos los títulos que se pueden buscar: */
.box-search-g_2023{
	margin: 0rem;
	padding: 0rem;
	background-color: white;
	z-index: 6;
	list-style: none;
	border-radius: 5px;
	border: 0.1rem solid #b7b7b7;
	position: absolute;
	display: none;
	max-height: 10rem;
	width: 100%;
	overflow: scroll;
}
/* Estilo del texto del enlace: */
.box-search-g_2023 li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #1275bb;
	padding: 0.5rem;
	border-radius: 5px;
	padding-left: 1rem;
}
/* Estilo al pasar con el mouse en un enlace: */
.box-search-g_2023 li a:hover{
	color: white;
	background-color: #1275bb;
	border-radius: 5px;
}
/* Estilo del recuadro negro transparente que cubre toda la página al buscar: */
#cover-ctn-search_g_2023{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0);
	z-index: 4;
	display: none;
}

#box_2022{
	display:none;
}
#ListaGaleria_2022{
	margin-top:1rem;
}
#inputSearch_g_2022 {
    width: 100%;
    height: 2.5rem;
    border-radius: 5px;
    border: 1px solid #EDEDED;
    padding: 5px 10px;
    font-size: 1rem;
	border: 0.1rem solid #b7b7b7;
	outline-color: #28367f;
}
/* Estilo donde se encuentran todos los títulos que se pueden buscar: */
.box-search-g_2022{
	margin: 0rem;
	padding: 0rem;
	background-color: white;
	z-index: 6;
	list-style: none;
	border-radius: 5px;
	border: 0.1rem solid #b7b7b7;
	position: absolute;
	display: none;
	max-height: 10rem;
	width: 100%;
	overflow: scroll;
}
/* Estilo del texto del enlace: */
.box-search-g_2022 li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #1275bb;
	padding: 0.5rem;
	border-radius: 5px;
	padding-left: 1rem;
}
/* Estilo al pasar con el mouse en un enlace: */
.box-search-g_2022 li a:hover{
	color: white;
	background-color: #1275bb;
	border-radius: 5px;
}
/* Estilo del recuadro negro transparente que cubre toda la página al buscar: */
#cover-ctn-search_g_2022{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0);
	z-index: 4;
	display: none;
}

#box_2021{
	display:none;
}
#ListaGaleria_2021{
	margin-top:1rem;
}
#inputSearch_g_2021 {
    width: 100%;
    height: 2.5rem;
    border-radius: 5px;
    border: 1px solid #EDEDED;
    padding: 5px 10px;
    font-size: 1rem;
	border: 0.1rem solid #b7b7b7;
	outline-color: #28367f;
}
/* Estilo donde se encuentran todos los títulos que se pueden buscar: */
.box-search-g_2021{
	margin: 0rem;
	padding: 0rem;
	background-color: white;
	z-index: 6;
	list-style: none;
	border-radius: 5px;
	border: 0.1rem solid #b7b7b7;
	position: absolute;
	display: none;
	max-height: 10rem;
	width: 100%;
	overflow: scroll;
}
/* Estilo del texto del enlace: */
.box-search-g_2021 li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #1275bb;
	padding: 0.5rem;
	border-radius: 5px;
	padding-left: 1rem;
}
/* Estilo al pasar con el mouse en un enlace: */
.box-search-g_2021 li a:hover{
	color: white;
	background-color: #1275bb;
	border-radius: 5px;
}
/* Estilo del recuadro negro transparente que cubre toda la página al buscar: */
#cover-ctn-search_g_2021{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0);
	z-index: 4;
	display: none;
}

.btn-outline-secondary {
	color: #fff;
	border-color: #1275bb;
}
.btn-outline-secondary:hover {
	color: #fff;
	background-color: #1275bb;
	border-color: #1275bb;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
	box-shadow: 0 0 0 0.25rem rgba(99, 99, 98, 0);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
	color: #fff;
	background-color: #1275bb;
	border-color: #1275bb;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(99, 99, 98, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
	color: #1275bb;
	background-color: transparent;
}

/* Estilos del botón que corresponde al selector: */
.button_selector_FG{
	/*display: flex;*/
	justify-content: center;
	position: relative;
	padding-top: 0.1rem;
	/*padding-left: 4rem;*/
	width: 10rem;
	height: 2.5rem;
	background-color: white;
	border: 0.1rem solid #b7b7b7;
	border-radius: 5px;
}
.button_selector_FG:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
/* Estilos del contenedor que contiene la información del selector: */
.contenedor_selector_FG{
	border: 0.1rem solid #b7b7b7;
	border-top: none;
	/*border-radius: 5px;*/
	/*max-width: 10rem;*/
	width: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	max-height: 5rem;
	overflow-y: scroll;
	background: white;
}
/* Para ocultar y mostrar el contenido del selector:*/
.contenedor_hidden_FG{
	display: none;
}
/* Para eliminar el selector del radio button: */
.option_item_FG{
	display: none;
}
/* Para posicionar cada contenido de la lista:  */
.contents-list .content-item_FG{
	width: 80rem;
}

/* *************************************************************************************************************************************** */
/* ***** ESTILO PÁGINA PLANES OPERATIVOS ***** */

.contenedor_plan_operativo{
	padding-bottom: 2rem; 
	max-width:80rem;
}

.navbar_plan_operativo{
	background-color: #28367f;
}
.num_enlace_plan_operativo{
	color:white;
}
/* Estilos del botón que corresponde al selector: */
.button_selector_PO{
	/*display: flex;*/
	justify-content: center;
	position: relative;
	padding-top: 0.1rem;
	/*padding-left: 4rem;*/
	width: 10rem;
	height: 2.5rem;
	background-color: white;
	border: 0.1rem solid #b7b7b7;
	border-radius: 5px;
	z-index: 10;
}
.button_selector_PO:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
	z-index: 10;
}
/* Estilos del contenedor que contiene la información del selector: */
.contenedor_selector_PO{
	border: 0.1rem solid #b7b7b7;
	border-top: none;
	/*border-radius: 5px;*/
	/*max-width: 10rem;*/
	width: 100%;
	position: absolute;
	display: block;
	z-index: 10;
	max-height: 5rem;
	overflow-y: scroll;
	background: white;
}
/* Para ocultar y mostrar el contenido del selector:*/
.contenedor_hidden_PO{
	display: none;
	z-index: 10;
}
/* Estilos del botón que corresponde al selector: */
.button_selector_meses_PO{
	/*display: flex;*/
	justify-content: center;
	position: relative;
	padding-top: 0.1rem;
	/*padding-left: 4rem;*/
	width: 10rem;
	height: 2.5rem;
	background-color: white;
	border: 0.1rem solid #b7b7b7;
	border-radius: 5px;
	z-index: 9;
}
.button_selector_meses_PO:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
	z-index: 9;
}
/* Estilos del contenedor que contiene la información del selector: */
.contenedor_selector_meses_PO{
	border: 0.1rem solid #b7b7b7;
	border-top: none;
	/*border-radius: 5px;*/
	/*max-width: 10rem;*/
	width: 100%;
	position: absolute;
	display: block;
	z-index: 9;
	max-height: 5rem;
	overflow-y: scroll;
	background: white;
}
/* Para ocultar y mostrar el contenido del selector:*/
.contenedor_hidden_meses_PO{
	display: none;
	z-index: 9;
}

/* Estilo del contenedor con el enlace de botones reducidos: */
.div_boton_plan_operativo{
	margin: 1rem;
	text-decoration: none;
	color: #28367f;
	border:0.1rem solid #EDEDED;
	border-radius: 10px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	background-color: white;
	display: flex;
}
.div_boton_plan_operativo:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}

/* Estilo del contenedor con el enlace de botones de los planes operativos: */
.div_filtro_planes_operativos{
	margin: 0.1rem;
	text-decoration: none;
	color: #28367f;
	border:0.1rem solid #EDEDED;
	border-radius: 10px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	background-color: white;
	display: flex;
}
.div_filtro_planes_operativos:hover{
	box-shadow: 0px 2px 10px 5px rgb(40, 54, 127,.5);
}
.titulo_filtro_planes_operativos{
	margin: 0.5rem; 
	font-family: 'Montserrat-Bold'; 
	color: #28367f;
}
.div_act_filtro_planes_operativos{
	margin: 0.1rem;
	text-decoration: none;
	border:0.1rem solid #28367f;
	border-radius: 10px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	background-color: #28367f;
	display: flex;
}
.titulo_act_filtro_planes_operativos{
	margin: 0.5rem; 
	font-family: 'Montserrat-Bold'; 
	color: white;
}

/* Estilo de la barra donde se ingresa la búsqueda:*/
#ctn-bars-search_PO{
	padding: 0rem;
	margin:0.5rem;
	margin-bottom: 1rem;
}
/* Estilo del recuadro de entrada de la búsqueda */
#ctn-bars-search_PO input{
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem;
	padding-left: 1rem;
	font-size: 1rem;
	outline: 0;
	border-radius: 5px;
	border: 2px solid #b7b7b7;
}
.listado_planes_op{
	list-style: none;
	margin-left: -1rem;
	margin-right:0.5rem;
}
#texto_sin_plan_op{
	display: none;
	margin-left: -1rem;
	font-family: 'Montserrat-Bold'; 
	color: #28367f; 
	font-size: 1.2rem;
}
#variable_num_planes{
	display: none;
}
#no_hay_planes{
	display: none;
	margin-left: -1rem;
	font-family: 'Montserrat-Bold'; 
	color: #28367f; 
	font-size: 1.2rem;
}

.boton_po_tipo{
	max-width: 15rem; 
	min-width: 15rem; 
	padding: 0rem; 
	color: #1275bb; 
	list-style: none;
}
.letra_boton_po_tipo{
	margin: 0rem; 
	padding: 0rem; 
	display: flex; 
	align-items: center; 
	max-width: 13rem; 
	min-width: 13rem; 
	font-size: 1rem; 
	max-height:1rem;
}

.borde_izq_po{
	border-left:0.3rem solid #28367f; 
	margin-left:0.6rem;
}

/* *************************************************************************************************************************************** */
/* ***** ESTILO FOOTER ***** */
/* *************************************************************************************** */
/* ***** SEPADOR AZUL ***** */
/* Estilo de la sección añadida para agregar el separador azul:*/
.borde_separador{
	height: 1rem;
	background-color: #28367f;
}
/* *************************************************************************************** */
/* ***** CONTENIDO FOOTER ***** */
.contenedor_footer{
	/*border:0.1rem solid black;*/
	min-width:100%;
}
/* Tamaño del recuadro donde están los íconos de redes sociales del footer: */
.iconos_circulo_footer{
	height: 3rem;
	width: 3rem;
	border-radius: 50%;
	/*margin-top: 0.5rem;*/
	margin-right: 1.5rem;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
	padding: 0;
	display: inline-block;
}
/* Estilo del gif: */
.gif_footer{
	width:25rem; 
	height:15rem; 
	padding:0.5rem 1rem;
}
/* Estilo de la figura del Footer: */
.figura_footer{
	height: auto;
	width: 30rem;
	padding-top: 0.8rem;
	padding-right: 0rem;
	padding-left: 5.5rem;
	margin: 0rem auto !important;
	display: inline-block;
}
.ul_img_footer{
	min-width: 35rem; 
	max-width: 35rem;
	margin: 0; 
	padding: 0.2rem 1rem; 
	list-style: none; 
	display: flex; 
	align-items: center;
}
.ul_contacto_footer{
	min-width: 25rem; 
	margin: 0rem;
	margin: 0.5rem 1rem;
	color: #1275bb; 
	list-style: none; 
	display: flex; 
	align-items: center;
	border-left: 0.2rem solid #28367f;
}
/* Estilo del texto Contactos: */
.fuente_negrita_contactos{
	font-family: 'Montserrat-Bold';
	color: #636362 !important;
	font-size: 1.1rem;
	padding-left: 1rem;
	padding-right: 5.5rem;
	margin-bottom: 0.5rem;
	/*min-width: 18rem;*/
	/*border: 0.1rem solid black;*/
}
/* Estilo de las letras que están dentro de los Contactos: */
.contactos_footer{
	color: #636362;
	font-size: 0.8rem;
}
/* Tamaño de los íconos que se encuentran en los Contactos: */
.iconos_contactos{
	height: 0.9rem;
	width: 0.9rem;
	padding-top: 0.1rem;
	padding-right: 0.2rem;
	margin: 0rem;
	display: inline-block;
}
/* Estilo para los íconos de los Contactos: */
.texto_gris{
	color: #636362;
}
/* *************************************************************************************** */
/* ***** PIE DE PÁGINA COPYRIGHT ***** */
/* Color de fondo: */
.footer_fondo{
	background-color: #28367f; 
	color: white;
	font-size: 0.8rem;
}
/* Para centrar el texto: */
#copyright{
	text-align: center;
	padding: 1rem;
}
/* *************************************************************************************************************************************** */
/* ***** ESTILO ÍCONO TOP ***** */
/* Tamaño y posición del ícono top: */
.icono_top{
	height: auto;
	width: 2.5rem;
	margin-bottom: 2.7rem;
	margin-right: 0rem;
	/*border: 0.1rem solid #fff;
	border-radius: 20%;*/
	position: fixed;
	bottom: 0rem;
	right: 10%;
	opacity: 0;
	pointer-events: none;
	transition: all .4s;
}
.icono_top.active{
	bottom: 2rem;
	pointer-events: auto;
	cursor: pointer;
	opacity: 1;
}

/* Left down corner */
.icono_top_left{
	height: auto;
	width: 11rem;
	margin-bottom: 2.7rem;
	margin-right: 0rem;
	/*border: 0.1rem solid #fff;
	border-radius: 20%;*/
	position: fixed;
	bottom: 2rem;
	left: 0;
	opacity: 1;
	pointer-events: auto;
	transition: all .4s;
	cursor: pointer;
}
/* *************************************************************************************************************************************** */
/* ***** RESPONSIVE CELULARES Y TABLETS ***** */
/* *************************************************************************************** */
/* 349px: Estilo final para cualquier ancho de pantalla más pequeño */
@media screen and (max-width: 349px){
	/* Selección del tamaño mínimo de toda la página web: */
	body {
        /*background-color: black !important;*/
		min-width: 349px;
    }
	/* Contenedor para agrupar todo el contenido que aparezca en cada página: */
	.cuadro_principal{
		max-width: 100%;
	}
	/* Estilo de la barra donde se ingresa la búsqueda:*/
	#ctn-bars-search{
		position: absolute;
		left: 0rem;
		max-width: 100%;
		min-width: 21.81rem;
	}
	/* Estilo donde se encuentran todos los títulos que se pueden buscar: */
	#box-search{
		position: absolute;
		left: 11rem;
		/*max-width: 50%;*/
		min-width: 17.3rem;
	}
	/* Estilo del recuadro negro transparente que cubre toda la página al buscar: */
	#cover-ctn-search{
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, .5);
		z-index: 11;
		display: none;
	}
	/* Contenedor para ajustar los íconos de redes sociales al borde del contenedor principal: */
	.cuadro_redes_sociales{
		position: absolute;
		max-width: 100%;
		min-width: 21.81rem;
		left: 0;
	}
	/* Color de fondo del menú extendido, en las páginas que no son la principal: */
	.fondo_menu_fijo{
		left: 1.05rem;
		height: 3.7rem;
		display: none;
	}
	/* Estilo de todo el menú: */
	header nav{
		width: 20rem;
		position: absolute;
		top:0;
		right: 0%;
	}
	/* Estilo de los títulos del menú: */
	header nav ul li {
		display: block;
	}
	/* Para colocar al lado derecho las líneas verticales de separación entre cáda título, excepto en el último: */
	header nav ul li:not(:last-of-type){
		border-bottom: 0.1rem solid white;
		border-right: none;
	}
	/* Estilo de las letras de los títulos: */
	header nav ul li a{
		display: block;
	}
	/* Estilo del fondo donde se encuentran los subtítulos: */
	header nav ul li ul{
		position: relative; /* Para empujar los títulos por debajo de los subtítulos */
		width: 100%;
	}
	/* Para ocultar el listado de subtítulos*/
	header nav ul li:hover ul{
		display: none;
	}
	/* Color de fondo de los subtítulos al pasar el mouse: */
	header nav ul li ul li a{
		width: 100%;
		position: relative;
	}
    /* Para regresar a una columna los subtítulos de Información */
	header nav ul li:nth-of-type(3) ul{
		columns: 1; /* 1 */
		width: 100%; /* 12rem */
	}
	/* Estilo del botón del Menú principal: */
	.boton-menu{
		display: block;
		padding: 1.2rem 1.5rem;
		color: white;
		overflow: hidden;
		font-size: 1.1rem;
		text-decoration: none;
		/*width: auto;*/
	}
	/* Fondo del menú desplegable: */
	.color_fondo_menu{
		background-color: #28367f; /* background: #00569C; */
	}
	/* Posición del menú desplegable: */
	.menu_nav{
		width: 20.9rem;
		height: 60%;
		position: absolute;
		left: 0;
		/*margin-top: -0.1rem;
		margin-right: 0rem;*/
		overflow-y: scroll;
		/*position: fixed;*/
		top: 3.7rem;/*5.9*/
		/*right: 10%;*/
		opacity: 0;
		pointer-events: none;
		transition: all .4s;
		z-index: 10;
	}
	.menu_nav.active{
		top: 7.2rem; /*6.7*/
		pointer-events: auto;
		cursor: pointer;
		position: absolute;
		opacity: 1;
	}
	/* Menú que aparece en dispositivos móviles: */
	.menu_bar{
		display: block;
		width: 21.81rem;
		background: #28367f; /* background-color: #00569C; */
		/*margin-left: -0.8rem;
		margin-right: -0.8rem;*/
		z-index: 12;
		position: absolute;
		top: 3.7rem;
	}
	/* Estilo para el ícono de barras que aparece en el menú: */
	.menu_bar span{
		float: right;
		font-size: 1.5rem;
	}
	/* Estilo de todo el breadcrumb: */
	.fondo_breadcrumb{
		justify-content: start !important;
	}
	/* Estilo del contenedor de inicio y num: */
	.cabecera_inicio{
		max-width: 1.7rem;
	}
	/* Estilo ícono separador de inicio y num: */
	.icono_separacion_inicio{
		display: none;
	}
	/* Estilo del contenedor del número de contacto 1800-AMT-AMT: */
	.cabecera_num{
		display: none;
	}
	/* Estilo del botón para regresar a la anterior noticia del banner: */
	.carousel__anterior_baner{
		left: 0.5rem;
	}
	/* Estilo del botón para desplazar a la siguiente noticia del banner: */
	.carousel__siguiente_baner{
		right: 0.5rem;
	}
	/* Tamaño del recuadro donde están los íconos de redes sociales del footer: */
	.iconos_circulo_footer{
		margin-right: 1rem;
		margin-left: 1rem;
		height: 2.5rem;
		width: 2.5rem;
	}
	/* Estilo de la figura del Footer: */
	.figura_footer{
		padding-left: 1rem;
		/*min-width: 100%;*/
	}
	/* Estilo del texto Contactos: */
	.fuente_negrita_contactos{
		padding-right: 2rem;
		min-width: 100%;
	}
	/* Estilo del tamaño de la ventana transparente: */
	.longitud_ventana_transparente{
		display: none;
	}
	/* Tamaño de la imagen de fondo fija: */
	.imagen_fondo_fija{
		position:relative; 
		top:0rem;
		max-width:100%;
		max-height: 25rem;  
		left:0;
	}
	/* Estilo de todo el contenedor que contiene las noticias: */
	.contenedor_noticias{
		width:95%;
		/*display:block;*/
		padding-top: 0;
		margin-top: 0;
	}
	/* Estilo del carousel que contiene las noticias: */
	.carousel__contenedor_noticias{
		padding-top: 0rem;
	}
	/* Estlio del div que contiene los post de Twitter: */
	.div_twitter{
		/*max-width: 30rem;*/
		border:0.1rem solid black;
	}
	/* Estilo para recordar el scroll que aparece en Firefox: */
	.recortar_scroll_noticias{
		height:31rem;
	}
	/* Tamaño del texto de la noticia: */
	.div_texto_noticia{
		min-width: 16rem;
		padding-top: 0.5rem;
		padding-bottom: 1rem;
	}
	/* Para eliminar el contenido del Banner en pantallas pequeñas: */
	.contenido_baner{
		display: none;
	}
	/* Estilo para la tabla principal */
	.contenedor_tabla_principal{
		display: none;
	}
	/* Estilo de la tabla para tamaño tablet o celular */
	.contenedor_tabla_secundaria{
		display: block;
	}
	/* Pare reducir el tamaño del popup generado desde un botón: */
	.div_popup{ 
		max-width: 22rem; 
		min-width: 22rem; 
	}
	.ul_img_footer{
		min-width: 100%; 
		max-width: 35rem;
	}
	.ul_contacto_footer{
		min-width: 100%; 
	}
	.fuente_contenido_baner{
		font-size: 1rem;
	}
}
/* 467px: Para ajustar las flechas del banner de la página de inicio */
@media screen and (min-width: 350px) and (max-width: 467px){
	/* Color de fondo del menú extendido, en las páginas que no son la principal: */
	.fondo_menu_fijo{
		height: 3.7rem;
	}
	/* Estilo de todo el menú: */
	header nav{
		width: 100%;
		/*overflow: scroll;*/
		position: absolute;
		top:0;
	}
	/* Estilo de los títulos del menú: */
	header nav ul li {
		display: block;
	}
	/* Para colocar al lado derecho las líneas verticales de separación entre cáda título, excepto en el último: */
	header nav ul li:not(:last-of-type){
		border-bottom: 0.1rem solid white;
		border-right: none;
	}
	/* Estilo de las letras de los títulos: */
	header nav ul li a{
		display: block;
	}
	/* Estilo del fondo donde se encuentran los subtítulos: */
	header nav ul li ul{
		position: relative; /* Para empujar los títulos por debajo de los subtítulos */
		width: 100%;
	}
	/* Para ocultar el listado de subtítulos*/
	header nav ul li:hover ul{
		display: none;
	}
	/* Color de fondo de los subtítulos al pasar el mouse: */
	header nav ul li ul li a{
		width: 100%;
		position: relative;
	}
    /* Para regresar a una columna los subtítulos de Información */
	header nav ul li:nth-of-type(3) ul{
		columns: 1; /* 1 */
		width: 100%; /* 12rem */
	}
	/* Estilo del botón del Menú principal: */
	.boton-menu{
		display: block;
		padding: 1.2rem 1.5rem;
		color: white;
		overflow: hidden;
		font-size: 1.1rem;
		text-decoration: none;
		/*width: auto;*/
	}
	/* Fondo del menú desplegable: */
	.color_fondo_menu{
		background-color: #28367f; /* background: #00569C; */
	}
	/* Posición del menú desplegable: */
	.menu_nav{
		width: 70%;
		height: 60%;
		position: fixed;
		right: 5%;
		/*margin-top: -0.1rem;
		margin-right: 0rem;*/
		overflow-y: scroll;
		/*position: fixed;*/
		top: 3.7rem;/*5.9*/
		/*right: 10%;*/
		opacity: 0;
		pointer-events: none;
		transition: all .4s;
		z-index: 10;
	}
	.menu_nav.active{
		top: 7.2rem; /*6.7*/
		pointer-events: auto;
		cursor: pointer;
		position: fixed;
		opacity: 1;
	}
	/* Menú que aparece en dispositivos móviles: */
	.menu_bar{
		display: block;
		width: 90%;
		background: #28367f; /* background-color: #00569C; */
		/*margin-left: -0.8rem;
		margin-right: -0.8rem;*/
		z-index: 12;
		position: fixed;
		top: 3.7rem;
	}
	/* Estilo para el ícono de barras que aparece en el menú: */
	.menu_bar span{
		float: right;
		font-size: 1.5rem;
	}
	/* Estilo de todo el breadcrumb: */
	.fondo_breadcrumb{
		justify-content: start !important;
	}
	/* Estilo del contenedor de inicio y num: */
	.cabecera_inicio{
		max-width: 1.7rem;
	}
	/* Estilo ícono separador de inicio y num: */
	.icono_separacion_inicio{
		display: none;
	}
	/* Estilo del contenedor del número de contacto 1800-AMT-AMT: */
	.cabecera_num{
		display: none;
	}
	/* Estilo del botón para regresar a la anterior noticia del banner: */
	.carousel__anterior_baner{
		left: 0.5rem;
	}
	/* Estilo del botón para desplazar a la siguiente noticia del banner: */
	.carousel__siguiente_baner{
		right: 0.5rem;
	}
	/* Tamaño del recuadro donde están los íconos de redes sociales del footer: */
	.iconos_circulo_footer{
		margin-right: 1rem;
		margin-left: 1rem;
		height: 2.5rem;
		width: 2.5rem;
	}
	/* Estilo de la figura del Footer: */
	.figura_footer{
		padding-left: 1rem;
		/*min-width: 100%;*/
	}
	/* Estilo del texto Contactos: */
	.fuente_negrita_contactos{
		padding-right: 2rem;
		min-width: 100%;
	}
	/* Estilo del tamaño de la ventana transparente: */
	.longitud_ventana_transparente{
		display: none;
	}
	/* Tamaño de la imagen de fondo fija: */
	.imagen_fondo_fija{
		position:relative; 
		top:0rem;
		max-width:100%;
		max-height: 25rem;  
		left:0;
	}
	/* Estilo de todo el contenedor que contiene las noticias: */
	.contenedor_noticias{
		width:95%;
		/*display:block;*/
		padding-top: 0;
		margin-top: 0;
	}
	/* Estilo del carousel que contiene las noticias: */
	.carousel__contenedor_noticias{
		padding-top: 0rem;
	}
	/* Estlio del div que contiene los post de Twitter: */
	.div_twitter{
		max-width: 30rem;
		/*border: 0.1rem solid black;*/
	}
	/* Estilo para recordar el scroll que aparece en Firefox: */
	.recortar_scroll_noticias{
		height:31rem;
	}
	/* Tamaño del texto de la noticia: */
	.div_texto_noticia{
		min-width: 16rem;
		padding-top: 0.5rem;
		padding-bottom: 1rem;
	}
	/* Para eliminar el contenido del Banner en pantallas pequeñas: */
	.contenido_baner{
		display: none;
	}
	/* Estilo para la tabla principal */
	.contenedor_tabla_principal{
		display: none;
	}
	/* Estilo de la tabla para tamaño tablet o celular */
	.contenedor_tabla_secundaria{
		display: block;
	}
	/* Pare reducir el tamaño del popup generado desde un botón: */
	.div_popup{ 
		max-width: 22rem; 
		min-width: 22rem; 
	}
	.ul_img_footer{
		min-width: 100%; 
		max-width: 35rem;
	}
	.ul_contacto_footer{
		min-width: 100%; 
	}
	.fuente_contenido_baner{
		font-size: 1rem;
	}
}
/* 539px: Para reducir el tamaño de los íconos de redes sociales del footer */
/* 539px: Para eliminar el número de contacto del header */
@media screen and (min-width: 468px) and (max-width: 539px){
	/* Color de fondo del menú extendido, en las páginas que no son la principal: */
	.fondo_menu_fijo{
		height: 3.7rem;
	}
	/* Estilo de todo el menú: */
	header nav{
		width: 100%;
		/*overflow: scroll;*/
		position: absolute;
		top:0;
	}
	/* Estilo de los títulos del menú: */
	header nav ul li {
		display: block;
	}
	/* Para colocar al lado derecho las líneas verticales de separación entre cáda título, excepto en el último: */
	header nav ul li:not(:last-of-type){
		border-bottom: 0.1rem solid white;
		border-right: none;
	}
	/* Estilo de las letras de los títulos: */
	header nav ul li a{
		display: block;
	}
	/* Estilo del fondo donde se encuentran los subtítulos: */
	header nav ul li ul{
		position: relative; /* Para empujar los títulos por debajo de los subtítulos */
		width: 100%;
	}
	/* Para ocultar el listado de subtítulos*/
	header nav ul li:hover ul{
		display: none;
	}
	/* Color de fondo de los subtítulos al pasar el mouse: */
	header nav ul li ul li a{
		width: 100%;
		position: relative;
	}
    /* Para regresar a una columna los subtítulos de Información */
	header nav ul li:nth-of-type(3) ul{
		columns: 1; /* 1 */
		width: 100%; /* 12rem */
	}
	/* Estilo del botón del Menú principal: */
	.boton-menu{
		display: block;
		padding: 1.2rem 1.5rem;
		color: white;
		overflow: hidden;
		font-size: 1.1rem;
		text-decoration: none;
		/*width: auto;*/
	}
	/* Fondo del menú desplegable: */
	.color_fondo_menu{
		background-color: #28367f; /* background: #00569C; */
	}
	/* Posición del menú desplegable: */
	.menu_nav{
		width: 60%;
		height: 60%;
		position: fixed;
		right: 5%;
		/*margin-top: -0.1rem;
		margin-right: 0rem;*/
		overflow-y: scroll;
		/*position: fixed;*/
		top: 3.7rem;/*5.9*/
		/*right: 10%;*/
		opacity: 0;
		pointer-events: none;
		transition: all .4s;
		z-index: 10;
	}
	.menu_nav.active{
		top: 7.2rem; /*6.7*/
		pointer-events: auto;
		cursor: pointer;
		position: fixed;
		opacity: 1;
	}
	/* Menú que aparece en dispositivos móviles: */
	.menu_bar{
		display: block;
		width: 90%;
		background: #28367f; /* background-color: #00569C; */
		/*margin-left: -0.8rem;
		margin-right: -0.8rem;*/
		z-index: 12;
		position: fixed;
		top: 3.7rem;
	}
	/* Estilo para el ícono de barras que aparece en el menú: */
	.menu_bar span{
		float: right;
		font-size: 1.5rem;
	}
	/* Estilo de todo el breadcrumb: */
	.fondo_breadcrumb{
		justify-content: start !important;
	}
	/* Estilo del contenedor de inicio y num: */
	.cabecera_inicio{
		max-width: 1.7rem;
	}
	/* Estilo ícono separador de inicio y num: */
	.icono_separacion_inicio{
		display: none;
	}
	/* Estilo del contenedor del número de contacto 1800-AMT-AMT: */
	.cabecera_num{
		display: none;
	}
	/* Tamaño del recuadro donde están los íconos de redes sociales del footer: */
	.iconos_circulo_footer{
		margin-right: 1rem;
		margin-left: 1rem;
		height: 2.5rem;
		width: 2.5rem;
	}
	/* Estilo de la figura del Footer: */
	.figura_footer{
		padding-left: 1rem;
		/*min-width: 100%;*/
	}
	/* Estilo del texto Contactos: */
	.fuente_negrita_contactos{
		padding-right: 2rem;
		min-width: 100%;
	}
	/* Estilo del tamaño de la ventana transparente: */
	.longitud_ventana_transparente{
		display: none;
	}
	/* Tamaño de la imagen de fondo fija: */
	.imagen_fondo_fija{
		position:relative; 
		top:0rem;
		max-width:100%;
		max-height: 25rem;  
		left:0;
	}
	/* Estilo de todo el contenedor que contiene las noticias: */
	.contenedor_noticias{
		width:96%;
	}
	/* Estlio del div que contiene los post de Twitter: */
	.div_twitter{
		max-width: 30rem;
		/*border: 0.1rem solid black;*/
	}
	/* Estilo de todo el contenedor que contiene las noticias: */
	.contenedor_noticias{
		width:95%;
		/*display:block;*/
		padding-top: 0;
		margin-top: 0;
	}
	/* Estilo del carousel que contiene las noticias: */
	.carousel__contenedor_noticias{
		padding-top: 0rem;
	}
	/* Estlio del div que contiene los post de Twitter: */
	.div_twitter{
		max-width: 30rem;
		/*border: 0.1rem solid black;*/
	}
	/* Estilo para recordar el scroll que aparece en Firefox: */
	.recortar_scroll_noticias{
		height:31rem;
	}
	/* Tamaño del texto de la noticia: */
	.div_texto_noticia{
		min-width: 16rem;
		padding-top: 0.5rem;
		padding-bottom: 1rem;
	}
	/* Para eliminar el contenido del Banner en pantallas pequeñas: */
	.contenido_baner{
		display: none;
	}
	/* Estilo para la tabla principal */
	.contenedor_tabla_principal{
		display: none;
	}
	/* Estilo de la tabla para tamaño tablet o celular */
	.contenedor_tabla_secundaria{
		display: block;
	}
	/* Pare reducir el tamaño del popup generado desde un botón: */
	.div_popup{ 
		max-width: 22rem; 
		min-width: 22rem; 
	}
	.ul_img_footer{
		min-width: 100%; 
		max-width: 35rem;
	}
	.ul_contacto_footer{
		min-width: 100%; 
	}
	.fuente_contenido_baner{
		font-size: 1rem;
	}
}
/* 634px: Para ajustar el recuadro de noticia (compatibilidad con Firefox) */
@media screen and (min-width: 540px) and (max-width: 634px){
	/* Estilo ícono separador de inicio y num: */
	.icono_separacion_inicio{
		display: none;
	}
	/* Estilo del contenedor del número de contacto 1800-AMT-AMT: */
	.cabecera_num{
		display: none;
	}
    /* Color de fondo del menú extendido, en las páginas que no son la principal: */
	.fondo_menu_fijo{
		height: 3.7rem;
	}
	/* Estilo de todo el menú: */
	header nav{
		width: 100%;
		/*overflow: scroll;*/
		position: absolute;
		top:0;
	}
	/* Estilo de los títulos del menú: */
	header nav ul li {
		display: block;
	}
	/* Para colocar al lado derecho las líneas verticales de separación entre cáda título, excepto en el último: */
	header nav ul li:not(:last-of-type){
		border-bottom: 0.1rem solid white;
		border-right: none;
	}
	/* Estilo de las letras de los títulos: */
	header nav ul li a{
		display: block;
	}
	/* Estilo del fondo donde se encuentran los subtítulos: */
	header nav ul li ul{
		position: relative; /* Para empujar los títulos por debajo de los subtítulos */
		width: 100%;
	}
	/* Para ocultar el listado de subtítulos*/
	header nav ul li:hover ul{
		display: none;
	}
	/* Color de fondo de los subtítulos al pasar el mouse: */
	header nav ul li ul li a{
		width: 100%;
		position: relative;
	}
    /* Para regresar a una columna los subtítulos de Información */
	header nav ul li:nth-of-type(3) ul{
		columns: 1; /* 1 */
		width: 100%; /* 12rem */
	}
	/* Estilo del botón del Menú principal: */
	.boton-menu{
		display: block;
		padding: 1.2rem 1.5rem;
		color: white;
		overflow: hidden;
		font-size: 1.1rem;
		text-decoration: none;
		/*width: auto;*/
	}
	/* Fondo del menú desplegable: */
	.color_fondo_menu{
		background-color: #28367f; /* background: #00569C; */
	}
	/* Posición del menú desplegable: */
	.menu_nav{
		width: 60%;
		height: 60%;
		position: fixed;
		right: 5%;
		/*margin-top: -0.1rem;
		margin-right: 0rem;*/
		overflow-y: scroll;
		/*position: fixed;*/
		top: 3.7rem;/*5.9*/
		/*right: 10%;*/
		opacity: 0;
		pointer-events: none;
		transition: all .4s;
		z-index: 10;
	}
	.menu_nav.active{
		top: 7.2rem; /*6.7*/
		pointer-events: auto;
		cursor: pointer;
		position: fixed;
		opacity: 1;
	}
	/* Menú que aparece en dispositivos móviles: */
	.menu_bar{
		display: block;
		width: 90%;
		background: #28367f; /* background-color: #00569C; */
		/*margin-left: -0.8rem;
		margin-right: -0.8rem;*/
		z-index: 12;
		position: fixed;
		top: 3.7rem;
	}
	/* Estilo para el ícono de barras que aparece en el menú: */
	.menu_bar span{
		float: right;
		font-size: 1.5rem;
	}
	/* Estilo de todo el breadcrumb: */
	.fondo_breadcrumb{
		justify-content: start !important;
	}
	/* Estilo de la figura del Footer: */
	.figura_footer{
		padding-left: 1rem;
		/*min-width: 100%;*/
	}
	/* Estilo del texto Contactos: */
	.fuente_negrita_contactos{
		padding-right: 5.5rem;
		min-width: 100%;
	}
	/* Estilo del tamaño de la ventana transparente: */
	.longitud_ventana_transparente{
		display: none;
	}
	/* Tamaño de la imagen de fondo fija: */
	.imagen_fondo_fija{
		position:relative; 
		top:0rem;
		max-width:100%;
		max-height: 25rem;  
		left:0;
	}
	/* Estilo de todo el contenedor que contiene las noticias: */
	.contenedor_noticias{
		width:95%;
		/*display:block;*/
		padding-top: 0;
		margin-top: 0;
	}
	/* Estilo del carousel que contiene las noticias: */
	.carousel__contenedor_noticias{
		padding-top: 0rem;
	}
	/* Estlio del div que contiene los post de Twitter: */
	.div_twitter{
		max-width: 30rem;
		/*border: 0.1rem solid black;*/
	}
	/* Estilo para recordar el scroll que aparece en Firefox: */
	.recortar_scroll_noticias{
		height:30rem;
	}
	/* Tamaño del texto de la noticia: */
	.div_texto_noticia{
		min-width: 16rem;
		padding-top: 0.5rem;
		padding-bottom: 1rem;
	}
	/* Estilo para ajustar el tamaño del recuadro de las empresas: */
	.longitud_empresas{
		padding-bottom:1rem; 
		max-width: 30rem;
	}
	/* Estilo para la tabla principal */
	.contenedor_tabla_principal{
		display: none;
	}
	/* Estilo de la tabla para tamaño tablet o celular */
	.contenedor_tabla_secundaria{
		display: block;
	}
	/* Pare reducir el tamaño del popup generado desde un botón: */
	.div_popup{ 
		max-width: 22rem; 
		min-width: 22rem; 
	}
    .ul_img_footer{
		min-width: 100%; 
		max-width: 35rem;
	}
	.ul_contacto_footer{
		min-width: 100%; 
	}
}
/* 873px: Para ajustar los contenedores del logo y los contactos del Footer */
/* 873px: Tabla contenido de carga pesada */
@media screen and (min-width: 635px) and (max-width: 873px){
	/* Color de fondo del menú extendido, en las páginas que no son la principal: */
	.fondo_menu_fijo{
		height: 3.7rem;
	}
	/* Estilo de todo el menú: */
	header nav{
		width: 100%;
		/*overflow: scroll;*/
		position: absolute;
		top:0;
	}
	/* Estilo de los títulos del menú: */
	header nav ul li {
		display: block;
	}
	/* Para colocar al lado derecho las líneas verticales de separación entre cáda título, excepto en el último: */
	header nav ul li:not(:last-of-type){
		border-bottom: 0.1rem solid white;
		border-right: none;
	}
	/* Estilo de las letras de los títulos: */
	header nav ul li a{
		display: block;
	}
	/* Estilo del fondo donde se encuentran los subtítulos: */
	header nav ul li ul{
		position: relative; /* Para empujar los títulos por debajo de los subtítulos */
		width: 100%;
	}
	/* Para ocultar el listado de subtítulos*/
	header nav ul li:hover ul{
		display: none;
	}
	/* Color de fondo de los subtítulos al pasar el mouse: */
	header nav ul li ul li a{
		width: 100%;
		position: relative;
	}
    /* Para regresar a una columna los subtítulos de Información */
	header nav ul li:nth-of-type(3) ul{
		columns: 1; /* 1 */
		width: 100%; /* 12rem */
	}
	/* Estilo del botón del Menú principal: */
	.boton-menu{
		display: block;
		padding: 1.2rem 1.5rem;
		color: white;
		overflow: hidden;
		font-size: 1.1rem;
		text-decoration: none;
		/*width: auto;*/
	}
	/* Fondo del menú desplegable: */
	.color_fondo_menu{
		background-color: #28367f; /* background: #00569C; */
	}
	/* Posición del menú desplegable: */
	.menu_nav{
		width: 50%;
		height: 60%;
		position: fixed;
		right: 5%;
		/*margin-top: -0.1rem;
		margin-right: 0rem;*/
		overflow-y: scroll;
		/*position: fixed;*/
		top: 3.7rem;/*5.9*/
		/*right: 10%;*/
		opacity: 0;
		pointer-events: none;
		transition: all .4s;
		z-index: 10;
	}
	.menu_nav.active{
		top: 7.2rem; /*6.7*/
		pointer-events: auto;
		cursor: pointer;
		position: fixed;
		opacity: 1;
	}
	/* Menú que aparece en dispositivos móviles: */
	.menu_bar{
		display: block;
		width: 90%;
		background: #28367f; /* background-color: #00569C; */
		/*margin-left: -0.8rem;
		margin-right: -0.8rem;*/
		z-index: 12;
		position: fixed;
		top: 3.7rem;
	}
	/* Estilo para el ícono de barras que aparece en el menú: */
	.menu_bar span{
		float: right;
		font-size: 1.5rem;
	}
	/* Estilo de todo el breadcrumb: */
	.fondo_breadcrumb{
		justify-content: start !important;
	}
	/* Estilo de la figura del Footer: */
	.figura_footer{
		padding-left: 1rem;
		/*min-width: 100%;*/
	}
	/* Estilo del texto Contactos: */
	.fuente_negrita_contactos{
		padding-right: 5.5rem;
		min-width: 100%;
	}
	/* Estilo del tamaño de la ventana transparente: */
	.longitud_ventana_transparente{
		display: none;
	}
	/* Tamaño de la imagen de fondo fija: */
	.imagen_fondo_fija{
		position:relative; 
		top:0rem;
		max-width:100%;
		max-height: 25rem;  
		left:0;
	}
	/* Estilo de todo el contenedor que contiene las noticias: */
	.contenedor_noticias{
		width:95%;
		/*display:block;*/
		padding-top: 0;
		margin-top: 0;
	}
	/* Estilo del carousel que contiene las noticias: */
	.carousel__contenedor_noticias{
		padding-top: 0rem;
	}
	/* Estlio del div que contiene los post de Twitter: */
	.div_twitter{
		max-width: 30rem;
		/*border: 0.1rem solid black;*/
	}
	/* Estilo para ajustar el tamaño del recuadro de las empresas: */
	.longitud_empresas{
		padding-bottom:1rem; 
		max-width: 40rem;
	}
	/* Estilo para ajustar el tamaño del recuadro de las empresas: */
	.longitud_empresas{
		padding-bottom:1rem; 
		max-width: 40rem;
	}
	/* Estilo para la tabla principal */
	.contenedor_tabla_principal{
		display: none;
	}
	/* Estilo de la tabla para tamaño tablet o celular */
	.contenedor_tabla_secundaria{
		display: block;
	}
	/* Pare reducir el tamaño del popup generado desde un botón: */
	.div_popup{ 
		max-width: 29rem; 
		min-width: 29rem; 
	}
}
/* 904px: Para mover abajo el recuadro de Twitter */
/* 904px: Para ajustar el ancho máximo de las empresas metropolitanas */
/* 904px(antes 1604px): Para mostrar el menú responsive */
@media screen and (min-width: 874px) and (max-width: 904px){
	/* Color de fondo del menú extendido, en las páginas que no son la principal: */
	.fondo_menu_fijo{
		height: 3.7rem;
	}
	/* Estilo de todo el menú: */
	header nav{
		width: 100%;
		/*overflow: scroll;*/
		position: absolute;
		top:0;
	}
	/* Estilo de los títulos del menú: */
	header nav ul li {
		display: block;
	}
	/* Para colocar al lado derecho las líneas verticales de separación entre cáda título, excepto en el último: */
	header nav ul li:not(:last-of-type){
		border-bottom: 0.1rem solid white;
		border-right: none;
	}
	/* Estilo de las letras de los títulos: */
	header nav ul li a{
		display: block;
	}
	/* Estilo del fondo donde se encuentran los subtítulos: */
	header nav ul li ul{
		position: relative; /* Para empujar los títulos por debajo de los subtítulos */
		width: 100%;
	}
	/* Para ocultar el listado de subtítulos*/
	header nav ul li:hover ul{
		display: none;
	}
	/* Color de fondo de los subtítulos al pasar el mouse: */
	header nav ul li ul li a{
		width: 100%;
		position: relative;
	}
    /* Para regresar a una columna los subtítulos de Información */
	header nav ul li:nth-of-type(3) ul{
		columns: 1; /* 1 */
		width: 100%; /* 12rem */
	}
	/* Estilo del botón del Menú principal: */
	.boton-menu{
		display: block;
		padding: 1.2rem 1.5rem;
		color: white;
		overflow: hidden;
		font-size: 1.1rem;
		text-decoration: none;
		/*width: auto;*/
	}
	/* Fondo del menú desplegable: */
	.color_fondo_menu{
		background-color: #28367f; /* background: #00569C; */
	}
	/* Posición del menú desplegable: */
	.menu_nav{
		width: 40%;
		height: 60%;
		position: fixed;
		right: 5%;
		/*margin-top: -0.1rem;
		margin-right: 0rem;*/
		overflow-y: scroll;
		/*position: fixed;*/
		top: 3.7rem;/*5.9*/
		/*right: 10%;*/
		opacity: 0;
		pointer-events: none;
		transition: all .4s;
		z-index: 10;
	}
	.menu_nav.active{
		top: 7.2rem; /*6.7*/
		pointer-events: auto;
		cursor: pointer;
		position: fixed;
		opacity: 1;
	}
	/* Menú que aparece en dispositivos móviles: */
	.menu_bar{
		display: block;
		width: 90%;
		background: #28367f; /* background-color: #00569C; */
		/*margin-left: -0.8rem;
		margin-right: -0.8rem;*/
		z-index: 12;
		position: fixed;
		top: 3.7rem;
	}
	/* Estilo para el ícono de barras que aparece en el menú: */
	.menu_bar span{
		float: right;
		font-size: 1.5rem;
	}
	/* Estilo de todo el breadcrumb: */
	.fondo_breadcrumb{
		justify-content: start !important;
	}
	/* Estilo del tamaño de la ventana transparente: */
	.longitud_ventana_transparente{
		display: none;
	}
	/* Tamaño de la imagen de fondo fija: */
	.imagen_fondo_fija{
		position:relative; 
		top:0rem;
		max-width:100%;
		max-height: 25rem;  
		left:0;
	}
	/* Estilo de todo el contenedor que contiene las noticias: */
	.contenedor_noticias{
		width:95%;
		/*display:block;*/
		padding-top: 0;
		margin-top: 0;
	}
	/* Estilo del carousel que contiene las noticias: */
	.carousel__contenedor_noticias{
		padding-top: 0rem;
	}
	/* Estlio del div que contiene los post de Twitter: */
	.div_twitter{
		max-width: 30rem;
		/*border: 0.1rem solid black;*/
	}

	/* Estilo para ajustar el tamaño del recuadro de las empresas: */
	.longitud_empresas{
		padding-bottom:1rem; 
		max-width: 40rem;
	}
	/* Pare reducir el tamaño del popup generado desde un botón: */
	.div_popup{ 
		max-width: 29rem; 
		min-width: 29rem; 
	}
}
/* 1248px: Para delimitar la imagen de fondo fija */
@media screen and (min-width: 905px) and (max-width: 1248px){
	/* Estilo del tamaño de la ventana transparente: */
	.longitud_ventana_transparente{
		display: none;
	}
	/* Tamaño de la imagen de fondo fija: */
	.imagen_fondo_fija{
		position:relative; 
		top:0rem;
		max-width:100%;
		max-height: 25rem;  
		left:0;
	}
	/* Para ajustar los botones: */
	.recuadro_servicios_frecuentes{
		/*border:0.1rem solid black; */
		margin:0; 
		padding:0; 
		max-width:50rem;
	}
}
/* 1483px: Para ajustar el tamaño del recuadro de los botones servicios frecuentes */
@media screen and (min-width: 1249px) and (max-width: 1483px){
	/* Para ajustar los botones: */
	.recuadro_servicios_frecuentes{
		/*border:0.1rem solid black; */
		margin:0; 
		padding:0; 
		max-width:50rem;
	}
}