/* Set this class to an image for turning it into a responsive image. Example:
<div class="responsive-image-div">
    <img src="" />
</div> */

.responsive-image-div img {
  /* Set this class to an image for turning it into a responsive image. Example:
    <div class="responsive-image-div">
        <img src="" />
    </div> */
  width: 100%;
  height: auto;
}

#footer img {
  height: 43px; /* This is the size of the bottom logos */
}

/*
===========================================================================================
AGENDA TIMETABLE
===========================================================================================
*/
.agenda-timetable {
  margin: 10px 0px 0px 0px;
  border: 1px solid #eee;
  padding: 15px 15px 0px 15px;
}
.agenda-timetable h3 {
  /* Agenda Title */
  margin: 5px 0px 15px 0px;
  text-align: center;
}
.agenda-timetable h4 {
  /* Agenda's block title */
  margin: 30px 0px 20px 0px;
  text-align: left;
}
.agenda-timetable td {
  padding: 7px 0px 7px 0px;
  border: none;
}
.agenda-timetable tr {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #eee;
}
.agenda-timetable .agenda-break {
  background-color: #efefef;
  font-style: italic;
}
.agenda-timetable .agenda-break td {
  margin: 20px 0px 20px 0px;
}
/*
===========================================================================================
DECORATIONS
===========================================================================================
*/
/*
#block-content-subpage {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}

.content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
*/

/*
Button Plugin
*/
.plugin-btn-type-1,
.plugin-btn-type-1:hover {
  background: #0c5c7c;
  color: #fff;
  padding: 8px 18px;
  border-radius: 0;
  border: 1px solid #fff;
  box-shadow: 0px 0px 0px 1px #02bdd5;
  font-size: 13px;
}

.plugin-btn-type-2,
.plugin-btn-type-2:hover {
  font-family: "Roboto", sans-serif;
  line-height: 1.42857143;
  background: #414141;
  color: #fff;
  padding: 20px 35px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 13px;
}

.plugin-btn-type-3 {
  background: none;
  color: #555;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  /*font-size: 15px;*/
  border: 0px solid #fff;
}
.plugin-btn-type-3:hover {
  color: #0c5c7c;
}

.plugin-btn-type-4,
.plugin-btn-type-4:hover {
  font-family: "Roboto", sans-serif;
  line-height: 1.42857143;
  background: #fff;
  color: #0c5c7c;
  padding: 20px 35px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 13px;
}

/*
==================================
Bootstrap 3
Center columns of the row 
==================================
*/
.col-centered {
  float: none;
  margin: 0 auto;
}


/* En static/plugins/bootstrap/bootstrap.min.css dice que el el botón de tres puntos se oculte cuando la pantalla sea mayor de 768px.
Aquí le digo que se no, que muestre siempre y que se oculte cuando la pantalla sea mayor de 1000px

 .navbar-toggle {
  display:block;
}
@media (min-width:1000px) {
 .navbar-toggle {
  display:none
 }
}
 */