:root {
/*GLOBALES====================================================================================*/
  --backgroundBody: url(../images/background.jpg);
  --tipoLetra: "Helvetica Neue", Helvetica, Arial, Lucida, sans-serif;

  --backgroundInput: transparent;
  --colorLetraInput: #000;
  --bordeInput: solid 1px #006599;

  --colorLetraSelect: #fff;
  --bordeSelect: solid 1px #fff;
  --colorLetraOption: #red;

  --backgroundScrollPrincipal: #006599;
  --backgroundScrollSecundario: #000;
/*============================================================================================*/

/*BARRA NAVEGACION============================================================================*/
  --backgroundBarraNavegacion: transparent;
  --colorLetraBarraNavegacion: #fff;
  --colorLetraBarraNavegacionHover: #C48237;
  --colorLetraBarraNavegacionActivo: #C48237;
  --bordeBarraNavegacion: solid 1px #006599;
  --sombraBarraNavegacion: 0 1px 2px rgb(0, 0, 0, 0.2);

  --backgroundBarraNavegacionSubMenu: #82A237;
  --backgroundBarraNavegacionSubMenuHover: #C0C128;
  --colorLetraBarraNavegacionSubMenu: #FFF;
  --sombraBarraNavegacionSubMenu: 0 1px 2px rgb(0, 0, 0, 0.2);
/*============================================================================================*/

/*LOGIN=======================================================================================*/
  --backgroundLogin: linear-gradient(to bottom, #cad5df , #cad5df);
  --colorLetraLogin: #FFF;
  --colorLetraLoginHover: #82A237;
  --backgroundLoginIcono: linear-gradient(to bottom, #C0C128, #82A237);
  --backgroundLoginButton: #006599;
  --backgroundLoginButtonHover: #FFF;
  --colorLetraLoginButton: #fff;
  --colorLetraLoginButtonHover: #006599;
/*============================================================================================*/

/*INICIO======================================================================================*/
  --colorLetraInicioDatosUsuario: #FFF;
  --colorLetraInicioDatosUsuarioBienvenido: #000;
  --bordeInicioDatosUsuario: solid 3px #000;

  --backgroundInicioDivAbonado: linear-gradient(to bottom,  #cad5df, #cad5df);
  --colorLetraInicioDivAbonado: #C48237;
  --colorLetraInicioIconoServicio: #006599;
  --colorLetraInicioDatosAbonado: #006599;
  --colorLetraInicioDatosAbonadoPaq: #006599;
  --backgroundInicioDatosFactura: linear-gradient(to bottom, #171f25, #171f25);
  --colorLetraInicioDatosFacturaEncabezados: #FFF;
  --colorLetraInicioDatosFacturaResultados: #FFF;

  --backgroundBotonOperacionPagar: linear-gradient(to bottom, #4ccf3d, #4ccf3d);
  --backgroundBotonOperacionPagarHover: linear-gradient(to bottom, #fff, #fff);
  --backgroundBotonOperacionRecargar: linear-gradient(to bottom, #FFFF00, #FFFF00);
  --backgroundBotonOperacionRecargarHover:linear-gradient(to bottom, #fff, #fff);
  --backgroundBotonOperacionConsumos: linear-gradient(to bottom, #5AB2DB, #5AB2DB);
  --backgroundBotonOperacionConsumosHover: linear-gradient(to bottom, #fff, #fff);

  --backgroundDivContenido: linear-gradient(to bottom,  #cad5df, #cad5df);
  --bordeDivContenido: solid 2px #000;
  --colorLetraDivContenido: #006599;
  --backgroundBotonPagar: #4ccf3d;
  --colorLetraBotonPagar: #fff;
  --backgroundBotonPagarHover: #FFF;
  --colorLetraBotonPagarHover: #4ccf3d;
  --backgroundBotonCancelar: #e82405;
  --colorLetraBotonCancelar: #FFF;
  --backgroundBotonCancelarHover: #FFF;
  --colorLetraBotonCancelarHover: #e82405;
  --backgroundBotonInstrucciones: #ffba2a;
  --colorLetraBotonInstrucciones: #000;
  --backgroundBotonInstruccionesHover: #FFF;
  --colorLetraBotonInstruccionesHover: #ffba2a;

  --backgroundInicioFlechasSlider: #171f25;
  --colorLetraInicioFlechasSlider: #FFF;
  --backgroundInicioFlechasSliderHover: #fff;
  --colorLetraInicioFlechasSliderHover: #006599;

  --backgroundInicioFormEncabezado: linear-gradient(to bottom, #171f25, #171f25);
  --colorLetraInicioFormEncabezado: #fff;
  --backgroundInicioFormContenido: #FFF;
  --colorLetraInicioFormContenido: #000;
  --backgroundInicioFormEtiquetas: #171f25;
  --colorLetraInicioFormEtiquetas: #FFF;

  --backgroundCodigoBarras: #FFF;

  --backgroundInicioBotonesRecargas: linear-gradient(to bottom, #EDEDED, #EDEDED);
  --colorLetraInicioBotonesRecargas: #000;
  --backgroundInicioBotonesRecargasHover: linear-gradient(to bottom, #006599, #006599);
  --colorLetraInicioBotonesRecargasHover: #fff;
/*============================================================================================*/

/*POPUPS======================================================================================*/
  --backgroundPopupFondo: #000;
  --backgroundPopupHeader: #000;
  --colorLetraPopupHeader: #FFF;
  --backgroundPopupHeaderHover: #FFF;
  --colorLetraPopupHeaderHover: #e82405;
  --backgroundPopupBody: #DDD;
  --colorLetraPopupBody: #FFF;
  --backgroundPopupBtn: #ed0000;
  --colorLetraPopupBtn: #FFF;
  --backgroundPopupBtnSecundario: #ed0000;
  --colorLetraPopupBtnSecundario: #FFF;
  --backgroundPopupBtnHover: #000;
  --colorLetraPopupBtnHover: #FFF;

  --backgroundBotonRecargar: linear-gradient(to bottom, #006599, #006599);
  --colorLetraBotonRecargar: #fff;
  --backgroundBotonRecargarHover: linear-gradient(to bottom, #fff, #fff);
  --colorLetraBotonRecargarHover: #006599;

  --colorLetraMostrarPassword: #006599;
  --colorLetraMostrarPasswordHover: #C48237;
/*============================================================================================*/
}