/* Font styles. */

body{
	width: 1px;
	min-width: 100%;
	*width: 100%;
}

.node-type-pagina-home #header{
	margin-bottom: 0;
}

.node-type-pagina-home #row1{
	margin-top: 15px;
	margin-bottom: 50px;
}


.paragraphs-item-bloc-vista {
    margin-bottom: 60px;
}

.paragraphs-item-bloc-vista.row,.paragraphs-item-bloc-vista .row  {
    margin-left: -15px;
    margin-right: -15px;
}

.paragraphs-item-bloc-vista img{
	width: 100%;
}

.verd {
	background: #f2f2f2;
	padding: 20px 0;
}


.paragraphs-item-bloc-vista li {
 	display: inherit;
 }

.paragraphs-item-bloc-vista .field-items .field-item {
    margin-bottom: 0!important;
}
.field-name-field-imatge-projectes .field-item {
    max-height: 200px;
}




.slick-initialized .slick-slide,
.node-type-e-pestanyes .slick-initialized .slick-slide {
    display: block;
    margin: 5px;
}

.slick-initialized .slick-slide img,
.node-type-e-pestanyes .slick-initialized .slick-slide img{
    width: 100%;
}




.view-ambits-tematics .group-ambit {
	background: white;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
}
.view-ambits-tematics .div-titol{
    display: block;
    padding: 15px;
    font-size: 22px;
    text-align: center;
    color: black;
    font-weight: 600;
}

.view-ambits-tematics .field-name-field-icona{
    position: absolute;
    color: #008800;
}

.view-ambits-tematics .div-enllacos{
	min-height: 120px;
	padding: 14px;
	padding-bottom: 0;
}

.view-ambits-tematics .div-enllacos a {
	font-size: 16px;
	margin-bottom: 7px;
	display: inline-block;
	width: 95%;
	padding-left: 5px;
	vertical-align: text-top;
}



.field-name-field-titol-paragraf , .parag-preguntes h2{
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
}

.div-enllacos .field-item:before {
    content: ">";
    display: inline-block;
}

.div-enllacos .field-item {
    display: inline-block;
    width: 49%;
}



.parag-preguntes {
    margin-bottom: 80px;
}

.parag-preguntes .field-collection-container {
	border: none!important;
	margin-bottom: 0;
}




.parag-preguntes .field-collection-view {
	padding: 0;
	margin: 0;
    border: none;
}

.parag-preguntes .entity .field-collection-view {
    border-bottom: 1px solid #efefef;
}


.pregunta {
    height: 45px;
    background: #008800;
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
    position: relative;
}

.pregunta .field-name-field-icona-ajuntament, .pregunta .field-name-field-icona-ajuntament-2 {
    position: absolute;
    left: 15px;
}

.resposta {
    margin-bottom: 20px;
}
.field-collection-item-field-desplegables .field-name-field-titol-mostrar,
.field-collection-item-field-desplegables .field-name-field-titol-mostrar-2 {
	height: 45px;
	color:#666;
	font-size: 14px;
    padding-left: 15px;
    line-height: 45px;
	position: relative;
    cursor: pointer;
}

.field-collection-item-field-desplegables .field-name-field-titol-mostrar:after,
.field-collection-item-field-desplegables .field-name-field-titol-mostrar-2:after {
    font-family: 'icoajuntament' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9bb";
    position: absolute;
    right: 15px;
    top: 15px;
}


.field-collection-item-field-desplegables .active.field-name-field-titol-mostrar:after {
    content: "\e9bd";
}

.field.field-name-field-breu-descripcio {
    /* display: none; */
    padding: 15px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.field.field-name-field-breu-descripcio p {
	margin-bottom: 10px;
}
.field.field-name-field-breu-descripcio ul{
	margin-top: 10px;
}
.field.field-name-field-breu-descripcio li{
	display: inherit;
    padding-left: 10px;
}
.field-name-field-boto-final a {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
    display: inline-block;
	color: white!important;
	background: #008800;
	padding: 0 15px;
	margin-left: 15px;
	border-radius: 4px;
}

.view-projectes-estrategics .field-name-field-enlla-projectes{
    font-size: 20px;
    background: #f2f2f2;
    margin-bottom: 30px;
}
.view-projectes-estrategics .field-name-field-enlla-projectes a {
    color: black;
    width: 100%;
    height: 100%;
    display: block;
    height: 60px;
    padding: 10px 15px;


}

.view-projectes-estrategics .field-name-field-enlla-projectes a:hover{
    color: #008800;
}
















#boles-contacte {
    margin-top: 80px;
}




#boles-contacte a {
    text-align: center;
    display: block;
    font-size: 22px;
    font-weight: 300;
    margin-bottom:20px;
}


#boles-contacte a i {
    margin: 0 auto 1rem auto;
    display: table;
}

#boles-contacte a:hover i:before {
    background: #008000;
}


#boles-contacte a i:before {
    font-size: 72px;
    display: table-cell;
    vertical-align: middle;
    height: 140px;
    width: 140px;
    text-align: center;
    background: #ccc;
    border-radius: 10rem;
    color: white;
}


#boles-contacte a span{
	display: inline-block;
    font-size: 18px;
    color: #666;
    width: 100%;
}



@media screen and (max-width:767px) {
	#boles-contacte .icons {
	    float: left;
	    text-align: center;
	    width: 50%;
	}


	#boles-contacte a i:before {
		height: 90px;
		width: 90px;
		font-size:50px;
	}

	.bcn_destacats_block .bcn_destacats_block_thumb .thumb {
    height: inherit!important;
}
.bcn_destacats_block .bcn_destacats_block_thumb .thumb img {
  height: inherit;
}


}






.view-id-bcn_destacats .views-row-odd{
    width: 100%;
    border: 0!important;
    padding: 0!important;
    margin: 0!important;
    height: inherit!important;
}




.paragraphs-item-destacats-carousel .field-collection-container {
    border-bottom: none;
    margin-bottom: 0;
}

.paragraphs-item-destacats-carousel  .slick-slider {
    margin-bottom: 0;
}



.paragraphs-item-destacats-carousel  .field-collection-view{
    border: 0;
}










iframe#qualitat-aire-i {
    margin-bottom: 15px;
        width: 100%;
}

.caixa-noticia{
    display: inline-block;
    height: 115px;
    margin-bottom: 20px;
        width: 100%;
}



.imatge-video {
    height: 100%;
    width: 41%;
    border: 1px solid #f2f2f2;
    border-left: none;
    float: left;
}

.imatge-video img{
    width: 100%;
    height: 100%;
}

.container-new {
    border: 1px solid #efefef;
    display: inline-block;
    height: 100%;
    border-left: none;
    padding: 13px 20px;
    width: 59%;
}


.button-news-more {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    color: white!important;
    background: #008800;
    padding: 0 15px;
    border-radius: 4px;
}




.row.gris {
    background: #f2f2f2;
        margin-left: -15px!important;
}

.field-name-field-imatge-destacat-carousel img{
    width: 100%;
    height: 300px;
}

.field-name-field-enllac-destacat-carousel a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    text-indent: -500000px;
}



.slick-slider .carousel-prev, .slick-slider .carousel-next {
    top: 44%!important;
    padding: 0!important;
    width: inherit!important;
    height: inherit!important;
    color:black!important;
}

.slick-slider .carousel-prev {
	left: -60px;
right: inherit!important;
}
.slick-slider .carousel-next {
    right: -35px!important;

}


.slick-slider .carousel-prev i:before, .slick-slider .carousel-next i:before {

    font-family: 'icoajuntament' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9b8";
    font-size: 42px!important;
    color: #6d6d78;
}

.slick-slider .carousel-next i:before {
    content: "\e99a";
}


.slick-slider .carousel-prev span, .slick-slider .carousel-next span {
    background-color: transparent!important;
    color: black!important;
}

.slick-slider .carousel-prev i, .slick-slider .carousel-next i {
    color: black!important;
}



.promo .content-promo p.enllac a {
    font-size: 14px;
}

.bcn_destacats_block .bcn_destacats_block_thumb .thumb {
    height: 310px;
}

.bcn_destacats_block .info {
    padding: 20px;
    height: 110px
}

.bcn_destacats_block .bcn_destacats_block_links .field-item a:before {
    content: "> ";
    font-family: 'icoajuntament' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e999";
    font-size: 10px;
}


.bcn_destacats_block .arrows span.arrow-left, .bcn_destacats_block .arrows span.arrow-right {
    font-size: 16px;
    float: left;
    margin-top: 8px;
    margin-left: 1px;
}


.bcn_destacats_block .arrows .arrow-left {
    margin-left: 14%!important;
}



#qualitat-aire {
    margin-bottom: 20px;
}


#retransmissio {
    margin-bottom: 0;
    margin-top: 2rem;
}




#row1 .row .esquerra {
    border-right: 1px solid #f2f2f2;
}

.bcn_destacats_block {
    overflow: hidden;
}

