@charset "utf-8";
/* CSS Document */

/* ----- FUENTES ----- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,600&display=swap');


/* ---------- ESTILOS PLANTILLA ---------- */

:root {

/* Colors: */
--transparencia: #1F1A17;
--morado-inai: #5214A0;
--verd-greca-gobierno-de-mexico: #235B4E;
--beige-gobierno-de-mexico: #D4C19C;
--fiusha-inai: #B73595;
--negro-tipografía: #1F1A17;
--blanco: #FFFFFF;
--negro: #030504;
--gris-base: #F4F4F4;
--rojo-colmich: #902E19;
--verde-gobierno-de-mexico: #13322B;
--unnamed-color-000000: #000000;
--unnamed-color-000000: #000000;
--gris-oscuro: #635F5D;

/* Font/text values */
--unnamed-font-family-playfair-display: Playfair Display;
--unnamed-font-family-noto-serif: Noto Serif;
--unnamed-font-family-ibm-plex-sans: IBM Plex Sans;
--unnamed-font-family-helvetica: Helvetica;
--unnamed-font-family-montserrat: Montserrat;
--unnamed-font-family-optima: Optima;
--unnamed-font-style-italic: italic;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-normal: normal;
--unnamed-font-weight-500: 500;
--unnamed-font-weight-bold: bold;
--unnamed-font-weight-medium: medium;
--unnamed-font-size-8: 13px;
--unnamed-font-size-10: 13px;
--unnamed-font-size-12: 14px;
--unnamed-font-size-14: 14px;
--unnamed-font-size-16: 16px;
--unnamed-font-size-17: 17px;
--unnamed-font-size-18: 18px;
--unnamed-font-size-20: 20px;
--unnamed-font-size-22: 22px;
--unnamed-font-size-30: 30px;
--unnamed-font-size-34: 34px;
--unnamed-font-size-48: 48px;
--unnamed-character-spacing-0: 0px;
--unnamed-character-spacing-2-4: 2.4px;
--unnamed-character-spacing-4-8: 4.8px;
--unnamed-character-spacing-1-6: 1.6px;
--unnamed-character-spacing-0-32: 0.32px;
--unnamed-character-spacing-1-2: 1.2px;
--unnamed-line-spacing-12: 12px;
--unnamed-line-spacing-14: 14px;
--unnamed-line-spacing-16: 16px;
--unnamed-line-spacing-17: 17px;
--unnamed-line-spacing-19: 19px;
--unnamed-line-spacing-20: 20px;
--unnamed-line-spacing-26: 26px;
--unnamed-line-spacing-28: 28px;
--unnamed-line-spacing-30: 30px;
--unnamed-line-spacing-40: 40px;
--unnamed-line-spacing-53: 53px;
--unnamed-text-transform-uppercase: uppercase;
}

/* Character Styles */
.titulos-blanco {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-48);
	line-height: var(--unnamed-line-spacing-53);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blanco);
}
.titulos-rojo {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-48);
	line-height: var(--unnamed-line-spacing-53);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--rojo-colmich);
}
.titulos-negro {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-48);
	line-height: var(--unnamed-line-spacing-53);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
}
.titulos-internas-blanco {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-30);
	line-height: var(--unnamed-line-spacing-53);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blanco);
}
.titulos-internas-rojo {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-30);
	line-height: var(--unnamed-line-spacing-53);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--rojo-colmich);
}
.titulos-internas-negro {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-30);
	line-height: var(--unnamed-line-spacing-53);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
}
.subtitulos-blanco {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-16);
	line-height: var(--unnamed-line-spacing-19);
	letter-spacing: var(--unnamed-character-spacing-1-6);
	color: var(--blanco);
	text-transform: uppercase;
}
.subtitulos-negro {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-16);
	line-height: var(--unnamed-line-spacing-19);
	letter-spacing: var(--unnamed-character-spacing-1-6);
	color: var(--negro-tipografía);
	font-weight: 500;
	text-transform: uppercase;
}
.anuncios-negro {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-34);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--negro-tipografía);
	font-weight: var(--unnamed-font-weight-bold);
}
.anuncios-rojo, .anuncios-rojo a {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-34);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--rojo-colmich) !important;
	font-weight: var(--unnamed-font-weight-bold);
}
.categorias {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-14);
	letter-spacing: var(--unnamed-character-spacing-2-4);
	color: var(--negro-tipografía);
	text-transform: var(--unnamed-text-transform-uppercase);
}
.eventos-negro {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-22);
	line-height: var(--unnamed-line-spacing-30);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
}
.eventos-blanco {
	font-family: var(--unnamed-font-family-playfair-display);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-22);
	line-height: var(--unnamed-line-spacing-30);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blanco);
}
.botones-blanco {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-14);
	letter-spacing: var(--unnamed-character-spacing-1-2);
	color: var(--blanco);
}
.botones-negro {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-14);
	letter-spacing: var(--unnamed-character-spacing-1-2);
	color: var(--negro-tipografía);
}
.botones-rojo {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-14);
	letter-spacing: var(--unnamed-character-spacing-1-2);
	color: var(--rojo-colmich);
}
.eventos-info {
	font-family: var(--unnamed-font-family-noto-serif);
	font-style: var(--unnamed-font-style-italic);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-16);
	line-height: var(--unnamed-line-spacing-28);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--negro-tipografía);
}
.parrafo-titulo {
	font-family: var(--unnamed-font-family-noto-serif);
	font-style: var(--unnamed-font-style-italic);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-20);
	line-height: var(--unnamed-line-spacing-30);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--transparencia);
}
.parrafo-italicas {
	font-family: var(--unnamed-font-family-noto-serif);
	font-style: var(--unnamed-font-style-italic);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-18);
	line-height: var(--unnamed-line-spacing-30);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--transparencia);
}
.parrafo {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-16);
	line-height: var(--unnamed-line-spacing-26);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--negro-tipografía);
}
.lista {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-14);
	line-height: var(--unnamed-line-spacing-20);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--negro-tipografía);
}
.descargas-titulo {
	font-family: var(--unnamed-font-family-noto-serif);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-17);
	line-height: var(--unnamed-line-spacing-40);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000b3);
}
.pie-de-pagina {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-14);
	letter-spacing: var(--unnamed-character-spacing-4-8);
	color: var(--negro-tipografía);
	text-transform: uppercase;
}
.pie-de-pagina-info {
	font-family: var(--unnamed-font-family-optima);
	font-style: var(--unnamed-font-style-italic);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-18);
	line-height: var(--unnamed-line-spacing-30);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--negro-tipografía);
}
.buscador {
	font-family: var(--unnamed-font-family-noto-serif);
	font-style: var(--unnamed-font-style-italic);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-30);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--negro-tipografía);
}
.transparencia-link{
	/*font-family: var(--unnamed-font-family-ibm-plex-sans);*/
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-14);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--negro-tipografía);
	/*text-transform: var(--unnamed-text-transform-uppercase);*/
}
.menu {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-14);
	line-height: var(--unnamed-line-spacing-17);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--negro-tipografía);
}
.sub-menu {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-10);
	line-height: var(--unnamed-line-spacing-12);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--negro-tipografía);
	text-transform: var(--unnamed-text-transform-uppercase);
}
.footer-titulo-gobierno {
	font-family: var(--unnamed-font-family-montserrat);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-medium);
	font-size: var(--unnamed-font-size-16);
	line-height: var(--unnamed-line-spacing-30);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blanco);
}
.footer-gobierno {
	font-family: var(--unnamed-font-family-montserrat);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-medium);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-16);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blanco);
}
.inai-blanco {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-8);
	line-height: var(--unnamed-line-spacing-12);
	letter-spacing: var(--unnamed-character-spacing-0-32);
	color: var(--blanco);
}
.inai-morado {
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-8);
	line-height: var(--unnamed-line-spacing-12);
	letter-spacing: var(--unnamed-character-spacing-0-32);
	color: var(--morado-inai);
}




