/* Icons */

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icons_bcn_map/icomoon.eot?-6mxtc3');
    src:url('../fonts/icons_bcn_map/icomoon.eot?#iefix-6mxtc3') format('embedded-opentype'),
        url('../fonts/icons_bcn_map/icomoon.woff?-6mxtc3') format('woff'),
        url('../fonts/icons_bcn_map/icomoon.ttf?-6mxtc3') format('truetype'),
        url('../fonts/icons_bcn_map/icomoon.svg?-6mxtc3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;

    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color:#666;

    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.icon-fotografia:before { content: "\e604"; }
.icon-itinerari:before { content: "\e603"; }
.icon-like:before { content: "\e602"; }
.icon-raco:before { content: "\e601"; }
.icon-relat:before { content: "\e600"; }
.icon-contribucions:before { content: "\e606"; }
.icon-bs:before { content: "\e605"; }
.icon-user:before { content: "\e608"; }
.icon-gl:before { content: "\e607"; }

/* Fonts */

@font-face {
    font-family: 'sourcesans-regular';
    src: url('../fonts/sourcesans/SourceSansPro-Regular.eot');
    src: url('../fonts/sourcesans/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesans/SourceSansPro-Regular.otf.woff') format('woff'),
        url('../fonts/sourcesans/SourceSansPro-Regular.otf') format('opentype'),
        url('../fonts/sourcesans/SourceSansPro-Regular.svg#sourcesansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesans-light';
    src: url('../fonts/sourcesans/SourceSansPro-Light.eot');
    src: url('../fonts/sourcesans/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesans/SourceSansPro-Light.otf.woff') format('woff'),
        url('../fonts/sourcesans/SourceSansPro-Light.otf') format('opentype'),
        url('../fonts/sourcesans/SourceSansPro-Light.svg#sourcesansextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesans-extralight';
    src: url('../fonts/sourcesans/SourceSansPro-ExtraLight.eot');
    src: url('../fonts/sourcesans/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesans/SourceSansPro-ExtraLight.otf.woff') format('woff'),
        url('../fonts/sourcesans/SourceSansPro-ExtraLight.otf') format('opentype'),
        url('../fonts/sourcesans/SourceSansPro-ExtraLight.svg#sourcesansextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* x banner bcnsostenible */
@font-face {
    font-family: 'tradegothic';
    src: url('../fonts/tradegothic/TradeGothicLTStd-BdCn20.eot?#iefix') format('embedded-opentype'),
        url('../fonts/tradegothic/TradeGothicLTStd-BdCn20.otf')  format('opentype'),
        url('../fonts/tradegothic/TradeGothicLTStd-BdCn20.woff') format('woff'),
        url('../fonts/tradegothic/TradeGothicLTStd-BdCn20.ttf')  format('truetype'),
        url('../fonts/tradegothic/TradeGothicLTStd-BdCn20.svg#TradeGothicLTStd-BdCn20') format('svg');
    font-weight: normal;
    font-style: normal;
}

.form-control::-webkit-input-placeholder { color:#999; }
.form-control::-moz-placeholder { color:#999; } /* firefox 19+ */
.form-control:-ms-input-placeholder { color:#999; } /* ie */
.form-control:-moz-placeholder { color:#999; }

/* Estructura */

.items_list > li.last { background:#ffe; }
.items_list .last + .item_actions { background:#ffe; }

html,body {
    margin:0;
    padding:0;
    height:100%;
    background:#fff;
    font-family: 'sourcesans-regular';
    font-size:16px;
    position:relative;
}
body.modal-open {
    overflow:hidden;
}

#pagina {
    height:auto !important; /* For Modern Browsers */
    height:100%; /* For IE */
}

#contingut {
    padding-bottom:60px;
    overflow:visible;
}

.relative { position:relative; }

h1, h2, h3, h5 { font-family: 'sourcesans-extralight'; }
h4, h6 { font-family: 'sourcesans-regular'; }

h1 {
    font-size:42px;
    line-height:42px;
    padding:10px 0;
    border-bottom:1px solid #ccc;
    margin:0;
}
#html h1 { margin:0 0 20px 0; }

h5 { margin:0 0 5px 0; font-size:18px; line-height:18px; }

pre.json { margin:10px 0 0; }

ul { padding:5px 0 0 25px; }
ul li { margin:5px 0 0; }

a { color:#111; text-decoration:none; }
a:hover { color:#999; text-decoration:none; }

:focus, a:focus { outline:none; }

/* unvisited link */
a:link { text-decoration:none; }
/* visited link */
a:visited { text-decoration:none; }
/* mouse over link */
a:hover {  text-decoration:none; }
/* selected link */
a:active {  text-decoration:none; }

.show_performance {

     position:absolute;
     top:0;
     right:0;
     z:1000;
}
.show_performance span.fa { color:#81A625; }

/* Elements */
.show_performance_textes {


     position:absolute;
     top:0;
     left:0;
     width: 40px;
}
.show_textes{
    background-color: white;
    width:50%;
    min-width: 400px;
    border: 1px #0ba1b5 dashed;
    padding: 10px;
}

#cookies {
    color:#fff;
    background:#333;
    padding:12px 15px;
    font-size:14px;
    line-height:16px;
    font-family:'sourcesans-light';
}
#cookies .container { padding-right:50px; }
#cookies a { display:inline-block; color:#CD423B; font-family:'sourcesans-regular' }

#cookies .accept_cookies {
    display:block;
    float:right;
    margin:2px -35px 0px 10px;
    height:28px;
    width:28px;
    line-height:28px;
    background:#CD423B;
    border-radius:5px;
    color:#eee;
    text-decoration:none;
    text-align:center;
    font-size:24px;
}

header {
    /*position:absolute;*/
    color:#111;
    width:100%;
    min-height:150px;
    z-index:1000;
}

header {
    color:#111;
    min-height:90px;
}

footer {
    position:relative;
    padding:0px;
    color:#111;
    overflow:visible;
    vertical-align:middle;
}
#gal_partners { padding:10px 0; }

.scrollToTop {
    display:none;
    position: fixed;
    right:30px;
    top:30px;
    z-index:9000;
    width:50px;
    height:50px;
    background:rgba(1,1,1,.8);
    border-radius:5px 5px;
    color:#fff;
    line-height:50px;
    text-align:center;
    font-size:28px;

    transition: background, color 0.3s linear;
}
.scrollToTop:hover {
    color:#fff;
    background:rgba(60,60,60,.8);
}

/* Header */

/*
#tira_sup { height:36px; background:#fff; }

.bcn_sostenible {
    display:inline-block;
    line-height:36px;
    width:190px;
    text-indent:-8000px;
    background:url('../img/logo_bs_llarg.svg') left center no-repeat;
    background-size:contain;
    margin:0 0 0 -5px;
}
*/

#languages {
    position:absolute;
    top:0px;
    right:15px;
    margin:0;
    padding:0;
    list-style:none;
    background:#fff;
    border-radius:0 0 5px 5px;
    line-height:18px;
}
/*
#languages:before,
#languages:after {
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  content: " ";
    border-color:transparent;
}
#languages:before {
  left:-10px;
  border-top-right-radius: 5px;
  box-shadow: 2px -2px 0 #fff;
}
#languages:after {
  right:-10px;
  border-top-left-radius: 5px;
  border-width:1px 1px 0 0;
  box-shadow: -2px -2px 0 #fff;
}
*/

#languages li {
    display:inline-block;
    border-left:1px solid #f4f4f4;
    margin:0;
    padding:0;
}
#languages li:first-child {
    border:none;
}
#languages li > a, #languages li > span {
    display:inline-block;
    padding:5px 8px 3px;
    color:#111;
    text-transform: uppercase;
    font-size:13px;
}
#languages li > span { display:block; color:#ccc;}
#languages li a:hover { color:#00f; }
#languages li a.active { color:#f00; }


.galeria {
    position:relative;
    height:230px;
    overflow:hidden;
}

.logo {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:230px;
}

a.logo_header {
    display:block;
    margin:26px 0;
    height:140px;
    width:380px;
    text-indent:-8000px;
    background:url('../img/logo_bcn_sostenible.svg') left center no-repeat;
    background-size:contain;
    text-decoration:none;
}

.trama_logo {
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    background:url('../img/trama_bcn_sostenible.svg') left center no-repeat;
    background-size:cover;
}

.menu-toggle {
    display:none;
    float: left;
    color:#111;
    border:0;
    padding:10px 15px;
    background:transparent;
    cursor:pointer;
    text-decoration:none;
}
a.menu-toggle:hover {
    color:#777;
    text-decoration:none;
}
#menu .navbar-collapse {
    max-height:none;
    margin:0;
    padding:0;
    width:100%;
    overflow-x: visible;
    border-top:0;
    box-shadow:none
}

#menu {
    background:#fff;
    padding:0;
    min-height:38px;
    line-height: 18px;
    margin-top:-38px;
}

#main-menu {
    list-style:none;
    margin:0;
    padding:0;
}
#main-menu li {
    display:inline-block;
    border-left:1px solid #fff;
    margin:0;
}
#main-menu li:first-child {
    border:none;
}
#main-menu li a {
    display:inline-block;
    padding:10px 15px;
    color:#111;
    line-height:18px;
    background:#ddd;

    -webkit-transition: background .3s; /* Safari */
    transition: background .3s;
}
#main-menu li a:hover {
    text-decoration:none;
    background:#eee;
}
#main-menu li a.active {
    color:#f00;
}

.user_actions {
    position:absolute;
    top:0px;
    right:15px;
}

.frase {
    position:absolute;
    display:block;
    bottom:15px;
    padding:10px;
    border-radius:5px;
    right:10px;
    font-size:18px;
    width:190px;
    text-align:center;
    line-height:18px;
    color:#111;
    background:#fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    font-family: 'sourcesans-light';
    display:none;
    cursor:pointer;
}

.frase:before {
    position: absolute;
    display: inline-block;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
    bottom: -8px;
    right: 20px;
    content: '';
}

/* Breadcrumb */

#breadcrumb { font-size:14px; }

.breadcrumb {
    margin:0;
    padding:10px 0;
    background:transparent;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumb li {
    margin:0;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #cccccc;
    content: ">";
    font-size:14px;
}

.user_actions.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #cccccc;
    content: "|";
    font-size:18px;
}

/* Footer */

#footer_sup {
    text-align:center;
    font-size:12px;
    line-height:40px;
    overflow:visible;
    border-top:1px solid #ddd;
}

.footer_label {
    display:block;
    text-align:center;
    height:20px;
    line-height:20px;
    font-size:16px;
    margin-top:-10px;
    overflow:visible;
}

.footer_label span {
    display:inline-block;
    padding: 0 15px;
    background:#fff;
}

#footer_bottom {
    font-size:14px;
    line-height:36px;
    border-top:1px solid #ddd;
    padding:10px 0;
    overflow:hidden;
}

.footer-grid{
    display: grid;
    gap:40px;
    grid-template-columns: 1fr 5fr;
}

.footer-grid>div:nth-child(2) {
    text-align: right;
    padding: 20px;
    line-height: 150%;
}

.footer-grid ul>div>a {
    color:rgb(70, 70, 70);
    font-weight: 500;
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 700px) {
    .footer-grid  ul > div {
        display: inline;
        margin-left: 10px; 
    }
}

#footer-menu {
    
    list-style:none;
    padding:0;
    margin:-5px -10px 5px 0;
}
#footer-menu li {
    display:inline-block;
    margin:0;
}
#footer-menu li a {
    padding:0 10px;
    color:#111;
}

#footer_bottom .copy {
    display:block;
    clear:both;
    text-align:center;
    color:#999;
    font-size:12px;
    line-height:16px;
    border-top:1px dotted #ddd;
    padding:10px 0;
}

/* General */

select[class*="select2"] { opacity:0; }

.row.row_10  { margin-left:-5px; margin-right:-5px; }
.row_10 [class*="col-"] {
    padding:0 5px;
}

.row.row_0  { margin-left:0px; margin-right:0px; }
.row_0 [class*="col-"] {
    padding:0;
}

section {
    display:block;
    position:relative;
    overflow:hidden;
}
section.text { padding:30px 0 30px; }

.section_anchor {position:absolute; display:block; margin-top:-120px; height:0px; line-height:0px; }

.no_padding { padding:0 0; }