#promotional{
    margin-top: 40px;
}

#bcn-retransmissio .bcn-retransmissio-toolbar {
    padding: 3px 20px
}

#bcn-retransmissio .bcn-retransmissio-toolbar h2 {
    font-size: 18px;
    margin-left: 12px;
}

#bcn-retransmissio .bcn-retransmissio-button {
    font-size: 20px;
    padding: 7px 20px;
}
#bcn-retransmissio .bcn-retransmissio-toolbar h2 span {
    margin-left: 6px;
}

#bcn-retransmissio .bcn-retransmissio-toolbar .bcn-retransmissio-slide i {
    font-size: 18px;
}
#bcn-retransmissio .bcn-retransmissio-directe.bcn-slided {
    height: 550px;
    padding: 40px 0;
}

.node-type-pagina-home .row{
    margin-left: -15px!important;
}

.promo .content-promo h3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.3em;
    letter-spacing: 0;
    display: table-cell;
    vertical-align: middle;
}

.bcn_destacats_block .bcn_destacats_block_body {
    height: 37px;
}


.owl-carousel .owl-item img {
    height: 100%!important;
	}

@media screen and (max-width: 1200px) {

	.slick-slider .carousel-prev {
	    left: -30px;
	}
	.slick-slider .carousel-next {
	    right: -15px!important;

	}


	.view-ambits-tematics .div-enllacos a {
	    width: 86%;
}
.view-projectes-estrategics .field-name-field-enlla-projectes a {
    height: 80px;
	}
}

@media screen and (max-width: 767px) {

	.slick-slider .carousel-prev, .slick-slider .carousel-next {
			display: none!important;
	}

   .view-ambits-tematics .div-enllacos {
        margin-bottom: 30px;
    }

    .container {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
    #news_block {
        padding-top: 0;
    }
    #row1 .row .esquerra {
        border-right: 0;
    }

    .caixa-noticia h3 {
    font-size: 18px;
}
.caixa-noticia  .texto {
    font-size: 12px;
}
.caixa-noticia {
    height: inherit;
}

.imatge-video {
    height: inherit;
    width: 45%;
	}


	.caixa-noticia .container-new {
		    padding: 5px 10px;
	    width: 55%;
			    height: 100px;
	}

	.slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
}
#ytplayer {
    height: 100px;
	}
	#news_block {
	    padding-top: 0!important;
	}
	iframe#qualitat-aire-i {
	    margin: 15px 0;
}
h1.center {
    font-size: 17.6pt !important;
}
.col-xs-12.titulares.mbottom20 {
    margin-bottom: 0px !important;

}
.intMenu .home {
    display: none !important;
}

#widgetXXSS {
    display: none !important;
}

}


/* Atles biodiversitat */

.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row h2 {
    text-align: left;
	font-size: 26pt !important;
	margin-top: 34px;
	font-weight: lighter;
	border-bottom: 1px solid #666;
	padding-bottom: 7px;
}

.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row .resume-text {
    font-size: 11pt;
	font-weight: bold;
	margin-top: 9px;
	font-style: italic;
	color: #000;
}
.page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row h2 {
    text-align: left;
    font-size: 26pt !important;
    margin-top: 34px;
    font-weight: lighter;
    border-bottom: 1px solid #666;
    padding-bottom: 7px;
}

.page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row .resume-text {
    font-size: 11pt;
    font-weight: bold;
    margin-top: 9px;
    font-style: italic;
    color: #000;
}
.page-barcelona-biodiversity-atlas #plantilla01 .row h2 {
    text-align: left;
    font-size: 26pt !important;
    margin-top: 34px;
    font-weight: lighter;
    border-bottom: 1px solid #666;
    padding-bottom: 7px;
}

.page-barcelona-biodiversity-atlas #plantilla01 .row .resume-text {
    font-size: 11pt;
    font-weight: bold;
    margin-top: 9px;
    font-style: italic;
    color: #000;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row h2 {
    text-align: left;
	font-size: 26pt !important;
	margin-top: 34px;
	font-weight: lighter;
	border-bottom: 1px solid #666;
	padding-bottom: 7px;
}

.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row .resume-text {
    font-size: 11pt;
	font-weight: bold;
	margin-top: 9px;
	font-style: italic;
	color: #000;
}


.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row h2 {
    text-align: left;
	font-size: 26pt !important;
	margin-top: 34px;
	font-weight: lighter;
	border-bottom: 1px solid #666;
	padding-bottom: 7px;
}

.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row .resume-text {
    font-size: 11pt;
	font-weight: bold;
	margin-top: 9px;
	font-style: italic;
	color: #000;
}

.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row h2 {
    text-align: left;
	font-size: 26pt !important;
	margin-top: 34px;
	font-weight: lighter;
	border-bottom: 1px solid #666;
	padding-bottom: 7px;
}

.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row .resume-text {
    font-size: 11pt;
	font-weight: bold;
	margin-top: 9px;
	font-style: italic;
	color: #000;
}

#block-actulitat0 .altres-link {
	background-attachment:scroll;
	background-clip:border-box;
	background-color:rgb(0, 136, 0);
	background-image:none;
	background-origin:padding-box;
	background-position-x:0%;
	background-position-y:0%;
	background-size:auto;
	border-bottom-color:rgb(255, 255, 255);
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom-style:none;
	border-bottom-width:0px;
	border-image-outset:0px;
	border-image-repeat:stretch;
	border-image-slice:100%;
	border-image-source:none;
	border-image-width:1;
	border-left-color:rgb(255, 255, 255);
	border-left-style:none;
	border-left-width:0px;
	border-right-color:rgb(255, 255, 255);
	border-right-style:none;
	border-right-width:0px;
	border-top-color:rgb(255, 255, 255);
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-top-style:none;
	border-top-width:0px;
	box-sizing:border-box;
	color:rgb(255, 255, 255);
	cursor:pointer;
	display:inline-block;
	font-family:"Source Sans Pro", sans-serif;
	font-size:14px;
	font-stretch:100%;
	font-style:normal;
	font-variant-caps:normal;
	font-variant-east-asian:normal;
	font-variant-ligatures:normal;
	font-variant-numeric:normal;
	font-weight:400;
	height:30px;
	line-height:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	text-decoration-color:rgb(255, 255, 255);
	text-decoration-line:none;
	text-decoration-style:solid;
	text-size-adjust:100%;
	vertical-align:baseline;
	padding: 1rem 1rem !important;
}

#block-actulitat0 h3{
	background-attachment:scroll;
	background-clip:border-box;
	background-color:rgba(0, 0, 0, 0);
	background-image:none;
	background-origin:padding-box;
	background-position-x:0px;
	background-position-y:0px;
	background-size:auto;
	border-bottom-color:rgb(0, 128, 0);
	border-bottom-style:none;
	border-bottom-width:0px;
	border-image-outset:0px;
	border-image-repeat:stretch;
	border-image-slice:100%;
	border-image-source:none;
	border-image-width:1;
	border-left-color:rgb(0, 128, 0);
	border-left-style:none;
	border-left-width:0px;
	border-right-color:rgb(0, 128, 0);
	border-right-style:none;
	border-right-width:0px;
	border-top-color:rgb(0, 128, 0);
	border-top-style:none;
	border-top-width:0px;
	box-sizing:border-box;
	color:rgb(0, 128, 0);
	cursor:pointer;
	display:inline;
	font-family:"Source Sans Pro", sans-serif;
	font-size:20.8px;
	font-stretch:100%;
	font-style:normal;
	font-variant-caps:normal;
	font-variant-east-asian:normal;
	font-variant-ligatures:normal;
	font-variant-numeric:normal;
	font-weight:300;
	height:auto;
	letter-spacing:-1.456px;
	line-height:20.8px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	outline-color:rgb(0, 128, 0);
	outline-style:none;
	outline-width:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	text-decoration-color:rgb(0, 128, 0);
	text-decoration-line:none;
	text-decoration-style:solid;
	text-size-adjust:100%;
	vertical-align:baseline;
}
#ui-datepicker-div .ui-widget-header {
    background: #3A9454;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: 300;
}

