@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400&family=Noto+Sans:wght@100;200;300;400&display=swap');

/*
	File: template_theme.css
	Define the variables required by template.css
*/

:root {
	
	/* Body */
--body-bg: #FFFFFF;
--body-color: #071D2B;

	/* Menu superior, estado alt (por defecto) */
--header-alt-h1: #FFFFFF; /* Primera parte del logo menu superior */
--header-alt-h1-span: #FFFFFF; /* Segunda parte del logo menu superior */
--header-alt-a: #FFFFFF; /* Color de los links del menu superior */
--header-alt-a-hover: #F8F8F9; /* Color :hover :active de los links del menu superior */
	
	/* Menu superior, estado despues de hacer scroll a la mitad de la pagina mas o menos */
--header-bg: #00439C;
--header-h1: #FFFFFF;
--header-h1-span: #FFFFFF;
--header-a: #F8F9FA;
--header-a-hover: #FFFFFF;
	
	/* Submenu de menu superior */
--submenu-a: #00439C;
--submenu-a-hover: #0070F6;

	/* a */
--a: #0070F6;
--a-hover: #0A3369;
--a-active: #0A3369;
	
/* select */
--select-bg: #FFFFFF;
--select-color: #112633;
--option-bg: #FFFFFF;
--option-color: #071D2B;
--option-disabled-bg: #F8F9FA;
--option-disabled-color: #4B5A65;
--select-border-color: #0070F6;
--select-hover-border-color: #00439C;
--select-arrow-color: #0070F6; 
--select-hover-arrow-color: #00439C;
--select-hover-color: #00439C;
	
	/* backgrounds definibles */
--background1: #00439C;
--background2: #112633;
--background3: #071D2B;
--background4: #0070F6;
	
	/* colores de texto y links definibles */
--light1:#FFFFFF;
--light1-hover:#B8C1C7;
--light2:#B8C1C7;
--light2-hover:#FFFFFF;
--light3:#0070F6;
--dark1:#00439C;
--dark2:#4B5A65;
--dark2-hover:#071D2B;
--dark3:#071D2B;
--dark3-hover:#4B5A65;
		
	/* button */
--button-bg:#071D2B;
--button-color:#FFFFFF;
--button-hover-bg:#0D7AFF;
--button-active-bg:#0069EA;
	/* button.special */
--button-special-bg:#0070F6;
--button-special-color:#FFFFFF;
--button-special-hover-bg:#0D7AFF;
--button-special-active-bg:#0069EA;
	/* button.alt */
--button-alt-border:#FFFFFF;
--button-alt-color:#FFFFFF;
--button-alt-hover-bg:#0070F6;
--button-alt-hover-color:#FFFFFF;
--button-alt-active-bg:#00439C;
--button-alt-active-color:#FFFFFF;
	
	/* separador */
--separator-light-color: rgba(255,255,255,.15);
--separator-dark-color: rgba(0,0,0,.3);
	
}