@charset "UTF-8";.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0,0,0,.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1)}.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.blueimp-gallery>.slides>.slide-loading{background:url(../themes/tema/assets/images/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url(../themes/tema/assets/img/error.png) center no-repeat}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery>.next,.blueimp-gallery>.prev{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-23px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;text-align:center;background:#222;background:rgba(0,0,0,.5);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery>.next{left:auto;right:15px}.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url(../themes/tema/assets/img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-playing>.play-pause{background-position:-15px 0}.blueimp-gallery>.close:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.play-pause:hover,.blueimp-gallery>.prev:hover,.blueimp-gallery>.title:hover{color:#fff;opacity:1}.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.play-pause,.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.title{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-left>.prev,.blueimp-gallery-right>.next,.blueimp-gallery-single>.next,.blueimp-gallery-single>.play-pause,.blueimp-gallery-single>.prev{display:none}.blueimp-gallery>.close,.blueimp-gallery>.next,.blueimp-gallery>.play-pause,.blueimp-gallery>.prev,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url(../themes/tema/assets/img/error.svg)}body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url(../themes/tema/assets/img/play-pause.svg)}body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0}.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0 3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25) center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator>.active,.blueimp-gallery>.indicator>li:hover{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%}.blueimp-gallery>.slides>.slide>.video-content>iframe{position:absolute;top:100%;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-playing>iframe{top:0}.blueimp-gallery>.slides>.slide>.video-content>a{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url(../themes/tema/assets/img/video-play.png) center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url(../themes/tema/assets/images/loading.gif) center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url(../themes/tema/assets/img/video-play.svg)}
html,
body {
  height: 100%;
  min-height: 100%;
  font-family: 'Roboto', 'Arial';
  font-size: 22px;
  line-height: 1.2em;
  color: #000; 
  -webkit-text-size-adjust: auto;
}

/******* FONTS DESKTOP ********/
.font-xs {
  font-size: 16px !important;
  line-height: 1.2em; }

.font-sm {
  font-size: 20px !important;
  line-height: 1.2em; }
  @media (max-width: 1024px) {
    .font-sm {
      font-size: 16px !important; } }

.font-md {
  font-size: 30px !important;
  line-height: 1.2em; }

.font-lg, h2 {
  font-size: 70px !important;
  line-height: 1.2em; }

/******* FONTS MOBILE **********/
@media (max-width: 767px) {
  body {
    font-size: 13px; }
  .font-xs {
    font-size: 8px !important; }
  .font-sm {
    font-size: 12px !important; }
  .font-md {
    font-size: 15px !important; }
  .font-lg, h2 {
    font-size: 40px !important; } }

a,
a:hover,
a:focus,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active:focus {
  text-decoration: none;
  color: #333;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0; }

iframe {
  border: 0;
  display: block; }

h3 {
  font-size: 1.5em; }

hr {
  border-top: 1px solid #ccc; }

hr.dotted {
  border-top: 1px dashed #ccc; }

hr.inline {
  margin-top: 5px; }

/************ ESTRUCTURA *************/
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 250px;
  min-height: 560px;
  padding: 20px; }

@media (max-width: 991px) {
  .wrapper {
    padding: 20px 20px 0; } }

.container-fluid,
.container-fluid > .row {
  height: 100%; }

#homeContainer {
  position: relative;
  /* background: url("../images/inscripcions.gif") no-repeat center center; */
  background-size: 60%;
  height: 100%; }

#homeContainer > .row {
  height: 14.28%; }

#homeContainer > .row:last-child {
  border-bottom: 1px solid #000; }

#homeContainer > .row.gallery > div, #homeContainer > .row.footer > div {
  padding: 0;
  height: 100%; }

#homeContainer > .row.gallery {
  position: relative;
  height: 71.4%; }

@media (max-width: 991px) {
  #homeContainer > .row > div {
    border-bottom: 1px solid #000; }
  #homeContainer > .row.gallery {
    height: 28.56%; }
  #homeContainer > .row:last-child {
    border-bottom: none; } }

/********* HOME *****************/
.maintitle {
  max-width: 100%; }

.vmiddle,
.vbottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto; }

.vmiddle {
  bottom: 50%;
  margin-bottom: -24px; }

.links {
    display: none;
}

#btnArco {
  z-index: 90;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  max-width: 40%; }

#btnArco img {
  width: 100%;
  display: block; }

#btnJoin,
#btnJoin:focus {
  z-index: 90;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  margin-top: -1em;
  margin-left: -62px;
  border: 0;
  border-radius: 0;
  background: transparent;
  outline: 0;
  cursor: default; }