.ui-datepicker .ui-datepicker-title select {
    color: #000;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker .ui-datepicker-title select {
    float: left;
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
#ui-datepicker-div .ui-datepicker-today .ui-state-highlight {
    border-color: #333;
    background: #fff none;
    color: #333;
}
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight {
    border-color: #3A9454;
    background: transparent none;
    color: #3A9454;
}
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {
    background: #f6f6f6 none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(/mobilitat/sites/all/modules/contrib/jquery_update/replace/ui/themes/base/minified/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(/mobilitat/sites/all/modules/contrib/jquery_update/replace/ui/themes/base/minified/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}


#plantilla01 #noticies #edit-submit{

	align-items:flex-start;
	background-color:rgb(0, 128, 0)!important;
	background-image:none;
	border-bottom-color:rgb(0, 45, 98);
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-image-outset:0px;
	border-image-repeat:stretch;
	border-image-slice:100%;
	border-image-source:none;
	border-image-width:1;
	border-left-color:rgb(0, 45, 98);
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:rgb(0, 45, 98);
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:rgb(0, 45, 98);
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-top-style:solid;
	border-top-width:1px;
	box-shadow:rgba(0, 0, 0, 0.125) 0px 3px 5px 0px inset;
	box-sizing:border-box;
	color:rgb(255, 255, 255);
	cursor:pointer;
	display:inline-block;
	font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-stretch:100%;
	font-style:normal;
	font-variant-caps:normal;
	font-variant-east-asian:normal;
	font-variant-ligatures:normal;
	font-variant-numeric:normal;
	font-weight:400;
	height:34px;
	letter-spacing:normal;
	line-height:20px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	outline-color:rgb(255, 255, 255);
	outline-style:none;
	outline-width:0px;
	overflow-x:visible;
	overflow-y:visible;
	padding-bottom:6px;
	padding-left:25px;
	padding-right:45px;
	padding-top:6px;
	text-align:center;
	text-decoration-color:rgb(255, 255, 255);
	text-decoration-line:none;
	text-decoration-style:solid;
	text-indent:0px;
	text-rendering:auto;
	text-shadow:none;
	text-size-adjust:100%;
	text-transform:none;
	touch-action:manipulation;
	user-select:none;
	vertical-align:middle;
	white-space:nowrap;
	width:125.078px;
	word-spacing:0px;

}
#noticies #list-news > div .item .media-content p {
    display: block;
}

#plantilla01 #detall-noticies p, #plantilla01 #detall-noticies li {
		font-size: 14px!important;
}

#plantilla01 #detall-noticies  p.fecha  {
	font-size: 12px!important;
}
.media-total:hover{
  /*-moz-box-shadow: 0px 0px 2px 2px #ccc;
  -webkit-box-shadow: 0px 0px 2px 2px #ccc;
  box-shadow: 0px 0px 2px 2px #ccc;*/
}

.media-content{
	border: 0px!important;
}

.media-total:hover{
	box-shadow:rgb(204, 204, 204) -5px -5px 5px 0px inset;
}

.media-total{
	border-bottom-color:rgb(227, 227, 227);
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-image-outset:0px;
	border-image-repeat:stretch;
	border-image-slice:100%;
	border-image-source:none;
	border-image-width:1;
	border-left-color:rgb(0, 0, 0);
	border-left-style:none;
	border-left-width:0px;
	border-right-color:rgb(227, 227, 227);
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:rgb(0, 0, 0);
	border-top-style:none;
	border-top-width:0px;
	/*box-shadow:rgb(204, 204, 204) -5px -5px 5px 0px inset;*/
	box-sizing:border-box;
	color:rgb(0, 0, 0);
	display:block;
	flex-basis:auto;
	flex-grow:1;
	flex-shrink:1;
	float:left;
	font-family:"Source Sans Pro", sans-serif;
	font-size:14.4px;
	font-stretch:100%;
	font-style:normal;
	font-variant-caps:normal;
	font-variant-east-asian:normal;
	font-variant-ligatures:normal;
	font-variant-numeric:normal;
	font-weight:400;
	height:250px;
	line-height:14.4px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	min-height:250px;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	position:relative;
	text-size-adjust:100%;
	vertical-align:baseline;
}

.block-bcn-news{
    margin: 0px auto;
}
.block-bcn-news .block-content .item{
	border: 0.1rem solid #f2f2f2;
}
.navegacio-news .pager {
    margin: 20px 0px 0px 0px;
}

.row#list-news .col-xs-12.col-md-6:nth-of-type(odd) .item .media-total{
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}
.row#list-news .col-xs-12.col-md-6:nth-of-type(even) .item .media-total{
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: none;
}
.row#list-news .col-xs-12.col-md-6{
	margin: 0px auto!important;
	padding: 0px;
}
#detall-noticies.container .row .col-xs-12.col-sm-6.pull-left{
	padding: 0px!important;
}
.fecha{
	font-size: 12px;
}

#edit-results{
	margin-bottom: 30px;
  position: relative;
  top: -14px;
}


@media screen and (max-width: 991px) and (min-width: 768px){
	#divDate {
		float: none;
		position: relative;
		bottom: 50px;
	}
	#edit-results {
    margin-bottom: 0px;
    position: relative;
    top: -14px;
    right: 10px;
    float: right;
	}
	#plantilla01 #noticies #edit-submit{
		float: right;
    position: relative;
    top: -20px;
    right: 10px;
	}
	#bcn_news_list_page .news_list_filter {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-right: 0;
    position: relative;
    bottom: -30px;
	}
	#divDate {
		width: auto;
	}
}

@media screen and (max-width: 767px){
	#bcn_news_list_page .news_list_filter {
	    display: block;
	    float: right;
	    position: relative;
	    bottom: 0px;
	}
	#plantilla01 #noticies #edit-submit{
		display: block;
	}
	.calendari_mirades_verd .col-md-5 {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.mirades_verd_img {
		padding: 0;
		margin: 0;
		width: 100%;
		max-width: 100%;
		vertical-align: -2px;
		height: 203px;
		width: 203px;
		margin: 0 auto;
		display: block;
	}
}

@media screen and (max-width: 513px){
	#divDate .container-inline-date {
		width: 100%;
	}
	#divDate .container-inline-date .form-item #edit-end {
    margin-left: 0;
	}
	#edit-submit {
    transform: none;
	}
}

.page-node-mirades .container-fluid
 {
	padding-left: 0px;
	padding-right: 0px;
}

.page-atles-de-biodiversitat-de-barcelona .container-fluid, .page-bicicletada-i-festa-de-la-bicicleta-2019 .container-fluid
 {
	padding-left: 0px;
	padding-right: 0px;
}
.page-atlas-de-biodiversidad-de-barcelona .container-fluid
 {
    padding-left: 0px;
    padding-right: 0px;
}
.page-barcelona-biodiversity-atlas .container-fluid
 {
    padding-left: 0px;
    padding-right: 0px;
}
.page-node-mirades .container-fluid .retransmision-pright0
 {
	padding-left: 0px;
	padding-right: 0px;
}

.page-atles-de-biodiversitat-de-barcelona .container-fluid .retransmision-pright0, .page-bicicletada-i-festa-de-la-bicicleta-2019 .container-fluid .retransmision-pright0
 {
	padding-left: 0px;
	padding-right: 0px;
}
.page-atlas-de-biodiversidad-de-barcelona .container-fluid .retransmision-pright0
 {
    padding-left: 0px;
    padding-right: 0px;
}
.page-barcelona-biodiversity-atlas .container-fluid .retransmision-pright0
 {
    padding-left: 0px;
    padding-right: 0px;
}

.header_mirades_verd .h-info-box {
	float: right;
	background-color: #008000;
	text-align: center;
    margin: 71px auto;
    padding: 40px;
	width: 100%;
}

.header_atles .h-info-box {
	float: right;
	background-color: #85ae34;
	text-align: center;
    margin: 71px auto;
    padding: 40px;
	width: 100%;
}

.header_mirades_verd .mirades_text_h {
	display: block;
	font-size: 52px;
	font-weight: bold;
	color: #FFFFFF;
}

.header_atles .atles_text_h {
	display: block;
	font-size: 52px;
	font-weight: bold;
	color: #FFFFFF;
}

.header_mirades_verd .mirades_text_sub {
	color: #FFFFFF;
	font-size: 23px;
	margin-top: 14px;
	display: block;
	line-height: 25px;
}

.header_atles .atles_text_sub {
	color: #FFFFFF;
	font-size: 23px;
	font-weight: normal;
	margin-top: 14px;
	display: block;
	line-height: 25px;
}

.header_mirades_verd{
	height: 415px;
	background-image: url("/ecologiaurbana/sites/default/files/landing_1920x450_B-1.jpg");
	background-size: cover;
	background-position: 50% 50%;
}