.ratio-3-1 { padding-bottom:33.33%; } /* 9/16*100 */
.ratio-5-2 { padding-bottom:40%; } /* 9/16*100 */
.ratio-2-1 { padding-bottom:50%; } /* 9/16*100 */
.ratio-16-9 { padding-bottom:56.25%; } /* 9/16*100 */
.ratio-4-3 { padding-bottom:75%; } /* 3/4*100 */
.ratio-1-1 { padding-bottom:100%; } /* ... */

.top_0 { margin-top:0px; }
.top_10 { margin-top:10px; }
.top_20 { margin-top:20px; }
.top_30 { margin-top:30px; }

.top_m10 { margin-top:-10px; }

.bottom_0 { margin-bottom:0px; }
.bottom_10 { margin-bottom:10px; }
.bottom_20 { margin-bottom:20px; }
.bottom_30 { margin-bottom:30px; }

hr { margin:10px 0; }

.legal {
    margin:30px 0 0;
    border-top:1px dotted #ccc;
    padding:20px 0 0;
    font-size:14px;
}

.not-loaded, .is-loading {
    min-height:50px;
    min-width:50px;
    background:url('../img/loading_small.gif') 10px 10px no-repeat;
}

.alert { margin:15px 0; }

.content_tabs li.active { background:#eee; }

textarea { resize:vertical; }

.link { cursor:pointer; display:inline-block; color:#777; }
.link:hover { color:#999; text-decoration:underline; }

.image_gal { display:none; }

#likes, #follows {
    min-height:44px;
    background-position:0px 10px;
    background-size:20px 20px;
}

.bgfull {
    background-repeat:no-repeat;
    background-position:center;
    background-color:transparent;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
}

/* 404 */

#error_404 {
	text-align:center;
	padding:60px 20px 0;
}
#error_404 img { display:block; margin:0 auto 20px; height:240px; }
#error_404 h1 { margin-bottom:10px; }
#error_404 h1 i { font-size:24px; }

.show_error { color:#111; cursor:pointer; }
.show_error:hover { color:#111; cursor:default; text-decoration:none; }

a.download_link {
    color:#111;
    font-size:18px;
}
a.download_link i { display:inline-block; margin:0 5px; }

.no_margin, .box_img.no_margin { margin:0; }

/**/

.lateral h3 { margin:15px 0 10px; }

#menu_sobre {
    list-style:none;
    margin:0 0 40px 0;
    padding:0;
    border-bottom:1px solid #ccc;
    font-family: 'sourcesans-regular';
}
#menu_sobre ul {
    list-style:none;
    margin:0;
    padding:0;
    font-family: 'sourcesans-light';
}

#menu_sobre li { display:block; border-top:1px solid #ccc; margin:0; }
#menu_sobre a { display:block; padding:9px 0; }
#menu_sobre a.active { color:#bbb; }

#menu_sobre ul li a { padding:9px 0 9px 20px; }
#menu_sobre ul ul li a { padding:9px 0 9px 40px; }
#menu_sobre ul ul ul li a { padding:9px 0 9px 60px; }

.subs_link {
    font-family:'sourcesans-light';
    margin:0;
    padding:0;
    list-style:none;
}
.subs_link li a {
    position:relative;
    padding:0 0 0 25px;
    line-height:24px;
    font-size:18px;
}
.subs_link li a span {
    position:absolute;
    display:inline-block;
    left:0px;
    top:1px;
    line-height:24px;
    font-size:16px;
}

.page_content {
    padding-bottom:40px;
}
.page_content h1 {
    border:0;
}

/* Home*/

#gal_header {
    height:230px;
    width:100%;
    background:#ddd;
}
#gal_header .item {
    background-position: center;
    background-size: cover;
    width:100%;
    height:230px;
}

#gal_partners img { display:inline-block;  max-height:80px; }
#gal_partners a, #gal_partners span { display:inline-block; margin:0 0 15px; padding:0 10px; }

/* Galeria inici

#gal_inici_top {
    width:100%;
    height:320px;
    position:relative;
    margin:10px 0 0;
}

#gal_inici_top .slick-prev, #gal_inici_top .slick-next {
    position:absolute;
    width:40px;
    height:50px;
    line-height:50px;
    margin-top:-25px;
    top:50%;
    border:0;
    outline:0;
    font-size:50px;
    text-align:center;
    color:#fff;
    background:rgba(28,28,28,.4);
}
#gal_inici_top .slick-prev { left:0; }
#gal_inici_top .slick-next { right:0; }

#gal_inici_top .item {
    height:320px;
    width:100%;
    background:#282828;
    position:relative;
    display:none;
}
#gal_inici_top .item.slick-slide { display:block; }

#gal_inici_top .item .slide_img {
    position:absolute;
    top:0px;
    left:0px;
    width:780px;
    height:100%;
    background-color:#ddd;
}

#gal_inici_top .item .caption {
    position:absolute;
    top:0px;
    right:0px;
    width:360px;
    height:100%;
    background:#282828;
    padding:30px 50px 70px 30px;
    color:#fff;
    text-align:left;
    z-index:20;
    overflow:hidden;
}

#gal_inici_top .item .caption h2 { margin:0 0 10px; }

#gal_inici_top .item .caption a {
    position:absolute;
    bottom:30px;
    left:30px;
    color:#fff;
    vertical-align:middle;
}
#gal_inici_top .item .caption a:hover { text-decoration:none; }
*/


/* Map Intro */

#map_intro {
    width:100%;
    position:relative;
    list-style:none;
    margin:10px 0 0;
    padding:0;
    overflow:hidden;
    text-align:center;
    background:#ddd url('../img/captura_mapa.jpg') center center no-repeat;
    font-family: 'sourcesans-regular';
    font-size:20px;
    border-radius:5px;

    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
}

#intro_text {
	display:block;
	position:relative;
    height:240px;
	background:rgba(1,1,1,.8);
	color:#fff;
}
#intro_text:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#intro_text .text {
	display:inline-block;
	vertical-align:middle;
	width:95%;
	padding:0px 50px;
	font-size:22px;
	font-family: 'sourcesans-extralight';
}

#map_intro .botons_wrap {
	height:240px;
}
#map_intro .botons_wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#map_intro .botons {
	display:inline-block;
	vertical-align:middle;
	width:250px;
    text-align:center;
}
#map_intro .botons a {
	display:block;
    padding:15px 20px;
    border-radius:5px;
    color:#fff;
    text-decoration:none;
    font-size:20px;
    font-family: 'sourcesans-light';
	background:rgba(28,28,28,1);

    transition: all 0.3s linear;
}
#map_intro .botons a + a {
    margin:20px 0 0;
}

#map_intro .botons a:hover {
color:#111;
	background:rgba(255,255,255,1);
}

/* Conceptes */

#conceptes {
    display:table;
    width:100%;
    position:relative;
    list-style:none;
    margin:20px 0 0;
    padding:0;
    overflow:hidden;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    overflow:hidden;
}

#conceptes .lava_menu {
    display:table-row;
    height:100%;
}

#conceptes a {
    display:table-cell;
    position:relative;
    margin:0px;
    width:20%;
    height:100%;
    text-align:center;
    vertical-align:top;
    transition: color 0.3s linear;
    z-index:100;
    color:#111;
    padding:20px 15px;
}

#conceptes .lava {
    display:block;
    position:absolute;
    top:0px;
    left:40%;
    width:20%;
    height:100%;
    background:#fff;
    transition: all 0.3s ease-out;
}

#conceptes a:hover { text-decoration:none; }

#conceptes h3 { margin:5px 0; }

#conceptes i {
    display:inline-block;
    margin:0 auto 5px;
    width:95px;
    height:70px;
    line-height:70px;
    font-size:60px;
    color:#282828;
    text-align: center;
    border-radius:50%;
    vertical-align:middle;
    transition: color 0.3s ease-out;
}

#conceptes a.active { text-decoration:none; color:#fff; }
#conceptes a.active i { text-decoration:none; color:#fff; }

/**/

.box_img {
    display:block;
    position:relative;
    width:100%;
    background-color:#eee;
    overflow:hidden;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.box_img img {
    position:absolute;
    display:block;
    width:100%;
    height:auto;
}

.img_wrap {
    display:block;
    position:relative;
    min-width:120px;
    margin:0 auto 10px;
    background:#ddd;
    overflow:hidden;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
}
.img_wrap img { width:100%; }

.box_img .author {
    position:absolute;
    bottom:8px;
    left:10px;
    color:#fff;
    font-size:14px;
}


.box_img.punt, .img_wrap.punt {
    background-image: url('../img/thumb_punt.png');
}

.box_img.itinerari, .img_wrap.itinerari {
    background-image: url('../img/thumb_punt.png');
}

.box_img.user, .img_wrap.user {
    max-width:360px;
    background-image: url('../img/thumb_user.png');
}

.box_img.foto, .img_wrap.foto {
    background-image: url('../img/thumb_foto.png');
}

.box_img.noticia, .img_wrap.noticia {
    background-image: url('../img/thumb_noticia.png');
}

.hoverdiv {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(1,1,1,.3);
    opacity:0;
    text-align:center;

    transition: opacity .2s ease-in;
}

.hoverdiv span {
    position:absolute;
    width:100%;
    height:60px;
    display:block;
    margin-top:-30px;
    text-align:center;
    top:50%;
    left:0;
}

.hoverdiv i {
    display:inline-block;
    font-size:42px;
    width:60px;
    height:60px;
    padding:6px 0 0;
    line-height:54px;
    text-align:center;
    color:#fff;
    background:rgba(0,0,0,.3);
    border-radius:50%;
}

a:hover .hoverdiv { opacity:1; }

.list .hoverdiv span {
    height:40px;
    margin-top:-20px;
}

.list .hoverdiv i {
    font-size:26px;
    width:40px;
    height:40px;
    padding:5px 0 0;
    line-height:35px;
}


/**/

#mixed { margin:20px 0 0;}

#brickwork {
    padding:0 0 20px;
    border-bottom:1px dotted #ddd;
}