@media (max-width: 767px) {
  #btnJoin,
  #btnJoin:focus {
    margin-left: -50px;
    font-weight: bold; } }

#btnJoin span {
  background-color: rgba(252, 237, 2, 0.7);
  padding: 7px; }

#btnJoin.active {
  width: 100%;
  margin-left: 0;
  left: 0;
  background: #000;
  color: #FFF;
  cursor: pointer; }

#btnJoin.active span {
  background: transparent; }

#barcelonaContainer,
#madridContainer,
#lisboaContainer {
  position: relative; }

#barcelonaContainer > div,
#madridContainer > div,
#lisboaContainer > div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%; }

#barcelonaContainer .arrow,
#madridContainer .arrow,
#lisboaContainer .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 30px;
  display: none; }

@media (max-width: 991px) {
  #barcelonaContainer .arrow,
  #madridContainer .arrow,
  #lisboaContainer .arrow {
    display: block; } }

#barcelona-pre,
#madrid-pre,
#lisboa-pre {
  cursor: pointer; }

#barcelona-pre p,
#madrid-pre p,
#lisboa-pre p {
  margin: 0; }

#barcelona-pre h2,
#madrid-pre h2,
#lisboa-pre h2 {
  margin: 0;
  margin-left: -0.05em;
  line-height: 1em;
  font-weight: bold; }

#barcelona p:last-child,
#madrid p:last-child,
#listboa p:last-child {
  margin: 0; }

#btnGallery {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 50;
  /*background: url('../images/Atextura.png') no-repeat right center, url('../images/home.jpg') no-repeat center center;
    background-size: contain, cover;*/
  background: url("../themes/tema/assets/images/home.jpg") no-repeat center center;
  background-size: cover; }

@media (max-width: 767px) {
  #homeContainer #btnGallery {
    background-clip: content-box;
    padding: 10px 0; } }

#idioma {
  font-size: 20px;
  text-align: right; }
  @media (max-width: 1024px) {
    #idioma {
      font-size: 16px; } }
  @media (max-width: 767px) {
    #idioma {
      font-size: 14px;
      position: fixed;
      top: 20px;
      right: 20px; } }
  #idioma ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #idioma ul li {
      display: inline-block; }
      #idioma ul li:after {
        content: " | ";
        display: inline;
        white-space: pre; }
      #idioma ul li:last-child:after {
        display: none; }
      #idioma ul li a {
        display: inline-block;
        margin: 0 0 0 0px;
        color: #333; }
        #idioma ul li a.active {
          color: #67D2DF; }

.cabecera-der {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 767px) {
    .cabecera-der {
      position: absolute;
      bottom: 14px;
      right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: right; } }

.btn--menu {
  margin-left: 60px;
  cursor: pointer; }
  .btn--menu span {
    display: block;
    width: 22px;
    height: 3px;
    background: #000;
    margin-bottom: 3px; }
    .btn--menu span:last-child {
      margin-bottom: 0; }
  .btn--menu:hover span, .btn--menu.activo span {
    background: #67D2DF; }

.cabecera {
  position: relative; }
  @media (max-width: 767px) {
    .cabecera {
      height: auto !important; } }
  .cabecera__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 20px !important;
    }
    @media (max-width: 767px) {
      .cabecera__container {
        display: block;
        padding-bottom: 10px !important; } }
    .cabecera__container > div {
      height: auto !important; }
      @media (max-width: 767px) {
        .cabecera__container > div {
          padding: 0; } }

@media (max-width: 767px) {
  .logo {
    float: none; } }

.bgLogo {
  padding-right: 50px; }
.bgLogo img {
    max-width: 640px;
}
  @media (max-width: 767px) {
    .bgLogo {
      padding-right: 0;
      margin-bottom: 10px; } }
  .bgLogo img {
    width: 100%;
    height: auto; }
    @media (max-width: 767px) {
      .bgLogo img {
        width: 50%; } }

@media (max-width: 767px) {
  .bgLogo {
    background-position: center center;
    width: 100%; } }

.textLogo {
  display: block; }
  @media (max-width: 767px) {
    .textLogo {
      float: none; } }
  .textLogo p {
    margin: 0; }