.header_atles{
	height: 415px;
	background-image: url("/ecologiaurbana/sites/default/files/header-atles.jpg");
	background-size: cover;
	background-position: 50% 50%;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .header_atles{
    display: block;
    height: 525px;
    background-image: url("/ecologiaurbana/sites/default/files/WebAjuntament_Bici_1200x400px_V2.jpg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .row{
    margin-right: -15px;
    margin-left: -15px;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 h3{
    font-weight: 400;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .main-text ul.bicicletada{
    list-style: none;
    margin-left: 0px!important;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .main-text ul.bicicletada li{
    list-style: none;
    display: inline;
    float: left;
    width: 50%;
    text-align: left;
    padding: 23px 0px;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .main-text ul.bicicletada li h3{
    padding-top: 10px;
    margin-bottom: 0px;
    padding-left: 90px;
}

.page-bicicletada-i-festa-de-la-bicicleta-2019 .main-text ul.bicicletada li h4{
    padding-left: 90px;
}

.page-bicicletada-i-festa-de-la-bicicleta-2019 .main-text ul.bicicletada li img{
    max-width: 90px;
    float: left;
    padding-right: 20px;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .region-content a, .page-bicicletada-i-festa-de-la-bicicleta-2019 .region-content a:active{
    color: #ff2181;
    text-decoration: underline!important;
}
, .page-bicicletada-i-festa-de-la-bicicleta-2019 .region-content a:hover{

}

.page-bicicletada-i-festa-de-la-bicicleta-2019 .region-content .destacado{
    background-color: #f4f4f4;
    padding: 15px 10px;
}

.page-bicicletada-i-festa-de-la-bicicleta-2019 .retransmision-pright0 img{
    width:100%;
    max-width:100%;
}
/****fiesta de la bici correcciones landing***/
.page-bicicletada-i-festa-de-la-bicicleta-2019.section-bicicletada-i-festa-de-la-bicicleta-2019 div#page-wrapper.page.with-navigation.with-subnav div#content div.container-fluid div.row{
    margin-right: 0px!important;
    margin-left: 0px!important;
}
/*.page-bicicletada-i-festa-de-la-bicicleta-2019.section-bicicletada-i-festa-de-la-bicicleta-2019 div#page-wrapper.page.with-navigation.with-subnav div#content div.container-fluid div.row div.col-xs-12.retransmision-pright0 div.region.region-r1-b1{
    margin: 0px auto;
    text-align: center;
    background-image: url('https://dev-ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/bg-party-bike.png');
    background-size: 100% auto;
    background-repeat: round;
    height: 400px;
    padding: 0px;
    line-height: 0px;
}*/
.page-bicicletada-i-festa-de-la-bicicleta-2019.section-bicicletada-i-festa-de-la-bicicleta-2019 div#page-wrapper.page.with-navigation.with-subnav div#content div.container-fluid div.row div.col-xs-12.retransmision-pright0 div.region.region-r1-b1 p{
    margin: 0px;
    padding: 0px;
    line-height: 0px;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019.section-bicicletada-i-festa-de-la-bicicleta-2019 div#page-wrapper.page.with-navigation.with-subnav div#content div.container-fluid div.row div.col-xs-12.retransmision-pright0 div.region.region-r1-b1 p img{
    /*max-width: 1200px;*/
    margin: 0px auto;
    text-align: center;
    width: 100%;
    /*max-height: 400px;*/
    height: auto;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 p.specific-size{
    font-size: 1.1em!important;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 img.party-bike{
    width: 100%;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .recorregut{
    background-color: #f4f4f4;
    padding: 30px 20px;
    display: inline-block;
    margin-bottom: 20px;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 a.fright,
.page-bicicletada-i-festa-de-la-bicicleta-2019 .recorregut a{
    text-decoration: none!important;
    margin: 0px auto!important;
    position: relative;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .recorregut p:last-child{
    margin-bottom: 0px!important;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .img-map-expand{
    position: absolute;
    bottom: 5px;
    right: 2px;
    width: 20px;
    height: 20px;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 a.btnPinkTexto{
    background-color: #FF0081 !important;
    color: #fff !important;
    padding: 10px;
    margin: 20px 0px 0px 0px !important;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    right: 0px;
    left: 0px;
    position: relative;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .bicicletada {
    margin: 20px 0px;
    display: inline-block;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 img.bici-humana{
    margin: 0px 0px 18px 0px;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-768,
.page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-500,
.page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-400,
.page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album{
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .branding{
    display: none;
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .region.region-r1-b1{
    margin-top: -20px
}
.page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-768,
.page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-500,
.page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-400{
    display: none;
}
@media only screen and (max-width:769px) {
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .bicicletada li{
        width: 100%!important;
        padding: 0px 0px 30px 0px!important;
    }
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .bicicletada li:nth-child(2){
        padding: 0px 0px 5px 0px!important;
    }
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-400,
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-500,
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album{
        display: none;
    }
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-768{
        display: block;    
    }
}

@media only screen and (max-width:500px) {
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-400,
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-768,
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album{
        display: none;
    }
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-500{
        display: block;    
    }
}

@media only screen and (max-width:400px) {
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-768,
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-500,
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album{
        display: none;
    }
    .page-bicicletada-i-festa-de-la-bicicleta-2019 .flicker-album-400{
        display: block;    
    }
}
/****fiesta de la bici correcciones landing***/


.title_mirades_verd{
	color: #008000;
	font-size: 16px;
    font-weight: bold;
}

.mirades-verd-back{
	background-color: white;
  margin: 20px 0;
}

.mirades-verd-fondo-gris{
	background-color: #f6f6f6;
}

.mirades-text{
	margin-top: 20px;
	margin-bottom: 0;
}
.col-md-4.mirades-md-4{
	padding: 0;
	margin: 0;
}
a.mirades_link {
	color: #008000;
}

.mirades_verd_img{
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	vertical-align: -2px;
	height: 100%;
}

.mirades_verd_enlace{
	margin-top: 60px;
}

.h2-mirades{
	font-size: 40px;
	color: #000000;
	padding-bottom: 20px;
	padding-top: 58px;
	font-weight: lighter;
}

.mirades_container{
	background-color: #f6f6f6;
	margin-top: 60px;
}
.calendari_mirades_verd .row {
	margin-top: 25px;
	margin-bottom: 25px;
}

.calendari_mirades_verd .col-md-6 .row {
	margin-top: 25px;
	margin-bottom: 0px;
}
.mirades_texto_bloque p {
	font-style: normal;
}
.calendari_mirades_verd p {
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}
.calendari_mirades_verd .mirades-text p {
	font-style: normal;
	font-weight: normal;
	margin-top: 15px;
    font-size: 20px;
}
.calendari_mirades_verd .mirades-text p.mirades_verd_enlace {
	margin-top: 10px;
	color: #008000;
	display: inline-block;
	font-style: italic;
	font-weight: normal;
    font-size: 16px;
}

.page-node-mirades .arrow-right
 {
    width: 0px;
	height: 0px;
	border-top: 5px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #008000;
	display: inline-block;
	float: left;
	vertical-align: middle;
	margin-top: 16.2px;
	margin-right: 8px;
}
.mirades_verd_enlace a {
	color: #008000;
}
.materials_mirades_verd{
	background-color: #f6f6f6;
	padding-top: 20px;
	padding-bottom: 10px;
}

.calendari_mirades_verd .col-md-6 {
	padding-left: 0px;
	padding-right: 50px;
}
.calendari_mirades_verd .col-md-5 {
	padding-left: 0px;
	padding-right: 25px;
	height: 182px;
}
.calendari_mirades_verd .mirades-text {
	padding-left: 5px;
	margin-top: 34px;
}
.mirades_ul{
	line-height: 20px;
}

.mirades_ul li {
	display: block;
	margin-left: 50px;
}
.mirades_ul.right-align li {
	margin-left: 0px;
}

.mirades_ul li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    font-size: 9px;
    float: left;
    margin-top: 0px;
    margin-left: -10px;
    color: #008000;
}

.mirades_verd_enlace a:before{
	font-size: 9px;
	float: left;
	margin-top: 0px;
	margin-left: -10px;
	color: #008000;
}

.mirades_texto_bloque{
	background-color: #008000;
}
.page-node-mirades .region-block-mid p
 {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 48px;
}
.page-node-mirades .region-block-mid .mirades_ul p
 {
	margin-bottom: 10px;
}

.mirades_texto_bloque p{
	color: white;
	margin-left: 10px;
	padding: 10px;
	font-style: normal;
	font-weight: normal;
	padding-top: 18px;
	font-size: 18px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 12px;
}
.mirades_texto_bloque p strong{
	font-weight: bold;
}
.page-node-mirades .mirades_ul .arrow-right
 {
	margin-top: 5.1px;
}
.page-node-mirades #plantilla01 p
 {
    font-size: 1.2em;
    margin-bottom: 18px;
}
.page-node-mirades .migas{margin-bottom:0px;}
.ml-15{margin-left:-15px!important;}
.ml-0{margin-left:0px!important;}
.h3-mirades{
    font-weight: 300;
    font-size: 22px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px){
	.header_atles .atles_text_h {
    display: block;
    font-size: 32px;
    font-weight: bold;
    color: #FFFFFF;
}
	.page-node-mirades .header_mirades_verd .container
	 {
		padding-left: 0px !important;
	}
	.page-node-mirades #plantilla01
	{
		margin-right: 15px;
		text-align: justify;
	}
	.calendari_mirades_verd .col-md-5 {
		width: 100%;
		padding: 0;
		margin: 0;
		padding-top: 15px;
	}
	.mirades_verd_img {
		padding: 0;
		margin: 0;
		width: 100%;
		max-width: 100%;
		vertical-align: -2px;
		height: 203px;
		width: 203px;
		margin: 0 auto;
		display: block;
	}
	.calendari_mirades_verd .mirades-text {
		padding-left: 15px;
		margin-top: 50px;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.page-node-mirades .mirades-verd-back .arrow-right  {
		display: none;
	}
	.mirades_texto_bloque {
		background-color: #008000;
		height: auto;
		padding-bottom: 15px;
	}
	.mirades_ul.right-align li {
		margin-left: 5px;
	}
	.header_mirades_verd div.col-md-2 {
		float: none;
		margin: 0 auto;
		margin-top: 63px;

	}
	.header_mirades_verd .h-info-box {
		padding: 25px;
	}
	.page-node-mirades #plantilla01 .col-md-6

	 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.calendari_mirades_verd {
		margin-right: 30px !important;
	}
	.calendari_mirades_verd .col-md-6 {
		padding: 0px;
	}
	.calendari_mirades_verd .mirades-text p.mirades_verd_enlace {
		font-size: 20px;
	}
	.title_mirades_verd {
		font-size: 20px;
	}
	.mirades_texto_bloque p {
		padding-left: 10px;
		font-size: 20px;
	}
	.mirades_ul li {
		margin-left: 5px;
	}
}
.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row .img-full-width {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 50px;
	display: inline-block;
	height: 409px;
}

.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row .main-text {
    margin-bottom: 43px;
}
.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row ul {
    display: flex;
    margin-left: 0px;
}
.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row ul li {
    margin-right: 3%;
	display: inline-block;
	width: 28%;
	margin-top: 23px;
	text-align: center;
	margin-left: 2%;
}
.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row ul li img {
	height: 130px;
	width: 130px;
	margin: 0 auto;
	display: block;
}

.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row ul li h3 {
	font-weight: bold;
	margin-top: 33px;
	margin-bottom: 17px;
}

.page-atles-de-biodiversitat-de-barcelona #zone-row-3-content.grid {
	width: 100%;
}
.page-atles-de-biodiversitat-de-barcelona #zone-row-3-content.grid .img-full-width {
	margin-top: -50px;
	height: 415px;
}
.page-atles-de-biodiversitat-de-barcelona #zone-row-3-content.grid .img-full-width div.link {
	margin: 0 auto;
	display: block;
	position: relative;
	text-align: center;
	margin-top: 75px;
}
.page-atles-de-biodiversitat-de-barcelona .col-sm-6 {
	padding-left: 0px;
}
.page-atles-de-biodiversitat-de-barcelona #plantilla01 p.centered {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-top: 50px;
	width: 100%;
	font-size: 22px;
	font-weight: lighter;
}
.page-atles-de-biodiversitat-de-barcelona #zone-row-3-content.grid .img-full-width div.link a {
	text-align: center;
	background-color: #FFF;
	width: 273px;
	margin: 0 auto;
	font-size: 21px;
	padding-top: 19px;
	padding-bottom: 18px;
	border-radius: 30px;
	margin-top: 53px;
	padding-left: 106px;
	padding-right: 106px;
}
.page-atles-de-biodiversitat-de-barcelona #zone-row-3-content.grid .img-full-width p.title {
	text-align: center;
	color: white;
	font-size: 50px;
	margin-top: 0px;
	padding-top: 100px;
	font-weight: bold;
}
.page-atles-de-biodiversitat-de-barcelona .addthis_sharing_toolbox {
	color: transparent;
	margin: 0px auto;
	margin-left: auto !important;
}
.page-atles-de-biodiversitat-de-barcelona #plantilla01 .addthis_sharing_toolbox {
	display: none;
}








.page-barcelona-biodiversity-atlas #plantilla01 .row .img-full-width {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 50px;
    display: inline-block;
    height: 409px;
}

.page-barcelona-biodiversity-atlas #plantilla01 .row .main-text {
    margin-bottom: 43px;
}
.page-barcelona-biodiversity-atlas #plantilla01 .row ul {
    display: flex;
    margin-left: 0px;
}
.page-barcelona-biodiversity-atlas #plantilla01 .row ul li {
    margin-right: 3%;
    display: inline-block;
    width: 28%;
    margin-top: 23px;
    text-align: center;
    margin-left: 2%;
}
.page-barcelona-biodiversity-atlas #plantilla01 .row ul li img {
    height: 130px;
    width: 130px;
    margin: 0 auto;
    display: block;
}

.page-barcelona-biodiversity-atlas #plantilla01 .row ul li h3 {
    font-weight: bold;
    margin-top: 33px;
    margin-bottom: 17px;
}

.page-barcelona-biodiversity-atlas #zone-row-3-content.grid {
    width: 100%;
}
.page-barcelona-biodiversity-atlas #zone-row-3-content.grid .img-full-width {
    margin-top: -50px;
    height: 415px;
}
.page-barcelona-biodiversity-atlas #zone-row-3-content.grid .img-full-width div.link {
    margin: 0 auto;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 75px;
}
.page-barcelona-biodiversity-atlas .col-sm-6 {
    padding-left: 0px;
}
.page-barcelona-biodiversity-atlas #plantilla01 p.centered {
    display: inline-block;
    position: relative;
    text-align: center;
    margin-top: 50px;
    width: 100%;
    font-size: 22px;
    font-weight: lighter;
}
.page-barcelona-biodiversity-atlas #zone-row-3-content.grid .img-full-width div.link a {
    text-align: center;
    background-color: #FFF;
    width: 273px;
    margin: 0 auto;
    font-size: 21px;
    padding-top: 19px;
    padding-bottom: 18px;
    border-radius: 30px;
    margin-top: 53px;
    padding-left: 106px;
    padding-right: 106px;
}
.page-barcelona-biodiversity-atlas #zone-row-3-content.grid .img-full-width p.title {
    text-align: center;
    color: white;
    font-size: 50px;
    margin-top: 0px;
    padding-top: 100px;
    font-weight: bold;
}
.page-barcelona-biodiversity-atlas .addthis_sharing_toolbox {
    color: transparent;
    margin: 0px auto;
    margin-left: auto !important;
}
.page-barcelona-biodiversity-atlas #plantilla01 .addthis_sharing_toolbox {
    display: none;
}




