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

  --backgroundInput: transparent;
  --colorLetraInput: #fc5c1b;
  --bordeInput: solid 1px #fc5c1b;

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

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

/*BARRA NAVEGACION============================================================================*/
  --backgroundBarraNavegacion: transparent;
  --colorLetraBarraNavegacion: #fff;
  --colorLetraBarraNavegacionHover: #fc5c1b;
  --colorLetraBarraNavegacionActivo: #fc5c1b;
  --bordeBarraNavegacion: solid 1px #fc5c1b;
  --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, #e1e3db, #e1e3db);
  --colorLetraLogin: #FFF;
  --colorLetraLoginHover: #82A237;
  --backgroundLoginIcono: linear-gradient(to bottom, #C0C128, #82A237);
  --backgroundLoginButton: #fc5c1b;
  --backgroundLoginButtonHover: #000;
  --colorLetraLoginButton: #fff;
  --colorLetraLoginButtonHover: #fc5c1b;
/*============================================================================================*/

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

  --backgroundInicioDivAbonado: linear-gradient(to bottom,  #e1e3db, #e1e3db);
  --colorLetraInicioDivAbonado: #000;
  --colorLetraInicioIconoServicio: #fc5c1b;
  --colorLetraInicioDatosAbonado: #fc5c1b;
  --colorLetraInicioDatosAbonadoPaq: #fc5c1b;
  --backgroundInicioDatosFactura: linear-gradient(to bottom, #002244, #002244);
  --colorLetraInicioDatosFacturaEncabezados: #FFF;
  --colorLetraInicioDatosFacturaResultados: #FFF;

  --backgroundBotonOperacionPagar: linear-gradient(to bottom, #46e533, #46e533);
  --backgroundBotonOperacionRecargar: linear-gradient(to bottom, #00e0ef, #245490);
  --backgroundBotonOperacionConsumos: linear-gradient(to bottom, #ff954d, #e94c00);

  --backgroundDivContenido: linear-gradient(to bottom,  #e1e3db, #e1e3db);
  --bordeDivContenido: solid 2px #000;
  --colorLetraDivContenido: #fc5c1b;
  --backgroundBotonPagar: #46e533;
  --colorLetraBotonPagar: #000;
  --backgroundBotonPagarHover: #000;
  --colorLetraBotonPagarHover: #46e533;
  --backgroundBotonCancelar: #ed0000;
  --colorLetraBotonCancelar: #FFF;
  --backgroundBotonCancelarHover: #000;
  --colorLetraBotonCancelarHover: #ed0000;
  --backgroundBotonInstrucciones: #ffba2a;
  --colorLetraBotonInstrucciones: #000;
  --backgroundBotonInstruccionesHover: #000;
  --colorLetraBotonInstruccionesHover: #ffba2a;

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

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

  --backgroundCodigoBarras: #FFF;

  --backgroundInicioBotonesRecargas:  #BABABA;
  --colorLetraInicioBotonesRecargas: #000;
  --backgroundInicioBotonesRecargasHover: #fc5c1b;
  --colorLetraInicioBotonesRecargasHover: #fff;
/*============================================================================================*/

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

  --backgroundBotonRecargar: #fc5c1b;
  --colorLetraBotonRecargar: #fff;
  --backgroundBotonRecargarHover: #000;
  --colorLetraBotonRecargarHover: #fc5c1b;

  --colorLetraMostrarPassword: #fc5c1b;
  --colorLetraMostrarPasswordHover: #000;
/*============================================================================================*/
}