.brick  {
    overflow:hidden;
    position:relative;
    opacity:0;
}
.brick .br_content {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.size11 {
    height: 160px;
    width: 160px;
}

.size22 {
    height: 320px;
    width: 320px;
}

.random_link {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
    overflow:hidden;
}

.view_link {
    position:absolute;
    display:block;
    width:50px;
    height:50px;
    bottom:0px;
    right:0px;
    background:#282828;
    color:#fff;
    text-align:center;
    padding:2px 0 0;
    line-height:48px;
    font-size:24px;
    z-index:200;
    overflow:hidden;
    opacity:0;

    transition: all .2s ease-in;
}
.view_link:hover { background:#666; color:#fff; text-decoration:none; }

.brick:hover .hoverdiv { opacity:1; }
.brick:hover .view_link { opacity:1; }

.brick .text {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	color:#fff;
    padding:20px;
}
.brick .text:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
 }
.brick .text .content {
	display: inline-block;
	vertical-align: middle;
    margin-top:-10px;
    overflow:hidden;
    word-wrap:break-word;
    width: 100%;
}
.brick .text .content h4 {
    font-family:'sourcesans-light';
    font-size:20px;
    margin:0 0 10px;
}


/**/
/*
#bcn_sostenible {
    padding-top:20px;
    border-top: 1px dotted #ccc;
}

#bs_banner {
    border-radius:10px;
    background:#eee url('../img/bcn_sostenible/fons_bs.png') center center no-repeat;
    background-size:cover;
    overflow:hidden;
}

#bs_banner_content {
    background:url('../img/bcn_sostenible/tira_color.png') center top repeat-x;
    padding:30px;
}

#bs_banner_content .link_bs {
    display:block;
    width:100%;
    background-size:contain;
    margin:10px 0 0;
}

#bs_banner_content .link_bs_logo {
    width:100%;
    height:145px;
    background:url('../img/bcn_sostenible/logo_bs_1.svg') center center no-repeat;
    background-size:contain;
    text-indent:-8000px;
    overflow:hidden;
}

#bs_banner_content ul {
    margin:10px 0 0 50px;
    padding:0;
    list-style:none;
}
#bs_banner_content ul li {
    font-size:28px;
    line-height:32px;
    font-family: 'sourcesans-light';
}

#bs_banner_content li a {
    display:block;
    position:relative;
    text-decoration:none;
    color:#111;
    padding:0 0 0 15px;
}
#bs_banner_content a span.fa {
    position:absolute;
    top:0;
    left:0;
}
#bs_banner_content li a:hover { color:#111; }

#bs_banner_content a.green_1 { color:#81A625; }
#bs_banner_content a.green_2 { color:#006634; }
#bs_banner_content a.blue_1 { color:#007DC0; }
#bs_banner_content a.blue_2 { color:#262658; }
*/

/* B+S Footer */
/*
footer #bcn_sostenible {
    padding:20px 0 19px;
    border-top: 1px dotted #ccc;
    text-align:center;
}

footer #bcn_banner {
    display:inline-block;
    padding:25px 20px 15px;
    text-align:center;
    border-radius:10px;
    background:#f3f3f3 url('../img/bcn_sostenible/tira_color.png') center top repeat-x;
}

footer #bcn_sostenible .link_bs {
    display:inline-block;
    width:220px;
    height:64px;
    margin:0;
    text-align:center;
    vertical-align:top;
}

footer #bcn_sostenible .link_bs_logo {
    display:inline-block;
    width:230px;
    height:64px;
    background:url('../img/bcn_sostenible/logo_bs_1.svg') left center no-repeat;
    background-size:contain;
    text-indent:-8000px;
    overflow:hidden;
}

footer #bcn_sostenible .links {
    display:inline-block;
    vertical-align:top;
    margin:4px 0 0 40px;
}

footer #bcn_sostenible a.list {
    display:block;
    position:relative;
    text-decoration:none;
    color:#111;
    padding:0 0 0 12px;
    font-size:20px;
    line-height:28px;
    text-align:left;
}

footer #bcn_sostenible a span.fa {
    position:absolute;
    top:4px;
    left:0;
}

footer #bcn_sostenible a:hover { color:#111; }

footer #bcn_sostenible a.green_1 { color:#81A625; }
footer #bcn_sostenible a.green_2 { color:#006634; }
footer #bcn_sostenible a.blue_1 { color:#007DC0; }
footer #bcn_sostenible a.blue_2 { color:#262658; }
*/


footer .bcn_sostenible_2017 {
    padding:20px 0 0px;
    border-top: 1px dotted #ccc;
    text-align:center;
    font-family: 'tradegothic';
    letter-spacing:1px;
}

footer .bcn_sostenible_2017 .box_wrapper {
    margin-left:-5px;
    margin-right:-5px;
    text-align:center;
    padding:0 0 10px 0;
}

footer .bcn_sostenible_2017 .box {
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    width:16.66%;
    vertical-align:top;
    margin-bottom:10px;
}

footer .bcn_sostenible_2017 .list {
    display:block;
    text-align:center;
    text-transform:uppercase;
    font-size:20px;
    line-height:20px;
    height:130px;
    color:#fff;
    border-color:#fff;
}
footer .bcn_sostenible_2017 .logo_bs {
    background:#fff url('../img/logo_bs_footer.svg') center center no-repeat;
    background-size:contain;
}

footer .bcn_sostenible_2017 .color_1 {
    background:#4C73B0;
}

footer .bcn_sostenible_2017 .color_2 {
    background:#86A73E;
}

footer .bcn_sostenible_2017 .color_3 {
    background:#5B4E42;
}

footer .bcn_sostenible_2017 .color_4 {
    background:#242C57;
}

footer .bcn_sostenible_2017 .color_5 {
    background:#29643B;
}

footer .bcn_sostenible_2017 .list:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
 }

footer .bcn_sostenible_2017 .text_wrap {
    display:inline-block;
    width:100%;
	vertical-align: middle;
}

footer .bcn_sostenible_2017 .text {
    display:block;
    position:relative;
    padding:16px 0 10px;
    width:100%;
    vertical-align:middle;
}
footer .bcn_sostenible_2017 .text:before {
    content:'';
    position:absolute;
    top:0px;
    left:calc(50% - 20px);
    width:40px;
    height:0px;
    border-top:4px solid;
}
footer .bcn_sostenible_2017 .text:after {
    content:'';
    position:absolute;
    bottom:0px;
    left:calc(50% - 20px);
    width:40px;
    height:0px;
    border-top:4px solid;
}



/**/

#section_banners {
    padding:20px 0;
    margin:20px 0 0;
    background:#eee;
}
#section_banners h2 { margin:-10px 0 10px 0; }

.banners_carousel { margin:0 -10px; }
/*
.banners_carousel .slick-list {
    overflow: visible;
}
*/

.banner {
    margin:0 10px;
    position:relative;
    overflow:hidden;
    display:none;
}
.banner a { display:block; }
.banner .bg_img {
    border-radius:5px;
    background-repeat:no-repeat;
    background-position:center;
    background-color: rgb(229, 227, 223);
    background-size:cover;
}

/* Actualitat + Calendar + Twitter Inici */

.link_plus {
    display:inline-block;
    margin:0 0 0 8px;
    color:#111;
}

.box_noticia_home {
    display:block;
    padding-bottom:20px;
    color:#111;
    margin:10px 0 0 0;
    padding:10px 0 0;
    border-top:1px dotted #ccc;
}
.box_noticia_home:first-of-type { margin:0; padding:0; border:0; }
.box_noticia_home h4 {
    margin:0;
}
.box_noticia_home span.date { font-size:15px; color:#999; }
.box_noticia_home:hover {
    text-decoration:none;
    color:#999;
}

#calendar { margin:0 0 20px 0; }

#twitter-widget-0 { height:432px; width:100%; }


/* Llistats */

.list_actions {
    float:right;
    margin:0;
    padding:0;
    list-style:none;
}

.list_actions > li {
    display:inline-block;
    margin:0 0 0 10px;
    vertical-align: top;
}

.list_actions > li > a, .list_actions > li > span {
    display: inline-block;
    cursor: pointer;
    margin:15px 0 0 8px;
    color:#111;
    line-height:38px;
    height:38px;
    vertical-align:middle;
}

.list_actions li i, .filtre_btn i {
    margin:0;
    padding:10px 0 0 0;
    height:38px;
    width:38px;
    line-height:20px;
    text-align:center;
    border-radius:5px;
    background:#111;
    color:#fff;
    font-size:20px;
    vertical-align:middle;
}
.list_actions li a:hover, .list_actions li span:hover { color:#999; text-decoration:none; }
.list_actions li a:hover i, .list_actions li span:hover i { background:#999; }


.list_actions li .squared i { border-radius:5px; }

.tabbed + .tabbed { margin-left:0; }
.list_actions li .tabbed i { border-radius:0; margin:0; }
.list_actions li .tabbed:first-child i { border-radius:5px 0 0 5px; margin:0; }
.list_actions li .tabbed:last-child i { border-radius:0 5px 5px 0; margin:0; }

.list_actions li .tabbed.active i { background:#777; }
.list_actions li .tabbed.active:hover  i { background:#777; }


.options_list {
    display:block;
    margin:5px 0 0;
    line-height:24px;
}
.options_list a { display:inline-block; color:#111; text-decoration:none; vertical-align:middle; margin:5px 10px 0 0; font-size:15px; }
.options_list a:hover { color:#999; }

.options_list a span.fa {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 5px 0 0;
    line-height:14px;
    text-align: center;
    color: #fff;
    background: #666;
    font-size: 14px;
    margin: 0 3px 0 0;
    border-radius: 3px;
    vertical-align:top;
}

/* Pagination */

.pagination_wrap { margin:15px 0 0; padding:0; overflow:hidden; }
.pagination { margin:0; list-style:none; }
.pagination .current span { display:block; }
.pagination .disabled {  }

.pagination > li > a, .pagination > li > span {
    border-color:#ccc;
    padding: 7px 12px 5px;
    line-height: 20px;
    color:#111;
    text-decoration:none;
}
.pagination > li > .current, .pagination > li > .current:hover { background:#deeffa; }
.pagination > li > .disabled:hover { background:#fff; }

#pagination {
    clear:both;
    float:none;
    margin-top:20px;
    position:relative;
    overflow:hidden;
}

#infscr-loading {
    clear:both;
    float:none;
    display:block;
    width:100%;
    text-align:center;
    padding:10px 0 0;
    height:45px;
}

.masonry_wrap, .ias_wrap  { margin:0 0 45px 0; position:relative; }

.masonry_wrap #pagination, .ias_wrap #pagination {
    position:absolute;
    bottom:0px;
    display:none;
}

.masonry_wrap #infscr-loading, .ias_wrap #infscr-loading {
    position:absolute;
    bottom:-45px;
}


/* Boxes */

.model_item {
    display:inline-block;
    float:none;
    vertical-align:top;
    margin-top:30px;
}

/* Boxes llista */

.model_item.list { margin-top:2px; }
.model_item.list:first-child { margin-top:30px; }

.box_list {
    display:block;
    position:relative;
    text-decoration:none;
    height:69px;
    width:100%;
    background:#f5f5f5;
    color:#111;
    padding:0 10px 0 117px;
}
a.box_list:hover { text-decoration:none; color:#999; }

.box_list .tira_cat {
    position:absolute;
    top:0;
    left:0;
    width:10px;
    height:100%;
}
.box_list h4 { margin:0; line-height:20px; }
.box_list .inner_content {
    padding:14px 0 0;
    white-space: nowrap;
    overflow:hidden;
    line-height:20px;
}

.box_list .box_img {
    position:absolute;
    left:10px;
    top:0px;
    height:69px;
    width:92px;
    margin:0;
}

.icons_box span {
    display:inline-block;
    margin:0 0 0 5px;
    font-size: 16px;
}
.icons_box i { font-size:15px; color:#666; }

.box_list .icons_box {
    position:absolute;
    right:0px;
    top:0px;
    background:#f5f5f5;
    padding:18px 12px 17px 20px;
}


/* Fitxa */

i.icon_40 {
    display:inline-block;
    height:40px;
    padding:2px 0 0;
    width:40px;
    background:#ccc;
    border-radius:5px;
    color:#fff;
    font-size:20px;
    line-height:38px;
    text-align:center;
}
a i.icon_40 { background:#111; }

i.icon_50 {
    position:absolute;
    display:inline-block;
    height:50px;
    padding:2px 0 0;
    width:50px;
    background:#111;
    border-radius:5px;
    color:#fff;
    font-size:26px;
    line-height:48px;
    text-align:center;
}

h1.w_buttons {
    position:relative;
    padding:10px 140px 10px 0;
}

.prevnext_btns {
    display:block;
    position:absolute;
    right:0px;
    bottom:15px;
}

.prevnext_btns a, .prevnext_btns span {
    display:inline-block;
    margin:0 0 0 5px;
}
.prevnext_btns a:hover i {
    background:#666;
}

.meta_info {
    background:#f9f9f9;
    border-radius:5px;
    padding:15px;
    margin:20px 0 0;
}
.meta_info h3 {
    margin:0;
    padding:0 0 5px 0;
    font-family: 'sourcesans-light';
    font-size:18px;
    border-bottom:1px dotted #ddd;
}
.meta_info h4 {
    margin:10px 0 0;
    padding:0;
    font-family: 'sourcesans-light';
    font-size:16px;
    display:inline-block;
    cursor:pointer;
}
.meta_info .values {
    padding: 2px 0 5px 15px;
}
.meta_info .values ul {
    list-style:none;
    margin:0 0 0 20px;
    padding:0;
}
.meta_info .values ul li {
    margin:0;
}

.meta_info .values ul li:before{ content:"-"; position:relative; left:-10px; }

.meta_info .values span {
    display:inline-block;
    margin-left:-5px;
    font-family: 'sourcesans-light';
}

/* Slide punts/itineraris fitxa */

.punts_carousel { margin:0 -10px 10px -10px; }
.punts_carousel .item { padding:0 10px; display:none; }
.punts_carousel .item.slick-slide { display:block; }

.punts_carousel .slick-list {
	overflow:visible;
}

/* Slide baners fitxa itinerari */

.fitxa_baners_wrap {
    border-top:1px dotted #ddd;
    padding:20px 0 0;
    margin:15px 0 0;
}
.fitxa_baners_carousel {  margin:0 -10px 0 -10px; }

.box_noticia h4 {
    margin:0;
}

/* Embed */

legend {
    margin:10px 0;
    font-size:18px;
    font-family:'sourcesans-light';
}


.baner_lat {
	display:block;
	width:100%;
	margin:0 0 20px 0;
	position:relative;
	overflow:hidden;
}

.fill {
	width:100%;
	height:100%;
	background-position: center;
	background-size: cover;
}



.box_img_noticia {
	position:relative;
	background:#eee;
	width:100%;
	height:240px;
	overflow:hidden;
}
.box_img_noticia img { width:100%; }



.last_img { margin:0px; }

.last_img_box {
	display:inline-block;
	width:33.3333%;
	padding:0;
    position:relative;
    vertical-align: top;
}

.last_img_box .box_content {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-top:100%;
    background:#f00;
}

.last_img_box a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow: hidden;
}



#twitter_widget { margin:14px 0 0; overflow:hidden; }

/* Mapa */

#embed_preview {
    line-height: 0px;
    text-align:center;
}
#embed_preview iframe {
    display:inline-block;
    max-width:100%;
}

#map_filtre_section { position:relative; overflow:visible; z-index:50; background:#eee; border-bottom:1px solid #ccc; }
#map_filtre_section .filtre_btn {
	position:absolute;
	right:20px;
	bottom:-50px;
	display:block;
	background:#fff;
	width:52px;
	height:50px;
	border:1px solid #ccc;
	border-top:0;
	border-radius:0 0 5px 5px;
}
#map_filtre_section .filtre_btn.expand { background:#eee; }
#map_filtre_section .filtre_btn i {  margin:6px 7px; }
#map_filtre_section .filtre { border:0; }

#map_section {
	position:relative;
	height: 640px;
	background: #eee;
}

#map_section_mobile {
	position:relative;
	height:320px;
	background: #eee;
}
#map_section_mobile .open_map {
	position:absolute;
	height:100%;
	width:100%;
	z-index:10;
}
.open_map span {
	display:inline-block;
	margin:20px;
	padding:0 20px;
	height:45px;
	line-height:45px;
	background:#fff; /*rgba(255,255,255,.85);*/
	color:#111;
	border-radius:5px;
	vertical-align:middle;
}
.open_map span i { display:inline-block; margin-right:5px; }

.itineraris_list ul {
	list-style:none;
	margin:0;
	padding:0;
}
.itineraris_list ul li { padding:0 0 5px 10px; font-family: 'sourcesans-light'; line-height:18px; position:relative; }
.itineraris_list ul li:before {
	position:absolute;
	content:'·';
	top:0px;
	left:2px;
	font-size:20px;
	font-family: 'sourcesans-regular';
}

.modal { z-index:2000; background:rgba(1,1,1,.5); }

html.mfp-helper {
    height: 100%;
}

html.mfp-helper body {
    overflow: hidden;
    height: 100%;
}

html.mfp-helper .mfp-wrap, html.mfp-helper .mfp-container {
	top:0px;
	-webkit-overflow-scrolling:touch;
    -webkit-transform: translateZ(0);
}


.fullsize, #map_section.fullsize {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:500;
}

