@charset "UTF-8";
/*
 * Custom CSS — SDOS (David Herrera)
 * Theme override timeline
 */
 /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
 00.3 ÚTILES
 00.4 GENÉRICOS
 00.5 BUSCADOR, LISTADOS, TABS Y DATEPICKER
 00.6 ICONS
 00.7 FORMULARIOS
 00.8 GENÉRICOS ESTRUCTURA
 00.9 HEADER - CABECERA - MENÚ
  00.9.1 MENU RESPONSIVE 
 10.0 CARRUSEL

-- 10.1 SECCIÓN DESTACADA

 10.2 EVENTOS
 10.3 SERVICIOS Y TRÁMITES
 10.4 GRUPOS MUNICIPALES
 10.5 PAGE TRANSPARENCIA
 
-- 10.6 ENLACES DE INTERÉS
 
 10.7 FOOTER
 10.8 DETALLE
 
-- 10.9 ENCABEZADO BOLETÍN
-- 11.0 BUSCADOR BOLETINES
 
 11.1 RESPONSIVE
 11.2 NOTICIAS
 11.3 NEWSLETTER
 11.4 ULTIMA HORA
 11.5 TRANSITIONS
 11.6 PAGE URBANISMO
 11.7 MOD Documentacion
 11.8 MOD Direccion
 11.9 PAGINA DETALLE
 12.0 PAGINA PARQUES Y PLAZAS
--------------------------------------------------------------*/
/*==========================================================================
COLORS
  ======================================================================= */
  
.calendario-timeline .events-list .list-event-open .event-close .event-date:before {
  background: rgba(155, 155, 155, 0.8); }
/*==========================================================================
Typography
  ======================================================================= */
/*==========================================================================
    10.2 EVENTOS
    ======================================================================= */
