Highcharts.theme = {
lang: {
  	thousandsSep: ','
},

// Colores de las series
colors: [
        '#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572',
        '#FF9655', '#FFF263', '#6AF9C4'
],


chart: {

	// Color de fondo de la grafica
/*	
    backgroundColor: {
        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
        stops: [
            [0, '#eff7f8'],
            [1, '#4ca1af']
        ]
    },
*/    
    
    // o bien, si no se quiere un gradiente, solo un color:
    backgroundColor: 'rgba(255,255,255, 1)',
    
    // borde del grafico
    borderWidth: 1,
    borderRadius: 10,
    borderColor: '#ffffff',
    
    // Color del area de ploteo
    plotBackgroundColor: 'rgba(255, 255, 255, 1)',
    plotShadow: true,
    
    // Color y tamaño de linea del borde del area de ploteo
    plotBorderColor: '#ffffff',
    plotBorderWidth: 1,
    
    // Margen entre al area de ploteo y el area de la grafica
//    marginRight: 20,
    
},

// Titulo
title: {
    style: {
        color: '#001621',
        font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
    }
},

//Subtitulo
subtitle: {
    style: {
        color: '#103D53',
        font: 'normal 14px "Trebuchet MS", Verdana, sans-serif',
        'border-bottom': '1px solid #ececec',
        width: "100%",
        display: "block",
        left: 0
    }
},

// Eje X
xAxis: {
    gridLineWidth: 1,
    lineColor: '#959a9d',
    tickColor: '#000',
    
    // Etiquetas series
    labels: {
        style: {
            color: '#001621',
            font: '11px Trebuchet MS, Verdana, sans-serif'
        }
    },
    
    // Titulo Eje X
    title: {
        style: {
            color: '#001621',
            fontWeight: 'bold',
            fontSize: '12px',
            fontFamily: 'Trebuchet MS, Verdana, sans-serif'
        }
    }
},

// Eje Y
yAxis: {
    minorTickInterval: 'auto',
    lineColor: '#959a9d',
    lineWidth: 1,
    tickWidth: 1,
    tickColor: '#000',
    
    // Etiquetas valores Eje Y
    labels: {
        style: {
            color: '#001621',
            font: '11px Trebuchet MS, Verdana, sans-serif'
        }
    },
    
    // Titulo Eje Y
    title: {
        style: {
            color: '#001621',
            fontWeight: 'bold',
            fontSize: '12px',
            fontFamily: 'Trebuchet MS, Verdana, sans-serif'
        }
    }
},

// Leyenda (Descripción de las series)
legend: {
    itemStyle: {
        font: '12px Trebuchet MS, Verdana, sans-serif',
        color: '#103d53'
    },
    itemHoverStyle: {
        color: '#039'
    },
    itemHiddenStyle: {
        color: 'gray'
    }
},

// Notas parte inferior (ej. "Fuente: ...")
caption: {
    style: {
        color: '#003',
        fontWeight: 'bold',
        fontSize: '10px',
        fontFamily: 'Trebuchet MS, Verdana, sans-serif'
    }
}
};

// Apply the theme
Highcharts.setOptions(Highcharts.theme);