.map_info_wrap {
	position:absolute;
	top:0px;
	left:0px;
	margin:20px 0 0 40px;
	width:350px;
	z-index:90;
}

.map_menu {
	background:rgba(255,255,255,.85);
	height:45px;
	line-height:45px;
	margin:0 0 5px 0;
	z-index:100;
}
.map_menu #reduce { display:none; }

.map_actions {
	display:block;
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
.map_actions a { display:block; color:#111; }
.map_actions a:hover { text-decoration:none; background:#fff; color:#666; }
.map_actions a:hover i { text-decoration:none; background:#fff; color:#666; }
.map_actions a span { display:inline-block; }
.map_actions a span.amagat { display:none; }
.map_actions i, .btn i[class^="icon-"] { vertical-align:middle; color:#111; margin:0 5px 0 0; }
.map_actions li {
	display:inline-block;
	width:33.33%;
	height:46px;
	text-align:center;
	border-left:1px dotted #999;
	margin:0;
    vertical-align:top;
}
.map_actions li:first-child { border:0; }


.map_actions a.active { color:#999; }
.map_actions a.active i { color:#999; }

.map_info { display:none; }

.info_content {
	padding:15px;
	background:rgba(255,255,255,.85);
}


.info_content .img_wrap { width:240px; margin:0 0 10px 0; }

.info_content .categories_list { margin:0; }
.info_content .categories_list li { margin:10px 10px 0 0; }
.info_content .categories_list li.icon_cat {
	display:inline-block;
	width:44px;
	height:44px;
	line-height:40px;
	text-align:center;
	border-radius:5px;
}
.info_content .categories_list li.icon_cat i { font-size:30px; }

.map_label {
	font-size:18px;
	max-width:200px;
	text-align:center;
	color:#111;
	line-height:16px;
}

.map_content {
	height:100%;
	width:100%;
}




            #map_section .map_lateral {
                position:absolute;
                width:320px;
                height:100%;
                background:#fff;
                z-index:100;
                top:0;
                left:0;
                background:#f3f3f4;

                -webkit-transition: left .2s; /* Safari */
                transition: left .2s;
            }

            #map_section .map_full_wrap {
                position:absolute;
                left:0px; /*left:320px;*/
                width:100%; /*width:calc(100% - 320px);*/
                height:100%;

                -webkit-transition: left .2s,  width .2s; /* Safari */
                transition: left .2s,  width .2s;
            }

            #map_section.closed .map_lateral { left:-320px; }
            #map_section.closed .map_full_wrap { width:100%; left:0; }

            #map_section .close_map_lateral, #map_section .resize_map {
                position:absolute;
                top:10px;
                width:40px;
                right:-40px;
                height:36px;
                line-height:36px;
                text-align:center;
                font-size:20px;
                border-radius:0 5px 5px 0;
                color:#111;
                text-decoration:none;
                background:#fff;
                box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
            }
            #map_section .resize_map { top:55px; z-index:20; left:0px; }

            .map_actions {
                position:absolute;
                height:40px;
                top:0;
                left:0;
                width:100%;
                height:46px;
                background:#f3f3f4;
                border-bottom:1px dotted #999;
                line-height:46px;
                overflow:hidden;
            }

            .map_info {
                position:absolute;
                top:46px;
                left:0;
                width:100%;
                height:calc(100% - 46px);
                padding:0px 15px 40px;
                overflow-y:auto;
                background:rgba(255,255,255,.95);
                border-bottom:1px dotted #999;
                z-index:20;
            }
            .map_info.loading_content {
                background:rgba(255,255,255,.95) url('../img/loading_small.gif') 15px 15px no-repeat;
            }

            .info_results {
                position:absolute;
                bottom:0px;
                left:0;
                width:100%;
                top:46px;
                overflow:hidden;
                background: #f3f3f4 url('../img/loading_small.gif') 15px 15px no-repeat;
            }

            .info_content {
                padding:0px;
            }

            .results {
                position:absolute;
                width:100%;
                height:calc(100% - 45px);
                overflow-y:auto;
            }

            .results a {
                display:block;
                position:relative;
                padding:5px 10px 5px 20px;
                background:#fff;
            }

            .results a .tira_cat {
            	position:absolute;
            	width:10px;
            	top:0px;
            	left: 0px;
            	height:100%;
            }

            .results a + a {
                border-top:1px solid #ccc;
            }
            .results a.active { background:#ddd; }

            #map_section  .pagination {
                position:absolute;
                bottom:0px;
                background:#f3f3f4;
                border-top:1px dotted #999;
                width:100%;
                height:45px;
                line-height:45px;
                padding:0 10px 0 40px;
                text-align:right;
            }

            #map_section  .pagination a.text_results {
                display: inline-block;
                line-height: 22px;
                margin:12px 10px;
                color:#111;
            }


            #map_section .pagination #results_actions {
                position:absolute;
                top:0px;
                left:0px;
            }

            .results_pagination + .results_pagination {
	            border-left:1px dotted #999;
            }

            #map_section  .pagination .results_pagination {
            	padding: 0 8px;
            	background:transparent;
            	color:#111;
            }
            #map_section  .pagination span.results_pagination { color:#999; }

            #map_section  .close_map_info {
	            display:block;
	            margin:15px 0 5px 0;
            }
            #map_section form { margin:0; }

            #map_section .info_punt .aux_data {
            	margin:5px 0 0;
				font-size: 15px;
			}
            #map_section .info_punt .aux_data i {
				font-size: 14px;
			}

			#map_section .info_punt h4 {
				margin: 5px 0 0;
			}

			.results .aux { display:inline-block; font-size:15px; line-height:18px; }

			#results_actions .dropdown-menu {
				margin: 0 0 -8px 10px;
				width:225px;
			}

/*
			#map_section  .dropdown-menu > li  { text-align:left; margin:0; }
			#map_section  .dropdown-menu > li  a { padding:3px 3px 3px 5px; }
			#map_section  .dropdown-menu > li  a:hover { color: #999; background:transparent; }

			#map_section  .dropdown-menu > li form  { height:24px; padding:0px; line-height: 20px; }
*/


.dropdown-menu > li {
    margin:0;
    padding:0;
}
.dropdown-menu > li > a {
	display:block;
    padding:5px 10px;
    line-height:20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu > li > form {
    padding:5px 10px;
    line-height:20px;
}
.dropdown-menu > li > form:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}


