/*** start: ADECUACIONES DEL CENTRO ***/
:root {
    --z-primary: #0099ff;
    --z-primary-with-opacity: #0099ffCD;
    --z-secondary: #f8b537;
    --z-tertiary: #f8b537;
	--z-quaternary: #8DFFF5;

	/*Tipografia a usar*/
	--z-tipografia: unset;

	/*Tamaño de la fuente de los botones del menu vertical*/
	/* --font-size-menu-v: 14px; */

	/*Tamaño de la fuente de los botones del menu horizontal*/
	/* --font-size-menu-h: 15px; */

	/*Aplica en los elementos body y td. Ademas en las clases .btn-menu, .btn-menu:hover y .txt-clicac*/
	/* --font-size-general: 16px; */

	--white: white;
	--black: black;
	--transparent: transparent;

	/*Color y transparencia de la caja que envuelve el mensaje de bienvenida*/
	--welcome-box-bg-color: #00000070;

	/*Color y transparencia de la caja que envuelve el mensaje de bienvenida (cuando es menor de 768px)*/
	--welcome-box-xs-bg-color: #00000070;

	/*Color y transparencia de la caja que envuelve el login form*/
	--login-box-bg-color: #00000009;

	/*Color y transparencia de la caja que envuelve el mensaje del banner*/
	--banner-box-bg-color: #00000070;

	/*Color de la fuente en el mensaje de bienvenida*/
	--font-welcome: white;

	/*Color de la fuente en el mensaje de bienvenida (cuando es menor de 768px)*/
	--font-welcome-xs: white;

	/*Color y radio de la sombra en el mensaje de bienvenida*/
	--font-welcome-shadow-color: black;
	--font-welcome-shadow-radius: 50px;

	/*Color de la fuente del mensaje del login form*/
	--font-login: var(--z-primary);

	/*Color del mensaje de de descarga de la app*/
	--font-login-xs: white;

	/*Color del body para el login*/
	--login-body-bg-color: white;

	/*Tamaño vertical del banner*/
	--login-banner-height: 300px;

	/*Margen superior de la imagen de la mano con el movil*/
	--margin-banner-phone: -320px;

	/*Color del texto dentro del banner*/
	--font-banner: white;

	/*
	Color de tintado y metodo de mezcla para la imagen principal del login
	-Blend-modes: normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity.
	-Global values: inherit, initial, revert, revert-layer, unset.
	*/
	--overlay-login-size: cover;/*cover,contain*/
	--overlay-login-bg: var(--z-primary-with-opacity);
	--overlay-login-blend: screen;
	--overlay-login-pos: center; /*top,center,bottom*/

	/*Color de tintado y metodo de mezcla para el banner del login (segunda imagen)*/
	--overlay-banner-size: cover;/*cover,contain*/
	--overlay-banner-bg: var(--z-primary);
	--overlay-banner-blend: screen;
	--overlay-banner-pos: center; /*top,center,bottom*/

	/*Altura de la imagen principal del login (se usa cuando es calculada por porcentaje desde customization_helper)*/
	--background-image-login-percent-screen-height: 55vh;

	/*Altura de la imagen principal del login (se usa cuando se elige pantalla completa desde customization_helper)*/
	--background-image-login-full-screen-height: 94vh;

	/*** Mensaje de bienvenida del login (se usa cuando no se deja en blanco el mensaje de bienvenida en el customization_helper) ***/
	/*Posicion del mensaje de bienvenida [start, center, end] */
	--align-welcome-box: center;

	/*Margen superior del mensaje de bienvenida en caso de ajustes precisos */
	--align-welcome-box-top-margin: 0px;

	/*Por ejemplo en caso de --align-welcome-box: end; Y pantalla completa (usar -375px)*/
	/*--align-welcome-box-top-margin: -375px;*/

	/* Indicador en la imagen principal del login para desplazar hacia abajo*/
	--scroll-down-color: white;

	/*Titulos de las secciones*/
	--h1-fuente: var(--z-primary);
	--h1-subrayado: var(--z-tertiary);

	/*Paginacion*/
	--pager-active: var(--z-secondary);
	--pager-font: black;
	--pager-active-hover-font: black;

	/*Color y transparencia del hover*/
	--hover: #ffffff23;

	/*Tonalidad al hacer hover en los botones del menu*/
	--hover-horizontal: var(--hover);
	--hover-horizontal-font: var(--z-secondary);

	--hover-vertical: var(--z-primary);
	--hover-vertical-font: var(--z-secondary);

	/*Color de fondo para el menu horizontal*/
	--menu-horizontal: var(--z-primary);
	--menu-horizontal-font: white;

	/*Color de fondo para el menu vertical*/
	--menu-vertical: var(--hover);
	--menu-vertical-font: white;

	/*Hover botones inicio y cerrar sesion*/
	--hover-logout: var(--hover);
	--hover-logout-font: var(--z-secondary);
	--logout-font: white;

	/*Estilo principal de los botones*/
	--btn-main: var(--z-primary);
	--btn-main-font: white;

	/*Botones dentro de la tabla de reservas*/
	--btn-tabla-reservas: var(--z-tertiary);
	--btn-tabla-reservas-font: white;

	/*Botones de la seccion Mi QR y el panel de usuario (en el menu vertical "INFORMACION DEL USUARIO")*/
	--btn-mi_qr-and-user_panel: var(--z-tertiary);
	--btn-resto-font: white;

	/*Botones para seleccionar la actividad y la localizacion, ademas del color del encabezado de su respectiva tabla*/
	--btn-actividad-localidad: var(--z-secondary);
	--btn-actividad-localidad-font: white;

	/*Barra de arriba del todo*/
	--header-bar: var(--z-secondary);

	/*Color de fondo del header*/
	--header-bg: black;

	/*Color de fondo para el login*/
	--background-login: var(--z-primary);

	/*Barras que envuelven al footer*/
	--foot-wrap: var(--z-primary);
}

/*Fuentes y Tipografías*/
/* .btn-menu-entidad:link {font-size: var(--font-size-menu-v) !important;}
.menu p {font-size: var(--font-size-menu-h) !important;}
body,.btn-menu,.btn-menu:hover,.txt-clicac,td {font-size: var(--font-size-general) !important;} */
body {font-family: var(--z-tipografia), sans-serif !important;}
.login-h2 {font-family: var(--z-tipografia), sans-serif !important;}
#section-form h3 {font-family: var(--z-tipografia), sans-serif !important;}
#section-form p {font-family: var(--z-tipografia), sans-serif !important;}
#section-form p:last-child {font-family: var(--z-tipografia), sans-serif !important;}
.txt-clicac {font-family: var(--z-tipografia), sans-serif !important;}
#div-zitelia h2 {font-family: var(--z-tipografia), sans-serif !important;}
.btn-clicac {font-family: var(--z-tipografia), sans-serif !important;}

/*Responsive*/
@media screen and (max-width:768px) {}
@media screen and (min-width: 280px) and (max-width:768px) {}
@media screen and (width: 768px) {}
@media screen and (min-width: 768px) and (max-width:991px) {}
@media screen and (min-width: 992px) and (max-width:1199px) {}
@media screen and (width: 1200px) {}
@media screen and (min-width: 1200px) and (max-width:1399px) {}
@media screen and (min-width: 1400px) {}
/*fin de Responsive*/

/*** end: ADECUACIONES DEL CENTRO ***/