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

  --backgroundInput: #FFF;
  --colorLetraInput: #000;
  --bordeInput: solid 1px #000;

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

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

/*BARRA NAVEGACION============================================================================*/
  --backgroundBarraNavegacion: #DDD;
  --colorLetraBarraNavegacion: #000;
  --colorLetraBarraNavegacionHover: rgba(234, 88, 30, 0.7);
  --colorLetraBarraNavegacionActivo: #ea581e;
  --bordeBarraNavegacion: solid 1px #DDD;
  --sombraBarraNavegacion: 0 1px 2px rgb(0, 0, 0, 0.2);

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

/*LOGIN=======================================================================================*/
  --backgroundLogin: linear-gradient(to bottom, #000, #555);
  --colorLetraLogin: #FFF;
  --colorLetraLoginHover: #ea581e;
  --backgroundLoginIcono: linear-gradient(to bottom, #f47d1b, #ea581e);
  --backgroundLoginButton: linear-gradient(to bottom, #ea581e, #f47d1b);
  --backgroundLoginButtonHover: linear-gradient(to bottom, #f47d1b, #ea581e);
  --colorLetraLoginButton: #FFF;
/*============================================================================================*/

/*INICIO======================================================================================*/
  --colorLetraInicioDatosUsuario: #000;
  --colorLetraInicioDatosUsuarioBienvenido: #ea581e;
  --bordeInicioDatosUsuario: solid 4px #4A4985;
  
  --backgroundInicioDivAbonado: linear-gradient(to left bottom, #000, #555);
  --colorLetraInicioDivAbonado: #FFF;
  --colorLetraInicioIconoServicio: #ea581e;
  --colorLetraInicioDatosAbonado: #f47d1b;
  --backgroundInicioDatosFactura: linear-gradient(to bottom, #2D2C80, #4A4985);
  --colorLetraInicioDatosFacturaEncabezados: #FFF;
  --colorLetraInicioDatosFacturaResultados: #FFF;

  --backgroundBotonOperacionPagar: linear-gradient(to bottom, #FFD53C, #FF9613);
  --backgroundBotonOperacionPagarHover: linear-gradient(to bottom, #FF9613, #FFD53C);
  --backgroundBotonOperacionRecargar: linear-gradient(to bottom, #00E1F2, #21669D);
  --backgroundBotonOperacionRecargarHover: linear-gradient(to bottom, #21669D, #00E1F2);
  --backgroundBotonOperacionConsumos: linear-gradient(to bottom, #F9994F, #E85400);
  --backgroundBotonOperacionConsumosHover: linear-gradient(to bottom, #E85400, #F9994F);

  --backgroundDivContenido: linear-gradient(to left bottom, #000, #555);
  --bordeDivContenido: solid 2px #000;
  --colorLetraDivContenido: #ea581e;
  --backgroundBotonPagar: linear-gradient(to bottom, #20975D, #79B44A);
  --colorLetraBotonPagar: #000;
  --backgroundBotonPagarHover: linear-gradient(to bottom, #79B44A, #20975D);
  --colorLetraBotonPagarHover: #000;
  --backgroundBotonCancelar: linear-gradient(to bottom, #E83B2B, #EE5B53);
  --colorLetraBotonCancelar: #000;
  --backgroundBotonCancelarHover: linear-gradient(to bottom, #EE5B53, #E83B2B);
  --colorLetraBotonCancelarHover: #000;
  --backgroundBotonInstrucciones: linear-gradient(to bottom, #FFD53C, #FF9613);
  --colorLetraBotonInstrucciones: #000;
  --backgroundBotonInstruccionesHover: linear-gradient(to bottom, #FF9613, #FFD53C);
  --colorLetraBotonInstruccionesHover: #000;

  --backgroundInicioFlechasSlider: #ea581e;
  --colorLetraInicioFlechasSlider: #FFF;
  --backgroundInicioFlechasSliderHover: #f47d1b;
  --colorLetraInicioFlechasSliderHover: #FFF;

  --backgroundInicioFormEncabezado: linear-gradient(to bottom, #ea581e, #f47d1b);
  --colorLetraInicioFormEncabezado: #FFF;
  --backgroundInicioFormContenido: #FFF;
  --colorLetraInicioFormContenido: #000;
  --backgroundInicioFormEtiquetas: rgb(255, 255, 255, 0.5);
  --colorLetraInicioFormEtiquetas: #000;

  --backgroundCodigoBarras: #FFF;

  --backgroundInicioBotonesRecargas: linear-gradient(to bottom, #2d2c80, #4a4985);
  --colorLetraInicioBotonesRecargas: #FFF;
  --backgroundInicioBotonesRecargasHover: linear-gradient(to bottom, #4a4985, #656490);
  --colorLetraInicioBotonesRecargasHover: #000;
/*============================================================================================*/

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

  --backgroundBotonRecargar: linear-gradient(to bottom, #ea581e, #f47d1b);
  --colorLetraBotonRecargar: #FFF;
  --backgroundBotonRecargarHover: linear-gradient(to bottom, #f47d1b, #ea581e);
  --colorLetraBotonRecargarHover: #FFF;

  --colorLetraMostrarPassword: #FFF;
  --colorLetraMostrarPasswordHover: #ea581e;
/*============================================================================================*/
}