.page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row .img-full-width {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 50px;
    display: inline-block;
    height: 409px;
}

.page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row .main-text {
    margin-bottom: 43px;
}
.page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row ul {
    display: flex;
    margin-left: 0px;
}
.page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row ul li {
    margin-right: 3%;
    display: inline-block;
    width: 28%;
    margin-top: 23px;
    text-align: center;
    margin-left: 2%;
}
.page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row ul li img {
    height: 130px;
    width: 130px;
    margin: 0 auto;
    display: block;
}

.page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row ul li h3 {
    font-weight: bold;
    margin-top: 33px;
    margin-bottom: 17px;
}

.page-atlas-de-biodiversidad-de-barcelona #zone-row-3-content.grid {
    width: 100%;
}
.page-atlas-de-biodiversidad-de-barcelona #zone-row-3-content.grid .img-full-width {
    margin-top: -50px;
    height: 415px;
}
.page-atlas-de-biodiversidad-de-barcelona #zone-row-3-content.grid .img-full-width div.link {
    margin: 0 auto;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 75px;
}
.page-atlas-de-biodiversidad-de-barcelona .col-sm-6 {
    padding-left: 0px;
}
.page-atlas-de-biodiversidad-de-barcelona #plantilla01 p.centered {
    display: inline-block;
    position: relative;
    text-align: center;
    margin-top: 50px;
    width: 100%;
    font-size: 22px;
    font-weight: lighter;
}
.page-atlas-de-biodiversidad-de-barcelona #zone-row-3-content.grid .img-full-width div.link a {
    text-align: center;
    background-color: #FFF;
    width: 273px;
    margin: 0 auto;
    font-size: 21px;
    padding-top: 19px;
    padding-bottom: 18px;
    border-radius: 30px;
    margin-top: 53px;
    padding-left: 106px;
    padding-right: 106px;
}
.page-atlas-de-biodiversidad-de-barcelona #zone-row-3-content.grid .img-full-width p.title {
    text-align: center;
    color: white;
    font-size: 50px;
    margin-top: 0px;
    padding-top: 100px;
    font-weight: bold;
}
.page-atlas-de-biodiversidad-de-barcelona .addthis_sharing_toolbox {
    color: transparent;
    margin: 0px auto;
    margin-left: auto !important;
}
.page-atlas-de-biodiversidad-de-barcelona #plantilla01 .addthis_sharing_toolbox {
    display: none;
}


.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row .img-full-width {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 50px;
	display: inline-block;
	height: 409px;
}

