title: Fullcalendar -> Change color selected event
body: <p>I'm using FullCalendar and I can't change the background of the events of a selected date.
  The other days when you click are marked with red, but events no. I think it is by the CSS but I do not know how to modify it to work well.</p>
  
  <p>My code: <a href="http://jsfiddle.net/y33wb52n/" rel="nofollow">http://jsfiddle.net/y33wb52n/</a></p>
  
  <p>Javascript</p>
  
  <pre><code>$(document).ready(function() {
      var fecha_seleccionada;
      var tempVar = "";
  
      $('#calendar').fullCalendar({
          lang: "es",
  
          selectable: true,
          select: function(a, b) {
              fecha_seleccionada = a.format();
              //alert(fecha_seleccionada);
              var input_fecha = document.getElementById("input_fecha");
              input_fecha.value = fecha_seleccionada;
          },
  
          //defaultDate: '2015-02-12',
          editable: false,
          eventLimit: false, // allow "more" link when too many events
          events: [
                  {
                      title: 'Evento',
                      width: '0',
                      start: '2015-09-17'
                  },
                  {
                      title: 'Evento',
                      width: '0',
                      start: '2015-09-19'
                  }
          ],
  
  
          dayClick: function(date, allDay, jsEvent, view) {
              // change the day's background color just for fun
              if (tempVar == "")
              {
                  $(this).css('background-color', 'red');
                  tempVar = this;
              }
              else
              {
                  $(this).css('background-color', 'red');
                  $(tempVar).css('background-color', '#f6f6f6');
                  tempVar = this;
              }
          }
  
  
      });
  });
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.fc-event-skin {
  margin: -20px auto 0px auto; /* spacing between events and edges */
  padding: 30px 0px;
  border-radius: 0px !important;
  </code></pre>
  
  <p>}</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id='calendar' style='margin:3em 0;font-size:13px'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Any help?
  Thanks!</p>