.accions {
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  display: none;
  z-index: 100;
  background: rgba(103, 210, 223, 0.9);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  padding: 35px 15px !important; }
  @media (max-width: 1024px) {
    .accions {
      font-size: 16px; } }
  .accions__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (max-width: 767px) {
      .accions__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center; } }
  .accions a {
    margin-left: 50px;
    color: #fff; }
    @media (max-width: 767px) {
      .accions {
          padding: 35px 0 !important;
      }
      .accions a {
        margin: 0 auto;
        padding: 5px 0 !important; } }
    .accions a:hover {
      color: #fff;
      text-decoration: underline; }

.menuContainer {
    position: relative;
}

.submenu {
    position: absolute;
    width: 280px;
    top: 100%;
    left: 50px;
    background: rgba(103, 210, 223, 0.9);
    margin-top: 35px;
}

@media (max-width: 767px) {
    .submenu {
        position: relative;
        width: 100%;
        top: auto;
        left: auto;
        margin: 0 0 10px;
    }
}

.submenu a {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.submenu-title {
    background: rgba(103, 210, 223, 0.6);
    color: #333;
    padding: 10px 20px;
}

.submenu-section a {
    display: inline-block;
    margin: 10px 20px;
}

.homeicon {
  display: block;
  float: left;
  text-align: right; }

.text-right .homeicon {
  display: block;
  float: right; }

.homeicon i {
  display: block;
  font-size: 48px; }

@media (max-width: 767px) {
  .homeicon {
    text-align: center;
    float: none;}
}

.expos {
  position: relative; }

.expos .right {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 5em; }

.textColor,
.textColor:hover {
  color: #67D2DF; }

.textInverse,
.textInverse:hover,
.textInverse:focus {
  color: #67D2DF;
  font-weight: bold; }

.credits {
  font-size: 22px;
  line-height: 1.2em; }

.share {
  padding: 40px 0; }
  .share a {
    display: inline-block;
    margin-right: 10px; }
    .share a img {
      width: 50px;
      height: auto; }

.titLogo {
  font-size: 14px;
  line-height: 1em; }
  
#social {
    position: absolute;
    right: 12px;
    bottom: 200%;
}

#social img {
    width: 40px;
    margin-left: 5px;
}

@media (max-width: 767px) {
  .share {
    padding: 20px 0; }
  .share a {
    margin-right: 20px; }
  .share img {
    width: 40px;
    margin-right: 20px; }
  #social {
    right:0;
    bottom: 325%;}
  #social img{
    width: 20px;}
  .credits {
    font-size: 10px; }
  .titLogo {
    font-size: 6px; } 
}

/********************** MODAL *****************************/
.modal {
  background-color: rgba(103, 210, 223, 0.8);
  text-align: center; }

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0; }

.modal .relleno {
  display: inline-block;
  background-color: #FFF;
  height: 100%;
  vertical-align: top;
  width: 90%;
  max-width: 1024px; }

.modal .relleno:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -8px; }

.modal-dialog {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin: 0;
  width: 100%; }

.modal .modal-body {
  padding: 40px 160px 20px; }