.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row .main-text {
    margin-bottom: 43px;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row ul {
    display: flex;
    margin-left: 0px;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row ul li {
    margin-right: 3%;
	display: inline-block;
	width: 28%;
	margin-top: 23px;
	text-align: center;
	margin-left: 2%;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row ul li img {
	height: 130px;
	width: 130px;
	margin: 0 auto;
	display: block;
}

.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row ul li h3 {
	font-weight: bold;
	margin-top: 33px;
	margin-bottom: 17px;
}

.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-3-content.grid {
	width: 100%;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-3-content.grid .img-full-width {
	margin-top: -50px;
	height: 415px;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-3-content.grid .img-full-width div.link {
	margin: 0 auto;
	display: block;
	position: relative;
	text-align: center;
	margin-top: 75px;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica .col-sm-6 {
	padding-left: 0px;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 p.centered {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-top: 50px;
	width: 100%;
	font-size: 22px;
	font-weight: lighter;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-3-content.grid .img-full-width div.link a {
	text-align: center;
	background-color: #FFF;
	width: 273px;
	margin: 0 auto;
	font-size: 21px;
	padding-top: 19px;
	padding-bottom: 18px;
	border-radius: 30px;
	margin-top: 53px;
	padding-left: 106px;
	padding-right: 106px;
	color: #0057ad;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-3-content.grid .img-full-width p.title {
	text-align: center;
	color: white;
	font-size: 50px;
	margin-top: 0px;
	padding-top: 100px;
	font-weight: bold;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica .addthis_sharing_toolbox {
	color: transparent;
	margin: 0 auto;
	margin-left: auto !important;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .addthis_sharing_toolbox {
	display: none;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 i {
	background-color: #0057ad;
	color: #FFFFFF;
	font-size: 60px;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 35px;
	padding-right: 35px;
	border-radius: 70px;
	display: inline-block;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #region-r4-full h3 {
	font-weight: lighter;
	font-size: 30px;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #region-r4-full h4 {
	font-weight: lighter;
	font-size: 25px;
	margin-bottom: 20px;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #region-r4-full div.container{
	margin-bottom: 40px;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #region-r4-full div.container.box{
	background-color: #e2e2e2;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-left: -15px;
}
.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-4-wrapper {
	margin-bottom: -40px;
}

.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row .img-full-width {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 50px;
	display: inline-block;
	height: 409px;
}

.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row .main-text {
    margin-bottom: 43px;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row ul {
    display: flex;
    margin-left: 0px;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row ul li {
    margin-right: 3%;
	display: inline-block;
	width: 28%;
	margin-top: 23px;
	text-align: center;
	margin-left: 2%;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row ul li img {
	height: 130px;
	width: 130px;
	margin: 0 auto;
	display: block;
}

.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row ul li h3 {
	font-weight: bold;
	margin-top: 33px;
	margin-bottom: 17px;
}

.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-3-content.grid {
	width: 100%;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-3-content.grid .img-full-width {
	margin-top: -50px;
	height: 415px;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-3-content.grid .img-full-width div.link {
	margin: 0 auto;
	display: block;
	position: relative;
	text-align: center;
	margin-top: 75px;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica .col-sm-6 {
	padding-left: 0px;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 p.centered {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-top: 50px;
	width: 100%;
	font-size: 22px;
	font-weight: lighter;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-3-content.grid .img-full-width div.link a {
	text-align: center;
	background-color: #FFF;
	width: 273px;
	margin: 0 auto;
	font-size: 21px;
	padding-top: 19px;
	padding-bottom: 18px;
	border-radius: 30px;
	margin-top: 53px;
	padding-left: 106px;
	padding-right: 106px;
	color: #0057ad;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-3-content.grid .img-full-width p.title {
	text-align: center;
	color: white;
	font-size: 50px;
	margin-top: 0px;
	padding-top: 100px;
	font-weight: bold;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica .addthis_sharing_toolbox {
	color: transparent;
	margin: 0 auto;
	margin-left: auto !important;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .addthis_sharing_toolbox {
	display: none;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 i {
	background-color: #0057ad;
	color: #FFFFFF;
	font-size: 60px;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 35px;
	padding-right: 35px;
	border-radius: 70px;
	display: inline-block;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #region-r4-full h3 {
	font-weight: lighter;
	font-size: 30px;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #region-r4-full h4 {
	font-weight: lighter;
	font-size: 25px;
	margin-bottom: 20px;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #region-r4-full div.container{
	margin-bottom: 40px;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #region-r4-full div.container.box{
	background-color: #e2e2e2;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-left: -15px;
}
.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-4-wrapper {
	margin-bottom: -40px;
}

.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row .img-full-width {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 50px;
	display: inline-block;
	height: 409px;
}

.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row .main-text {
    margin-bottom: 43px;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row ul {
    display: flex;
    margin-left: 0px;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row ul li {
    margin-right: 3%;
	display: inline-block;
	width: 28%;
	margin-top: 23px;
	text-align: center;
	margin-left: 2%;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row ul li img {
	height: 130px;
	width: 130px;
	margin: 0 auto;
	display: block;
}

.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row ul li h3 {
	font-weight: bold;
	margin-top: 33px;
	margin-bottom: 17px;
}

.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-3-content.grid {
	width: 100%;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-3-content.grid .img-full-width {
	margin-top: -50px;
	height: 415px;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-3-content.grid .img-full-width div.link {
	margin: 0 auto;
	display: block;
	position: relative;
	text-align: center;
	margin-top: 75px;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal .col-sm-6 {
	padding-left: 0px;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 p.centered {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-top: 50px;
	width: 100%;
	font-size: 22px;
	font-weight: lighter;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-3-content.grid .img-full-width div.link a {
	text-align: center;
	background-color: #FFF;
	width: 273px;
	margin: 0 auto;
	font-size: 21px;
	padding-top: 19px;
	padding-bottom: 18px;
	border-radius: 30px;
	margin-top: 53px;
	padding-left: 106px;
	padding-right: 106px;
	color: #0057ad;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-3-content.grid .img-full-width p.title {
	text-align: center;
	color: white;
	font-size: 50px;
	margin-top: 0px;
	padding-top: 100px;
	font-weight: bold;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal .addthis_sharing_toolbox {
	color: transparent;
	margin: 0 auto;
	margin-left: auto !important;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .addthis_sharing_toolbox {
	display: none;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 i {
	background-color: #0057ad;
	color: #FFFFFF;
	font-size: 60px;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 35px;
	padding-right: 35px;
	border-radius: 70px;
	display: inline-block;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #region-r4-full h3 {
	font-weight: lighter;
	font-size: 30px;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #region-r4-full h4 {
	font-weight: lighter;
	font-size: 25px;
	margin-bottom: 20px;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #region-r4-full div.container{
	margin-bottom: 40px;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #region-r4-full div.container.box{
	background-color: #e2e2e2;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-left: -15px;
}
.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-4-wrapper {
	margin-bottom: -40px;
}

@media screen and (max-width: 767px) {
		.page-atles-de-biodiversitat-de-barcelona #zone-row-3-wrapper{
			height: 0;
      margin: 0;
      padding: 0;
		}

		.page-atles-de-biodiversitat-de-barcelona .addthis_sharing_toolbox{
      display: inline-block;
      position: relative;
      bottom: 20px;
      left: 15px;
		}

    .page-atles-de-biodiversitat-de-barcelona #plantilla01 .row ul {
        display: block;
        margin-left: 0px;
    }
    .page-atles-de-biodiversitat-de-barcelona #plantilla01 .row ul li {
        margin-right: 0px;
        width: 100%;
        display: block;
	}
	.page-atles-de-biodiversitat-de-barcelona .container {
		padding-right: 15px !important;
		padding-left: 0px !important;
	}
	.page-atles-de-biodiversitat-de-barcelona #zone-row-3-content.grid .img-full-width p.title {
		font-size: 22px;
		padding-top: 6px;
	}
	.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row ul li {
		margin-left: 0%;
	}
	.page-atles-de-biodiversitat-de-barcelona #plantilla01 .row h2 {
		font-size: 20pt !important;
	}
	.page-atles-de-biodiversitat-de-barcelona #zone-row-3-content.grid .img-full-width {
		margin-top: 0px;
		height: 100px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 9999;
	}
	.page-atles-de-biodiversitat-de-barcelona #zone-row-3-content.grid .img-full-width div.link a {
		text-align: center;
		background-color: #FFF;
		width: 252px;
		margin: 0 auto;
		font-size: 17px;
		padding-top: 6px;
		padding-bottom: 6px;
		border-radius: 18px;
		margin-top: 0px;
		padding-left: 45px;
		padding-right: 45px;
	}
	.page-atles-de-biodiversitat-de-barcelona #zone-row-3-content.grid .img-full-width div.link {
		margin-top: 17px;
	}
	.page-atles-de-biodiversitat-de-barcelona .addthis_sharing_toolbox {
		margin-left: 15px !important;
	}
	.page-atles-de-biodiversitat-de-barcelona #footer {
		padding-bottom: 100px;
	}






        .page-barcelona-biodiversity-atlas #zone-row-3-wrapper{
            height: 0;
      margin: 0;
      padding: 0;
        }

        .page-barcelona-biodiversity-atlas .addthis_sharing_toolbox{
      display: inline-block;
      position: relative;
      bottom: 20px;
      left: 15px;
        }

    .page-barcelona-biodiversity-atlas #plantilla01 .row ul {
        display: block;
        margin-left: 0px;
    }
    .page-barcelona-biodiversity-atlas #plantilla01 .row ul li {
        margin-right: 0px;
        width: 100%;
        display: block;
    }
    .page-barcelona-biodiversity-atlas .container {
        padding-right: 15px !important;
        padding-left: 0px !important;
    }
    .page-barcelona-biodiversity-atlas #zone-row-3-content.grid .img-full-width p.title {
        font-size: 22px;
        padding-top: 6px;
    }
    .page-barcelona-biodiversity-atlas #plantilla01 .row ul li {
        margin-left: 0%;
    }
    .page-barcelona-biodiversity-atlas #plantilla01 .row h2 {
        font-size: 20pt !important;
    }
    .page-barcelona-biodiversity-atlas #zone-row-3-content.grid .img-full-width {
        margin-top: 0px;
        height: 100px;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999;
    }
    .page-barcelona-biodiversity-atlas #zone-row-3-content.grid .img-full-width div.link a {
        text-align: center;
        background-color: #FFF;
        width: 252px;
        margin: 0 auto;
        font-size: 17px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 18px;
        margin-top: 0px;
        padding-left: 45px;
        padding-right: 45px;
    }
    .page-barcelona-biodiversity-atlas #zone-row-3-content.grid .img-full-width div.link {
        margin-top: 17px;
    }
    .page-barcelona-biodiversity-atlas .addthis_sharing_toolbox {
        margin-left: 15px !important;
    }
    .page-barcelona-biodiversity-atlas #footer {
        padding-bottom: 100px;
    }

    .page-atlas-de-biodiversidad-de-barcelona #zone-row-3-wrapper{
            height: 0;
      margin: 0;
      padding: 0;
        }

        .page-atlas-de-biodiversidad-de-barcelona .addthis_sharing_toolbox{
      display: inline-block;
      position: relative;
      bottom: 20px;
      left: 15px;
        }

    .page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row ul {
        display: block;
        margin-left: 0px;
    }
    .page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row ul li {
        margin-right: 0px;
        width: 100%;
        display: block;
    }
    .page-atlas-de-biodiversidad-de-barcelona .container {
        padding-right: 15px !important;
        padding-left: 0px !important;
    }
    .page-atlas-de-biodiversidad-de-barcelona #zone-row-3-content.grid .img-full-width p.title {
        font-size: 22px;
        padding-top: 6px;
    }
    .page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row ul li {
        margin-left: 0%;
    }
    .page-atlas-de-biodiversidad-de-barcelona #plantilla01 .row h2 {
        font-size: 20pt !important;
    }
    .page-atlas-de-biodiversidad-de-barcelona #zone-row-3-content.grid .img-full-width {
        margin-top: 0px;
        height: 100px;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999;
    }
    .page-atlas-de-biodiversidad-de-barcelona #zone-row-3-content.grid .img-full-width div.link a {
        text-align: center;
        background-color: #FFF;
        width: 252px;
        margin: 0 auto;
        font-size: 17px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 18px;
        margin-top: 0px;
        padding-left: 45px;
        padding-right: 45px;
    }
    .page-atlas-de-biodiversidad-de-barcelona #zone-row-3-content.grid .img-full-width div.link {
        margin-top: 17px;
    }
    .page-atlas-de-biodiversidad-de-barcelona .addthis_sharing_toolbox {
        margin-left: 15px !important;
    }
    .page-atlas-de-biodiversidad-de-barcelona #footer {
        padding-bottom: 100px;
    }
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row ul {
        display: block;
        margin-left: 0px;
    }
    .page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row ul li {
        margin-right: 0px;
        width: 100%;
        display: block;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica .container {
		padding-right: 15px !important;
		padding-left: 0px !important;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-3-content.grid .img-full-width p.title {
		font-size: 22px;
		padding-top: 6px;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row ul li {
		margin-left: 0%;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #plantilla01 .row h2 {
		font-size: 20pt !important;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-3-content.grid .img-full-width {
		margin-top: 0px;
		height: 100px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 9999;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-3-content.grid .img-full-width div.link a {
		text-align: center;
		background-color: #FFF;
		width: 252px;
		margin: 0 auto;
		font-size: 17px;
		padding-top: 6px;
		padding-bottom: 6px;
		border-radius: 18px;
		margin-top: 0px;
		padding-left: 45px;
		padding-right: 45px;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #zone-row-3-content.grid .img-full-width div.link {
		margin-top: 17px;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica .addthis_sharing_toolbox {
		margin-left: 15px !important;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #footer {
		padding-bottom: 100px;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #region-r4-full div.container.box {
		background-color: #e2e2e2;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px !important;
		margin-left: 0px;
	}
	.page-serveisla-ciutat-funcionaurbanisme-i-gestio-del-territoriinformacio-urbanisticaportal-informacio-urbanistica #back-top {
		bottom: 35px;
	}


	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row ul {
        display: block;
        margin-left: 0px;
    }
    .page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row ul li {
        margin-right: 0px;
        width: 100%;
        display: block;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica .container {
		padding-right: 15px !important;
		padding-left: 0px !important;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-3-content.grid .img-full-width p.title {
		font-size: 22px;
		padding-top: 6px;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row ul li {
		margin-left: 0%;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #plantilla01 .row h2 {
		font-size: 20pt !important;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-3-content.grid .img-full-width {
		margin-top: 0px;
		height: 100px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 9999;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-3-content.grid .img-full-width div.link a {
		text-align: center;
		background-color: #FFF;
		width: 252px;
		margin: 0 auto;
		font-size: 17px;
		padding-top: 6px;
		padding-bottom: 6px;
		border-radius: 18px;
		margin-top: 0px;
		padding-left: 45px;
		padding-right: 45px;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #zone-row-3-content.grid .img-full-width div.link {
		margin-top: 17px;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica .addthis_sharing_toolbox {
		margin-left: 15px !important;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #footer {
		padding-bottom: 100px;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #region-r4-full div.container.box {
		background-color: #e2e2e2;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px !important;
		margin-left: 0px;
	}
	.page-serviciosla-ciudad-funcionaurbanismo-y-gestion-del-territorioinformacion-urbanisticaportal-informacion-urbanistica #back-top {
		bottom: 35px;
	}

	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row ul {
        display: block;
        margin-left: 0px;
    }
    .page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row ul li {
        margin-right: 0px;
        width: 100%;
        display: block;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal .container {
		padding-right: 15px !important;
		padding-left: 0px !important;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-3-content.grid .img-full-width p.title {
		font-size: 22px;
		padding-top: 6px;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row ul li {
		margin-left: 0%;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #plantilla01 .row h2 {
		font-size: 20pt !important;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-3-content.grid .img-full-width {
		margin-top: 0px;
		height: 100px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 9999;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-3-content.grid .img-full-width div.link a {
		text-align: center;
		background-color: #FFF;
		width: 252px;
		margin: 0 auto;
		font-size: 17px;
		padding-top: 6px;
		padding-bottom: 6px;
		border-radius: 18px;
		margin-top: 0px;
		padding-left: 45px;
		padding-right: 45px;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #zone-row-3-content.grid .img-full-width div.link {
		margin-top: 17px;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal .addthis_sharing_toolbox {
		margin-left: 15px !important;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #footer {
		padding-bottom: 100px;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #region-r4-full div.container.box {
		background-color: #e2e2e2;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px !important;
		margin-left: 0px;
	}
	.page-servicesthe-city-worksurban-planning-and-managementurban-informationurban-planning-information-portal #back-top {
		bottom: 35px;
	}

}

.page-atles-de-biodiversitat-de-barcelona .addthis_sharing_toolbox {
	margin-top: 30px !important;
}

.page-atlas-de-biodiversidad-de-barcelona .addthis_sharing_toolbox {
    margin-top: 30px !important;
}

.page-barcelona-biodiversity-atlas .addthis_sharing_toolbox {
    margin-top: 30px !important;
}

.atlas-centered {
    float: none!important;
    margin: 0px auto;
}

.embed-container {
	text-align: center;
	margin: 3em 0;
}

.embed-container iframe {
	max-width: 100%;
}

@media (max-width: 468px) {
	.embed-container iframe {
		height:215px;
	}
}

strong{
    font-weight: 700;
}

.page-node-2989 #zone-row-3-wrapper.zone-wrapper .section.gray li{
    width: 300px;
}
.page-node-2989 #zone-row-3-wrapper.zone-wrapper .section.gray li a{
    height: auto;
}

.container-acordeones .indexFAQS{
    display: flex;
}
.container-acordeones .temaFAQ{
    display: inline-flex;
    padding: 50px;
    text-align: center;
}
.container-acordeones #section1.row,
.container-acordeones #section2.row,
.container-acordeones #section3.row,
.container-acordeones #section4.row,
.container-acordeones #section6.row,
.container-acordeones #section5.row{
    margin-bottom: 50px;
}

.container-acordeones .row h2{
    font-weight: 500;
    padding: 0px!important;
    margin-bottom: 15px;
}

.container-acordeones .row .panel-group h4 a.collapsed:after{
    font-family: 'icoajuntament';
    content: '\e9ba';
    color: rgb(0, 128, 0);
    float: right;
}

.container-acordeones .row .panel-group h4 a:after{
    font-family: 'icoajuntament';
    content: '\e9bd';
    color: rgb(255, 255, 255);
    float: right;
}

.container-acordeones .row .panel.panel-default{
    border-radius: 0px;
    border: none;
    border-left: 4px solid rgb(0,128,0);
}


.container-acordeones .row .panel.panel-default .panel-body{
    background-color: #fff;
    /*background-color: #f2f2f2;*/
}
/*.container-acordeones .row .panel.panel-default .panel-heading a:hover{
    color: rgb(51,51,51);
}*/
/*.container-acordeones .row .panel.panel-default .panel-heading a:focus,
.container-acordeones .row .panel.panel-default .panel-heading a:active{
.container-acordeones .row .panel.panel-default .panel-heading.selected a{
    color: #fff!important;
}*/
.container-acordeones h4.panel-title a:hover, .container-acordeones h4.panel-title a{
    width: 100%;
    display: inline-block;
}
.container-acordeones .row .panel.panel-default .panel-heading{ 
    border: none;
    background-color: #f2f2f2;
    border-radius: 0px;
}
.container-acordeones .row .panel-collapse.in ~ .panel.panel-default .panel-heading h4{ 
    border: none;
    color: lime;
    background-color: rgb(0,128,0);
}
.container-acordeones h4.panel-title a:hover,
.container-acordeones h4.panel-title a{
    color: #000;
}
.container-acordeones h4.panel-title a.collapsed{
    color: rgb(51,51,51);
}


.temaFAQ .caption h3{
    font-weight: 500;
    margin-top: 15px;
}
.temaFAQ.section1 .caption:before{
    font-family: 'icoajuntament';
    content: '\e95c';
    color: rgb(0, 128, 0);
    text-align: center;
    width: 100px;
    height: 100px;
    font-size: 60px;
    border: 2px solid rgb(0, 128, 0);
    border-radius: 50%;
    line-height: 60px;
    display: -webkit-inline-box;
    margin: 0px auto;
    text-align: center;
    padding: 15px;
}

.temaFAQ.section2 .caption:before{
    font-family: 'icoajuntament';
    content: '\e9e7';
    color: rgb(0, 128, 0);
    text-align: center;
    width: 100px;
    height: 100px;
    font-size: 60px;
    border: 2px solid rgb(0, 128, 0);
    border-radius: 50%;
    line-height: 60px;
    display: -webkit-inline-box;
    margin: 0px auto;
    text-align: center;
    padding: 15px;
}

.temaFAQ.section3 .caption:before{
    font-family: 'icoajuntament';
    content: '\e95b';
    color: rgb(0, 128, 0);
    text-align: center;
    width: 100px;
    height: 100px;
    font-size: 60px;
    border: 2px solid rgb(0, 128, 0);
    border-radius: 50%;
    line-height: 60px;
    display: -webkit-inline-box;
    margin: 0px auto;
    text-align: center;
    padding: 15px;
}

.temaFAQ.section4 .caption:before{
    font-family: 'icoajuntament';
    content: '\e9a9';
    color: rgb(0, 128, 0);
    text-align: center;
    width: 100px;
    height: 100px;
    font-size: 60px;
    border: 2px solid rgb(0, 128, 0);
    border-radius: 50%;
    line-height: 60px;
    display: -webkit-inline-box;
    margin: 0px auto;
    text-align: center;
    padding: 15px;
}

.temaFAQ.section5 .caption:before{
    font-family: 'icoajuntament';
    content: '\e95a';
    color: rgb(0, 128, 0);
    text-align: center;
    width: 100px;
    height: 100px;
    font-size: 60px;
    border: 2px solid rgb(0, 128, 0);
    border-radius: 50%;
    line-height: 60px;
    display: -webkit-inline-box;
    margin: 0px auto;
    text-align: center;
    padding: 15px;
}

.temaFAQ.section6 .caption:before{
    font-family: 'icoajuntament';
    content: '\ea04';
    color: rgb(0, 128, 0);
    text-align: center;
    width: 100px;
    height: 100px;
    font-size: 60px;
    border: 2px solid rgb(0, 128, 0);
    border-radius: 50%;
    line-height: 60px;
    display: -webkit-inline-box;
    margin: 0px auto;
    text-align: center;
    padding: 15px;
}

@media (max-width: 1200px) {
    .container-acordeones .temaFAQ {
        display: inline-flex;
        padding: 10px;
        text-align: center;
        display: inline-flex;
        width: 19%;
        flex: 1;
    }
}
@media (max-width: 900px) {
    .container-acordeones .temaFAQ {
        display: inline-flex;
        padding: 20px;
        text-align: center;
    }
    .container-acordeones .indexFAQS {
        display: block;
        margin-bottom: 25px;
    }
    .container-acordeones .temaFAQ {
        display: inline-block;
        padding: 0px;
        width: 100%;
        text-align: left;
        margin: 7px 0px;
    }
    .container-acordeones .temaFAQ img{
        height: 75px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
    }
    .container-acordeones .temaFAQ h3{
        margin: 0px;
        display: inline-block;
    }
    a:empty,
    p:empty{
        display: none;
    }
    .temaFAQ:nth-child(1) .caption:before,
    .temaFAQ:nth-child(2) .caption:before,
    .temaFAQ:nth-child(3) .caption:before,
    .temaFAQ:nth-child(4) .caption:before,
    .temaFAQ:nth-child(5) .caption:before,
    .temaFAQ:nth-child(6) .caption:before{
        width: 50px;
        height: 50px;
        font-size: 30px;
        border: 2px solid rgb(0, 128, 0);
        border-radius: 50%;
        line-height: 25px;
        display: -webkit-inline-box;
        margin: 0px auto 15px auto;
        text-align: center;
        padding: 8px;
    }
}
@media (max-width: 769px) {
    .container-acordeones{
        padding: 0px 30px;
    }
    .container-acordeones #section1,
    .container-acordeones #section2,
    .container-acordeones #section3,
    .container-acordeones #section4,
    .container-acordeones #section5{
        margin-bottom: 25px!important;
    }
    .container-acordeones h4.panel-title a{
        width: 90%;
        display: block;
    }
    .container-acordeones .row .panel-group h4 a.collapsed:after{
        font-family: 'icoajuntament';
        content: '\e9ba';
        color: rgb(0, 128, 0);
        float: right;
        position: absolute;
        right: 30px;
    }

    .container-acordeones .row .panel-group h4 a:after{
        font-family: 'icoajuntament';
        content: '\e9bd';
        color: rgb(255, 255, 255);
        float: right;
        position: absolute;
        right: 30px;
    }
}
@media (max-width: 500px) {
    .container-acordeones .temaFAQ {
        display: inline-block;
        padding: 0px;
        width: 100%;
        text-align: center;
        margin: 7px 0px;
    }
}


.parag-preguntes .field-collection-view {
    border-bottom: 1px solid #efefef;
}

.parag-preguntes  .field.field-name-field-titol-mostrar-2.field-type-text.field-label-hidden {
    height: 45px;
    color: #666;
    font-size: 14px;
    padding-left: 15px;
    line-height: 45px;
    position: relative;
    cursor: pointer;
}


.parag-preguntes .field-name-field-titol-mostrar:after, 
.parag-preguntes .field-name-field-titol-mostrar-2:after {
    font-family: 'icoajuntament' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9bb";
    position: absolute;
    right: 15px;
    top: 15px;
}


/*Exepcio prod*/

@media screen and (max-width: 769px){

	#plantilla01 .row .region.region-content{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	#plantilla01 .row .fright{
		order:12;
		margin: 0 !important;

	}

	#plantilla01 .row .fleft{
		order:1;
		margin: 0 !important;
	}


	#plantilla01 .pleft0 {
		padding-left: 15px !important;
	}

}



/*ticket noticies mòbil 02112022 */


@media screen and (max-width: 769px){
	
	#detall-noticies.container .row .col-xs-12.col-sm-6.pull-left {
		padding:0 15px!important ;
	}

	
	#plantilla01 .row .region.region-content {
		display:inherit
	}
	#detall-noticies .pull-right .photo-galleria {
		margin-bottom: 0;
	}

}

body.front .view-ambits-tematics .view-header {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 18px;
}

@media screen and (max-width: 396px) {
    header .menu {
	height: 85px;
    }

    header .menu .ico {
	height: 85px;
	display: flex;
	justify-content: center;
	align-items: center
    }
}