/* ---------- GENERALES ---------- */

body, html{
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	scroll-behavior: smooth;
}

a:link.enlace1, a:visited.enlace1{
	color: #0D6EFD;
	text-decoration: underline;
}

a:hover.enlace1{
	color: #902E19 !important;
	text-decoration: underline;
}

.align-right{
	text-align: right;
}

.flotarDerecha{
	float: right;
}

::-webkit-input-placeholder {
   font-style: italic;
}

/* Le quitamos el margen que genera scrol */
.row {
   	--bs-gutter-x: 0rem !important;
}

a:link, a:visited{
	color: #0D6EFD;
	/*color: #212529;*/
	text-decoration: none;
}
a:hover{
	color: #902E19 !important;
}




/* ----- MARGENES ----- */
@media (min-width: 1280px) {
	.margen1, .finder{
		width: 80% !important;
		margin-left: 10% !important;
		margin-right: 10% !important;
	}
}

@media (min-width: 769px) {
	.margen1, .finder{
		width: 92%;
		margin-left: 4%;
		margin-right: 4%;
	}
}

@media (max-width: 768px) {
	.margen1, .finder{
		width: 94%;
		margin-left: 2%;
		margin-right: 2%;
	}
}

.margen2{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}

.margen3{
	width: 89%;
	margin-left: 1%;
	margin-right: 10%;
}

