/* 
    Hoja de estilo en la que se configura:
    - Las fuentes extras que se usaran en los el sitio.
    - Los colores institucionales del sitio web.
    - Los objetos comunes como: menu de navegacion botones, iconos, titulos, encabazados, etc (todo objeto reutilizado en el sitio como parte del diseño)
    Creado por: Ing. Uriel Vargas Barajas [15/AGO/2019]
*/

@font-face {
    font-family: "Verdana";
    font-style: normal;
    font-weight: normal;
    src: local("?"),url("../../fonts/Verdana-Reg.woff") format('woff'), url("../../fonts/Verdana-Reg.ttf") format('truetype');
}

@font-face {
    font-family: "Arial";
    font-style: normal;
    font-weight: normal;
    src: local("?"),url("../../fonts/Arial-Reg.woff") format('woff'), url("../../fonts/Arial-Reg.ttf") format('truetype');
}

@font-face {
    font-family: "Helvetica";
    font-style: normal;
    font-weight: normal;
    src: local("?"),url("../../fonts/Helvetica.woff") format('woff'), url("../../fonts/Helvetica.ttf") format('truetype');
}

@font-face {
    font-family: "Proxima_Nova";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../../fonts/Proxima-Nova-Reg.woff") format('woff'), url("../../fonts/Proxima-Nova-Reg.ttf") format('truetype');
}

/*@font-face {
    font-family: "Glyphicons_Halflings";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../fonts/glyphicons-halflings-regular.woff") format('woff'), url("../fonts/glyphicons-halflings-regular.ttf") format('truetype');
}*/

/*@font-face {
    font-family: "Proxima Nova Black";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../Fonts/Proxima Nova Black.otf");
}


@font-face {
    font-family: "Proxima Nova Bold";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../Fonts/Proxima Nova Bold.otf");
}*/



/*@font-face {
    font-family: "Intro Black";
    src: url("Fonts/IntroBlack.otf");
    src: url("Fonts/IntroBlack.eot?#amocristalab") format("embedded-opentype"), url("Fonts/IntroBlack.woff") format("woff"), url("Fonts/IntroBlack.ttf") format("truetype"), url("Fonts/IntroBlack.svg#IDdelafuente") format("svg");
}

@font-face {
    font-family: "Intro Bold";
    src: url("Fonts/IntroBold.otf");
    src: url("Fonts/IntroBold.eot?#amocristalab") format("embedded-opentype"), url("Fonts/IntroBold.woff") format("woff"), url("Fonts/IntroBold.ttf") format("truetype"), url("Fonts/IntroBold.svg#IDdelafuente") format("svg");
}

@font-face {
    font-family: "Intro Book";
    src: url("Fonts/IntroBook.otf");
    src: url("Fonts/IntroBook.eot?#amocristalab") format("embedded-opentype"), url("Fonts/IntroBook.woff") format("woff"), url("Fonts/IntroBook.ttf") format("truetype"), url("Fonts/IntroBook.svg#IDdelafuente") format("svg");
}

@font-face {
    font-family: "Intro Regular";
    src: url("Fonts/IntroRegular.otf");
    src: url("Fonts/IntroRegular.eot?#amocristalab") format("embedded-opentype"), url("Fonts/IntroRegular.woff") format("woff"), url("Fonts/IntroRegular.ttf") format("truetype"), url("Fonts/IntroRegular.svg#IDdelafuente") format("svg");
}

@font-face {
    font-family: "Intro light";
    src: url("Fonts/IntroLight.otf");
    src: url("Fonts/IntroLight.eot?#amocristalab") format("embedded-opentype"), url("Fonts/IntroLight.woff") format("woff"), url("Fonts/IntroLight.ttf") format("truetype"), url("Fonts/IntroLight.svg#IDdelafuente") format("svg");
}


@font-face {
    font-family: "Intro Bold Caps";
    src: url("Fonts/IntroRegular.otf");
    src: url("Fonts/IntroRegular.eot?#amocristalab") format("embedded-opentype"), url("Fonts/IntroRegular.woff") format("woff"), url("Fonts/IntroRegular.ttf") format("truetype"), url("Fonts/IntroRegular.svg#IDdelafuente") format("svg");
}

@font-face {
    font-family: "Intro Light Regular";
    font-style: normal;
    font-weight: normal;
    src: url("Fonts/IntroLight.eot?#iefix") format("embedded-opentype"), url("Fonts/introlight.woff") format("woff"), url("Fonts/introlight.ttf") format("truetype"), url("Fonts/introlight.svg#Intro Light Regular") format("svg");
}*/

