calendar.html

---
layout: content
title: Calendario
---
<style>
    .place, .time, .subject {
        display: inline-block;
        padding: .4em .6em;
        min-width: 8em;
        text-align: center;
        background: #dadada;
        color: #333;
    }
    .time {
        background: #6789AB;
        color: #fff;
    }
    .subject {
        background: #6767AB;
        color: #fff;
        margin-right: .6em;
    }
    .month {
        font-size: 1.8em;
    }
    .day {
        display: inline-block;
        width: 1.6em;
        margin-left: -1em;
        padding-top: .4em;
        text-align: right;
        overflow: visible;
        vertical-align: top;
        font-size: 3em;
        margin-right: .2em;
        color: #999;
        height: 100%;
    }
    .event-list {
        display: inline-block;
    }

    iframe.calendar {
      width: 95%;
      height: 30rem;
    }
</style>

<div class="pure-g">
  <div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
    <h3>Calendario de 1er Curso</h3>
    <iframe class="calendar" src="https://www.google.com/calendar/embed?wkst=2&amp;bgcolor=%23FFFFFF&amp;src=oscsf8h6n0rpo2eqbfmouls1q4%40group.calendar.google.com&showTitle=0&amp;wkst=2&amp;bgcolor=%23ffffff&amp;color=%23AB8B00&amp;ctz=Europe/Madrid" frameborder="0" width="95%" scrolling="no"></iframe>
  </div>
  <div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
      <h3>Calendario de 2º Curso</h3>
      <iframe class="calendar" src="https://www.google.com/calendar/embed?wkst=2&amp;bgcolor=%23FFFFFF&amp;src=6l7af52hf8mbhpdmm13o73k0v0%40group.calendar.google.com&showTitle=0&amp;wkst=2&amp;bgcolor=%23ffffff&amp;color=%23AB8B00&amp;ctz=Europe%2FMadrid" frameborder="0" width="95%" scrolling="no"></iframe>
    </div>
  <div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
    <h3>Calendario de 3er Curso</h3>
    <iframe class="calendar" src="https://www.google.com/calendar/embed?wkst=2&amp;bgcolor=%23FFFFFF&amp;src=OXZoaHVhdDY5N2hhcWZmcjlwNHJ0YzBkOG9AZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&showTitle=0&amp;wkst=2&amp;bgcolor=%23ffffff&amp;ctz=Europe%2FMadrid" frameborder="0" width="95%" scrolling="no"></iframe>
  </div>
  <div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
    <h3>Calendario de 4º Curso</h3>
    <iframe class="calendar" src="https://calendar.google.com/calendar/embed?src=9k0sd919bvmfit2cbq4akf3k3o%40group.calendar.google.com&ctz=Europe/Madrid&amp;wkst=2&amp;bgcolor=%23FFFFFF&amp;&showTitle=0&amp;wkst=2&amp;bgcolor=%23ffffff" frameborder="0" width="95%" scrolling="no"></iframe>
  </div>
  <div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2">
  	<h3>Calendario de 5º Curso</h3>
    <iframe class="calendar" src="https://www.google.com/calendar/embed?showTitle=0&amp;wkst=2&amp;bgcolor=%23ffffff&amp;src=cgvtmlhp4ogi02objk399320e0%40group.calendar.google.com&amp;color=%2323164E&amp;ctz=Europe%2FMadrid" frameborder="0" width="95%" scrolling="no"></iframe>
  </div>
  <div class="pure-u-1-1 pure-u-md-1-2 pure-u-lg-1-2"></div>
</div><!--/span-->