@media (max-width: 1370px) {
	.margen3{
		width: 90% !important;
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
}

@media (min-width: 1201px) {
	.margen4{
    	width: 90%;
		margin-left: 10%;
	}
}

@media (min-width: 769px) and (max-width: 1200px) {
	.margen3{
		width: 98%;
		margin-left: 0%;
		margin-right: 2%
	}
	.margen4{
		margin-left: 6%;
		width: 94%;
	}
}

.margen-chico{
	padding: 40px 0px;
}

.margen-grande{
	padding: 90px 0px;
}

.pad-top8{
	padding-top: 8px !important;
}

.pad-top12{
	padding-top: 12px !important;
}

.pad-top16{
	padding-top: 16px !important;
}

.pad-top28{
	padding-top: 28px;
}

.pad-top40{
	padding-top: 40px;
}

.pad-top60{
	padding-top: 60px;
}

.pad-bot8{
	padding-bottom: 8px !important;
}

.pad-bot12{
	padding-bottom: 12px !important;
}

.pad-bot16{
	padding-bottom: 16px !important;
}

.pad-bot28{
	padding-bottom: 28px;
}

.pad-bot40{
	padding-bottom: 40px;
}

.pad-bot60{
	padding-bottom: 60px;
}

.pad-left8{
	padding-left: 8px !important;
}

.pad-left12{
	padding-left: 12px !important;
}

.pad-left16{
	padding-left: 16px !important;
}

.pad-left28{
	float: left;
	padding-left: 28px !important;
}

.pad-left48{
	float: left;
	padding-left: 48px !important;
}

.pad-left60{
	float: left;
	padding-left: 60px !important;
}

.pad-right8{
	padding-right: 8px !important;
}

.pad-right12{
	padding-right: 12px !important;
}

.pad-right16{
	padding-right: 16px !important;
}

.pad-right28{
	float: left;
	padding-right: 28px !important;
}

.pad-right40{
	float: left;
	padding-right: 40px !important;
}

.pad-right60{
	float: left;
	padding-right: 60px !important;
}

.mar-top8{
	float: left;
	margin-top: 8px !important;
}

.mar-top12{
	float: left;
	margin-top: 12px !important;
}

.mar-top16{
	float: left;
	margin-top: 16px !important;
}

.mar-top28{
	float: left;
	margin-top: 28px !important;
}

.mar-top40{
	float: left;
	margin-top: 40px !important;
}

.mar-top60{
	margin-top: 60px !important;
}

.mar-top100{
	margin-top: 100px !important;
}

.mar-bot8{
	float: left;
	margin-bottom: 8px !important;
}

.mar-bot12{
	float: left;
	margin-bottom: 12px !important;
}

.mar-bot16{
	float: left;
	margin-bottom: 16px !important;
}

.mar-bot28{
	float: left;
	margin-bottom: 28px !important;
}

.mar-bot40{
	float: left;
	margin-bottom: 40px;
}

.mar-bot60{
	margin-bottom: 60px;
}

.mar-bot100{
	margin-top: 100px;
}

.pad-topBot20{
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 992px) {
	.marTopResp-c2{
		float: left !important;
		/*width: 100% !important;*/
		margin-top: 40px !important;
	}
}

@media (max-width: 768px) {
	.marTopResp-c3{
		float: left !important;
		/*width: 100% !important;*/
		margin-top: 40px !important;
	}

}

/*
@media (max-width: 768px) {
	.mar-top-responsive40{
		float: left !important;
		width: 100% !important;
		margin-top: 40px !important;
	}
}
*/




/* ----- POSICIONES ----- */

.abajoIzquierda{
	position: absolute;
	left: 0;
	bottom: 0;
}

.abajoDerecha{
	position: absolute;
	right: 0;
	bottom: 0;
}

.medioDerecha{
	position: absolute;
	right: 0;
	top: 35%;
}

.result__title-text{
	padding-right: 20px!important;
}




/* ----- BOTONES ----- */
.btnGris, .btnGris2, .btnRojo, .btnBlanco, .btnNegro, .btnSubmit-Rojo, .btnVivo{
	float: left;
	font-family: 'Helvetica';
	font-size: var(--unnamed-font-size-12);
	font-weight: var(--unnamed-font-weight-bold);
	letter-spacing: var(--unnamed-character-spacing-2-4);
	text-align: center;
	text-transform: uppercase;
	margin-top: 30px;
	padding-top: 18px;
	padding-bottom: 17px;
}

.btnGris{background: #F4F4F4;}
.btnGris a{color: var(--transparencia); text-decoration: none; padding: 18px 40px !important;}
.btnGris a:hover{background: var(--transparencia); color: var(--blanco) !important; padding-top: 20px !important; padding-bottom: 20px !important;}

.btnGris2{background: #F4F4F4;}
.btnGris2 a{color: var(--transparencia); text-decoration: none; padding: 18px 40px !important;}
.btnGris2 a:hover{background: var(--rojo-colmich); color: #FFFFFF !important; padding-top: 20px !important; padding-bottom: 20px !important;}

.btnRojo, .btnSubmit-Rojo{background: var(--rojo-colmich);}
.btnRojo a, .btnSubmit-Rojo{color: #FFFFFF; text-decoration: none; padding: 18px 40px !important;}
.btnRojo a:hover{color: var(--blanco) !important; background: var(--gris-oscuro); padding-top: 20px !important; padding-bottom: 20px !important;}

.btnNegro{background: #1F1A17;}
.btnNegro a{color: #F4F4F4; text-decoration: none; padding: 18px 40px !important;}
.btnNegro a:hover{background: var(--rojo-colmich); color: var(--blanco) !important; padding-top: 20px !important; padding-bottom: 20px !important;}

.btnBlanco{background: #FFFFFF;}
.btnBlanco a{color: #1F1A17; text-decoration: none; padding: 18px 40px !important;}
.btnBlanco a:hover{background: var(--rojo-colmich); color: #FFFFFF !important; padding-top: 20px !important; padding-bottom: 20px !important;}

.btnVivo {background: var(--rojo-colmich);}
.btnVivo a{color: #FFFFFF !important; text-decoration: none; padding: 20px 40px !important;}
.btnVivo a:hover{color: var(--blanco) !important; padding-top: 20px !important; padding-bottom: 20px !important;}

.btnBlanco a .transmision{padding: 18px 10px !important;}

.btnDescarga1{
	width: 100%;
	max-width: 120px;
	border-bottom: 3px solid var(--rojo-colmich);
	border-spacing: 15px;
	padding: 18px 30px 14px 0px;
	height: 110px;
}

.btnDescarga1 img{
	max-width: 50px;
}

.btnDescarga2 a:hover{
	color: var(--rojo-colmich);
}

.btnDescarga2 img{
	max-width: 90px;
}




/* ----- TABS ----- */
.tab-titulo a{
	color: #707070;
	font-family: 'Playfair Display', serif;
	font-size: var(--unnamed-font-size-48);
	font-weight: var(--unnamed-font-weight-bold);
	line-height: 60px;
}

.nav-link.active, .nav-link:hover{
	color: #902E19 !important;
}

/* Sobreescribir TAB BOOSTRAP */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs {
	border-color: #fff !important;
}

.tab-titulo .nav-link {
    padding-left: 0rem !important;
	padding-right: 2rem !important;
}




/* ----- ICONOS ----- */
.contacto-vertical{
	left: 3%;
	position: absolute;
	font-size: 36px;
	text-transform: uppercase;
	color: #4A4744;
	padding-top: 60px;
}

.icono img{
	width: 100%;
	max-width: 50px;
	vertical-align: middle;
}

.flecha img{
	max-width: 44px;
	
}




/* Redes Menu */
.redes-vertical{
	right: 3%;
	position: absolute;
	padding-top: 66px;
}

.redes-menu{
	top: 50%;
	transform: translate(0, 50%);
 }
  
ul.redes-menu{
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
  
.redes-menu li{
	padding: 5px 0px;
}
  
.redes-menu img{
	max-width: 50px;
	max-height: 50px;
}


@media (max-width: 1366px) {
	.redes-vertical{
		margin-top: -30px !important;
	}
}


@media (max-width: 980px) {
	.redes-vertical{
		margin-top: -60px !important;
	}
}


@media (max-width: 768px){
	.redes-vertical{
		display: none !important;
	}
}




/* ----- MENUS ----- */
ul.menus{
	list-style-image: url("../images/bullet.png");
	font-family: var(--unnamed-font-family-ibm-plex-sans);
	padding: 0px 60px;
}

ul.menus li{
	padding: 6px 0px;
}

ul.menus li a{
	color: var(--negro-tipografía);
	text-decoration: none;
}

ul.menus li a:hover{
	color: var(--rojo-colmich);
}


/* ----- Menus Internos ----- */
.seccion-submenu{
	float: left;
	width: 100%;
	height: auto;
	background: var(--gris-base);
	padding: 36px 0px;
}

.seccion-submenu .navbar, .seccion-submenu .collapse {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	z-index: 1;
}

ul.menu-interno{
	list-style: none;
}

ul.menu-interno li{
	float: left;
	display: inline-block;
	padding: 0px 14px;
}

ul.menu-interno li a{
	padding: 0px !important;
}

ul.menu-interno li a.active{
	background: url("../images/vineta-roja.png");
	background-repeat: no-repeat;
	background-size: 10px;
}

ul.menu-interno li a:hover{
	padding-bottom: 29px !important;
	border-bottom: solid 4px var(--rojo-colmich);
}


@media (max-width: 1440px) {
	.seccion-submenu .margen1, .finder{
		width: 98% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
	}
}


@media (min-width: 768px) and (max-width: 1100px) {
	.seccion-submenu .nav-item{
		line-height: 34px !important;
	}
	
	ul.menu-interno li a{
		padding: 0px 22px;
	}
	
	ul.menu-interno li a:hover{
		padding-bottom: 6px !important;
	}
}


@media (max-width: 768px) {
	.seccion-submenu .navbar-nav, .seccion-submenu .nav{
		display: block !important;
		flex-direction: column !important;
	}
	
	ul.menu-interno{
		padding-left: 1%;
	}
	
	ul.menu-interno li{
		float: inherit !important;
		display: block !important;
		padding: 18px 0px 8px 0px;
	}

	ul.menu-interno li a{
    	background-position: top left;
    	padding-left: 24px !important;
	}
	
	ul.menu-interno li a:hover{
		padding-bottom: 2px !important;
	}
	
	.seccion-submenu .collapse{
		display: block !important;
	}
}




/* ----- TABLAS ----- */
.table>:not(caption)>*>*{
	border-bottom-width: 0px !important;
	padding: 0px 16px !important;
}

/* Tabla Descargas */
.tbl1 td{
	padding-bottom: 18px;
}

.tbl1 td:first-child{
	width: 116px;
}

.tbl2 td{
	padding-bottom: 18px;
}

.tbl2 td:first-child{
	width: 116px;
	vertical-align: top;
	padding-right: 10px;
}

.tbl3 th{
	width: 33%;
	border-left: solid 2px #863522;
	vertical-align: middle;
	padding: 0px 28px;
}

.tbl4{
	margin-top: 28px;
}




/* ----- COLUMNAS ----- */

/* Columna de tamaño 6 con Borde Rojo a la Izquierda */
.tam6LR{
	border-left: solid 3px var(--rojo-colmich);
	padding-left: 30px;
}




/* ----- OTROS ----- */
.imagen100 img, .div100{
	width: 100%;
}

.no-mostrar{
	display: none;
}

.bor-left-rojo{
	border-left: solid 3px #863522;
	padding-left: 2% !important;
	padding-right: 2% !important;
}


@media (max-width: 768px) {
	.ocultar-responsivo{
		display: none;
	}
}

.absoluto{
	position: absolute;
	height: 1px;
}

/* Efecto para Zoom en imagenes */
.evento-imagen, .subsitios-imagen{
	overflow:hidden;
}

.evento-imagen img, .subsitios-imagen img{
	width: 100%;
	-webkit-transition:all 1.9s ease; /* Safari y Chrome */
    -moz-transition:all 1.9s ease; /* Firefox */
    -o-transition:all 1.9s ease; /* IE 9 */
    -ms-transition:all 1.9s ease; /* Opera */
}

.evento-imagen:hover img, .subsitios-imagen:hover img{
	-webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
}




/* Formulario */
.caja-formulario{
	float: left;
	width: 100%;
	border-radius: 0px !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: solid 3.5px #000 !important;
}

.caja-formulario:focus{
	font-family: var(--unnamed-font-family-ibm-plex-sans) !important;
	color: var(--negro);
	background-color: #fff;
	outline:0;
	box-shadow: #FFF !important;
	/*box-shadow: 0 0 0 .25rem rgba(144,46,25,.25);*/
}

textarea{
	border: solid 3.5px #000 !important;
}

.btnSubmit-Rojo:hover{color: var(--blanco) !important; background: var(--gris-oscuro); }

.responsive-iframe{
	width: 100% !important;
	height: 620px !important;
  	margin-top: 34px;
}




/* ---------- ENCABEZADO ---------- */

.encabezado{
	float: left;
	width: 100%;
}

.header-line{
	float: left;
	width: 100%;
	height: 10px;
	background: var(--rojo-colmich);
}

.gob-header .margen3{
	margin-left: 2%;
	margin-right: 9%;
}


/* ----- Menu Gobierno ----- */

.gob-header{
	float: left;
	width: 100%;
	height: auto;
	max-height: 60px;
	background: #611232;
	padding: 16px 0px;
	
	position: -webkit-sticky; /* Importante para que de quede arriba al hacer scroll */
  	position: sticky; /* Importante para que de quede arriba al hacer scroll */
	top: 0; /* Importante para que de quede arriba al hacer scroll */
	z-index: 999; /* Importante para que de quede arriba al hacer scroll */
}

.gob-header img{
	max-width: 84px;
}

.menu-gob-header ul{
	list-style-type: none;
}

.menu-gob-header li{
	display: inline-block;
}

.menu-gob-header li:hover{
	background-color: rgba(255, 255, 255, .15);
}

.menu-gob-header li a{
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-decoration: none;
	padding: 8px 15px 8px 1px;
}

.menu-gob-header li a:hover{
	color: #D4C19C !important;
}

.menu-gob-header img{
	max-width: 16px;
}




/* --- Top Menu --- */
.top-menu{
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	text-align: right;
	background: #F4F4F4;
}

.fondo-usuario{
	right: 0px;
	position: absolute;
	text-align: right;
	z-index: 980;
	width: 176px;
}

.fondo-usuario img{
	float: right;
	text-align: right;
	width: 100%;
	max-width: 160px; /* modif1 */
	/* max-width: 180px; */
}

.miCuenta{
	float: right;
	position: absolute;
	text-align: right;
	z-index: 990;
	right: 60px;
	margin-top: 16px;
}

.miCuenta img{
	float: right;
	max-width: 50px;
	text-align: right;
}

.top-menu-logoConacyt{
	float: right;
	width: 170px;
	margin-right: 230px;
	margin-top: 12px;
}

.top-menu-logoConacyt img{
	max-width: 168px;
}

.top-menu-buscador{
	float: right;
	width: 300px;
	position: relative;
	padding-right: 30px;
	margin-top: 12px;
	margin-bottom: 26px;
}

.com-finder, .finder{
	padding-top: 150px !important;
}

.finder h1{
	display: none;
}

.form-control{
	width: 100%;
}

.top-menu-transparencia{
	float: right;
	position: relative;
	margin-top: 18px;
	margin-right: 30px;

}

.top-menu-transparencia a{
	font-family: var(--unnamed-font-family-helvetica) !important;
	text-decoration: none;
	color: var(--negro-tipografía);
	padding: 0%;
}

.top-menu-transparencia a:hover{color: var(--rojo-colmich);}
.top-menu-transparencia-responsivo{display: none;}

@media (max-width: 1140px) {
	.top-menu-transparencia{
    	margin: -8px 200px 20px 0px;
	}
}


@media (max-width: 992px) {
	.top-menu-buscador{
		width: 260px;
	}
	
	.top-menu-logoConacyt {
		margin-right: 130px;
	}
	
	.miCuenta{
		margin-top: 4px;
		right: 8px;
	}
}


@media (max-width: 768px) {
	.miCuenta{
    	right: 30px !important;
		margin-top: 24px;
	}
	
	.top-menu-buscador{
		width: 73%;
		margin-right: 120px;
	}

	.top-menu-logoConacyt{
		width: 100% !important;
		text-align: left !important;
		display: inline-block !important;
		margin-top: 20px !important;
		margin-right: 30px !important;
		padding-left: 2%;
	}
	
	.top-menu-logoConacyt img{
		max-width: 220px;
		padding-left: 1%;
	}
	
	.top-menu-buscador{
		float: left;
		padding-left: 14px;
	}
	
	.top-menu-transparencia{
		display: none;
	}
	
	.top-menu-transparencia-responsivo{
		width: 100% !important;
		text-align: left !important;
		display: inline-block !important;
		margin-top: 20px !important;
		padding-left: 14px;
	}
}




/* ----- CENTROS DE ESTUDIO -----  */

/* --- Nombre del Centro --- */
.nombre-pagina{
	float: left;
	width: 100%;
	background: #FFF;
	margin: 8px 12px 20px 0px;
}

.nombre-pagina img{
	max-width: 290px;
	
}

.nombre-pagina-imagen{
	float: left;
	padding-right: 16px;
	border-right: solid 1px #000;
	
}

.nombre-pagina .titulo-negro-mediano{
	margin-left: 10px;
}
.nombre-pagina .titulo-negro-mediano,
.nombre-pagina .titulo-rojo-mediano{
	float: left;
	padding: 18px 0px 0px 8px;
}




/* --- Menu Principal --- */
.menuPrincipal{
	float: left;
	width: 100%;
	height: auto;
	background: #FFF;
}

.navbar{
	z-index: 998;
}

nav.navbar {
    background-color: transparent !important;
}

.navbar-brand img{
	max-width: 260px; /* modif2 */
	/* max-width: 280px; */
}

nav.navbar .nav-item a, .mod-menu__heading{
	color: var(--transparencia) !important;
	font-family: var(--unnamed-font-family-helvetica) !important;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

.menuPrincipal .mod-menu li a:hover{
	color: var(--unnamed-color-000000) !important;
}

.logo-colmich-responsive{
	display: none !important;
}

.logo-colmich-responsive img{
	max-width: 260px;
	margin-left: 26px;
}

/* Submenu */
.menuPrincipal nav.navbar .nav-item ul{
	background: #FFF !important;
	z-index: 800;
}

.menuPrincipal nav.navbar .nav-item ul a{
	color: var(--negro-tipografía) !important;
	font-family: var(--unnamed-font-family-noto-serif) !important;
	font-style: var(--unnamed-font-style-italic) !important;
	font-weight: var(--unnamed-font-weight-normal) !important;
	font-size: var(--unnamed-font-size-12) !important;
	line-height: var(--unnamed-line-spacing-28) !important;
	letter-spacing: var(--unnamed-character-spacing-0) !important;
	text-transform: inherit !important;
}

.menuPrincipal nav.navbar .nav-item ul a:hover{
	color: var(--rojo-colmich) !important;
}

.menuPrincipal nav.navbar .nav-item ul li{
	text-transform: none !important;
	padding: 5px 18px !important;
}

.menuPrincipal .mod-menu__sub li.active {
	background: none !important;
}


/* Cambiamos los estilos de bootstrap para los dispositivos que no son moviles */
@media (min-width: 992px) {
	.menuPrincipal{
		min-height: 100px;
	}
	
	.navbar{
		position: absolute;
		margin-top: 8px;
		padding-right: 80px; /* modif4 */
		/* padding-right: 100px; */
		z-index: 997;
	}
	
	.collapse{
		right: 0 !important;
		padding-top: 20px; /* modif3 */
		/* padding-top: 30px; */
	}
	
	.mod-menu li{
		padding: 0px 14px !important;
	}
	
	.nav-item a{
		padding-top: 4px !important;
		padding-bottom: 27px;
	}
	
	.menuPrincipal .mod-menu li a:hover, .mod-menu li.parent a:hover{
		border-bottom: solid 4px #902E19 !important;
		z-index: 997 !important;
	}

	/*ul.navbar-nav li a.active{*/
	.menuPrincipal ul.mod-menu li.active {
	    background: url("../images/icons/vineta-roja.png");
    	background-repeat: no-repeat;
    	background-size: 10px;
    	background-position: 0% 40%;
	}
	
	.menuPrincipal .mod-menu__sub{
		border-top: solid 4px #902E19 !important;
	}
	
	.menuPrincipal .mod-menu__sub li a:hover{
		border: none !important;
	}
	
	/* Submenu */
	.menuPrincipal .mod-menu__sub{
		display: none;
		border-radius: 0 !important;
		margin-top: 26px;
	}
	
	.mod-menu__heading{
		position: relative;
	}
	
	.mod-menu__sub li a:hover{
		border: none !important;
	}
	
	.navbar li:hover > ul{
		position: absolute;
		display: block;
		z-index: 997;
	}
	
	.menuPrincipal nav.navbar .nav-item ul li:first-child{
		padding-top: 18px !important;
	}
	
	.menuPrincipal nav.navbar .nav-item ul li:last-child{
		padding-bottom: 18px !important;
	}
	
	.parent::after {
		display: inline-block;
		margin-left: 6px;
		vertical-align: 0.255em;
		content: "";
		border-top: 0.3em solid;
		border-right: 0.3em solid transparent;
		border-bottom: 0;
		border-left: 0.3em solid transparent;
	}

	*, ::after, ::before {
		box-sizing: border-box;
	}
}


@media (min-width: 992px) and (max-width: 1366px) {	
	
	.menuPrincipal{
		padding-bottom: 24px;
	}
	
	.fondo-usuario img{
		max-width: 180px;
	}
	
	.top-menu-logoConacyt{
		margin-right: 200px;
	}
	
	.navbar-brand{
		display: none;
	}
	
	.logo-colmich-responsive{
		padding-top: 18px;
		display: block !important;
	}
	
	.menuPrincipal .collapse{
		padding-top: 12px;
	}
	
	.menuPrincipal nav.navbar .nav-item a {
		padding-bottom: 28px;
	}
	
	.menuPrincipal .ms-auto {
    	margin-left: inherit !important;
	}
	
	nav.navbar .nav-item a {
    	padding-top: 12px;
    	padding-bottom: 12px;
	}
	
	ul.navbar-nav li a.active{
		background-position: 0% 50%;
	}
}


@media (max-width: 992px){
	.fondo-usuario img{
		max-width: 78px;
	}
	
	.miCuenta{
		right: 12px;
	}

	.logo-colmich-responsive{
		display: none !important;
	}
		
	ul.navbar-nav li a.active{
		{background-position: -100px 0px}
	}
	
	.menuPrincipal nav.navbar .nav-item ul li{
		padding: 5px 24px !important;
	}
	
	.menuPrincipal li.nav-item{
		padding: 12px 0px !important;
	}

}


@media (max-width: 768px){
	.fondo-usuario img{
		max-width: 140px;
	}
	
	.seccion-submenu ul.mod-menu li.active {
		background-position: 4% 63% !important;
	}

	ul.menu-interno li a:hover{
    	border: none !important;
	}
}




/* ---------- CUERPO ---------- */
.seccion-renglon-blanco{
	float: left;
	width: 100%;
	background: #FFF;
}

.seccion-renglon-gris{
	float: left;
	width: 100%;
	background: #F4F4F4;
}


.contenedor-articulo{
	float: right;
	text-align: left;
	background: #FFF;
	padding-top: 60px;
	padding-bottom: 60px;
}

.contenedor-articulo p{
	padding-bottom: 2px;
}


/* ----- Menu Internas ----- */
.menu-internas{
	float: left;
	position: relative;
	background: #FAFAFA;
	padding-top: 60px;
	padding-bottom: 60px;
}

.seccion-submenu ul.mod-menu li.active{
	background: url("../images/icons/vineta-roja.png");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 0% 40%;
}

@media (min-width: 1280px) {
	.menu-internas{
		width: 32% !important;
		padding-left: 10% !important;
		padding-right: 2% !important;
	}
	.contenedor-articulo{
		width: 68% !important;
		padding-left: 10% !important;
		padding-right: 10% !important;
	}
}

@media (min-width:769px) and (max-width:1279px) {
	.menu-internas{
		width: 32% !important;
		padding-left: 4% !important;
	}
	.contenedor-articulo{
		width: 68% !important;
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
}

@media (max-width: 768px) {
	.menu-internas{
		width: 100% !important;
		padding-left: 2% !important;
	}
	.contenedor-articulo{
		width: 100% !important;
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
}




/* ----- Slider ----- */
.slider{
	float: left;
	width: 100%;
	height: auto;
	position: relative;
}

.carousel-caption{
	color: #000 !important;
	text-align: left !important;
}

.carousel-caption h5{
	font-size: 16px;
	text-transform: uppercase;
}

.car-desc-negro, .car-desc-rojo{
	font-family: 'Playfair Display', serif !important;
	font-size: 48px !important;
	font-weight: var(--unnamed-font-weight-bold);
	line-height: 54px !important;
	margin-bottom: 0px !important;
}

.car-desc-rojo{
	color: var(--rojo-colmich);
}

/* Adecuaciones */
.slider h5{
	margin-top: -30%;
}

.slider .btnGris{
	position: relative;
	margin-bottom: 10%;
}


@media (min-width:992px) and (max-width:1140px) {
	.slider .btnGris{
		margin-bottom: 6%;
	}
}


@media (max-width: 992px){	
	.d-md-block{
		margin-top: -300px !important;
	}
}


@media (max-width: 900px){
	.d-none{
		display: block !important;
	}
}


@media (max-width: 777px){	
	.slider .container, .container-sm {
    	max-width: 750px !important;
	}
	
	.carousel-indicators{
		display: none !important;
	}
	
	.slider, .slider .carousel-item, .slider .carousel-item img{
		min-height: 250px;
	}
	
	.slider {
		padding-top: 40px !important;
	}
	
	.slider .car-desc-negro, .slider .car-desc-rojo{
		font-size: 28px !important;
		line-height: 34px !important;
	}


	/*esta clase solo es para que no se vea cortado el titulo de los botones grises del slider en los dispositivos mobiles*/
	.subtitulos-negro{padding-top:80px!important;}
	
}




/* Redes */
.carruselRedes{
	position: relative;
	margin-left: auto;
  	order: 2;
}

.carrusel .container{
	display: flex;
	align-items: center;
}

.carrusel-redes-menu{
	position: absolute;
  top: 50%;
  transform: translate(0, 50%);
}

ul.carrusel-redes-menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

.carrusel-redes-menu li{
	padding: 5px 0px;
}

.carrusel-redes-menu img{
	max-width: 50px;
}




/* ----- Carrusel Eventos ----- */
.eventos{
	float: left;
	width: 100%;
	height: auto;
	background: #F4F4F4;
	padding: 90px 0px;
}

.eventos .row{
	margin-top: 90px;
}

.eventos .subtitulo-negro2{
	padding-top: 12px;
}

.eventos .texto-normal2{
	font-size: 16px;
	padding-top: 24px;
}

.eventos .texto-normal1{
	font-size: 16px;
	padding-top: 10px;
}

.eventos .texto-normal2{
	min-height: 130px;
	max-height: 130px;
}

.eventos .card{
	background-color: #F4F4F4 !important;
	border: none !important;
}

.eventos .btnBlanco, .eventos .btnVivo{
	max-width: 160px;
}

.boton-anterior{
	position: absolute;
	width: 100px;
	height: 150px;
	background: url("../images/BtnAnterior.jpg") no-repeat;
	margin-top: -384px;
	padding-bottom: 384px;
}

.boton-siguiente{
	position: absolute;
	right: 0px;
	margin-right: 0px;
	text-align: right;
	width: 100px;
	height: 150px;
	background: url("../images/BtnSiguiente.jpg") no-repeat;
	margin-top: -384px;
	padding-bottom: 384px;
}

@media (max-width: 1366px) {
	.container-eventos .container{
		width: 80%;
	}
}

@media (max-width: 1200px) {
	.boton-anterior, .boton-siguiente{
		width: 90px;
		height: 136px;
		background-size: 90px 136px;
		margin-top: -366px;
		padding-bottom: 366px;
	}
}

@media (max-width: 992px) {
	.boton-anterior, .boton-siguiente{
		width: 78px;
		height: 100px;
		background-size: 78px 100px;
		margin-top: -326px;
		padding-bottom: 326px;
	}
}

@media (max-width: 768px) {
	.container-eventos .container{
		width: 60%;
	}
	.boton-anterior, .boton-siguiente{
		width: 76px;
		height: 150px;
		background-size: 92px 124px;
		margin-top: -390px;
		padding-bottom: 390px;
	}
	.boton-siguiente{
		width: 99px;
		height: 150px;
		background-size: 92px 124px;
		margin-top: -390px;
		padding-bottom: 390px;
	}
}

.eventos .eventos-negro, .eventos .eventos-info {
	height: 100px;
	margin: 0 0 1em 0;
  	overflow: hidden;
}

.eventos .eventos-negro {
	margin: 0;
}

.height-caja100 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}




/* ----- Oferta academica ----- */
.oferta{
	float: left;
	width: 100%;
	height: auto;
	background: #FFF;
	padding: 90px 0px;
}

.oferta-imagen{
	float: left;
	width: 100%;
  	height: auto;
}

.oferta-imagen img{
	width: 100%;
	height: auto;
	max-height: 500px;
}

.oferta .btnGris{
	margin-top: 0px !important;
}

ul.lista-pagina-principal li{
	font-family: 'Noto Serif', serif !important;
	padding-bottom: 18px;
}




/* ----- Publicaciones ----- */
.publicaciones{
	float: left;
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding: 0px 0px 90px 0px;
}

.publicaciones-imagen{
	float: left;
	width: 100%;
}

.publicaciones-imagen img{
	width: 98%;
	height: auto;
	padding-right: 2%;
	padding-top: 60px;
}

.publicaciones-desc{
	max-width: 400px;
	margin-top: 120px;
}

.publicaciones-desc2{
	max-width: 540px;
	margin-top: 20px;
}

.libreria-logo{
	float: left;
	width: 100%;
	text-align: left;
	padding: 40px 0px 0px 28px;
}

.libreria-logo img{
	width: 100%;
	max-width: 220px;
	height: auto;
}




/* ----- Avisos ----- */
.avisos{
	float: left;
	width: 100%;
	height: auto;
	background: #F4F4F4;
	padding: 90px 0px;
}

.aviso .menus, .aviso p{
	font-family: var(--unnamed-font-family-noto-serif) !important;
	line-height: 30px;
	font-style: italic;
}

.avisos .categorias, .avisos .eventos-negro{
	width: 100% !important;
}




/* ----- Sub sitios ----- */
.subsitios{
	float: left;
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding: 90px 0px;
}

.subsitio{
	float: left;
	position: relative;
	display: inline-block;
	text-align: center !important;
}

.subsitio-descripcion{
	width: 100%;
	height: 179px;
	background: #863522;
	opacity: 0.4;
	position: absolute;
	top: 100px;
	padding: 24px 0px;
}

@media (max-width: 1140px) {
	.subsitio-descripcion{
		top: 65px;
	}
}

.subsitio img{
	width: 100%;
}

.titulo-subsitios{
	width: 96%;
	position: absolute;
	top: 130px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 500;
}

.subtitulo-subsitios{
	width: 96%;
	position: absolute;
	left: 50%;
	top: 164px;
	transform: translate(-50%, -50%);
	z-index: 500;
}

.subsitios .btnBlanco{
	background: #FFFFFF;
	position: absolute;
	top: 196px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 500;
}

.eventos .btnBlanco a, .eventos .btnVivo a{
	color: #1F1A17;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
}

/* --- VIDEOS --- */
.subsitio-descripcion-videos{
	width: 100%;
	height: 179px;
	background: #863522;
	opacity: 0.4;
	position: absolute;
	top: 40px;
	padding: 24px 0px;
}

.subtitulo-videos{
	width: 96%;
	position: absolute;
	left: 50%;
	top: 92px;
	transform: translate(-50%, -50%);
	z-index: 500;
}

.videos .btnBlanco{
	background: #FFFFFF;
	position: absolute;
	top: 112px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 500;
}

.videos .btnBlanco a:hover{
	padding: 23px 41px !important;
}




/* --- Portales de Transparencia --- */
.transparencia{
	float: left;
	width: 100%;
	height: auto;
	background: #FFF;
	padding: 90px 0px;
}

.transparencia img{
	text-align: center;
	width: 100%;
	padding: 0px 6px;
}

@media (max-width: 768px) {
	.transparencia{
		text-align: center !important;
	}
	.transparencia img{
		max-width: 360px;
		padding: 12px 0px;
	}
}




/* ----- FOOTER ----- */
.footer{
	float: left;
	width: 100%;
	height: auto;
	background: #F4F4F4;
	padding: 90px 0px;
}

.logo-footer-colmich{
	float: left;
	text-align: left;
	width: 100%;
}

.logo-footer-colmich img{
	width: 100%;
	max-width: 290px;
}

.footer-informacion{
	float: left;
	margin-top: 32px;
}

.footer .titulo-negro-chico2{
	padding: 10px 0px;
}

.footer .titulo-negro-chico{
	font-style: italic;
}

.correosFooter a{
	font-size: 16px;
	font-style: italic;
	font-weight: 400 !important;
	color: #1F1A17;
	text-decoration: none;
	text-transform: none;
}

.correosFooter a:hover{
	color: var(--rojo-colmich);
}

.footer-redes{
	float: left;
	width: 100%;
}

.footer-redes img{
	width: 100%;
	max-width: 50px;
	padding-bottom: 16px;
}

.lineaRoja{
	float: left;
	width: 100%;
	border-bottom: solid 4px var(--rojo-colmich);
}

.lineaBlanca{
	width: 32px;
	height: 1px;
	margin-top: -6px;
	padding-bottom: 16px;
}

.tblFotter img{
	width: 100%;
	max-width: 50px;
	min-width: 50px;
}

.tblFotter td{
	padding: 14px 10px;
}

.tblFotter td:first-child{
	padding: 0px 10px 0px 10px;
}

.lineaRojaGrande{
	float: left;
	width: 100%;
	height: 30px;
	background: var(--rojo-colmich);
}




/* ----- Gob Footer ----- */
.gob-footer{
	float: left;
	width: 100%;
	height: auto;
	background: #13322B;
	color: #FFF;
	padding: 60px 0px;
}

.gob-footer img{
	max-width: 250px;
}

.gob-footer h5{
	font-weight: 300;
	padding-bottom: 6px;
}

ul.gob-footer-menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

.gob-footer-menu li{
	padding: 3px 0px;
}

.gob-footer-menu li a{
	color: #FFF;
	font-size: 15px;
	font-weight: 300;
	text-decoration: none;
	padding: 14px 0px;
}

.gob-footer p{
	font-size: 15px;
	font-weight: 300;
}

.gob-footer a{
	color: #FFF;
	text-decoration: none;
}

.gob-footer a:hover{
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}

.h5Redes h5{
	margin-top: 12px;
}

.h5Redes img{
	max-height: 20px;
}


@media (max-width: 768px) {
	.gob-footer h5{
		margin-top: 30px;
	}
}



/* ---------- INTERNAS ---------- */
.directorio-imagen img{
	width: 90%;
}


/* --- Publicaciones Centros --- */
.publicacion{
	float: left;
	width: 50%;
}

.publicacion-imagen{
	float: left;
	width: 35%;
}

.publicacion-imagen img{
	width: 95%;
}

.publicacion-contenido{
	float: right;
	width: 58%;
	font-size: 10px;
	padding-right: 7% !important;
}


/* --- Informacion --- */
.informacion{
	float: left;
	width: 100%;
	height: auto;
	background: #F4F4F4;
}


/* Eventos */
.fecha-evento{
	width: 160px;
	height: 160px;
	background-color: #902E19;
	border-radius: 50%;
	display: inline-block;
}

.fecha-evento-texto{
	text-align: center;
	padding-top: 24%;
}

.fecha-evento-dia{
	color: #FFF;
	font-family: 'Playfair Display', serif;
	font-size: 48px;
	line-height: 48px;
	
}

.fecha-evento-mes{
	color: #FFF;
	font-family: var(--unnamed-font-family-helvetica);
	font-size: 16px;
}

.fecha-evento-doble-mes{
	margin-top: -18px;
}

.fecha-evento-texto2{
	text-align: center;
	padding-top: 10%;
}
@media (min-width:769px) and (max-width:992px) {
	.fecha-evento-texto2{
		padding-top: 0%;
	}
}
.fecha-evento-dia2{
	color: #FFF;
	font-family: 'Playfair Display', serif;
	font-size: 28px;
	line-height: 30px;
}


@media (min-width:769px) and (max-width:992px) {
	.fecha-evento{
		width: 120px;
		height: 120px;
	}
	
	.fecha-evento-texto{
		padding-top: 15%;
	}
}