.calendario-timeline .event-all-month > div.row {
    margin-left: 0;
    margin-right: 0;
}
.calendario-timeline .events-title {
  border-top: 1px solid #E4E4E4;
  padding-bottom: 20px;
  padding-left: 0; }
  .calendario-timeline .events-title * {
    display: block;
    line-height: 1.1;
    text-transform: uppercase; }
  .calendario-timeline .events-title strong {
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px; }
  .calendario-timeline .events-title span {
    color: #AFAFAF; }
.calendario-timeline .events-list > .row {
  margin-bottom: 1px;
  overflow: hidden; }
.calendario-timeline .events-list .event-image,
.calendario-timeline .events-list .event-description {
  display: table-cell;
  float: none;
  vertical-align: middle; }
.calendario-timeline .events-list .event-image {
  border-right: 3px solid white; }
.calendario-timeline .events-list .event-description {
  border-left: 3px solid white; }
.calendario-timeline .events-list .event-image,
.calendario-timeline .events-list .event-description {
  padding: 24px 21px;
  position: relative;
  z-index: 1; }

/* Event image */
.calendario-timeline .events-list .event-image * {
  color: #fff;
  line-height: normal; }
.calendario-timeline .events-list .event-image::before {
  content: "";
  background: rgba(114, 204, 81, 0.8);
  height: 100%;
  left: 0;
  position: absolute;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  bottom: 0;
  width: 100%;
  z-index: -1; }
.calendario-timeline .events-list .row:hover {
  height: auto; }
.calendario-timeline .events-list .date {
  text-transform: uppercase; }
  .calendario-timeline .events-list .date > span {
    font-weight: 300;
    display: block; }
.calendario-timeline .events-list .meta {
  text-transform: uppercase; }
.calendario-timeline .events-list .date .day {
  font-weight: bold;
  margin-right: 10px; }
.calendario-timeline .events-list .meta a {
  font-weight: 600; }
.calendario-timeline .events-list a:hover {
  text-decoration: none; }

/* Event Info */
.calendario-timeline .events-list .event-description {
  background: #F4F4F4;
  background: #f4f4f4;
  -webkit-transition: background .2s;
  transition: background .2s; }
  .calendario-timeline .events-list .event-description:hover {
    background: #ececec; }
  .calendario-timeline .events-list .event-description h3 {
    margin: 0; }
  .calendario-timeline .events-list .event-description .event-heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4444444444;
    pointer-events: none; }
    .calendario-timeline .events-list .event-description .event-heading:hover {
      color: #71cc51; }
.calendario-timeline .events-list .event-image {
  background-size: cover; }
.calendario-timeline .events-list .event-image .date + .more-info {
  margin-top: 40px; }
.calendario-timeline .event-all-month {
  padding-top: 10px; }
.calendario-timeline .events-list .event-image .read-more {
  position: absolute;
  bottom: 20px;
  left: 20px; }
.calendario-timeline .events-list .event-close .event-image:before {
  background: rgba(155, 155, 155, 0.8); }
.calendario-timeline .events-list .event-content {
  cursor: pointer; }
  .calendario-timeline .events-list .event-content.event-open .event-image .date .day {
    font-size: 72px; }
  .calendario-timeline .events-list .event-content .event-description .body-event {
    margin-top: 15px;
    display: none; }
  .calendario-timeline .events-list .event-content .event-image .more-info {
    display: none; }
  .calendario-timeline .events-list .event-content.event-open {
    cursor: default; }
    .calendario-timeline .events-list .event-content.event-open .event-description .body-event,
    .calendario-timeline .events-list .event-content.event-open .event-image .more-info {
      display: block; }
    .calendario-timeline .events-list .event-content.event-open .event-description {
      background: #e6e6e6; }
    .calendario-timeline .events-list .event-content.event-open .event-heading {
      pointer-events: auto; }
  .calendario-timeline .events-list .event-content .event-image .date {
    display: table; }
  .calendario-timeline .events-list .event-content:hover .event-description {
    background: #ececec; }
.calendario-timeline .events-list .event-image .date > span,
.calendario-timeline .events-list .event-image .date .month-year {
  display: table-cell;
  vertical-align: middle; }
.calendario-timeline .events-list .event-content.event-open .event-image .date .month-year {
  vertical-align: bottom;
  padding-bottom: 19px; }
.calendario-timeline .events-list .event-image .date .month-year > span {
  display: block; }
.calendario-timeline.mod-eventos .events-list .event-content .event-description .body-event {
  display: block; }

.calendario-timeline .event-content.panel,
.calendario-timeline.mod-eventos .event-content.panel {
  box-shadow: none;
  border: 0 none;
  padding: 0; }
.calendario-timeline .event-content .panel-heading,
.calendario-timeline.mod-eventos .event-content .panel-heading {
  padding: 0;
  border: 0 none;
  background: #f4f4f4;
  display: table;
  width: 100%; }
  .calendario-timeline .event-content .panel-heading .event-description,
  .calendario-timeline.mod-eventos .event-content .panel-heading .event-description {
    background: #e6e6e6; }
    .calendario-timeline .event-content .panel-heading .event-description.collapsed,
    .calendario-timeline.mod-eventos .event-content .panel-heading .event-description.collapsed {
      background: #f4f4f4; }
  .calendario-timeline .event-content .panel-heading.event-closed .event-details,
  .calendario-timeline.mod-eventos .event-content .panel-heading.event-closed .event-details {
    background: #9b9b9b; }

.calendario-timeline.mod-eventos .event-content {
  display: table;
  width: 100%;
  margin-bottom: 2px;
  cursor: pointer; }
  .calendario-timeline.mod-eventos .event-content > div > div {
    display: table-cell;
    padding: 14px 4px 12px;
    vertical-align: middle; }
  .calendario-timeline.mod-eventos .event-content .event-details {
    /*width: 12.2807017544%;*/
    min-width: 70px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    position: relative; }
    .calendario-timeline.mod-eventos .event-content .event-details .large {
      font-size: 22px;
      line-height: 1.3636363636;
      margin-right: 0; }
    .calendario-timeline.mod-eventos .event-content .event-details .month-year {
      font-size: 10px;
      line-height: 1.5;
      text-transform: uppercase; }
    .calendario-timeline.mod-eventos .event-content .event-details .meta {
      color: #fff;
      font-size: 9px;
      line-height: 16px;
      margin-top: 12px;
      letter-spacing: .125em; }
      .calendario-timeline.mod-eventos .event-content .event-details .meta a {
        color: #fff; }
        .calendario-timeline.mod-eventos .event-content .event-details .meta a:hover {
          text-decoration: underline; }
    .calendario-timeline.mod-eventos .event-content .event-details .read-more {
      position: absolute;
      width: 100%;
      bottom: 16px;
      left: 0;
      right: 0;
      color: #fff;
      line-height: 1.6;
      font-size: 10px;
      letter-spacing: .05em; }
      .calendario-timeline.mod-eventos .event-content .event-details .read-more:hover {
        text-decoration: underline; }
  .calendario-timeline.mod-eventos .event-content .event-description {
    /*width: 87.7192982456%;*/
    padding: 14px 18px 12px 18px;
    -webkit-transition: background .2s;
    transition: background .2s;
    cursor: normal; }
    .calendario-timeline.mod-eventos .event-content .event-description h5 {
      margin: 0; }
      .calendario-timeline.mod-eventos .event-content .event-description h5.panel-title {
        font-size: 16px;
        line-height: 1.375;
        font-weight: 600; }
  .calendario-timeline.mod-eventos .event-content .collapse.in .event-details {
    vertical-align: top; }
    .calendario-timeline.mod-eventos .event-content .collapse.in .event-details .more-info {
      display: block; }
  .calendario-timeline.mod-eventos .event-content .collapse.in .event-description {
    vertical-align: top;
    background: #e6e6e6; }
  .calendario-timeline.mod-eventos .event-content:hover .event-description {
    background: #ececec; }

@media all and (max-width: 1190px) {
  .calendario-timeline .events-list .event-content.event-open .event-image .date .day {
    font-size: 58px;
    line-height: 55px; } }
@media all and (max-width: 797px) {
  .calendario-timeline .events-list .event-content.event-open .event-image .date .day {
    font-size: 42px;
    line-height: 41px; }

  .calendario-timeline .events-list .event-image .date > span.day,
  .calendario-timeline .events-list .event-image .date .month-year {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    margin: 0; }

  .calendario-timeline .events-list .event-content .event-image .date {
    width: 100%; } }
@media (max-width: 992px) {
  .calendario-timeline.mod-eventos {
    margin-top: 64px; } }
@media (max-width: 414px) {
  .col-xs-3.event-image,
  .col-xs-9.event-description {
    width: 100%;
    clear: both; }

  .calendario-timeline .events-list .event-image .date + .more-info {
    margin-top: 12px; }

  .calendario-timeline .events-list .event-open .event-image {
    padding-bottom: 76px; }

  .calendario-timeline .events-list .event-image,
  .calendario-timeline .events-list .event-description {
    display: block;
    /*float: left;*/
    border: 0 none; } }
@media (max-width: 768px) {
  .calendario-timeline .events-title {
    margin-top: 24px; } }

/* TIMELINE 
.calendario-timeline .event-content .panel-heading,
.calendario-timeline .event-content.event-open .panel-collapse.in {
  padding: 0;
  border: 0 none;
  background: #f4f4f4;
  display: table-row;
  width: 100%; }
.eventos.mod-eventos .event-content .event-description {
    min-height: 71px;
}*/
/* TIMELINE  */
.calendario-timeline .events-title, .calendario-timeline .events-list {
	margin-top: 10px;
}
.calendario-timeline .event-content {
  display: table;
  width: 100%;
  margin-bottom: 2px;
  cursor: pointer; }
.calendario-timeline .event-content > .event-row {
    display: table-row;
    width: 100%;
}
.calendario-timeline .event-content .event-date {
    background-size: cover;
	vertical-align: middle;
    z-index: 1;
}
.calendario-timeline .events-list .event-date::before {
  content: "";
  background: rgba(114, 204, 81, 0.8);
  height: 100%;
  left: 0;
  position: absolute;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  bottom: 0;
  width: 100%;
  z-index: -1; }
.calendario-timeline .events-list .event-close .event-date:before {
  background: rgba(155, 155, 155, 0.8); }
.calendario-timeline .event-content .event-description {
	vertical-align: top !important;
}
.calendario-timeline .events-list .date .day {
	margin-right: 0;
    padding-right: 10px;
    display: inline-block;
} 
.calendario-timeline .events-list .day.dayEnd:before {content: " - ";}
.calendario-timeline:not(.mod-eventos) .events-list .event-open .day.dayEnd:before {content: "";}
.calendario-timeline:not(.mod-eventos) .events-list .date.dateStart, 
.calendario-timeline:not(.mod-eventos) .events-list .date.dateEnd {display: inline-block;}
@media (max-width: 767px){
	.calendario-timeline .events-list .event-image,
	.calendario-timeline .events-list .event-description {
	    display: block;
	    border: 0 none; }
}
@media (max-width: 768px){
	.calendario-timeline:not(.mod-eventos) .events-list .event-open .day.dayEnd:before {content: " - ";}
}
@media (min-width: 769px){
	.calendario-timeline:not(.mod-eventos) .events-list .event-open .day.dayStart {display: table-row;}
}
@media (max-width: 797px) {
	.calendario-timeline:not(.mod-eventos) .events-list .date.dateStart, 
	.calendario-timeline:not(.mod-eventos) .events-list .date.dateEnd {
	    width: 49%;
	}
	.calendario-timeline:not(.mod-eventos) .events-list .event-image .date > span.day.dayStart,
	.calendario-timeline:not(.mod-eventos) .events-list .event-image .date > span.day.dayEnd {
	    width: 49%;
	    display: inline-block;
	}
	.calendario-timeline:not(.mod-eventos) .events-list .event-image .date > span.day.dayStart {
	    text-align: right;
	    padding-right: 8px;
	}
	.calendario-timeline:not(.mod-eventos) .events-list .event-image .date > span.day.dayEnd {
	    text-align: left;
	}
	.calendario-timeline .events-list .event-content.event-open .event-date .more-info {text-align: center;}
	.calendario-timeline .events-list .event-content.event-open .event-date .read-more {
		position: relative;
	    bottom: initial;
	    width: 100%;
	    text-align: center;
	    left: initial;
	}
	.calendario-timeline .events-list .event-image .date > span.day, 
	.calendario-timeline .events-list .event-image .date .month-year {
		padding: 0;
	}
}
@media (min-width: 798px) {
	.calendario-timeline:not(.mod-eventos) .events-list .event-open .date.dateStart {width: 100%;}
	.calendario-timeline:not(.mod-eventos) .events-list .event-close .date.dateEnd > span:before {content: " - ";}
}
.calendario-timeline .event-content .more-info .meta {
    margin-bottom: 20px;
}
.calendario-timeline .events-list .event-content.event-close .more-info,
.calendario-timeline .events-list .event-content.event-close .event-description .body-event {
    display: none;
}
/* TIMELINE -mod-eventos- */
.calendario-timeline.mod-eventos .event-content .event-details {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.calendario-timeline.mod-eventos .event-content.event-open .event-details {
}
.calendario-timeline.mod-eventos .event-content .more-info .meta {
    letter-spacing: .05em;
}
.calendario-timeline.mod-eventos .mod-title > * {
	display: inline-block;
}
.calendario-timeline.mod-eventos .mod-title strong {
  font-size: 22px;
  font-weight: 400;
  margin-left: -15px; }
.calendario-timeline.mod-eventos .mod-title span {
  color: #AFAFAF; }
.calendario-timeline.mod-eventos .mod-title {
  font-size: 22px;
  line-height: 1.4545454545;
  color: #4a4a4a;
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-top: 24px; }
  .calendario-timeline.mod-eventos .mod-title:first-of-type {
    margin-top: 0; }

.calendario-timeline.mod-eventos .events-counter {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  color: #9b9b9b;
  margin-left: 10px; }
.calendario-timeline.mod-eventos .events-list {
	margin-top: 0;
}
.calendario-timeline.mod-eventos .events-list .date .day {
    padding-right: 0;
}