@charset "utf-8";

/* ****************************************************************************
 * Home REGION STYLES
 * ****************************************************************************
 */


/*
 * Default teaser list
 * ****************************************************************************
 */
.tm-page-frontpage .tm-region-node-list .tm-region-node-item {
  border-top            : 0px none black;
  border-bottom         : 1px solid black;
  margin                : 0px 0px 20px 0px;
}

.tm-page-frontpage .tm-region-node-list .tm-region-node-item .tm-region-title,
.tm-page-frontpage .tm-region-node-list .tm-region-node-item .tm-region-title a {
  font-size             : 30px;
  line-height           : 1.2em;
  padding-top           : 10px;
}



/*
 * Teaser list - Actualitat
 * ****************************************************************************
 */
.tm-page-frontpage .tm-region-node-list.tm-region-actualitat .tm-node-media-wrapper {
  margin-bottom         : 0px;
}

.tm-page-frontpage .tm-region-node-list.tm-region-actualitat .tm-region-node-item .views-field.views-field-field-image-authored {
  padding-left          : 0px;
  padding-right         : 0px;
}

.tm-page-frontpage .tm-region-node-list.tm-region-actualitat .tm-region-node-item .views-field.views-field-field-slides {
  padding-left          : 0px;
  padding-right         : 0px;
}



/*
 * Teaser list - Ara mateix
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-aramateix .tm-region-node-item {
  border-top            : 0px none;
  border-bottom         : 0px none;
}
.tm-region-node-list.tm-region-aramateix .tm-region-node-item-left {
  display               : block;
  vertical-align        : top;
  width                 : 100%;
}

.tm-region-node-list.tm-region-aramateix .tm-region-node-item-left + .tm-region-node-item-right {
  background-color      : #000000;
  display               : block;
  vertical-align        : initial;
  width                 : 100%;
}

.tm-region-node-list.tm-region-aramateix .tm-region-node-item-left + .tm-region-node-item-right .tm-region-node-item-container {
  margin                : 0px 0px 0px 0px;
}

.tm-region-node-list.tm-region-aramateix .tm-region-node-item-right .tm-region-node-item-container {
  padding               : 5px 15px 10px 15px;
}

.tm-region-node-list.tm-region-aramateix .tm-region-title {
  margin                : 0px 0px 5px 0px;
  padding               : 0px 0px 0px 0px;;
}

.tm-region-node-list.tm-region-aramateix .tm-region-node-item .tm-region-title,
.tm-region-node-list.tm-region-aramateix .tm-region-node-item .tm-region-title a,
.tm-region-node-list.tm-region-aramateix .tm-region-node-item .tm-region-title a:active,
.tm-region-node-list.tm-region-aramateix .tm-region-node-item .tm-region-title a:focus,
.tm-region-node-list.tm-region-aramateix .tm-region-node-item .tm-region-title a:hover,
.tm-region-node-list.tm-region-aramateix .tm-region-node-item .tm-region-title a:visited {
  color                 : #FFFFFF;
  font-family           : Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-size             : 22px;
  font-weight           : bold;
  line-height           : 24px;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* Teaser list - Activitats
  -----------------------------------------------------------------------------*/
  .tm-page-frontpage .tm-region-node-list.tm-region-activitats {
    margin              : 0px 0px 0px 0px;
  }
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
}
