/*
 *  Resets
 */

 p,ul,li,blockquote,h1,h2,h3,h4,
 figure, figcaption, legend, fieldset, img { margin: 0px; padding: 0px; border: 0; }

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Indie+Flower);


/*
 * Generics
 */

html, body {
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height: 100%;
} 

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #efefef;
    font-size: 16px;
}

a { color: #3A3A3A; }
a:hover { color: #c10841; text-decoration: none; }

/*
 *  Semigenerics
 */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.error { font-weight: bold; color: red; }
.bold { font-weight: bold; }
.center { margin: auto; text-align: center; }

.indie { font-family: 'Indie Flower', cursive !important; }

.btn, .btn:visited {
  background-color: #1e1e1e;
  border: 0 none;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  color: #fff;
  line-height: 22px;
  outline: none;
  padding: 9px 20px;
  text-shadow: none;
  filter: none;
  -webkit-transition: background .2s linear, color .2s linear;
  transition: background .2s linear, color .2s linear;
  white-space: normal;
  text-decoration: none;
  font-weight: 200;
}

.btn-primary, .btn-primary:visited {
    background-color: #c10841;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: rgba(193,8,65,.8);
    color: white;
}

.error { color: red; font-weight:bold; }



.input,
.form-control {
      display: block;
      width: 93%;
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

.input:focus,
.form-control:focus {
      border-color: rgb(193,8,65);
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(193,8,65,.6); /* rgba(193,8,65,.8) */
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(193,8,65,.6);
    }


/*
 * Especific
 */



.header {
    position: fixed;
    background-color: rgba(255,255,255,0.8);
    z-index: 999;
    width: 100%;
}

.header-content {
    width: 90%;
    margin: auto;
    height: 170px;
}

.header .logo {
    height: 170px;
    float: left;
    width: 8%;
}

.header .logo img {
    margin-top: 15px;
}

.header .subnav {
    float: right;
    width: 91%;
}

.header .logo-mini { display: none; }

.logo-mini { float: left; height: 33px; }
.header .logo-mini img { height: 33px;  }

.header-mini .logo,
.header-mini .menu-banners { display: none !important; }
.header-mini .logo-mini { display: block !important; }
.header-mini .header-content { height: 66px; }

.header-mini .logo-mini {
    margin: 15px 0px;
}

.header.over .header-mini { display: none; }


/******************************
 *
 *  MENU
 *
 ***************************** */

.menu-banners {
    float: right;
    padding-bottom: 15px;
    overflow: hidden;
    height: 60px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.menu-banners.complet {
    height: 135px !important;
}

.menu-banners a.banner {
    display: block;
    float: left;
    width: 150px;
    height: 35px;
    padding: 10px 15px;

    background-color: #373d4b;
    border-bottom: 3px solid #373d4b;
    color: white;

    text-decoration: none;
    font-weight: 200;
    font-size: 75%;

    margin-left: 10px;
    margin-top: 10px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.menu-banners a.banner:hover,
.menu-banners a.banner:hover span {
    color: black;
}

.menu-banners a.banner span { 
    text-transform: uppercase;
    font-weight: 700;
    font-size: 105%;
}


a.banner.marina:hover {
  background-color: #ffe900;
  background-image: url('../images/banners/bg-marina.png');
  background-repeat: no-repeat;
  background-position: 37px 13px;
}

a.banner.senders { background-position: 0px 0px; }
a.banner.senders:hover {
  background-color: #D1D5D8;
  background-image: url('../images/banners/bg-senders.png');
  background-repeat: no-repeat;
  background-position: 35px 0px;
}

a.banner.mollet-montserrat { background-position: 0px 40px; }
a.banner.mollet-montserrat:hover {
  background-color: #00bbea;
  background-image: url('../images/banners/bg-mollet-montserrat.png');
  background-repeat: no-repeat;
  background-position: 0px 14px;
}


a.banner.nocturna { background-position: 20px 40px; }
a.banner.nocturna:hover {
  background-color: #f1700b;
  background-image: url('../images/banners/bg-nocturna.png');
  background-repeat: no-repeat;
  background-position: 15px 20px;
}


a.banner.concurs { background-position: 45px 15px; }
a.banner.concurs:hover {
  background-color: #b6ea88;
  background-image: url('../images/banners/bg-concurs.png');
  background-repeat: no-repeat;
  background-position: 30px 15px;
}


a.banner.trail { background-position: 0px 30px; }
a.banner.trail:hover {
  background-color: #e23b22;
  background-image: url('../images/banners/bg-trail.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

a.banner.b75anys { background-position: 0px 30px; }
a.banner.b75anys:hover {
  background-color: white; color: #dc3b30;
  background-image: url('../images/banners/bg-75anys.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

a.banner.cims100 { background-position: 0px 30px; }
a.banner.cims100:hover {
  background-color: #e23b22;
  background-image: url('../images/banners/bg-100cims.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
a.banner.cims100:hover span { display: none; }


a.banner.espeleo { background-position: 0px -80px; }
a.banner.espeleo:hover {
  background-image: url('../images/banners/bg-espeleo2.png');
  background-repeat: no-repeat;
  background-position: 0px -20px;
} 


a.banner.bnordica { background-position:  115px 60px; }
a.banner.bnordica:hover {
  background-color: coral;
  background-image: url('../images/banners/bg-marxa.png');
  background-repeat: no-repeat;
  background-position:  115px 21px;
}

.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffe900;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.menu-banners a.bgroc { color: #ffe900; border-bottom: 3px solid #ffe900; }
.menu-banners a.bgroc.hvr-sweep-to-top:before { background: #ffe900; }

.menu-banners a.btaronja { color: #f1700b; border-bottom: 3px solid #f1700b; }
.menu-banners a.btaronja.hvr-sweep-to-top:before { background: #f1700b; }

.menu-banners a.bvermell { color: #ff1919; border-bottom: 3px solid #ff1919; }
.menu-banners a.bvermell.hvr-sweep-to-top:before { background: #ff1919; }

.menu-banners a.bblanc { color: #D1D5D8; border-bottom: 3px solid #D1D5D8; }
.menu-banners a.bblanc.hvr-sweep-to-top:before { background: #D1D5D8; }

.menu-banners a.bturquesa { color: #00bbea; border-bottom: 3px solid #00bbea; }
.menu-banners a.bturquesa.hvr-sweep-to-top:before { background: #00bbea; }

.menu-banners a.bverd { color: #b6ea88; border-bottom: 3px solid #b6ea88; }
.menu-banners a.bverd.hvr-sweep-to-top:before { background: #b6ea88; }

.menu-banners a.brosa { color: #e23b22; border-bottom: 3px solid #e23b22; }
.menu-banners a.brosa.hvr-sweep-to-top:before { background: #e23b22; }

.menu-banners a.blila { color: #cc68ff; border-bottom: 3px solid #cc68ff; }
.menu-banners a.blila.hvr-sweep-to-top:before { background: #cc68ff; }
.menu-banners a.blila:hover { background-color: #cc68ff; }

.menu-banners a.bvclar { color: #d1ff68; border-bottom: 3px solid #d1ff68; }
.menu-banners a.bvclar.hvr-sweep-to-top:before { background: #d1ff68; }
.menu-banners a.bvclar:hover { background-color: #d1ff68; }

.menu-banners a.bvermell2 { color: white; border-bottom: 3px solid black; background: #dc3b30; }
.menu-banners a.bvermell2.hvr-sweep-to-top:before { background: #dc3b30; }

.menu-banners a.btrail { color: white; border-bottom: 3px solid black; background: #cea42a; }
.menu-banners a.btrail.hvr-sweep-to-top:before { background: #cea42a; }
.menu-banners a.btrail:hover { background-color: white; color: #cea42a; }

.menu-banners a.bblau { color: #A4B2FF; border-bottom: 3px solid #A4B2FF; }
.menu-banners a.bblau.hvr-sweep-to-top:before { background: #A4B2FF; }
.menu-banners a.bblau:hover { background-color: #A4B2FF; }

.menu-banners a.bnordica { color: coral; border-bottom: 3px solid coral; }
.menu-banners a.bnordica.hvr-sweep-to-top:before { background: coral; }


ul.menu {
    float: right;
    list-style-type: none;
    border-bottom: 1px dotted #cfcfcf;
    margin: 15px 0px;

}

ul.menu li {
    display: inline-block;
    list-style-type: none;
}

ul.menu a {
    display: inline-block;
    color: black;
    text-decoration: none;
    font-size: 13px;

    padding: 5px 15px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

ul.menu a:hover,
ul.menu a.active {
    color: #c10841;
}

.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c10841;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.info_vegueria {
  margin-left: 20px;
}

/*
 * Content 
 */
.wrapper, .content, .mainnav {
    min-height: 100%;
    height: 100%;
}


section {
    overflow: hidden;
    
}

section.principal {
    position: relative;
    top: 0;
    width: 100%;

    position: relative;
    min-height: 100%;
    height: 100%;
}


section.info {
    position: relative;
    background: white;
    height: auto;

    -webkit-box-shadow: 0px 4px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 4px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 4px 15px 0px rgba(50, 50, 50, 0.75);
}

.row { width: 90%; margin: auto; }
.principal > .row { padding-top: 190px; }

.info .right,
.principal .right { width: 60%; }

.info .left,
.principal .left { width: 40%; }

.social .row > .left,
.social .row > .right { width: 50%; }

.right .col-content { padding-left: 13px; }
.left .col-content { padding-right: 13px; }


.title__circulars {
  display: inline-block;
  font-weight: bold; 
  color: white;
}

/** section principal **/
.principal .box {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
}

.principal .box h1 {
    color: white;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 200;
}

.calendari-activitats {
    margin: 0 -10px;
}

.calendari-activitats .item {
    padding: 0px 10px;
}


a.activitat {
    display: block;
    background-color: rgba(255,255,255,0.9);
    padding: 15px 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    font-weight: bold;
    opacity: 0.9;
    filter: alpha(opacity=70);
}

a.activitat:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.activitat .data {
    text-align: center;
    border-right: 1px solid #c0c0c0;
    padding-right: 15px;
}

.activitat .data .mes {
  text-transform: uppercase;
}

.activitat .titol {
    padding-left: 10px;
}

.activitat .titol .bold { color: #c10841; }

.activitat span { 
    display: block; 
}

.owl-nav {
    margin-top: -20px;
}

.owl-prev,
.owl-next,
.owl-nav a {
    display: inline-block;
    padding: 10px 20px;
    background: rgba(255,255,255,0.9);
    color: black;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: bold;
}

.circulars { float: right; padding-right: 20px; }
.circulars a {
  display: inline-block;
  padding: 10px 13px;
  text-align: center;
  background-color: white;
  font-size: 14px;
  border-radius: 6px;
  color: #c10841;
  font-weight: bold;
  text-decoration: none;
  opacity: 1;
}

.circulars a.desactivada {
  opacity: 0.6;
}

.circulars a:hover {
  opacity: 1;
}

.circulars a.active {
  background-color: #c10841;
  color: white;
}



/*** destacats ****/

a.destacat {
    margin-bottom: 10px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
    text-shadow: 0 1px #000;
    max-width: 400px;
}

.destacat img { 
  background-color: #555;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
  box-shadow: 0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 100%;
}

.destacat .shadow {
 
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.18)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#2e000000',GradientType=0 );


  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}


/* titlebox */

.title-box {
  border-bottom-width: 1px;
  margin-top: 35px;
  margin-bottom: 35px;
  position: relative;
  border-bottom: 1px solid #c0c0c0;
}

.title-box.no-margin,
.no-margin {
  margin-bottom: 0 !important;
}
.title-box:before {
  background: #1e1e1e;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin: 0 0 -1px;
  position: absolute;
  width: 40px;
}
.title-box.text-right:before {
  left: auto;
  right: 0;
}
.title-box.text-center:before {
  left: 50%;
  margin-left: -20px;
}
.title-box .title {
  color: #606060;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 12px 0;
  padding: 14px 0 0;
}
.title-box h1.title,
.title-box .h1.title {
  font-size: 24px;
  font-weight: 200;
}
.title-box .btn {
  font-size: 12px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  right: 0;
  top: 0;
}
.title-box .btn .glyphicon {
  margin: -1px 0 0 3px;
}
.title-box.title-white,
.page-header.white {
  border-color: rgba(255,255,255,.3);
}
.title-box.title-white:before,
.page-header.white .container:before {
  background: #fff;
}
.title-box.title-white .title {
  color: #fff;
}

.title-box .title-buttons a {
    margin-top: 10px;
}


/** section info **/

.info .left .box {
    padding-right: 10px;
}

.info .right .box {
    padding-left: 10px;
}



/* galeria portada */
.galeria-portada { }
 


.galeria-portada .foto {
    float: left;
    width: 25%;
    margin: 0px;
    padding: 0px;
    color: white;
}


.pagina .galeries .foto {
    float: left;
    width: 16%;
    margin: 0px;
    padding: 0px;
    color: white;
}

.galeria-album-content .foto {
   float: left;
    width: 16%;
    margin: 0px;
    padding: 0px;
    color: white;
}


.foto figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #f3f3f3;
  background-position: center center;
  position: relative;
  padding: 10px;
  cursor: pointer;
  overflow: hidden;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
 

  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
  box-shadow: 0 1px 2px rgba(0,0,0,.4);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  text-align: center;
}

.foto .foto-content { padding: 5px; }

.foto figure {
    height: 150px;
    position: relative;
}



.foto .shadow {
 
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 29%, rgba(0,0,0,0.01) 30%, rgba(0,0,0,0.01) 33%, rgba(0,0,0,0.17) 62%, rgba(0,0,0,0.24) 68%, rgba(0,0,0,0.62) 90%, rgba(0,0,0,0.73) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(29%,rgba(255,255,255,0.01)), color-stop(30%,rgba(0,0,0,0.01)), color-stop(33%,rgba(0,0,0,0.01)), color-stop(62%,rgba(0,0,0,0.17)), color-stop(68%,rgba(0,0,0,0.24)), color-stop(90%,rgba(0,0,0,0.62)), color-stop(100%,rgba(0,0,0,0.73)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);


    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;

    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.foto a {
    display: block;
    color: white;
    text-shadow: 0 1px #000;

    width: 100%;
    height: 100%;
}

.foto .work-title {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0px;

    font-size: 12px;

    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.foto a:hover {   
    color: black;
}

.foto a:hover .work-title {
    bottom: 25%;
}

.foto a:hover .shadow {
    background: rgba(255,255,255,0.75);
} 


.galeries-inner {
    padding-bottom: 40px;
}

.album-inner .foto a { text-indent: -9999px; }



article {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;

    padding: 0 0px 10px 0px;
}

article h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;  
}

article .data {
    float: right;
    display: block;
    background-color: #efefef;
    padding: 5px 10px;
    font-size: 10px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

article .contingut {
    font-size: 14px;
    font-weight: 200;
    padding: 10px 10px 10px 10px;
}


/*
 *  Section social
 */

section.social {
    background-image: url('../images/bgestiu/estiu9.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
}


section.social .overlay {
    background-color: rgba(255,255,255,0.8);
}


.track-foto { display: none; }

.social .items {

}

.social .item {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.social .item .perfil {
    width: 20%;
    float: left;
    text-align: center;
    height: 100%;
    font-size: 12px;
}

.social .item .perfil img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.social .item .perfil .nom { font-weight: bold; }

.social .item .contingut { 
    float: left;
    width: 80%;
}

.social .item .perfil .data { text-transform: uppercase; }

.social .item .contingut-inner { 
    border-left: 1px solid #b0b0b0; 
    padding-left: 20px;
    font-size: 14px;
    font-weight: 200;
}

.social .item .contingut-inner h3 { font-weight: normal; padding-bottom: 5px; }
.social .item .link { line-height: 30px; }
.social .item a.btn { padding: 5px 10px; font-size: 12px; text-transform: none; }
.social .item .imatge { width: 80%; }
.social .item .imatge img { 
    width: 100%; 
    border-radius: 5px;
}


.track {
    width: 45%;
    float: left;
}

.track a {
    display: block;
    margin: 0 0 10px 10px;
    text-align: center;

    padding: 10px 15px;

    background-color: #0098ca;
    color: white;

    text-decoration: none;
    border-radius: 4px;

}

.track a span { display: block; }
.track a span.titol { font-size: 12px; font-weight: bold; }
.track a span.info { font-size: 10px; }

.track a:hover {
    opacity: .85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}


/*
 *  PAGINA
 */


.pagina { padding-top: 170px; }
/* .pagina > .inner { padding: 0 0 25px 170px; } */
.pagina > .inner { padding: 0 0 25px 0; }
.pagina .pagina-contingut { width: 80%; margin: auto; }
.pagina h1 { margin-bottom: 25px; margin-top: 25px;  }


.pagina .titol {
  background-color: #f0f0f0;
  padding: 10px 0;

  margin-bottom: 25px;
  margin-top: 25px;
}

.pagina .titol h1 { 
  margin: 0;
  text-transform: uppercase;
  width: 80%;
  margin: auto;
  text-align: left;
  font-weight: 200;
  color: #C6002D;
}

.pagina .pagina-contingut ul { padding: 10px 25px 10px 25px; }
.pagina .pagina-contingut p { padding-bottom: 10px; }


/* *******************************
 *  FOOTER
 ******************************* */

.footer {
    margin-top: 15px;
    position: relative;

    -webkit-box-shadow: 0px -5px 15px 0px rgba(50,50,50,0.75);
    -moz-box-shadow: 0px -5px 15px 0px rgba(50,50,50,0.75);
    box-shadow: 0px -5px 15px 0px rgba(50,50,50,0.75);

    background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );


    /*
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 39%, rgba(209,209,209,1) 61%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(39%, rgba(219,219,219,1)), color-stop(61%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 39%, rgba(209,209,209,1) 61%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 39%, rgba(209,209,209,1) 61%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 39%, rgba(209,209,209,1) 61%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 39%, rgba(209,209,209,1) 61%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
    */
} 


.footer-inner {
   width: 90%;
   margin: auto;
   padding: 15px 0 25px 0;
}


.footer .info {
    width: 40%;
    float: left;

    font-size: 12px;
}

.footer .info strong { font-size: 14px; }
.footer .info p { padding-top: 5px; }

.footer .logos {
    width: 60%;
    float: right;
    padding-top: 10px;
}


.footer .logos a { display: block; float: right; opacity: .75; filter: alpha(opacity=75); margin-left: 20px; }
.footer .logos a:hover { opacity: 1; filter: alpha(opacity=100); }

a.feec { padding-top: 37px; }
.footer .logos a.mollet img { height: 90px; }
.footer .logos a.feec img {  }


.fancybox-nav {
    width: 60px !important;
}

.fancybox-nav span {
    visibility: visible !important;
    opacity: 0.5 !important;
}

.fancybox-nav:hover span {
    opacity: 1 !important;
}

.fancybox-next {
    right: -60px !important;
}

.fancybox-prev {
    left: -60px !important;
}

.apartats-contingut ul { margin-left: 40px; }




/*
 *  Activitat - Form create
 */

.activitat__create {
  padding-top: 80px;
  background-color: #f3f3f3;
  padding-bottom: 50px;
}

.activitat__create h2 {
  font-size: 20px;
  font-weight: 200;
  color: black;
  margin-bottom: 10px;
}

.activitat__create h1 {
  font-size: 24px;
  font-weight: 200;
  color: #C6002D;
  margin-bottom: 20px;
}


.activitat__create form {
  max-width: 940px;
  margin: auto;
  padding: 20px 15px;

}

.activitat__create .box {
  padding: 15px 25px;
  background-color: white;
  border-radius: 10px;
  margin-bottom: 20px;
}

.activitat__create .box .field {
  margin-bottom: 15px;
}

.activitat__create .box .field .label {
  font-weight: bold;
}

.activitat__create .box .field .seleccio-rapida {
  padding-top: 15px; 
}

.activitat__create .box .field .badge {
  display: inline-block;
  padding: 4px 10px;
  text-decoration: none;
  border-radius: 4px;
  margin-bottom: 15px;
}
.activitat__create .box .field .badge-default {
  background: #efefef;
}
.activitat__create .box .field .badge-default:hover {
  background: #c0c0c0;
}

.activitat__create .box .field .badge-active,
.activitat__create .box .field .badge-active:hover,
.activitat__create .box .field .badge-active:active {
  background: #C6002D;
  color: white;
}


.activitat__create .box .field .inline__input {
  display: inline-block;
  width: auto;
}