.cat_a { color:#00A19A; }
.cat_b { color:#E6332A; }
.cat_c { color:#006633; }
.cat_d { color:#F9B233; }
.cat_e { color:#009FE3; }
.cat_f { color:#662483; }
.cat_g { color:#95C11F; }


.cat_a_bg { background:#00A19A; }
.cat_b_bg { background:#E6332A; }
.cat_c_bg { background:#006633; }
.cat_d_bg { background:#F9B233; }
.cat_e_bg { background:#009FE3; }
.cat_f_bg { background:#662483; }
.cat_g_bg { background:#95C11F; }

.cat__bg { background-color:#333; }



#categories { padding-top:10px; }
#categories h3 { position:relative; margin:0 0 25px 0px; padding:0 0 0 35px; cursor:pointer; overflow:visible;}
#categories h3 i { display:block; position:absolute; top:0px; left:0px; width:30px; text-align:center; }
#categories .toggle { display:none; padding:0 0 0 20px; }

.icones > div { display:inline-block; vertical-align:top; float:none; clear:both; }

.icones h4 {
	position:relative;
	margin:0 0 10px 0;
	padding:0;
	min-height:40px;
	cursor:pointer;
}
.icones h4:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.icones h4 span.icon_cat {
	display:inline-block;
	margin:0 10px 0px 0;
	width:44px;
	height:44px;
	line-height:40px;
	text-align:center;
	border-radius:5px;
    vertical-align:middle;
}

.icones h4 span.text {
	display:inline-block;
	line-height:20px;
    width:calc(100% - 55px);
    vertical-align:middle;
}


#valors { margin:20px 0 0; }
#valors h3 { margin:20px 0; cursor:pointer; overflow:visible;}
#valors .text { display:none; }

/**/

.filtre_btn {
	display:inline-block;
	float:right;
	cursor:pointer;
	margin:20px 0 0;
}
.filtre_btn i {
	margin:0 0 0 8px;
	padding:7px 8px 9px;
	border-radius:50%;
	background:#111;
	color:#fff;
	font-size:20px;
}
.filtre_btn:hover { color:#999; }
.filtre_btn:hover i { background:#999; }


.filtre {
	border-bottom:1px solid #ccc;
}
.filtre form {
	padding:15px 10px 20px;
}
.filtre form.form-filtre-map { padding:15px 0px 20px; }

.amagat { display:none; }

.form-filtre .form-group, .form-filtre-map .form-group { margin-bottom:5px; }
.form-filtre .btn, .form-filtre-map .btn { margin:10px 10px 0 0; }
.form-filtre-map .btn.pull-right {
margin: 10px 0 0 0;
}
.pull-right {
float: right;
}


.models_list {
	list-style:none;
	border:0;
	padding:0;
}

.models_list > li, .items_list > div {
	display:inline-block;
	float:none;
	vertical-align:top;
}


ol.items_list {
	list-style:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #ddd;
	overflow:visible;
}
ol.items_list li {
	display:block;
	margin-top:-1px;
	margin-bottom:-1px;
	position:relative;
	color:#fdfdfd;
	color:#111;
	min-height:37px;

	transition: background, color 0.3s linear;
}
ol.items_list li .multiple .list_item{ padding-left:30px; }
ol.items_list li .multiple .checkbox { position:absolute; top:13px; left:10px; }


ol.items_list ol {
	list-style:none;
	padding:0;
	margin:0 0 0 25px;
}


.list_item {
	display: block;
	padding: 10px 10px 9px;
	line-height: 18px;
	min-height:37px;
	overflow: hidden;
	color: #333;
	text-decoration: none;
	background: #fdfdfd;
	border: 1px solid #ccc;
	white-space: nowrap;
}
.list_item.multiline { white-space:normal; }

.list_item a {
	color: #333;
	text-decoration: none;
}
.list_item a:hover, .list_item a:focus {
	color: #2a6496;
	text-decoration: underline;
}

.list_item.last {
	background:#ffe;
}
.list_item i { color:#999; }
.list_item:hover i { color:#111; }

.list_item span.badge { display:inline-block; margin:0 0 0 8px; vertical-align:top; }

.badge-default { background:#999; }
.badge-primary { background:#428bca; }
.badge-success { background:#5cb85c; }
.badge-info { background:#5bc0de; }
.badge-warning { background:#f0ad4e; }
.badge-danger { background:#d9534f; }

.items_list > li:first-of-type { border:0; }



ol.items_grid { overflow:visible; list-style:none; margin:0; padding:0; }
ol.items_grid li {
	display:inline-block;
	width:150px;
	margin:10px 10px 0 0;
	position:relative;
	color:#fdfdfd;
	color:#111;
	vertical-align:top;
	text-align:center;
	overflow:hidden;

	transition: background, color 0.3s linear;
}

ol.items_grid_row { overflow:visible; list-style:none; padding:0; }
ol.items_grid_row li {
	display:inline-block;
	position:relative;
	color:#fdfdfd;
	color:#111;
	vertical-align:top;
	text-align:center;
	overflow:hidden;

	transition: background, color 0.3s linear;
}
ol.items_grid_row h3 { margin:0; }



.items_grid img { width:100%; }



.items_list .item_actions {
	position:absolute;
	top:1px;
	right:1px;
	padding:8px 2px 0 0;
	height:36px;
	z-index:10;
	background:#fdfdfd;
}

.items_list .item_actions a {
	display:inline-block;
	text-align:center;
	height:22px;
	padding:0px 5px;
	line-height:22px;
	font-size:18px;
	color:#999;
	border-left:1px solid #999;
	cursor:pointer;
	opacity:0.4;

	transition: opacity 0.3s linear;
}
.items_list .item_actions a i { line-height:22px; font-size:23px; vertical-align:0; }
.items_list .item_actions a:first-of-type { border:0; }


.items_grid .item_actions, .items_grid_row .item_actions {
	display:inline-block;
	margin:5px 0 0;
}
.items_grid_row .item_actions { margin:5px 0 10px; }
.items_grid .item_actions a, .items_grid_row .item_actions a {
	display:inline-block;
	text-align:center;
	height:22px;
	padding:0px 5px;
	line-height:22px;
	font-size:18px;
	color:#999;
	border-left:1px solid #999;
	cursor:pointer;
	opacity:0.4;

	transition: opacity 0.3s linear;
}
.items_grid .item_actions a i, .items_grid_row .item_actions a i { line-height:22px; }
.items_grid .item_actions a:first-of-type, .items_grid_row .item_actions a:first-of-type { border:0; }


.items_list li div:hover .item_actions a, .model_item:hover .item_actions a {
	opacity:1;
}


div:hover .item_actions a:hover {
	color:#333;
}


.list_sortable li > div a, .list_sortable li > div div, .list_sortable li > div img, .list_nestable li > div a, .list_nestable li > div div {
	cursor: move;
}

i.green { color:#5cb85c; }
i.red { color:#d9534f; }

.list_nestable {
	background:url('../img/bg_schema.png') left top;
}

.placeholder { background:#ccc; }


.inline { display:inline-block; }

.admin_buttons .btn {
	margin:10px 10px 0 0;
}

.top_5 { margin-top:5px; }
.top_30 { margin-top:30px; }
.top_40 { margin-top:40px; }


/* Nestable Aux */

.branch_item { margin:0 0 0 30px; }

.disclose {
	cursor: pointer;
	display: inline-block;
}

.list_nestable li .disclose > i {
	background-image:url('../img/glyphicons-halflings.png');
	background-repeat:no-repeat no-repeat;
	display:inline-block;
	margin:3px 5px 0 -3px;
	height:13px;
	line-height:13px;
	width:13px;
	background-position:-1000px -1000px;
}

.list_nestable li.mjs-nestedSortable-collapsed > ol {
	display: none;
}

.list_nestable li.mjs-nestedSortable-collapsed .disclose > i {
	width:14px;
	background-position:0 -96px;
}

.list_nestable li.mjs-nestedSortable-expanded .disclose > i {
	width:14px;
	background-position: -24px -96px;
}


.grid_item { margin-top:10px; overflow:hidden; }
.tab-pane .grid_item h3 { border:none; }

.multiple_options {
	margin-top:-1px;
	padding:7px 0px 7px 15px;
	border:1px solid #ccc;
	font-weight: bold;
	font-size:14px;
	background:#f8f8f8;
    min-height:30px;
}
.multiple_options i {
	display:inline-block;
	margin:-4px 5px 0 0;
	font-size:12px;
	vertical-align:middle;
}
.multiple_options select { display:inline; width:200px; }
.multiple_options .dropdown { display:inline; }
.multiple_options .dropdown-menu { margin:5px 0 0; }

#user_content .form_list { border-bottom:1px solid #ccc; }


.list_top {
	position:absolute;
	top:20px;
	right:15px;
    list-style:none;
    margin:0;
    padding: 0;
}
.list_top > li {
    display: inline-block; margin:0;
}
.list_top .btn_tab_menu, .list_top .order { display:inline-block; padding:0; vertical-align:middle; }

.list_top .order .dropdown-menu {
    padding: 5px 0 10px;
}
.list_top .order .dropdown-menu > li > a {
    padding: 3px 15px;
    margin:0;
}
.list_top .order .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 11px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.list_top .order .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 12px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.list_top .btn_tab_menu li { margin:0; }

.btn_tab_menu li.btn { padding:0; }
.btn_tab_menu li.btn a { display: block; padding: 6px 12px; color:#111; }
.btn_tab_menu li.btn a:hover { text-decoration:none; }

.list_top .order {
    display:block;
    margin:0 0 0 10px;
}


.model_list_menu {
	list-style:none;
	padding:0px;
	margin:0 0 10px 0;
}
.model_list_menu li { display:inline-block; padding:0 5px; }

.model_list_menu li label { display:inline-block; margin:0 5px 5px 0; }
.model_list_menu li select { display:inline; width:100px; }






.map_wrap { background:#ddd; position:relative; }
form .map_wrap { margin:0 0 15px 0; border:1px solid #ccc; border-radius:5px; overflow:hidden; }

.map_location, .map_leaflet_draw { height:420px; width:100%; background:#eee;}

.user_img_teaser {
	display:inline-block;
	float:left;
	width:95px;
	height:95px;
	margin:0 15px 0 0;
	border-radius:10px;
}

.noticia_img_teaser {
	display:inline-block;
	float:left;
	width:140px;
	height:105px;
	margin:0 15px 5px 0;
}


.link_icon {
	color:#111;
}
.link_icon i {
	width:34px;
	height:34px;
	line-height:34px;
	background:#111;
	color:#fff;
	text-align:center;
	border-radius:50%;
	margin-right:3px;
}



.fitxa_actions, .lateral_actions {
	list-style:none;
	margin:20px 0 0;
	padding:15px 0 0;
	border-top:1px dotted #ddd;
}
.fitxa_actions {
	margin:15px 0 50px;
}

.fitxa_actions.admin {
	border-top:1px dashed #ddd;
	margin:15px 0 15px;
}

.fitxa_actions li, .lateral_actions li {
	display:block;
	margin:0 0 5px 0;
}
.fitxa_actions li a, .lateral_actions li a {
	display:inline-block;
	color:#666;
	font-size:15px;
	line-height:24px;
}
.fitxa_actions li a i {
	display:inline-block;
	width:24px;
	height:24px;
	padding:5px 0 0;
	line-height:14px;
	text-align:center;
	color:#fff;
	background:#666;
	font-size:14px;
	margin:0 3px 0 0;
	border-radius:3px;
}

.fitxa_actions li a:hover, .lateral_actions li a:hover { color:#111; text-decoration:none; }
.fitxa_actions li a:hover i { background:#111; }

.fitxa_actions .observacions { margin:0 0 10px 0; }

.bottom_link .fitxa_actions {
    margin:0;
    padding:0;
    border:0;
}

.lateral_actions {
	padding:0;
	margin:10px 0 0;
}
.lateral_actions li {
	border-bottom:1px dotted #ddd;
	margin:0px;
}

.lateral_actions li a {
	display:block;
	line-height:30px;
	padding:0 0 0 5px;
	font-size:16px;
}

.lateral_actions li a i {
	display:inline-block;
	width:24px;
	margin:0 3px 0 0;
	text-align:center;
	font-size:15px;
}
.lateral_actions li a:hover { background:#eee; }
.lateral_actions li a:hover i { color:#111; }

/* Punts */

#lateral .box_punt, .last_items .box_punt { margin:0px 0px 20px 0px; }

.box_punt {
	display:block;
	text-decoration:none;
	overflow:hidden;
	height:100%;
	position:relative;
	background:#f5f5f5;
	color:#111;
}
a.box_punt:hover { color:#999; }

#punts .box_punt, #itineraris .box_punt { background:#fff; }

.box_punt .box_img { margin:0; }
.box_punt .like_btn i { color:#fff; }

.box_punt:hover { text-decoration:none; }

.box_punt h3, .tab-pane .box_punt h3 {
	margin:0 0 10px 0;
	padding:0;
	border:0;
	font-size:20px;
}
.box_punt h4 {
	margin:5px 0 3px 0;
	font-size:20px;
}
.box_punt h5 { margin:0 0 2px 0; }
.box_punt .inner_content {
	padding:10px 10px 45px;
}
.box_punt .like_btn { display:inline-block; margin:5px 10px 0 0; }

.box_punt .img_wrap { margin:0; }

.box_punt .aux_data {
	position:absolute;
	width:100%;
	left:0px;
	bottom:0px;
	padding:5px 8px;
	color:#fff;
}

.box_punt .aux_data i { font-size:15px; color:#fff; }
.box_punt .aux_data .like_btn { margin-top:0px; }

.box_punt {
	display:block;
	text-decoration:none;
	overflow:hidden;
	height:100%;
	position:relative;
	background:#f5f5f5;
	color:#111;
}
.box_punt .img_wrap { margin:0; }

.box_punt .content_user {
	padding:10px 10px 75px;
}
.box_punt .content_user h5 { font-size:17px; }
.box_punt .content_user .text,
.box_punt .inner_content .text { margin:10px 0 0; }

.box_punt .user_aux {
	position:absolute;
	font-family: 'sourcesans-light';
	width:100%;
	left:0px;
	bottom:0px;
	padding:10px;
	color:#fff;
	margin:0;
	height:60px;
	line-height:20px;
}
.box_punt .user_aux .img_wrap {
	display:inline-block;
	float:left;
	margin:0px 10px 0 0;
	height:40px;
	width:40px;
	min-width:40px;
	border-radius:5px;
	background-color:#eee;
}

.box_punt .user_aux .name { display:block; white-space:nowrap; }

.box_punt .user_aux i { font-size:15px; color:#fff; }
.box_punt .user_aux .like_btn {
	position:absolute;
	bottom:10px;
	right:2px;
}







.box_user {
	display:block;
	text-decoration:none;
	overflow:hidden;
	height:110px;
	position:relative;
	background:#f5f5f5;
	color:#111;
	padding:10px 10px 10px 120px;
	overflow:hidden;
}
.box_user:hover { text-decoration:none; }
.box_user .box_img {
	position:absolute;
	top:0px;
	left:0px;
	width:110px;
	height:110px;
	margin:0;
}
.box_user h4 { margin:0 0 3px 0; white-space: nowrap; }
.box_user .aux_data { margin:0; }
.box_user .aux_data i { font-size:15px; }
.box_user .like_btn { display:inline-block; margin:5px 10px 0 0; }


.follow_btns {
	position:absolute;
	bottom:10px;
	right:25px;
	margin:0;
}
.follow_btns .btn {
	padding: 3px 6px;
}

.last_message {
    margin:0 0 20px;
    border-bottom:1px dotted #ddd;
}
.last_message .date { font-family:'sourcesans-light'; }

.box_message {
    width:100%;
    padding:15px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px;
}
.box_message .date { font-family:'sourcesans-light'; }

form .box_message { padding:0; border:0; }

.message_date { display:block; padding:0 0 5px; }

/*
.box_timeline h4 { margin:0; }
.box_timeline a { color:#111; }
.box_timeline a:hover { color:#999; }
*/

.masonry_wrap { position:relative; }

.user_timeline .masonry_wrap {
    background: url('../img/bg_timeline.png') center top repeat-y;
}

/*
.user_timeline .masonry_wrap::before {
    margin-left: -1px;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    height: calc(100% - 40px);
    width: 2px;
    background: #ddd;
}
*/

.masonry_item.timeline {
    margin:0 0 20px 0;
    position:relative;
}

.box_timeline {
    border:1px solid #ddd;
    border-radius:5px;
    padding:15px;
}
.box_timeline a {
    display:block;
}
.box_timeline img {
    display:block;
    margin-bottom:10px;
}
.box_timeline .info_box {
    display:block;
    margin:10px 0 0;
}
.box_timeline h4 {
    margin-top:0px;
}

.box_timeline .user_info {
    position:relative;
    height:55px;
    padding:2px 0 15px 50px;
    line-height:18px;
}

.box_timeline .user_info .img_wrap {
    position:absolute;
    top:0;
    left:0;
    width:40px;
    min-width:40px;
    height:40px;
    border-radius:5px;
}

.rightCorner {
    position:absolute;
    display: block;
    top:12px;
    right:-3px;

    height:15px;
    width:20px;
    background:url("../img/tl_right.png");
    padding: 0;
    z-index:2;
}

.leftCorner{
    position:absolute;
    display: block;
    top:12px;
    left:-3px;

    height:15px;
    width:20px;
    background:url("../img/tl_left.png");
    padding: 0;
    z-index:2;
}


.box_admin {
	background:#f5f5f5;
	border-top:1px solid #ddd;
}
.box_admin .img_wrap { margin:0; }
.box_admin h4 { margin-top:0px; }
.box_admin .inner_content {
	padding:10px;
	border:1px solid #ddd;
	border-top:0;
	border-bottom:0;
}
.box_admin .item_actions {
	width:100%;
	margin:0;
	padding:10px 0;
	border:1px solid #ddd;
	border-top:1px dotted #ccc;
	text-align:center;
}


.info_punt { color:#111; }
.info_punt:hover { color:#999; text-decoration:none; }
.info_punt h3 { margin:5px 0; }
.info_punt h4 { margin:0; }
.info_punt .aux_data {
	padding:0;
	color:#333;
}
.info_punt .aux_data i { font-size:15px; color:#333; }

.info_punt .like_btn { display:inline-block; margin:0px 10px 0 0; }

.info_content .categories_list li .icon_cat {
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 34px;
	border-radius: 5px;
}
.icon_cat.open_modal { cursor: pointer; }
.info_content .categories_list li .icon_cat img {
	width:28px;
	height:28px;
}

.itineraris_list i { font-size:15px; }



#lateral .box_user {
	background:transparent;
	overflow:visible;
	padding:5px 10px 0px 120px;
	height:auto;
	min-height:110px;
}
#lateral .box_user h4 { white-space:normal; }
#lateral .box_user .box_img { border-radius:5px; }

/*.items_list .box_punt, .ias_wrap .box_punt, .masonry .box_punt { margin-top:30px; }*/




.box_noticia .inner_content {
	background:#f7f5f5;
	padding:10px 15px 20px;
}
.box_noticia span.date { font-size:15px; color:#999; }



.box_relat {
	box-shadow:0px 0px 4px #eee;
	padding:15px;
}


.tit_sub {
	margin:20px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #ddd;
}
.tit_sub a { float:right; color:#999; }

.map_punt, .map_itinerari, .map_capa {
    position:absolute;
    top:0;
    left:0;
    height:100%;
	width:100%;
	background:#eee;
}

.map_modal, #map_section.modal_map {
	height:100%;
	width:100%;
}

.modal_map .map_info {
    top: 0px;
    height:100%;
}

.box_img .link_gal, .box_img .open_gal, .box_img_noticia .open_gal, .map_wrap .link_map  {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}



.open_gal i, .link_gal i, .link_map i {
	position:absolute;
	left:15px;
}
.open_gal i.top, .link_gal i.top, .link_map i.top {
	top:15px;
}
.open_gal i.bottom, .link_gal i.bottom, .link_map i.bottom {
	bottom:15px;
}

.map_wrap .link_find {
	position:absolute;
	top:10px;
	right:10px;
	z-index:1000;
	cursor:pointer;
}


i.icon_40 {
	display:inline-block;
	height:40px;
	padding:2px 0 0;
	width:40px;
	background:#ccc;
	border-radius:5px;
	color:#fff;
	font-size:20px;
	line-height:38px;
	text-align:center;
}
a i.icon_40 { background:#111; }





.like_btn_fitxa {
	display:inline-block;
	font-size:28px;
	color:#666;
}
a.like_btn_fitxa:hover { color:#999; text-decoration:none; }
a.like_btn_fitxa:hover i { color:#999; }

.share_btns {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
.share_btns.left { float:left; }
.share_btns li { display:inline-block; margin:0 0 0 7px; }
.share_btns li:first-of-type { margin:0; }
.share_btns a { display:block; color:#fff; background:#111; padding:7px 5px; border-radius:5px; width:34px; height:34px; text-align:center; font-size:20px; line-height:20px; }

.share_btns a.facebook { background:#3B5998; }
.share_btns a.twitter { background:#4099FF; }
.share_btns a.gplus { background:#D34836; }
.share_btns a.mail { background:#666; }

.share_btns a:hover { text-decoration:none; background:#111; }

.info {
	display:block;
	font-weight:bold;
	margin:0 0 0 0;
	font-size:18px;
	white-space:nowrap;
    overflow:hidden;
}
.info.margin_bottom { margin-bottom:10px; }
.info.multiline { white-space:normal; }
.info a { color:#777; }
.info a:hover { color:#999; }


.info .fa { font-size:16px; }

.categories_list {
	list-style:none;
	margin:20px 0 10px;
	padding:0;
}
.categories_list li { display:inline-block; margin:10px 10px 0 0; }
.categories_list li .icon_cat {
	display:inline-block;
	width:44px;
	height:44px;
	text-align:center;
	line-height:40px;
	border-radius:5px;
}
.categories_list li .icon_cat_modal {
	display:inline-block;
	width:auto;
	height:40px;
	text-align:center;
	line-height:40px;
}

.icons_box .categories_list {
	margin:0;
}
.icons_box .categories_list li { display:inline-block; margin:0px 8px 0 0; }
.icons_box .categories_list li span {
    display:inline-block;
    margin:0;
    font-size:18px;
}
.icons_box .categories_list li .icon_cat {
	display:inline-block;
	width:34px;
	height:34px;
	text-align:center;
	line-height:30px;
	border-radius:5px;
    vertical-align:top;
}
.icons_box .categories_list li .icon_cat img { width:26px; height:26px; }

.icons_box .categories_list li .icon_cat.cat_plus {
    background:#999;
    color:#fff;
    letter-spacing:1px;
    line-height:34px;
    width: auto;
    min-width: 34px;
    padding: 0px 7px;
    font-family:'sourcesans-light';
}


.description { padding:20px 0 10px;}
.description a { color:#428bca; text-decoration:underline; }
.description a:hover { color:#2a6496; }

.select2-results i.fbm {
	height:30px; overflow:hidden; font-size:30px; margin:-5px 5px -3px 0;
}

.select2-choices i.fbm {
	line-height:18px; font-size:22px;
	vertical-align:top;
}

/* Itineraris */

#punts, #itineraris { margin:30px 0 0; padding:0 0 20px 0; background:#f4f4f4; min-height:200px; }

#owl-demo .item {
	display: block;
	margin: 0px 15px;
}
#owl-demo .owl-stage-outer { overflow:visible; }
#owl-demo .item .box_punt { margin:0 auto; }

.add_content {
	display:block;
	padding:5px;
	border:1px dotted #ccc;
	font-size:18px;
	text-align:center;
	margin-bottom:20px;
	color:#666;
	border-left:0;
	border-right:0;
}
.add_content:hover {
	background:#eee;
	color:#111;
	text-decoration:none;
}



.last_items {
    margin-top:20px;
}
.last_items h3 {
    margin:0 0 10px;
}

.last_pagination {
	position:absolute;
	top:3px;
	right:15px;
}
#lateral .last_pagination {
	right:0px;
}
.last_pagination a {
	display:inline-block;
	line-height:22px;
	font-size:20px;
	color:#666;
	text-align:center;
	padding:0 8px;
}
.last_pagination a:first-child {
	border-right:1px dotted #ccc;
}
.last_pagination a:hover { background:#eee; }

.last_pagination a.disabled { color:#ccc; background:transparent; }


.boto_denuncia {
	margin:0px;
	border-top:1px dotted #ccc;
	padding:10px 0 0;
	text-align:center;
	font-size:14px;
}
.boto_denuncia a { color:#666; }
.boto_denuncia a:hover { color:#111; text-decoration:none; }

/* Activitats */



.box_activitat {
	position:relative;
	display:block;
	color:#111;
	text-decoration:none;
	overflow:hidden;
	padding:0 0 0 125px;
}

.box_activitat:hover { text-decoration:none; }
.box_activitat h3 {
	margin:0 0 10px 0;
	padding:0;
	border:0;
}
.box_activitat h5 {
	margin:5px 0 0 0;
}

.box_date {
	display:inline-block;
	float:left;
	margin:0 0px 0 -125px;
	width:110px;
	text-align:center;
	padding:10px;
	font-size:40px;
	line-height:30px;
	color:#fff;
	font-family: 'sourcesans-extralight';
	background:#999;
	border-radius:5px;
}
.box_date .year {
	font-size:20px;
	line-height:20px;
}

/* Perfil */

.left_menu {
	margin:20px 0 40px;
}
.left_menu .box_img { border-radius:5px; margin:0 0 5px 0; }

.perfil_menu {
	list-style:none;
	margin:10px 0 0;
	padding:0;
	border-top:1px solid #ccc;
}
.perfil_menu li {
	display:block;
	border-bottom:1px solid #ccc;
	margin:0;
}

.perfil_menu li a {
	display:block;
	padding:10px 10px;
	color:#111;
}
.perfil_menu li a:hover { text-decoration:none; background:#eee; }


.tab-pane h3 {
	margin:0px;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
	margin:0 0 15px 0;
}

.form_mapar {
	margin:20px 0 0;
	padding:0 10px 0 0;
}

form { margin:10px 0 0; }

form .categories {
	display:block;
	line-height:24px;
	margin:0 0 10px 0;
	vertical-align:bottom;
}
form .categories img { height:24px; }
/**/

.panels { padding:10px 90px 0 0; border-bottom:1px solid #ccc; }
.panels a { margin:0 10px 10px 0;}


.itineraris_list {
	margin:10px 0 0;
	padding:5px 0 0;
	border-top:1px dotted #999;
}
.itineraris_list h5 { margin:5px 0 0; }
.itineraris_list a { color:#111; }
.itineraris_list a:hover { color:#999; text-decoration:none; }


.nav li { margin-top:0; }

/**/

.cluster{
	display:inline-block;
  	color: #fff;
  	text-align:center;
  	font-size:12px;
  	font-weight:bold;
  	z-index:1000;
}
.cluster-1{
	background:url('../img/markers/cluster_1.png') center center no-repeat;
    line-height:59px;
  	width: 60px;
  	height: 60px;
}
.cluster-2{
    background:url('../img/markers/cluster_2.png') center center no-repeat;
    line-height:69px;
  	width:70px;
  	height:70px;
}
.cluster-3{
	background:url('../img/markers/cluster_3.png') center center no-repeat;
	line-height:79px;
	width: 80px;
	height: 80px;
}


.modal_icon .icon_cat {
	display:block;
	margin:5px 0;
	width:144px;
	height:144px;
	line-height:144px;
	text-align:center;
	border-radius:10px;
}
.modal_icon .icon_cat i { font-size:120px; }

.modal_icon h2 { margin:0 0 5px; }

.modal_map_wrap {
	height:100%;
	width:100%;
	background:#eee;
	overflow:visible;
}

/* Valors */


.punt_img {
	width:150px;
	height:150px;
	background:#ddd;
	border-radius:10px;
	border:2px solid #eee;
	overflow:hidden;
}
.user_img {
	width:100px;
	height:100px;
	background:#ddd;
	border-radius:50%;
	border:2px solid #eee;
	overflow:hidden;
}



.bottom_link {
	display:inline-block;
	margin:10px 10px 0 0;
	color:#111;
}


h1.edit_title {
	position:relative;
}

h1.edit_title .created_by {
    font-size:16px;
    line-height:20px;
    margin:3px 0 0;
}

h1.edit_title small a { display:inline-block; line-height:26px; }

.preview_model {
	display:block;
	position:absolute;
	bottom:-50px;
	right:10px;
	font-size:16px;
	font-family: 'sourcesans-light';
}


.drag_item, .drag_item .list_item { cursor: move; }


#menu_index {
    position:relative;
    width:100%;
    margin-top:-50px;
    text-align:right;
    min-height:50px;
}
#menu_index .btn-group, #menu_index .dropdown { display:inline-block; margin:0 0 0 10px; vertical-align:middle; }

#menu_index .tab-content {
    text-align:left;
    padding:16px 0 0;
}

ul.btn-group { padding:0; }
ul.btn-group li { margin: 0; }


#model-actions {
    position:absolute;
    min-height:50px;
    bottom:5px;
    right:0px;
}
#model-actions .dropdown { display:inline-block; }


/* Dropdown */

.dropdown-menu.arrow_top:before {
    position: absolute;
    top: -7px;
    left: 11px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.dropdown-menu.arrow_top.arrow_right:before { left:inherit; right:11px; }

.dropdown-menu.arrow_top:after {
    position: absolute;
    top: -6px;
    left: 12px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
.dropdown-menu.arrow_top.arrow_right:after { left:inherit; right:12px; }

.dropdown-menu.arrow_bottom:before {
    position: absolute;
    bottom: -7px;
    left: 11px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.dropdown-menu.arrow_bottom.arrow_right:before { left:inherit; right:11px; }

.dropdown-menu.arrow_bottom:after {
    position: absolute;
    bottom: -6px;
    left: 12px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
.dropdown-menu.arrow_bottom.arrow_right:after { left:inherit; right:12px; }


/* ------------------------------------------ */
/* -------------- Perfil ----------------- */
/* ------------------------------------------ */


/*
#profile {
	margin-top:30px;
}
.multiple_action_wrap { margin:-10px 0 10px; padding:10px 0; border-bottom:1px solid #ccc; }
.multiple_action_wrap select { width:200px; margin:0 5px; }

ul, ol {
  margin:0 0 10px 0px;
  padding:0;
}
ol ol {
  margin:0 0 0 25px;
}

.list_item {
	background:#fff;
	padding:6px 10px 4px;
	border:1px solid #ccc;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	min-height:20px;
	margin-top:-1px;
	margin-bottom:-1px;
	overflow:hidden;
	position:relative;
}
*/
.list_item input[type="checkbox"] {
	margin:0 8px 2px 0;
}

/* Role Menu */

.avatar {
	width:200px;
	height:200px;
	background:#ccc;
}


/* Action Menu */

ul.action_menu {
	list-style:none;
	margin:10px 0 20px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
ul.action_menu li {
	display:inline-block;
}
ul.action_menu li a {
	display:block;
	line-height:20px;
	padding:7px 10px;
	margin:0 10px 10px 0;
	border-radius:5px;
	background:#eee;
}
ul.action_menu li a:hover {
	background:#eee;
}



label .error { font-size:12px; color:#900; }
label small { font-weight:normal; }

textarea.text-input, textarea.text-input-simple, textarea.text-input-small {
	height:311px;
}
textarea.text-short { height:120px; resize:none; }

/* Panells Images */

#drop, .loading {
    background-color:#fff;
    text-align: center;
    padding:40px 0;
    margin:5px 0;

    font-weight:bold;
    color:#7f858a;

    border:1px dashed #ccc;
    border-radius:10px;
}
.loading {
    padding:37px 0;
}

#drop input {
    display:none;
}


/* Pagination */

.pagination_wrap { margin:15px 0 0; }
.pagination { margin:0; list-style:none; }
.pagination .current { background:#deeffa; }
.pagination .current span { display:block; }
.pagination .disabled {  }



.modal {
	overflow-y:auto;
}
.modal-footer { margin:0; }

.bottom_link {
	border-top:1px dotted #ccc;
	padding:15px;
	width:100%;
}
.bottom_link a {
	color:#666;
}
.bottom_link a i {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding: 2px 0 0;
	line-height: 22px;
	text-align: center;
	color: #fff;
	background: #666;
	font-size: 14px;
	margin: 0 3px 0 0;
	border-radius: 3px;
}
.bottom_link a:hover { text-decoration:none; color:#111; }
.bottom_link a:hover i { background:#111; }

.modal-header { padding:15px 15px 10px; }
.modal-header h2 { margin:0px; white-space: nowrap; overflow:hidden; padding:5px 0; line-height:30px;  }
.modal-header h2.multiline { white-space:normal; }

.modal-header .close { padding: 0 0 0 5px; background: #fff; margin-top:-4px; }

.modal-content form { margin:0; }



.drop, .loading {
    background-color:#fff;
    text-align: center;
    padding:40px 0;
    margin:10px 0;

	font-family: 'sourcesans-regular';
    font-size:18px;
    color:#7f858a;

    border:1px dashed #ccc;
    border-radius:5px;
}
.loading {
    padding:37px 0;
}

.drop input {
    display:none;
}

.map_capes {
    position:absolute;
    right:0;
    top:0;
    z-index:100;
    background:#fff;
    margin:10px;
    padding:0;
    width:240px;
    z-index: 50;

    font-size: 14px;
    border-radius: 2px;

    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}
.map_capes > a {
    display:block;
    color:#111;
    padding:8px;
    height:36px;
}
.map_capes > a span {
    display:inline-block;
    line-height:20px;
}

.map_capes .dropdown-menu {
    width: 240px;
    padding:0;
    margin:-2px 0 0;
    font-size: 14px;
    border:0;
    border-radius: 2px;
    overflow:hidden;

    box-shadow:none;
}
.map_capes .dropdown-menu li {
    margin:0;
    padding:0px;
    position:relative;
    border-top:1px solid #ddd;
}
.map_capes .dropdown-menu li a {
    margin:0;
    padding:0px 8px;
    height:30px;
    line-height:30px;
}
.map_capes .dropdown-menu li a.active { background:#ddd; }


.map_capes .dropdown-menu li .botons {
    position:absolute;
    right:5px;
    top:7px;
    height:16px;
    line-height:16px;
    z-index:10;
}
.map_capes .dropdown-menu li .botons a {
    display:inline-block;
    color:#ccc;
    line-height:16px;
    height:16px;
    vertical-align:top;
}
.map_capes .dropdown-menu li .botons a + a { border-left:1px solid #ccc; }

.map_capes .dropdown-menu li .botons a:hover {
    color:#f00;
}
.map_capes .dropdown-menu li:hover .botons a {
    color:#111;
}

.mfp-container { padding:0; }
.mpf_map_modal .mfp-content {
	width:100%;
	height:100%;
	/*
	max-width:1200px;
	max-height:800px;
	*/
	overflow:hidden;
}

.mpf_map_modal .map_info_wrap {
margin: 15px 0 0 53px;
}

i.mfp-close {
	display:block;
	right:auto;
	left:15px;
	top:15px;
	background:rgba(255,255,255,.85);
	opacity:1;
	padding:0;
	color:#ddd;
	cursor:pointer;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:5px;
}
.mfp-close-btn-in .mfp-close {
	color: #111;
}
i.mfp-close:active {
    top:15px;
}
i.mfp-close:hover {
	color:#111;
	background:#fff;
}


/* ------------------------------------------ */
/* -------------- Plug-in's ----------------- */
/* ------------------------------------------ */

.table { border-bottom:1px solid #ddd; margin-bottom:20px; }


.labels {
	display:block;
	font-size: 28px;
	text-align: center;
	width: 38px;
	height: 38px;
	line-height:38px;
	white-space: nowrap;
    overflow: hidden;
}


.label_districte, .label_districte_hover {
	display:block;
	font-size: 20px;
	text-align: center;
	width: 120px;
	height: 120px;
    overflow: hidden;
    padding:20px 10px;
    border:2px solid #fff;
    background:rgba(255,0,0,.8);
    line-height:18px;
}
.label_districte .num {
}
.label_districte_hover {
	background:#fff;
	color:#111;
}


.fc-sat, .fc-sun { background:#E7F6FD; }
.fc-state-highlight { background: #fcf8e3; }

.fc-past { background:#f9f9f9; }
.fc-past.fc-sat, .fc-past.fc-sun { background:#DEECF3; }

.fc-event { color: #111; }
.fc-event:hover { color: #fff; }
.fc-event-inner { cursor:pointer; }

.ui-widget { font-family:'sourcesans-light'; }

/* Bootstrap */

input[type="text"].form-control, textarea.form-control { padding:3px 7px; font-size:16px; }

.input-group.btn-both input { border-left:0; border-right:0; }
.input-group.btn-both .input-group-addon:first-child { border-right:1px solid #cccccc; }
input.form-control, textarea.form-control { box-shadow:none; }
.input-group .form-control, .input-group input { box-shadow:none; }

 .popover-content {
padding: 4px 14px;
}
.popover { max-width:none; width:800px; }
.modal-body .popover { width:660px; }
.modal-body textarea { height:200px; }
.popover-content form { margin-bottom:5px; }

.modal-body.form { padding:15px 15px 0px 15px; }

.modal-footer { margin-top:0px; text-align:left; }

.form-group .cke_chrome {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}

.form-control[readonly], .form-control[disabled] { background-color: #eee; }
.form-control.inline { width:auto; }
.readonly { background-color: #eee; }
.readonly .select2-choices { background-color: #eee; }
.select2-container-multi.select2-container-disabled .select2-choices { border: 1px solid #ccc; cursor: not-allowed; }

#idiomes { border-bottom:1px dotted #ccc; padding:0 0 10px; margin:0 0 10px; }
a.toggle_fields.active, a.toggle_fields.active:hover { color: #ffffff; background-color: #428bca; }

.checkbox { }
.checkbox label { font-weight:bold; }
.checkbox input[type="checkbox"] { margin-left:0; }

.radiofield { margin:0; }
input[type="radio"] { display:block; float:left; margin:2px 0 0 0; cursor:pointer; }
.radiofield > span { display:inline-block; padding:0 20px 0 0; }
.radiofield span label { display:inline-block; padding:0 0 0 7px; cursor:pointer; }

.radio-content.not-loaded {
	min-height:44px;
	background:url('../img/loading_small.gif') 15px top no-repeat;
}

.input-lg {
	border-radius: 6px;
	font-family: 'sourcesans-regular';
}
input[type="text"].input-lg {
	font-size:18px;
	line-height:45px;
	padding:0 0 0 10px;
}
.form_list .form-group { margin:0 0 5px 0; }
.form_list .input-group { margin:10px 0; }
.form_list input { margin:0; }
.form_list label { margin-bottom:2px; }

.form_list .checkbox { margin:0 0 5px 0; }
.form_list .checkbox input {
    margin: 4px 0 0;
}
.form_list .checkbox label { margin:0; }

.form_list .input-group-btn input { margin:0; }

.form_list .botons {
    vertical-align:top;
    margin-bottom:20px;
    text-align:right;
}

.btn + .btn { margin-left:10px; }
.panels .btn + .btn { margin-left:0px; }
.form_list .botons input { margin-bottom:0; }

.form_list .botons .btn { margin:0 0 10px 0; }
.form_list .botons .btn + .btn { margin-left:10px; }

.input-group input {
	background-color:#f8f8f8;
	border-radius:6px;
}
.input-group .form-control:first-child { border-radius:6px; }

.input-group input:focus {
	background-color:#fff;
	outline:none;
	border-color:#ccc;
	box-shadow:none;
}

.form-group { }


input + .input-group-btn,
select + .input-group-btn { padding:0 0 0 10px; }

.input-group-btn > .btn {
	border-radius:0px;
}
.input-group-btn > .btn + .btn {
	margin-left: -1px;
}
.input-group-btn > .btn:first-child {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}
.input-group-btn > .btn:last-child {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}

label.toggle_next { margin:0; }
.xarxes_form {
	display:none;
}
.xarxes_form .input-group {
	margin:10px 0 0;
}
.xarxes_form .input-group input { background:#fff; }


.input_text {
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
}


/* Simplecolorpicker */

.colorpicker_wrap { margin-top:9px; }
.simplecolorpicker.inline { padding:0; }
.simplecolorpicker span.color { margin: 0 5px 0 0; width:20px; border:1px solid #111; height:22px; padding:0 0 2px 0; line-height:20px; vertical-align:top; }

.simplecolorpicker.fontawesome span.color[data-selected]:after {
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;

  content: '\f00c'; /* Ok/check mark */

  margin-right: 1px;
  margin-left: 1px;
}

/* Select2 */

select[multiple].select2-multiple { height:34px; overflow:hidden; }
.select2-container {
    display: block;
	min-height: 34px;
	padding: 0;
	margin:0;
	border:0;
	box-shadow:none;
	overflow:visible;
	height:auto;
}
.select2-container .select2-choice { min-height:34px; line-height:34px; border-color:#ccc; }
.select2-container .select2-choice abbr { top:10px; }
.select2-container .select2-choice .select2-arrow { border-color:#ccc; }
.select2-container .select2-choice .select2-arrow b { background-position: 0 4px; }
.select2-container-multi .select2-choices {
    min-height: 34px;
	border-radius: 4px;
	border: 1px solid #cccccc;
	padding: 0 4px 0 0;
	background-image:none;
}
.select2-container-multi .select2-choices .select2-search-choice { line-height: 18px; background:#eee; }
.select2-container-multi .select2-choices .select2-search-field input { font-size:14px; font-family: 'sourcesans-light'; }
.select2-search-choice-close { top:6px; }
.select2-drop { margin-top:-3px; }
.select2-drop.select2-drop-above { margin-top:3px; }
.select2-drop-active {
	border: 1px solid #ccc;
	border-top: none;
}
.select2-container-active .select2-choice, .select2-container-active .select2-choices {
	border: 1px solid #ccc;
	outline: none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.select2-container-multi .select2-choices .select2-search-field input { max-width:200px; }

.select2-search-choice img { vertical-align:bottom; }

.input-group-lg .select2-container.form-control {
	padding:0;
}

.input-group-lg .select2-container.form-control .select2-choice {
	min-height: 46px;
	line-height: 46px;
	border-color: #ccc;
}
.input-group-lg .select2-container .select2-choice .select2-arrow b {
	background-position: 0 9px;
}


/* Toast */

#toast-container > div { opacity:1; }


/* Qtip */

.qtip-bcn_map {
	border:1px solid #fff;
	padding:5px 10px;
	margin:10px 10px 0;
	max-width:300px;
	font-size:14px;
	line-height:18px;
	background:#fff;
	color:#999;
}

.qtip-bcn_map_cal {
	border:1px solid #fff;
	padding:5px;
	width:300px;
	max-width:300px;
	font-size:16px;
	line-height:18px;
	background:#fff;
	color:#999;
}

.qtip-bcn_map h4 { font-size:20px; }
.qtip-bcn_map img { display:block; margin:0 6px 0 0; float:left;  }

.qtip-bcn_map .categories_list { margin:0; }
.qtip-bcn_map .categories_list li { margin:6px 6px 0 0; }
.qtip-bcn_map .categories_list li.icon_cat {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:3px;
	z-index:100;
}
.qtip-bcn_map .categories_list li.icon_cat i { font-size:30px; }


.qtip-content {
	display:block;
	padding:3px 5px;
	z-index:20;
}
.qtip-content a { display:block; color:#111; }
.qtip-content a:hover { color:#999; text-decoration:none; }

.qtip-content h4 { margin:0 0 0px 0;  font-size:20px; }
.qtip-content h3 { margin:0 0 0px 0;  font-size:20px; }

.qtip-content .link_fitxa {
	margin:0px;
	padding:0px;
	font-size:14px;
}

.qtip-shadow {
	-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.15);
}


/*
* 	Slick
*/

.slick-dots {
	display: block;
    position: relative;
    width: 100%;
    height:10px;
    padding:0;
    margin:15px 0 0;
    list-style:none;
    text-align:center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 24px;
    height:10px;
    margin:0;
    padding:0 7px;
    cursor:pointer;
}

.slick-dots li button {
    display:block;
	text-indent:-8000px;
    width:10px;
    height:10px;
    border:0;
    padding:0;
    border-radius:50%;
    outline: none;
    background:#999;
}
.slick-dots li button:hover {
    background:#ddd;
}
.slick-dots li.slick-active button
{
    background:#111;
}

/*
*	Full Calendar
*/

.fc-basic-view tbody .fc-row {
min-height: 50px;
}


.dragandrophandler {
	border:1px dashed #ccc;
	border-radius:10px;
	padding:40px 0 40px;
	width:100%;
	text-align:center;
	line-height:25px;
	margin:0 0 15px 0;
	font-size:16px;
	font-weight:bold;
	background:#fff;
}

.statusbar {
    height:25px;
    width:100%;
}

.progressBar {
    width: 200px;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    display:inline-block;
    vertical-align:top;
}

.progressBar div {
    height: 100%;
    color: #fff;
    text-align:center;
    line-height: 25px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0ba1b5;
    border-radius: 3px;
}

.filename {
	display:inline-block;
	width:250px;
    vertical-align:top;
}
.filesize {
	display:inline-block;
	color:#30693D;
	width:100px;
	margin-left:10px;
	margin-right:5px;
    vertical-align:top;
}
.abort{
    background-color:#A8352F;
    border-radius:4px;
    display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    cursor:pointer;
    vertical-align:top;
}

a{
    color: #4C73B0;
}

#menu > ul > li > a{
    color: #111;
}


/* -------------------------------------------------------------------------------------- */
/* -------------- Default wide-screen styles - MEDIA QUERIES ----------------- */
/* -------------------------------------------------------------------------------------- */

/* Media Queries */

@media (min-width: 1200px) { }

@media (max-width: 1199px) {

    .main_teaser {
        width:33.3333%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .popover { width:600px; }

    #gal_inici_top .item .slide_img { width:580px; }

    #bs_banner_content .link_bs_logo { height:125px; }
    #bs_banner_content ul li {
        font-size:25px;
        line-height:26px;
    }
}

@media (min-width: 992px) { }

@media (max-width: 991px) {

    .form_mapar { padding:0; }

    .main_teaser { width:50%; }

    #cookies br { display:none; }

    #map_section { height: 570px; }


    footer #bcn_banner {
    	padding:25px 30px 15px;
    }

    footer #bcn_sostenible .link_bs {
	    display:block;
	    width:100%;
    }

    footer #bcn_sostenible .links:first-of-type {
    	margin:4px 0 0 0;
    }

	#intro_text .text {
		padding:0 20px;
		font-size:20px;
	}
	#map_intro .botons a {
		font-size:18px;
	}
	#map_intro .botons { width:200px; }

    footer .bcn_sostenible_2017 .box {
        width:33.33%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .popover { width:480px; }

    .trama_logo { width:40%; }

    #main-menu li a {
        padding: 10px 8px;
    }

    .user_actions { right:8px; }
    .user_actions > li + li:before {
	  padding: 0 5px;
	  color: #cccccc;
	  content: "|";
	}

    #bs_banner_content .link_bs_logo { height:100px; }
    #bs_banner_content ul { margin-left:30px; }
    #bs_banner_content ul li {
        font-size:21px;
        line-height:22px;
    }
}

@media (min-width: 768px) {

    .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    /*
    footer #bcn_sostenible .links br {
    	display:none;
    }
    */
}

@media (max-width: 767px) {

    #cookies { padding:12px 0px; }

    .popover { width:480px; }

    #map_section { height: 550px; }

    header .galeria { height:200px; }

    .logo { height:200px; }

    a.logo_header {
        display: block;
        margin: 21px 0;
        height: 120px;
        width: 325px;
    }

    .trama_logo { height:162px; }

    #gal_inici_top { background:#282828; height:auto; min-height:320px; }
    #gal_inici_top .item  { height:auto; min-height:320px;  }
    #gal_inici_top .item .slide_img { position:relative; width:100%; height:240px; }

    #gal_inici_top .item .caption { position:relative; width:100%; height:auto; padding:20px 20px 60px 20px; z-index:10; }
    #gal_inici_top .item .caption a { left:20px; bottom:20px; }

    #gal_inici_top .slick-prev, #gal_inici_top .slick-next { top:100px; margin-top:0px; }

    #conceptes a { padding:20px 5px; }

    #menu { background:#f4f4f4; }
    .menu-toggle { display:block; }

    #main-menu { display:block; }
    #main-menu li { display:block; border-left:none; border-top:1px solid #f4f4f4;}
    #main-menu li a { display:block; padding:8px 15px; }

    #bs_banner_content { text-align:center; }
    #bs_banner_content .link_bs {
        display: inline-block;
        width: 100%;
        max-width: 450px;
        margin:0;
    }
    #bs_banner_content .link_bs_logo {
        padding-top: 30%;
        height:0;
    }
    #bs_banner_content ul {
        display:inline-block;
        margin:10px 0 0;
        text-align:left;
    }

    /*
    footer #bcn_sostenible .links {
    	margin:4px 0 0 0;
    	width:100%;
    	text-align:center;
    }
    footer #bcn_sostenible .links a {
    	display:inline-block;
    }
    */

	.box_img_noticia { height:180px; }

	.qtip-bcn_map {
		padding:5px 0 0;
		width:65%;
		max-width:300px;
	}

	.qtip-bcn_map_cal {
		padding:5px;
		width:65%;
	}
}

@media (max-width: 600px) {

    .popover { width:300px; }

    header .galeria { height:180px; }

    a.logo_header {
        display: block;
        margin: 21px 0;
        height: 100px;
        width: 280px;
    }

    .trama_logo { display:none; }

    .scrollToTop {
        right:20px;
        top:20px;
        width:40px;
        height:40px;
        line-height:40px;
        font-size:22px;
    }

    #conceptes i { margin:0; }
    #conceptes a { display:block; width:100%; }
    #conceptes a + a { padding-top:10px; }
    #conceptes a.active { text-decoration:none; color:#111; }
    #conceptes a.active i { text-decoration:none; color:#282828; }

    #conceptes .lava { display:none; }

    .main_teaser {
        width:100%;
    }

    h1.w_buttons {
        padding:10px 0 60px 0;
    }
    .prevnext_btns {
        padding:10px 0;
        bottom:auto;
        bottom:0;
    }


    #intro_text { height:auto; width:100%; padding:30px 0 20px; }
    #map_intro .col-xs-7, #map_intro .col-xs-5 { width:100%; }
    #map_intro .botons_wrap { height:auto; background: rgba(1,1,1,.8); padding:0 0 30px; }
    #map_intro .botons { width:100%; max-width:400px; padding:0 30px; }


    .map_capes { width:60px; }
    .map_capes span.text { display:none; }

    footer .bcn_sostenible_2017 .box {
        width:50%;
    }
}

@media (max-width: 480px) {

    .bcn_sostenible {  width:170px; }

    #bs_banner_content ul li {
        font-size:21px;
        line-height:22px;
    }

    .col-xs-6 { width:100%; }

    #bcn_sostenible .bs_box {
        margin:0;
        border:0;
        border-radius:0;
        height:auto;
        padding:15px;
    }

    #map_section .map_lateral {
        width:calc(100% - 50px);
    }

    #map_section.closed .map_lateral { left:calc(50px - 100%); }

    .last_img_box { width: 50%; }

        footer .bcn_sostenible_2017 .box {
            width:100%;
        }
}

#footer-menu  a{
    color: #fff !important;
}


    .onlyPrint{
        display:none;
        height: 0px;
    }

    .box a.color_1{
        border: 9px solid #0cb7bb;
        background-color: white;
        color:#0cb7bb;
    }

    .box a.color_2 {
        border: 9px solid #608b78;
        background-color: white;
        color: #608b78;
    }

    .box a.color_3 {
        border: 9px solid #d4a155;
        background-color: white;
        color: #d4a155;
    }

    .box a.color_4 {
        border: 9px solid #9258b8;
        background-color: white;
        color: #9258b8;
    }

    .box a.color_5 {
        border: 9px solid rgb(41, 100, 59);
        background-color: white;
        color: rgb(41, 100, 59);
        
    }