@charset "utf-8";
/* Hojas de estilo
Autor:         MIGUEL SOLORIO MEDINA
Sitio Web:     Fundimex 2021
Módulo:        Temas de color y fuente
Actualización: Octubre 2020
-------------------------------------------------------*/

body {
	background: var(--body_bg);
	color: var(--body_text);
	font-family: var(--font_body);
	font-size: var(--font_size_n);
	line-height:normal;
	}



.container {
    max-width: 90%;
    margin: auto;
    padding: 0px;
    text-align: center;  
    width: 90%;
	}



.container_int {
    margin: auto;
    padding: 0%;
    text-align: center;  
    width: 80%;
	}

.text_encabezado{
	font-family: var(--font_encabezado);
	font-size: var(--font_size_xl);
	}
.text_titulo{
	font-family: var(--font_titulo);
	font-size: var(--font_size_l);
	}
.text_subtitulo{
	font-family: var(--font_subitulo);
	font-size: var(----font_size_m);
	}
.text_anuncio{
	font-family: var(--font_anuncio);
	font-size: var(--font_size_r);
	}
.text_body{
	font-family: var(--font_body);
	font-size: var(--font_size_r);
	}
.text_small{
	font-family: var(--font_small);
	font-size: var(--font_size_s);
	}
/*  colores de fuentes */

.texto_azul1 {	
	color: var(--text_azul1);
	}
.texto_azul2 {	
	color: var(--text_azul2);
	}
.texto_gris1 {	
	color: var(--text_gris1);
	}
.texto_negro {	
	color: var(--text_negro);
	}
.texto_rojo1 {
	color: var(--text_rojo1);
}
.texto_rojo2 {
	color: var(--text_rojo2);
}

:root {
	/* Blanco */
	--navbar1_bg: #ffffff;
	--navbar1_bg_hover: #f0f0f0;
	--navbar1_text: #696969;
	--navbar1_text_hover: #696969;
	
	/* azul claro */
	--navbar2_bg: #4267B2;
	--navbar2_bg_hover: #5582DB;
	--navbar2_text: #FFFFFF;
	--navbar2_text_hover: #FFFFFF;
	
    /* gris */
	--navbar3_bg: #696969;
	--navbar3_bg_hover: #9E9E9E;
	--navbar3_text: #FFFFFF;
	--navbar3_link: #FFFFFF;
	--navbar3_link_hover: #FFFFFF;
	
	/* Gris claro */
	--navbar4_bg: #f0f0f0;
	--navbar4_bg_hover: #e6e6e6;
	--navbar4_text: #696969;
	--navbar4_text_hover: #696969;
	
	/* oro */
	--boton1_bg: #C2A875;
	--boton1_bg_hover: #EDBC28;
	--boton1_text: #FFFFFF;
	--boton1_text_hover: #FFFFFF;
	
	/* verde */
	--boton2_bg: #093;
	--boton2_bg_hover: #3C3;
	--boton2_text: #FFFFFF;
	--boton2_text_hover: #FFFFFF;
	
	/* rojo */
	--boton3_bg: #FF0000;
	--boton3_bg_hover: #BF0000;
	--boton3_text: #FFFFFF;
	--boton3_text_hover: #FFFFFF;
	
	/* naranja */
	--boton4_bg: #FF9933;
	--boton4_bg_hover: #FF6633;
	--boton4_text: #FFFFFF;
	--boton4_text_hover: #FFFFFF;
	
	/* blanco y negro */
	--body_bg: #FFFFFF;
	--body_bg_hover: #FFFFFF;
	--body_text: #1A1A1A;
	--body_text_hover: #FFFFFF;

	/* rojo claro y blanco */
	--footer_bg: #A80000;
	--footer_bg_hover: #B50707;
	--footer_text: #FFFFFF;
	--footer_link: #E2E2E2;
	--footer_link_hover: #C2A875;
	
	/* gris claro lateral */
	--lateral_bg_claro: #F0F0F0;
	--lateral_bg_medio: #E6E6E6;
	--lateral_text1: #001D57;
	--lateral_text2: #4267B2;
	
	
	/*  colores de fuentes */
	--text_rojo1: #A80000;
	--text_rojo2: #B50707;
	--text_azul1: #001D57;
	--text_azul2: #4267B2;
	--text_gris1: #696969;
	--text_negro: #1A1A1A;

	/* familia de fuentes */
	--font_encabezado: 'Roboto_R';
    --font_titulo: 'Roboto_R';
    --font_subtitulo: 'Roboto_R';
    --font_anuncio: 'Roboto_L';
	--font_navbar: 'Roboto_L';
    --font_body: 'Roboto_L';
	--font_small: 'Roboto_L';
	
	/* tamaño de fuentes */
    --font_size_s: 12px;
	--font_size_n: 16px;
	--font_size_r: 22px;
	--font_size_m: 26px;
    --font_size_l: 32px;
    --font_size_xl: 44px;