.modal .modal-body a {
  color: #000; }

.modal .modal-body a:hover {
  color: #67D2DF; }

.modal .modal-content {
  background-color: #FFF;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0; }

.modal.inverse {
  background-color: rgba(255, 255, 255, 0.8); }
  .modal.inverse button.close {
    color: #67D2DF; }
    .modal.inverse button.close:hover {
      color: #67D2DF; }

.modal.inverse .modal-content,
.modal.inverse .relleno {
  background-color: #67D2DF; }

.modal.dark {
  background-color: rgba(0, 0, 0, 0.5); }

.modal.dark .relleno {
  background-color: transparent; }

.modal.dark .modal-content {
  background-color: #000; }

.modal.dark .modal-body {
  padding: 0; }

.modal-backdrop {
  background: transparent; }

.modal button.close {
  color: #FFF;
  text-shadow: none;
  opacity: 1;
  position: fixed;
  top: 10px;
  right: 25px;
  z-index: 99; }

.modal button.close:hover {
  color: #FFF;
  text-shadow: none; }

.modal button.close:focus,
.modal button.close span:focus {
  outline: none; }

.modal button.close i {
  font-size: 40px;
  font-weight: normal; }

.modal img {
  max-width: 100%;
  height: auto !important;
  margin: 5px auto;
  display: block; }

.modal img.fr-fil {
  margin-left: 0; }

.modal img.fr-fir {
  margin-right: 0; }

.modal.fullscreen,
.modal.fullscreen .relleno,
.modal.fullscreen .modal-dialog,
.modal.fullscreen .modal-content,
.modal.fullscreen .modal-body,
.modal.fullscreen .blueimp-gallery-carousel {
  height: 100%;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%; }

.modal.fullscreen:before,
.modal.fullscreen .relleno:before {
  display: none; }

.modal.fullscreen .blueimp-gallery-carousel {
  padding-bottom: 0; }

/* Modal horitzontal */
@media (max-width: 767px) {
  .modal:before {
    margin-right: -4px; }
  .modal .relleno {
    background-color: transparent !important;
    height: auto;
    vertical-align: middle;
    max-width: 100%;
    margin-top: 80px;
    width: 100%;
    margin-bottom: 50px; }
  .modal .relleno:before {
    margin-right: 0; }
  .modal.fullscreen .relleno {
    margin: 0; }
  .modal .modal-body {
    padding: 40px 20px 20px; }
  .modal button.close {
    position: absolute;
    right: 15px; } }

/************** GALLERY ***********************/
.blueimp-gallery-carousel {
  margin: 0;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none; }

.blueimp-gallery-carousel.inline {
  margin: 1.2em -15%;
  width: 130%;
  max-width: 988px;
  padding-bottom: 75%; }

@media (max-width: 767px) {
  .blueimp-gallery-carousel.inline {
    margin-left: 0;
    margin-right: 0;
    width: 100%; } }

.blueimp-gallery .next,
.blueimp-gallery .prev {
  border: 0;
  opacity: 1;
  line-height: 24px;
  color: #FFF !important; }

.blueimp-gallery .indicator li {
  border: 2px solid #FFF;
  opacity: 1;
  background: #000;
  border-radius: 100%; }

.modal .blueimp-gallery > .slides > .slide {
  height: 100%;
  overflow: hidden; }

.modal .blueimp-gallery > .slides > .slide > .slide-content {
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

/******************* FORM **************************/
form {
  margin: 40px 0; }

.form-control,
.form-control:focus {
  background: transparent;
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #333;
  padding: 0;
  font-size: 16px; }

@media (max-width: 767px) {
  .form-control,
  .form-control:focus {
    font-size: 10px;
    height: 20px; } }

.form-control::-webkit-input-placeholder {
  color: #333; }

.form-control::-moz-placeholder {
  color: #333; }

.form-control:-ms-input-placeholder {
  color: #333; }

button.submit {
  font-size: 48px;
  color: #FFF;
  margin-top: 20px; }

/******************** ACTIVITATS ********************/
#activitatsTitle {
  color: #FFF;
  font-size: 16px !important;
  margin-top: 80px;
  text-transform: uppercase; }

#activitats .panel {
  background: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

#activitats .panel-heading {
  color: #67D2DF;
  background: transparent;
  border: none;
  border-top: 1px solid #67D2DF;
  border-radius: 0;
  padding: 30px 0;
  position: relative; }
  
#activitats .panel-heading div[data-toggle="collapse"] {
    padding-right: 50px;
}

#activitats .panel-heading .more,
#activitats .panel-heading .less {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  display: none; }

#activitats .panel-heading .collapsed .more {
  display: block; }

#activitats .panel-heading .less {
  display: block; }

#activitats .panel-heading .collapsed .less {
  display: none; }

#activitats .panel-body {
  padding: 0 0 20px;
  border: none; }

#activitats hr {
  border: none;
  height: 2px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #67D2DF), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #67D2DF 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 15px 1px;
  background-repeat: repeat-x; }

/**** ANTON ****/
#flecha {
  position: absolute;
  top: -2px;
  left: 0;
  width: 70%;
  margin: 0 15%;
  height: calc(100% + 4px) !important;
  border: 0 !important; }

#flecha .flecha-container {
  text-align: center;
  height: 100%; }

#flecha .flecha-container p, #flecha .flecha-container a {
  display: inline-block;
  height: 100%; }

#flecha img {
  height: 100%;
  width: auto; }

@media (max-width: 900px) {
#inscripcions {
    font-size: 12px;
    line-height: 1.2em;
}
}

#inscripcions .alineat {
    display: inline-block;
    width: 14em;
}

#inscripcions a {
    color: #67D2DF;
    font-weight: bold;
}

#news .noticia {
    margin-bottom: 80px;
}

#news .noticia img {
    margin-bottom: 20px;
}

#news .noticia .dataNoticia {
    display: block;
    float: right;
    font-size: 0.8em;
    margin-bottom: 20px;
}

#news .noticia .titleNoticia {
    max-width: 75%;
    display: inline-block;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    #news .noticia .titleNoticia {
        max-width: 100%;
    }
    
    #news .noticia .dataNoticia {
        float: none;
        margin-top: -10px;
    }
}