/*
    -COLORES NUEVO SITIO DOMEXIC-

    #57CFDD - Color BG Encabezado
    #F1F3F4  - Color Pie Página
    #BFBFBF  - Texto Pie
    #00A5E2  - Color linea menú opciones
    #7C7A7B
*/
:root {
    /* PALETA INSTITUCIONAL RedGTO*/
    --color-RedGTO-gisOscuro: #797A7B;
    --color-RedGTO-grisMedio: #C5BCBF;
    --color-RedGTO-grisLight: #F1F3F4;
    --color-RedGTO-menta: #57CFDD;
    --color-RedGTO-azul: #13BCEA;
    --color-RedGTO-mentaLight: #98DFE2;
    --color-RedGTO-bgBtnNormal: #13BCEA;
    --color-RedGTO-borderBtnNormal: #4DD7F7;
    --color-RedGTO-bgBtnOver: rgba(77, 215, 247, 0.75);
    --color-RedGTO-borderBtnOver: #13BCEA;
    /* PALETA INSTITUCIONAL */
    --color-ejeEducacion: #B7C3E4;
    --color-ejeEducacion2: #021F84;
    --color-azulLogo: #3291FF;
    --color-bgHeader: var(--color-RedGTO-menta);
    --color-azulPleca: #0262C9;
    --color-moradoPleca: #4455AC;
    --color-violetaPleca: #7A429E;
    --color-grisFooterAnterior: #E1E1E1;
    --color-grisFooter: var(--color-RedGTO-grisLight);
    --color-textoFooter: #BFBFBF;
    --color-azulGTO: #00497F;
    --color-cianGTO: #00A5E2;
    --color-azul1: #2F8CE1;
    --color-azul2: #2461AB;
    --color-verdeGTO: #96C11F;
    --color-magentaGTO: #E6358A;
    --color-naranjaGTO: #F27221;
    --color-gris1: #E6E6E6;
    --color-gris2: #6A6A6A;
    --color-gris3: #F7F7F7;
    --color-grisTabla: #EDEDED;
    --color-Tabla1: #D9F2FB;
    --color-Tabla2: #BFE9F7;
    --color-copyR: #2F7799;
    /* PALETA PERSONALIZADA */
    --color-verdeGTO-Light: rgba(150, 193, 31, 0.60);
    --color-magentaGTO-Light: rgba(230, 53, 138, 0.60);
    --color-cianGTO-Light: rgba(0, 165, 226, 0.60);
    --color-azul1-Light: rgba(47, 140, 225, 0.60);
    --color-azul-Ficha: #E1F9FF;
    --color-rojoErrorDato: #F7343E;
    --color-separadorFormulario: #D8D8D8;
    --color-eliminar: var(--color-magentaGTO);
    --color-bgCol1-TablaRED: #D9F2FB;
    --color-bgCol2-TablaRED: #BFE9F7;
    --color-TextoBoton: var(--color-azulGTO);
    --color-gris3Contraste: #EDEDED;
    --color-bgBtn-RED: #F8F9FA;
    --color-bgBtnOver-RED: #E2E6EA;
    --color-borderBtn-RED: #DAE0E5;
    --color-bgBtn-REDverde: #9FCC20;
    --color-bgBtnOver-REDverde: var(--color-verdeGTO);
    --color-borderBtn-REDverde: #8BB21E;
    --color-estrella-inactivo: #E5E5E5;
    --color-estrella-hover-activo: #FFCE00;
    /*  --------------------------- PALETA DE COLORES PARA ELEMENTOS DEL SITIO  --------------------------------------------*/
    /*Configuración Menu*/
    --color-textoMenu: #7E7E7E;
    --color-separadorMenu: #9A9A9A;
    --color-bgSubMenu: #e7f4f5;
    --color-bgSubMenu-over: #13BCEA;
    --color-textoSubMenu: var(--color-grisDeshabilitado);
    /*Configuración Menu Contextual*/
    --color-bgMenuCtx: #FFF;
    --color-sombraMenuCtx: var(--color-grisObscuro);
    --color-separadorMenuCtx: #FFF; /*var(--color-grisMedio);*/
    --color-textoMenuCtx: var(--color-grisDeshabilitado);
    --color-bgOverMenuCtx: var(--color-grisClaro);
    --color-bgOverMenuCtxDeshabilitado: var(--color-gisTextoDeshabilitado);
    /*Colores sitio*/
    --color-magentaGTO: #C6358A;
    --color-azulMarino: #372E62;
    --color-azulClaro: #5D80B1;
    --color-grisClaro: #EBEEF6;
    --color-grisObscuro: #6A6A6A;
    --color-grisMedio: #CCC;
    --color-verdeAzulado: #87BCD4;
    --color-verdeAzuladoLight: rgba(135, 188, 212, 0.60);
    --color-azulTitulos: #333979;
    --color-grisDeshabilitado: #505154;
    --color-gisTextoDeshabilitado: #878787;
    --color-bgContenido: #F1F3F4;
    --color-textoAzul: #275D9A;
    /*Configuración Botones*/
    --color-azulEditar: #333979;
    --color-verdeAgregar: #1B8734;
    --color-rojoBorrar: #941817; /*9E2611*/
    --color-verdeAzuladoAdmin: #5E8394;
    --color-grisBordeBoton: #D4D7DB;
    --color-grisBotonHover: #DCDFE6;
    --tamaño-IconoBoton: 24px;
    --tamaño-IconoBotonContextual: 18px;
    /*Configuracion Formularios*/
    --color-campoObligatorio: #FF4500; /*#FF832B;*/
    --color-textoError: #DC3545; /*#B94A48;*/
    --color-bgTituloPopUpPreView: var(--color-azulMarino);
    --color-textoTituloPopUpPreView: #FFF;
    --color-bgTituloPopUpMensajes: var(--color-azulMarino);
    --color-textoTituloPopUpMensajes: #FFF;
    --color-bgBotonPopUpMensajes: var(--color-azulMarino) !important;
    --color-textoBotonPopUpMensajes: #FFF;
    --color-bgBotonOverPopUpMensajes: var(--color-azulClaro) !important;
}