@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600);

#brand {
	display: block;
}

#brand:after {
	clear: both;
}

#brand.vInspira .brand-wrapper .navigation ul {
	float: right !important;
}

body {
	font-size: 1em;
}

#content {
	font-size: 0.9em;
}

#header {
	margin-top: 30px;
}

h1 {
	font-weight: 600;
	font-size: 3em;
	color: #008000;
}

h2 {
	font-weight: 300;
	font-size: 1.2em;
}

h3 {
	font-weight: 300;
	font-size: 1.3em;
	margin-bottom: 10px;
}

.tith4 {
	font-weight: 400;
	font-size: 1.1em;
}

.w750 {
	width: 68%;
	display: block;
}

a {
	color: #008000;
	cursor: pointer;
}

a:hover, a:focus {
	color: #008000;
	text-decoration: none;
}

.regularList a:hover, a.enllac:hover {
	color: #000;
}

a.enllac.selected {
	color: #666;
}

p {
	line-height: 1.4em;
}

.regularList li {
	line-height: 1.4em;
}

ul.withDot li {
	list-style: disc !important;
	margin-left: 15px;
}

.migas {
	font-size: 0.8em;
	color: #666;
}

.migas li {
	display: inline;
}

.migas a {
	color: #008000;
	text-decoration: none;
}

.migas a:hover {
	color: #666;
}

/************MENU***********/
div.block-menu h2.block-title {
	display: none;
}

.menu {
	padding-top: 20px;
}

.menu .ico {
	display: none;
}

.menu ul {
	display: table;
	margin: 0;
	float: left;
}

.menu ul:after {
	clear: both;
	content: "";
}

.menu li {
	display: inline;
	text-transform: uppercase;
	position: relative;
	padding: 0;
	border-left: 2px solid #fff;
}

.menu li.last {
	border-right: 2px solid #fff;
}

.menu li.item a {
	padding: 5px 5px;
	vertical-align: middle;
}

.menu li {
	background-color: #f2f2f2;
	transition: background-color 0.15s ease-in 0s, color 0.15s ease-in 0s;
}

.menu li a:hover, .menu li.selected a, .menu li.active-trail {
	background-color: #008000;
}

.menu li a {
	font-size: 0.85em;
	color: #000;
	text-align: center;
	height: 40px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

.menu li {
	height: 40px;
	float: left;
}

.menu li.item a {
	line-height: auto !important;
}

.menu li.item a span {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.menu li a:hover {
	color: #fff;
}

.menu .home {
	-webkit-transition: background 0.2s ease-out, color 0.2s ease-out;
	-moz-transition: background 0.2s ease-out, color 0.2s ease-out;
	-o-transition: background 0.2s ease-out, color 0.2s ease-out;
	-ms-transition: background 0.2s ease-out, color 0.2s ease-out;
	transition: background 0.2s ease-out, color 0.2s ease-out;
}

.fixed-menu .intMenu {
	float: none !important;
	width: auto !important;
	margin: 0 auto;
}

.search a {
	cursor: pointer;
}

.search a i, .home a i {
	color: #666666;
}

.search a, .home a {
	background-color: #f2f2f2;
	line-height: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0;
	width: 42px;
}

.search a:hover i, .search a:focus i {
	color: #fff;
}

.home {
	margin-left: 15px;
}

.home.selected a i, .home a:hover i, .home a:focus i {
	color: #fff;
}

ul.menu li a:active, ul.menu li.selected a, .menu li.active-trail a {
	color: #fff;
}

.search a:hover, .search.selected a, .home:hover a, .home.selected a {
	background-color: #008000;
}

ul.menu li.search a:active .contForm {
	display: block;
}

.contForm {
	display: block;
}

.conForm {
	background-color: #efefef;
	padding: 10px;
	margin-top: 2px;
}

.region-header {
	float: left !important;
	width: 100%;
	padding: 0px 0px 0px 15px;
}

#search-block-form {
	display: block;
	background-color: #efefef;
	padding: 10px;
	margin-top: 2px;
	float: left !important;
	width: 100%;
}

.form-type-textfield {
	width: 83.33333333%;
	padding: 0 !important;
	float: left;
	margin: 0px 0px 20px 15px !important;
}

.form-actions {
	width: 15.3%;
	padding: 0 !important;
	float: left;
}

#edit-search-block-form--2 {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	width: 100%;
	display: block
}

#edit-submit {
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	border-color: #ccc;
	display: block;
	background-color: #f2f2f2 !important;
	width: 100%;
}

#plantilla01 #edit-submit {
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	border-color: #ccc;
	display: block;
	background-color: #f2f2f2 !important;
	width: 85px !important;
	clear: both !important;
	margin-left: 15px;
}

#edit-submit--3.form-submit {
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	border-color: #ccc;
	display: block;
	background-color: #f2f2f2 !important;
	width: 100%;
}

.menu li {
	position: relative;
}

.menu li .submenu p {
	margin-top: 10px;
	text-transform: none;
	font-size: 0.8em;
	color: #666666;
}

.menu li .submenu li a {
	background: none !important;
	color: #008000;
	text-align: left;
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px !important;
	display: block;
	height: auto;
}

.menu li .submenu li.last a {
	border-bottom: 0;
}

.menu li .submenu li a:hover {
	color: #000 !important;
}

.menu li .submenu li {
	display: block;
	float: none;
	background: none !important;
}

.btnGreen {
	background-color: #008000 !important;
	color: #fff !important;
}

.btnGreenTexto {
	background-color: #008000 !important;
	color: #fff !important;
	padding: 10px;
}

.btnGreenTexto:hover {
	background-color: #000 !important;
	color: #fff !important;
}

.menu li .submenu .btnGreen:hover {
	background-color: #f2f2f2 !important;
	color: #000 !important;
}

/************FOOTER***********/
.footer .container .col-xs-12 .int {
	border-top: 1px solid #e3e3e3;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	line-height: 36px;
	margin-top: 36px;
}

.footer ul {
	float: right;
}

.footer li {
	color: #666;
	display: inline;
	margin-right: 20px;
	font-size: 1.1em;
}

.footer li.conBorde {
	border-left: 1px solid #e3e3e3;
	padding-left: 20px;
}

.footer li.last {
	margin-right: 0;
}

.footer li.dark a {
	color: #000;
}

.footer li.grey a {
	color: #666;
}

.footer li a {
	color: #008000;
}

.footer li a:hover {
	color: #000;
}

.footer .ajuntament {
	position: absolute;
	top: 10px;
	left: 0;
}

/************BASICS***********/
.btn0 {
	background-color: #f2f2f2 !important;
}

.btn0:hover, .btn0:active {
	background-color: #008000 !important;
	color: #fff !important;
}

.btnGreen {
	background-color: #008000;
	color: #fff;
}

/************INTERIORES***********/
.docs li a i {
	color: #000;
	margin-right: 5px;
}

.docs li {
	height: 40px;
}

.docs {
	margin-bottom: 0;
	display: table;
	float: none;
}

.docs:after {
	clear: both;
}

.btnShow i {
	margin-right: 5px;
}

.menuLateral {
	background-color: #fff;
}

.itemsZoomDobles {
	margin-right: 0px;
}

.menuLateral h4 {
	display: block;
	background-color: #008000;
	color: #fff;
	font-size: 1.2em;
	padding: 15px 10px;
	font-weight: 300;
}

.listado li {
	text-transform: uppercase;
	border-bottom: 1px solid #efefef;
}

.listado li a {
	color: #008000;
	font-size: 0.9em;
	display: block;
	padding: 15px 10px;
}

.listado li i {
	color: #666;
	float: left;
	margin-top: 17px;
	margin-left: 10px;
	margin-right: 5px;
}

.listado li.active-trail a, .listado li:hover a {
	color: #666;
	text-decoration: none;
}

.listado li.active-trail, .listado li:hover {
	background-color: #f8f8f8;
	color: #666;
}

.listado li.openSbmenu {
	background-color: #e6e6e6;
	padding-bottom: 0;
	padding-right: 0;
}

.menuLateral li {
	position: relative;
}

.menuLateral li .fa-caret-up, .menuLateral li .fa-caret-down {
	color: #008000 !important;
	position: absolute;
	top: 15px;
	right: 10px;
}

.menuLateral li .fa-caret-up {
	display: none;
}

.menuLateral li ul {
	background-color: #f8f8f8 !important;
	margin-left: 10px;
	display: block;
}

.menuLateral li ul li {
	background-color: #f8f8f8 !important;
	border-bottom: 1px solid #e6e6e6 !important;
}

.menuLateral li ul li a {
	color: #008000 !important;
}

.menuLateral li ul li a:hover, .menuLateral li ul li a.selected {
	color: #666 !important;
}

.menuLateral li.openSbmenu ul {
	display: block;
}

.menuLateral li ul li.openSbmenu ul {
	display: block;
}

.menuLateral li.openSbmenu .fa-caret-up {
	display: block;
}

.menuLateral li.openSbmenu .fa-caret-down {
	display: none;
}

.menuLateral li ul li ul {
	margin-left: 0;
	border-top: 1px solid #e6e6e6;
}

.menuLateral li ul li ul li {
	border-left: 10px solid #e6e6e6;
}

.menuLateral li ul li.active-trail a, .menuLateral li ul li ul li.active-trail a {
	color: #666 !important;
}

.menuLateral li ul li.active-trail ul li a {
	color: #008000 !important;
}

.menuLateral li ul li ul li.active-trail a {
	color: #666 !important;
}

div.itemsZoom .mbottom20 {
	float: left !important;
	width: 100%;
	margin-left: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 0 !important;
}

div.view-content .itemsZoom .itemZoom {
	height: 375px;
	padding: 15px !important;
}

.cambiar-altura-col {
	height: 440px !important;
}

div.itemZoom div.views-field-title {
	margin-top: 10px;
	margin-bottom: 5px;
}

div.itemZoom div.views-field-field-imagen-descripci-n div.field-content img {
	width: 100%;
	display: block;
}

div.views-field-title span a:hover {
	text-decoration: none;
}

div.itemsZoom .menuLateral h4 {
	display: none;
	background-color: #008000;
	color: #fff;
	font-size: 1.2em;
	padding: 15px 10px;
	font-weight: 300;
}

div.itemsZoom .listado {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0;
}

div.itemsZoom .listado li {
	text-transform: none !important;
	border-bottom: 0 !important;
}

div.itemsZoom .listado li a {
	color: #008000;
	font-size: 0.9em;
	display: block;
	padding: 0px 0px !important;
	text-transform: lowercase !important;
	margin-top: 2px;
}

div.itemsZoom .listado li i {
	color: #666;
	float: left;
	margin-top: 3px !important;
	margin-left: 0px !important;
	margin-right: 3px !important;
}

div.itemsZoom .listado li.active-trail a, div.itemsZoom .listado li:hover a {
	color: #000 !important;
	text-decoration: none !important;
}

div.itemsZoom .listado li.active-trail, div.itemsZoom .listado li:hover {
	background-color: transparent !important;
}

div.itemsZoom .listado li.openSbmenu {
	background-color: #e6e6e6;
	padding-bottom: 0;
	padding-right: 0;
}

div.itemsZoom .menuLateral li {
	position: relative;
}

div.itemsZoom .menuLateral li .fa-caret-up, div.itemsZoom .menuLateral li .fa-caret-down {
	color: #008000 !important;
	position: absolute;
	top: 15px;
	right: 10px;
}

div.itemsZoom .menuLateral li .fa-caret-up {
	display: none;
}

div.itemsZoom .menuLateral li ul {
	background-color: #f8f8f8 !important;
	margin-left: 10px;
	display: block;
}

div.itemsZoom .menuLateral li ul li {
	background-color: #f8f8f8 !important;
	border-bottom: 1px solid #e6e6e6 !important;
}

div.itemsZoom .menuLateral li ul li a {
	color: #008000 !important;
}

div.itemsZoom .menuLateral li ul li a:hover, div.itemsZoom .menuLateral li ul li a.selected {
	color: #666 !important;
}

div.itemsZoom .menuLateral li.openSbmenu ul {
	display: block;
}

div.itemsZoom .menuLateral li ul li.openSbmenu ul {
	display: block;
}

div.itemsZoom .menuLateral li.openSbmenu .fa-caret-up {
	display: block;
}

div.itemsZoom .menuLateral li.openSbmenu .fa-caret-down {
	display: none;
}

div.itemsZoom .menuLateral li ul li ul {
	margin-left: 0;
	border-top: 1px solid #e6e6e6;
}

div.itemsZoom .menuLateral li ul li ul li {
	border-left: 10px solid #e6e6e6;
}

div.itemsZoom .menuLateral li ul li.active-trail a, div.itemsZoom .menuLateral li ul li ul li.active-trail a {
	color: #666 !important;
}

div.itemsZoom .menuLateral li ul li.active-trail ul li a {
	color: #008000 !important;
}

div.itemsZoom .menuLateral li ul li ul li.active-trail a {
	color: #666 !important;
}

.desplegables .panel-default, .persones .panel-default {
	border: 0 !important;
	box-shadow: 0 0 0 !important;
	border-radius: 0 !important;
}

.desplegables .panel-default h4, .desplegables .panel-default h5, .desplegables .panel-default h6 {
	display: block;
	color: #000;
	font-size: 1.2em;
	padding: 15px 10px;
	font-weight: 300;
	padding-left: 20px;
}

.desplegables .panel-default h5, .desplegables .panel-default h6 {
	font-size: 1.1em;
	font-weight: 400;
}

.desplegables .panel-default h6 {
	padding-left: 0;
}

.desplegables .panel-heading span {
	color: #008000;
}

.desplegables .panel-heading i {
	position: absolute;
	top: 15px;
	right: 10px;
}

.panel-default .fa-caret-up, .panel-default .hide {
	display: none;
}

.desplegables .panel-heading {
	background: none !important;
	border: 0 !important;
}

.desplegables .panel-body, .desplegables .panel-heading.selected, .persones .panel-body {
	background-color: #fafafa !important;
}

.panel-heading.selected .fa-caret-down {
	display: none;
}

.panel-heading.selected .fa-caret-up {
	display: inline;
}

.desplegables .panel-default p, .desplegables .panel-default li, .persones .panel-body p {
	font-size: 0.9em;
	color: #666;
	margin-bottom: 5px;
}

.desplegables .panel-body .panel-body, .desplegables .panel-body .panel-heading.selected {
	background-color: #fff !important;
}

.panel-default .btnCollapse {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.panel-heading {
	width: 100%;
	display: table;
}

.persones .panel-heading h4 {
	display: block;
	color: #000;
	font-size: 1.2em;
	padding: 0px 0px 5px 20px;
	font-weight: 300;
}

.persones .panel-heading h5 {
	display: block;
	color: #000;
	font-size: 1em;
	padding: 0px 0px 5px 20px;
	font-weight: 400;
}

.persones .panel-heading p {
	display: block;
	color: #666;
	font-size: 0.9em;
	padding: 0px 0px 5px 20px;
	font-weight: 400;
}

.persones .panel-heading {
	background: none !important;
	border: 0;
}

.panel-heading:after {
	clear: both;
	content: "";
}

.persones .panel-heading span, .persones .panel-heading.selected .hide {
	display: inline !important;
}

.persones .panel-heading.selected span, .persones .panel-heading .hide {
	display: none !important;
}

.destacats span {
	font-size: 3em;
	color: #008000;
	float: left;
	margin-right: 20px;
	font-weight: 300;
}

.destacats p {
	margin: 0;
	color: #666;
}

.destacats .destacat {
	padding-bottom: 20px;
	padding-top: 20px;
}

.destacats.sinBordes, .destacats.sinBordes .destacat, .destacats.sinBordes .bbottom {
	border: 0 !important;
}

h4.xl {
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: 5px;
}

.slideXL {
	display: block;
}

.slideXL2 {
	display: block;
}

.listCaract li {
	display: block;
	clear: both;
}

.listCaract li h6 {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 300;
}

.listCaract li p {
	color: #666 !important;
	line-height: 1.4em;
}

.caixes {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.caixes h4 {
	font-size: 1.4em;
	font-weight: 300;
	color: #008000;
}

.caixes h5 {
	font-size: 1.3em;
	font-weight: 300;
	color: #000;
	margin-bottom: 20px;
}

.caixes h6 {
	font-size: 1.1em;
	font-weight: 400;
	color: #000;
}

.caixes p {
	color: #666;
}

.caixes .paneldefault {
	-webkit-flex: 1 auto;
	flex: 1 auto;
	padding: 15px !important;
	border-bottom: 1px solid #e3e3e3 !important;
	border-right: 1px solid #e3e3e3;
	border-radius: 0;
	cursor: pointer;
	margin: 0;
}

.caixes .paneldefault:hover h4 {
	color: #000;
}

.caixes .panelbody .fa-caret-up {
	color: #fafafa;
	margin-top: -10px;
	margin-left: 80px;
}

.caixes .panelbody .fa-caret-up.aDerecha {
	float: right;
	clear: both;
	margin-left: 0px;
	margin-right: 80px;
}

.caixes .panelbody .contPanelBody {
	background-color: #fafafa;
	margin-top: -10px;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	margin-bottom: 10px;
}

.caixes .paneldefault:nth-child(2n+0) {
	border-right: 0;
}

.caixes .paneldefault:hover, .caixes .paneldefault.selected {
	-moz-box-shadow: inset -5px -5px 5px #ccc;
	-webkit-box-shadow: inset -5px -5px 5px #ccc;
	box-shadow: inset -5px -5px 5px #ccc;
}

.caixes .panelbody.selected {
	display: block;
}

.caixes .panelbody {
	position: relative;
	float: none;
	clear: both;
}

.caixes .panelbody .fa-times {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1000;
	color: #008000;
	cursor: pointer;
	display: block !important;
}

.caixes .panelbody .fa-times:hover {
	color: #000;
}

/*.caixes .panelbody .slider-for,.caixes .panelbody .slick-list,.caixes .panelbody .slick-track,.caixes .panelbody .slick-slide{min-height:300px;}
.caixes .panelbody .slider-nav{min-height:80px;}*/
.conSliderWebs {
	width: 100%;
	padding-top: 40px;/* border-top: 1px solid #e3e3e3; */
	margin-top: 20px;
	background-color: #fff;
	padding-bottom: 10px;
}

.slider-webs {
	width: 100%;
	display: block;
	width: 100%;
}

.slider-webs a {
	margin: 0 auto;
}

.slider-webs img {
	margin: 0 auto;
	width: 95%;
}

.boles {
	margin-top: 20px;
}

.boles img {
	max-width: 151px;
	margin: 0 auto;
}

.boles h4 {
	text-align: center;
	font-size: 1.5em;
	color: #008000;
	font-weight: 300;
	margin: 10px 0;
}

.boles h4 span {
	font-size: 0.9em;
	color: #666;
	display: block;
}

.itemsZoom {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.itemZoom {
	-webkit-flex: 1 auto;
	flex: 1 auto;
	position: relative;
	padding: 15px 15px 0px 15px;
	border: 1px solid #e3e3e3;
	border-left: 0;
	border-top: 0;
	overflow: hidden;
	min-height: 226px;
}

.itemZoom .fa-plus {
	position: absolute;
	bottom: 10px;
	right: 15px;
	display: none;
	color: #008000 !important;
}

.itemZoom p {
	font-size: 0.9em;
}

.itemZoom a {
	display: block;
}

.itemZoom a:hover {
	color: #000;
}

.itemZoom:hover {
	-moz-box-shadow: inset -5px -5px 5px #ccc;
	-webkit-box-shadow: inset -5px -5px 5px #ccc;
	box-shadow: inset -5px -5px 5px #ccc;
}

.itemZoom:hover .fa-plus {
	display: block;
}

.itemZoom h5 {
	font-size: 1.2em;
	margin: 10px 0 5px 0;
	font-weight: 300;
}

.itemsZoom .itemZoom:nth-child(3n+0) {
	border-right: 0;
}

.itemsZoomDobles .itemZoom:nth-child(3n+0) {
	border-right: 1px solid #e3e3e3;
}

.itemsZoomDobles .itemZoom:nth-child(2n+0) {
	border-right: 0;
}

.highlights {
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.highlights p {
	color: #666;
	font-size: 1.5em !important;
	font-weight: 300;
}

.highlights .high {
	color: #008000;
	font-size: 4em !important;
}

.highlights .col-xs-12:nth-child(2) {
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}

.pestanyes {
	margin-top: 20px;
}

.pestanyes .nav-tabs a {
	background-color: #efefef;
}

.windowMap h5 {
	font-size: 1.2em;
}

.windowMap a:hover {
	color: #000;
}

.filtres {
	margin-top: 35px;
}

.filtres .panel-default {
	border: 0;
	border-radius: 09;
	box-shadow: 0 0 0;
}

.filtres .panel-heading {
	border: 0;
	min-height: 40px;
	display: block;
	padding: 0;
	background-color: #e6e6e6;
}

.filtres .panel-heading a {
	color: #000;
	display: block;
	padding: 15px;
}

.filtres .panel-heading a i {
	color: #008000;
}

.filtres .panel-heading.selected a, .filtres .panel-heading:hover a {
	color: #008000;
}

.filtres .panel-heading i {
	float: right;
}

.filtres .panel-body {
	background-color: #f2f2f2;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}

.filtres .checkbox {
	margin-bottom: 0 !important;
}

.filtres .checkbox label {
	height: 30px;
}

.filtres .checkbox input {
	padding-top: 0;
	margin-top: 0;
}

.filtres .checkbox i {
	float: right;
}

.filtres .has-pretty-child {
	padding-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 5px;
}

.filtres .has-pretty-child label {
	padding-left: 0;
	padding-right: 0;
	width: 82%;
}

.filtres .has-pretty-child label i {
	float: right;
}

.filtres .has-pretty-child label i.cpink {
	color: #d50283 !important;
}

.filtres .has-pretty-child label i.cgreen {
	color: #008000 !important;
}

.filtres .has-pretty-child label i.cblue {
	color: #0069e1 !important;
}

.filtres .has-pretty-child a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.filtres .has-pretty-child .prettycheckbox {
	width: 100%;
}

.filtres .btnGreen:hover {
	background-color: #000 !important;
}

/*EDIT BY ERIC*/
#plantilla01 #search-form .form-item {
	width: auto;
	float: none;
}

#plantilla01 #search-form .form-item-keys label {
	display: block;
}

#plantilla01 #search-form .form-item input {
	margin-bottom: 10px;
}

#plantilla01 #search-form #edit-submit {
	display: inline-block;
	margin-bottom: 2px;
	margin-left: 0;
}

#plantilla01 #search-form .search-advanced {
	clear: both;
	display: none;
}

#plantilla01 #search-form ~ h2 {
	margin-left: 15px;
}

#plantilla01 #search-form, #plantilla01 .search-results {
	margin-left: 15px;
}

#plantilla01 .search-results li {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 0;
	padding-top: 14px;
	padding-left: 5px;
}

#plantilla01 .search-results li:hover {
	background-color: #f8f8f8;
}

#plantilla01 .search-results li a {
	letter-spacing: normal;
}

#plantilla01 .search-results li .search-snippet-info {
	padding-left: 0;
}

#plantilla01 .item-list .pager .pager-current {
	padding-left: 21px;
	padding-right: 21px;
}

#plantilla01 .item-list .pager .pager-item a {
	margin-bottom: 5px;
}

#plantilla01 #user-login div {
	float: none;
}

#plantilla01 #user-login div input[type='text'], #plantilla01 #user-login div input[type='password'], #plantilla01 #user-pass div input[type='text'] {
	padding: 6px;
	margin-bottom: 5px;
	width: 300px;
}

#plantilla01 #user-login .form-item-pass {
	margin-left: 15px;
}

#plantilla01 #user-pass .form-item {
	float: none;
	margin-bottom: 0 !important;
}

#plantilla01 #user-pass .form-actions #edit-submit {
	width: auto !important;
}

ul.nav-tabs li ul.dropdown-menu li a {
	color: #008000;
}

ul.nav-tabs li ul.dropdown-menu li.active a {
	color: #555;
	background-color: #fff !important;
}

p.date {
	margin-left: 17px;
	margin-top: 25px;
	font-size: 12px;
}

div.galleria-container.notouch {
	background: transparent !important;
}

div.galleria-counter {
	color: #000 !important;
}

@media screen and (max-width:994px) and (min-width:768px) {
	.itemZoom {
		min-height: 325px;
	}

}

/************ACCESSIBILITAT***********/
#accessibilitat {
	color: #666;
	padding-bottom: 2rem;
}

#accessibilitat ul {
	padding: 0;
	margin-top: 4rem;
	margin-bottom: 2.5rem;
	margin-left: -15px;
	margin-right: -15px;
	overflow: hidden;
	height: auto;
	display: block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#accessibilitat ul:before, #accessibilitat ul:after {
	display: flex !important
}

@media (max-width:991px) {
	#accessibilitat ul {
		margin-top: 2rem;
		margin-bottom: .5rem;
	}

}

#accessibilitat ul li {
	display: table;
	margin: 0 0 1rem;
	min-height: 7em;
}

#accessibilitat ul li i {
	color: #fff;
	font-size: 3rem;
	width: 82px;
	display: table-cell;
}

@media (max-width:991px) {
	#accessibilitat ul li {
		min-height: auto;
	}

	#accessibilitat ul li i {
		width: 72px
	}

}

#accessibilitat ul li i:before {
	background-color: #008800;
	height: 82px;
	width: 82px;
	border-radius: 82px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin-right: 1rem;
}

@media (max-width:991px) {
	#accessibilitat ul li i:before {
		height: 72px;
		width: 72px;
	}

}

#accessibilitat ul li div {
	display: table-cell;
	vertical-align: top;
	padding-left: 1rem;
}

#accessibilitat ul li div strong {
	color: #000;
	font-weight: 400;
	font-size: 1.4rem;
}

#accessibilitat p {
	font-size: 1rem;
}

#accessibilitat p a {
	text-decoration: underline;
}

/****obrim carrers****/

/***carrusel modul multimedia obrim carrers***/
.page-obrim-carrers.section-obrim-carrers .slick-list.draggable {
	width: 100%;
	display: inline-block;
}

.page-obrim-carrers.section-obrim-carrers #plantilla01 .col-xs-12.mbottom20 {
	margin-bottom: 0px !important;
}

.page-obrim-carrers.section-obrim-carrers #plantilla01.container.mtop20 {
	margin-top: 0px !important;
}

.page-obrim-carrers.section-obrim-carrers .zone-wrapper {
	padding: 0px !important;
}

.page-obrim-carrers.section-obrim-carrers .row.calendari {
	margin-bottom: 0px !important;
}

.page-obrim-carrers.section-obrim-carrers .slick-slider .carousel-next i::before, .page-obrim-carrers.section-obrim-carrers .slick-slider .carousel-prev i::before {
	color: #fff !important;
}

/***carrusel modul multimedia obrim carrers***/
.page-obrim-carrers.section-obrim-carrers .zone-wrapper {
	padding-top: 0px;
}

.page-obrim-carrers.section-obrim-carrers #plantilla01 .row {
	margin-right: -15px;
	margin-left: -15px;
}

.page-obrim-carrers.section-obrim-carrers #plantilla01 .row .col-xs-12.mbottom20 h2 {
	display: none;
}

.page-obrim-carrers.section-obrim-carrers #plantilla01 .addthis_sharing_toolbox {
	text-align: center;
}

.page-obrim-carrers.section-obrim-carrers #plantilla01 h2 {
	text-align: center;
}

.page-obrim-carrers.section-obrim-carrers #region-r2-full {
	background-color: #fff !important;
	margin-top: 0px;
	padding: 0px 0px 8px 0px;
}

.page-obrim-carrers.section-obrim-carrers #plantilla02 {
	margin-top: 0px !important;
}

.page-obrim-carrers.section-obrim-carrers .container.bread-oc ul.breadcrumbs {
	margin-bottom: 50px !important;
}

#obrim-carrers {
	background-color: #fff;
}

#obrim-carrers .row {
	margin-right: -15px !important;
	margin-left: -15px;
	margin-bottom: 50px;
}

#obrim-carrers img.img-responsive {
	margin: 0px auto;
	object-fit: cover;
}

.margin-zero {
	margin: 0px auto !important;
}

.centered {
	text-align: center !important;
}

.container.white {
	background-color: #fff;
}

.container.white .row {
	margin-right: -15px !important;
	margin-left: -15px;
	margin-bottom: 50px;
}

.obrim-carrers-mobile {
	display: none;
}

.row.header {
	background-color: #FDC400;
}

.obrim-carrers-desktop h3 {
	text-align: left !important;
	font-weight: light !important;
	font-size: 29px !important;
	line-height: 29px;
	font-family: Source Sans Pro;
	letter-spacing: 0;
	color: #666666;
	opacity: 1;
	margin-bottom: 25px !important;
}

.obrim-carrers-desktop h4 {
	text-align: center !important;
	font-weight: light !important;
	font-size: 20px !important;
	line-height: 20px;
	font-family: Source Sans Pro;
	letter-spacing: -0.5px;
	color: #000;
	opacity: 1;
	margin-bottom: 15px !important;
}

.obrim-carrers-desktop p {

	/*text-align: left;*/
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0;
	color: #666666;
	opacity: 1;
	margin-bottom: 15px;
}

.obrim-carrers-desktop .row.intro-text {
	display: inline-flex;
	flex-wrap: nowrap;
}

.obrim-carrers-desktop .row.intro-text .ordered:nth-child(1) {
	order: 0;
}

.obrim-carrers-desktop .row.intro-text .ordered:nth-child(2) {
	order: 1;
}

.obrim-carrers-desktop .row.icons-carrers.centered .img-responsive {
	max-width: 150px;
	margin: 0px auto;
}

.obrim-carrers-desktop .row.icons-carrers.centered p {
	font-size: 14px;
	line-height: 20px;
}

.obrim-carrers-desktop .row.calendari {
	padding: 50px;
	background-color: #F2F2F2;
}

.obrim-carrers-desktop .row.calendari h3 {
	text-align: center !important;
}

.obrim-carrers-desktop .row.calendari .row {
	display: inline-flex;
	flex-wrap: nowrap;
}

.obrim-carrers-desktop .row.calendari .text-content {
	background-color: #fff;
	padding: 20px 30px;
}

.obrim-carrers-desktop .row.calendari .text-content br, .obrim-carrers-desktop .row.calendari .text-content p:empty {
	display: none;
}

.obrim-carrers-desktop .row.calendari .text-content h4.date {
	text-align: left !important;
	font-weight: Bold;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0;
	color: #E20514;
	display: inline-block;
}

.obrim-carrers-desktop .row.calendari .text-content h4.date span {
	color: #666;
}

.obrim-carrers-desktop .row.calendari .text-content span.location {
	text-align: left;
	font: bold;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0;
	color: #666666;
	opacity: 1;
}

.obrim-carrers-desktop .row.calendari .text-content span.location-small {
	text-align: left;
	font-weight: Regular;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0;
	color: #666666;
	opacity: 1;
	display: block;
}

.obrim-carrers-desktop .row.calendari .text-content .caja {
	padding-left: 50px;
	margin-bottom: 15px;
}

.obrim-carrers-desktop .row.calendari .text-content .caja p {
	display: inline-block;
	vertical-align: text-top;
	width: 90%;
	margin-bottom: 10px !important;
	font-size: 14px;
	line-height: 20px;
}

.obrim-carrers-desktop .row.calendari .text-content .caja ul {
	padding-left: 15px;
	font-size: 14px;
}

.obrim-carrers-desktop .row.calendari .text-content .caja ul li {
	line-height: 24px;
}

.obrim-carrers-desktop .row.calendari .text-content .caja.date::before {
	content: "\f073";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: #07C471;
	font-size: 20px;
	line-height: 24px;
	position: absolute;
	margin-left: -50px;
	margin-right: 50px;
	width: 25px;
	text-align: center;
}

.obrim-carrers-desktop .row.calendari .text-content .caja.location::before {
	content: "\f041";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: #07C471;
	font-size: 20px;
	line-height: 24px;
	position: absolute;
	margin-left: -50px;
	margin-right: 50px;
	width: 25px;
	text-align: center;
}

.obrim-carrers-desktop .row.calendari .text-content .caja.text::before {
	content: "\f05a";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: #07C471;
	font-size: 20px;
	line-height: 24px;
	position: absolute;
	margin-left: -50px;
	margin-right: 50px;
	width: 25px;
	text-align: center;
}

.obrim-carrers-desktop .row.calendari .img-content {
	padding: 0px !important;
}

.obrim-carrers-desktop .row.calendari .img-content img.img-responsive {
	width: 100%;
	margin: 0px auto;
	object-fit: cover;
	max-height: 350px;
	height: 100%;  /*height: -webkit-fill-available;*/
}

.big-box-oc {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.big-box-oc .pink-box-oc, .big-box-oc .yellow-box-oc, .big-box-oc .green-box-oc {
	display: inline-block;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px;
	color: #fff;
}

.big-box-oc .pink-box-oc p, .big-box-oc .yellow-box-oc p, .big-box-oc .green-box-oc p {
	color: #fff;
	margin: 0px auto;
}

.big-box-oc .pink-box-oc {
	background-color: #E37AA2;
}

.big-box-oc .yellow-box-oc {
	background-color: #FFBF51;
}

.big-box-oc .green-box-oc {
	background-color: #64CD7B;
}

.big-box-oc .gray-box {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #F2F2F2;
	display: inline-block;
	padding: 10px;
	margin-left: -5px;
	z-index: -1;
}

.big-box-oc .gray-box a, .big-box-oc .gray-box p {
	color: #606073;
	margin: 0px auto;
}

@media (max-width:1350px) {
	.obrim-carrers-desktop .row.calendari {
		padding: 50px 0px 0px 0px;
	}

}

@media (max-width:1050px) {
	.obrim-carrers-desktop .row.calendari .img-content img.img-responsive {
		max-height: 100%;
	}

}

@media (max-width:1025px) {
	.obrim-carrers-desktop .row.calendari .img-content, .obrim-carrers-desktop .row.calendari .img-content img.img-responsive {
		min-height: 400px;
		max-height: 400px;
		height: 100%;
	}

}

@media (max-width:769px) {
	#obrim-carrers .container {
		width: auto !important;
	}

	#obrim-carrers .obrim-carrers-desktop h3 {
		margin: 25px 0px !important;
		text-align: center !important;
	}

	#obrim-carrers .obrim-carrers-desktop .row.intro-text {

		/*display: inline-flex;*/
		flex-wrap: wrap;
	}

	#obrim-carrers .obrim-carrers-desktop .row.intro-text .ordered:nth-child(1) {
		order: 2;
	}

	#obrim-carrers .obrim-carrers-desktop .row.intro-text .ordered:nth-child(2) {
		order: 0;
	}

	#obrim-carrers .obrim-carrers-desktop .row.intro-text img.img-responsive {
		margin-bottom: 25px;
	}

	#obrim-carrers .obrim-carrers-desktop .row.intro-text p:nth-child(1) {
		margin-top: 25px;
	}

	#obrim-carrers .obrim-carrers-desktop .row.calendari {
		padding: 15px;
		background-color: #F2F2F2;
	}

	#obrim-carrers .obrim-carrers-desktop .row.calendari h3 {
		text-align: center !important;
	}

	#obrim-carrers .obrim-carrers-desktop .row.calendari .row {
		display: inline-flex;
		flex-wrap: wrap;
	}

	#obrim-carrers .obrim-carrers-desktop .row.calendari .row .text-content {
		order: 2;
	}

	#obrim-carrers .obrim-carrers-desktop .row.calendari .row .img-content {
		order: 0;
	}

	.page-obrim-carrers.section-obrim-carrers #region-r2-full.grid-full {
		margin-top: 0px;
		padding: 0px;
	}

	.page-obrim-carrers.section-obrim-carrers #region-r2-full.grid-full .region.region-r2-full {
		padding: 0px;
	}

	.row.icons-carrers.centered div {
		margin: 15px 0px;
	}

	.big-box-oc {
		display: block;
		margin: 15px auto;
		text-align: center;
	}

}

@media (max-width:475px) {
	.obrim-carrers-desktop .row.icons-carrers.centered .img-responsive {
		max-width: 100px;
	}

	.obrim-carrers-mobile {
		display: block;
	}

	.obrim-carrers-desktop .row.header {
		display: none;
	}

}

@media (max-width:320px) {
	.obrim-carrers-desktop .row.calendari .text-content {
		padding: 20px 10px;
	}

}

/*Producció 10-02-2020*/
.field-name-field-bcn-multimedia .slick-dots {
	display: inline-block !important;
	padding: 0;
	top: 100%;
	position: inherit;
	bottom: -10px;
}

.field-name-field-bcn-multimedia .slick-arrow.slick-prev:hover {
	left: 0;
}

.field-name-field-bcn-multimedia .slick-arrow {
	height: 100%;
}

/*************************dades ambientals*******************/
.page-environmental-data-maps.section-environmental-data-maps, .page-mapas-datos-ambientales.section-mapas-datos-ambientales, .page-mapes-dades-ambientals.section-mapes-dades-ambientals {

	/**********************QUITAR**********************/

	/**********************QUITAR**********************/
}

.page-environmental-data-maps.section-environmental-data-maps .node-unpublished, .page-mapas-datos-ambientales.section-mapas-datos-ambientales .node-unpublished, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .node-unpublished {
	background-color: transparent;
}

.page-environmental-data-maps.section-environmental-data-maps #region-r2-full .container.mb-50, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #region-r2-full .container.mb-50, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #region-r2-full .container.mb-50 {
	margin-bottom: 10px !important;
}

.page-environmental-data-maps.section-environmental-data-maps .row.header, .page-mapas-datos-ambientales.section-mapas-datos-ambientales .row.header, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .row.header {
	background-color: transparent;
}

.page-environmental-data-maps.section-environmental-data-maps .flexed-header, .page-mapas-datos-ambientales.section-mapas-datos-ambientales .flexed-header, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .flexed-header {
	display: inline-flex;
	flex-wrap: nowrap;
	text-align: left;
}

.page-environmental-data-maps.section-environmental-data-maps .img-responsive, .page-mapas-datos-ambientales.section-mapas-datos-ambientales .img-responsive, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .img-responsive {
	width: 100%;
}

.page-environmental-data-maps.section-environmental-data-maps .container.mtop10.mbottom10 .migas.mleft5, .page-mapas-datos-ambientales.section-mapas-datos-ambientales .container.mtop10.mbottom10 .migas.mleft5, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .container.mtop10.mbottom10 .migas.mleft5 {
	display: none;
}

.page-environmental-data-maps.section-environmental-data-maps #region-r2-full, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #region-r2-full, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #region-r2-full {
	background-color: #fff;
	margin-top: 0px;
}

.page-environmental-data-maps.section-environmental-data-maps .mb-50, .page-mapas-datos-ambientales.section-mapas-datos-ambientales .mb-50, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .mb-50 {
	margin-bottom: 50px;
}

.page-environmental-data-maps.section-environmental-data-maps .row, .page-mapas-datos-ambientales.section-mapas-datos-ambientales .row, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .row {
	margin-right: -15px;
	margin-left: -15px;
}

.page-environmental-data-maps.section-environmental-data-maps h2, .page-mapas-datos-ambientales.section-mapas-datos-ambientales h2, .page-mapes-dades-ambientals.section-mapes-dades-ambientals h2 {
	text-align: left !important;
	font-weight: light !important;
	font-size: 29px !important;
	line-height: 29px;
	font-family: Source Sans Pro;
	letter-spacing: 0;
	color: #666;
	opacity: 1;
	margin-bottom: 25px !important;
	padding: 0px !important;
}

.page-environmental-data-maps.section-environmental-data-maps strong, .page-mapas-datos-ambientales.section-mapas-datos-ambientales strong, .page-mapes-dades-ambientals.section-mapes-dades-ambientals strong {
	font-size: 18px;
	color: #000;
}

.page-environmental-data-maps.section-environmental-data-maps p, .page-mapas-datos-ambientales.section-mapas-datos-ambientales p, .page-mapes-dades-ambientals.section-mapes-dades-ambientals p {
	font-size: 16px;
	color: #666;
}

.page-environmental-data-maps.section-environmental-data-maps #plantilla01 ul.green-dots, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #plantilla01 ul.green-dots, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #plantilla01 ul.green-dots {
	list-style: none !important;
}

.page-environmental-data-maps.section-environmental-data-maps #plantilla01 ul.green-dots li::before, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #plantilla01 ul.green-dots li::before, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #plantilla01 ul.green-dots li::before {
	content: "\2022";
	color: #008A00;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.page-environmental-data-maps.section-environmental-data-maps .parallax,
.page-mapas-datos-ambientales.section-mapas-datos-ambientales .parallax,
.page-mapes-dades-ambientals.section-mapes-dades-ambientals .parallax {
	/* The image used */
	background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/mapes-dades-ambientals/header-op.jpg");  /* Set a specific height */
	height: 400px;  /* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card {
	background-color: #fff;
	margin-bottom: 25px;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card .card-header, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card .card-header, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card .card-header {
	background-color: #f2f2f2;  /*padding: 15px 0px;*/
	border-left: 4px solid #008A00;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card .card-header h2, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card .card-header h2, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card .card-header h2 {
	font-size: 25px;
	margin: 0px auto !important;
	padding: 0px !important;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card .card-header h2 button, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card .card-header h2 button, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card .card-header h2 button {
	text-align: left;
	font-size: 25px;
	line-height: 32px;
	letter-spacing: 0;
	color: #000000;
	opacity: 1;
	font-weight: lighter;
	width: 100%;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card .card-header h2 .btn-link:hover, .page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card .card-header h2 .btn-link:focus, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card .card-header h2 .btn-link:hover, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card .card-header h2 .btn-link:focus, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card .card-header h2 .btn-link:hover, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card .card-header h2 .btn-link:focus {
	text-decoration: none;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card .card-header h2 button:after, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card .card-header h2 button:after, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card .card-header h2 button:after {
	content: '\f078';
	font-family: 'fontawesome';
	float: right;
	color: #fff;
	font-size: 18px;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card .card-header .btn.btn-link, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card .card-header .btn.btn-link, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card .card-header .btn.btn-link {
	background-color: #008C00;
	color: #fff;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card .card-header .btn.btn-link.collapsed, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card .card-header .btn.btn-link.collapsed, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card .card-header .btn.btn-link.collapsed {
	background-color: transparent;
	color: #000;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card .card-header .btn.btn-link.collapsed::after, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card .card-header .btn.btn-link.collapsed::after, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card .card-header .btn.btn-link.collapsed::after {
	color: #696973;
}

.page-environmental-data-maps.section-environmental-data-maps #accordionDadesAmbientals.accordion .card:nth-child(2),
.page-mapas-datos-ambientales.section-mapas-datos-ambientales #accordionDadesAmbientals.accordion .card:nth-child(2),
.page-mapes-dades-ambientals.section-mapes-dades-ambientals #accordionDadesAmbientals.accordion .card:nth-child(2) {
	/*display: none;*/
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two, .page-environmental-data-maps.section-environmental-data-maps #block-card-one, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one {
	margin: 25px 0px;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .gradient, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .gradient, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .gradient, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .gradient, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .gradient, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .gradient {
	padding: 0px;
	background: #35c3a4;
	background: -moz-linear-gradient(top, #35c3a4 0%, #7cc35b 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #35c3a4), color-stop(100%, #7cc35b));
	background: -webkit-linear-gradient(top, #35c3a4 0%, #7cc35b 100%);
	background: -o-linear-gradient(top, #35c3a4 0%, #7cc35b 100%);
	background: -ms-linear-gradient(top, #35c3a4 0%, #7cc35b 100%);
	background: linear-gradient(to bottom, #35c3a4 0%, #7cc35b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35c3a4', endColorstr='#7cc35b', GradientType=0);
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .gradient .img-responsive, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .gradient .img-responsive, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .gradient .img-responsive, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .gradient .img-responsive, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .gradient .img-responsive, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .gradient .img-responsive {
	width: 100%;
	opacity: 1;
	mix-blend-mode: multiply;
	height: 150px;
	object-fit: cover;
	object-position: center;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .text-button, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .text-button, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .text-button, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .text-button, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .text-button, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .text-button {
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
	text-align: center;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .text-button p.white, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .text-button p.white, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .text-button p.white, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .text-button p.white, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .text-button p.white, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .text-button p.white {
	font-size: 30px;
	color: #fff;
	opacity: 1;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .text-button a.btn, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .text-button a.btn, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .text-button a.btn, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .text-button a.btn, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .text-button a.btn, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .text-button a.btn {
	padding: 10px 50px;
	border-radius: 20px;
	background-color: #fff;
	color: #008C00;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two p, .page-environmental-data-maps.section-environmental-data-maps #block-card-one p, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two p, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one p, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two p, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one p {
	color: #666;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 25px;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two p:last-child, .page-environmental-data-maps.section-environmental-data-maps #block-card-one p:last-child, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two p:last-child, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one p:last-child, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two p:last-child, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one p:last-child {
	margin-bottom: 0px !important;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .green-text, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .green-text, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .green-text, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .green-text, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .green-text, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .green-text {
	color: #008C00;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .row, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row {
	margin-bottom: 25px;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row .margered-0, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .margered-0, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row .margered-0, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .margered-0, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row .margered-0, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .margered-0 {
	margin: 0px !important;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row .bordered, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .bordered, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row .bordered, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .bordered, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row .bordered, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .bordered {
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	padding: 25px 0px;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row .bordered p, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .bordered p, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row .bordered p, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .bordered p, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row .bordered p, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .bordered p {
	text-align: center;
	margin-bottom: 0px;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row .bordered p span.small, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .bordered p span.small, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row .bordered p span.small, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .bordered p span.small, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row .bordered p span.small, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .bordered p span.small {
	color: #666666;
	font-size: 15px;
	line-height: 19px;
	opacity: 1;
	display: block;
	width: 100%;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row .bordered p span.big-green, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .bordered p span.big-green, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row .bordered p span.big-green, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .bordered p span.big-green, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row .bordered p span.big-green, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .bordered p span.big-green {
	color: #008A00;
	font-size: 30px;
	line-height: 38px;
	opacity: 1;
	display: block;
	width: 100%;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row .bordered .centered-border, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .bordered .centered-border, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row .bordered .centered-border, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .bordered .centered-border, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row .bordered .centered-border, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .bordered .centered-border {
	border-left: 1px solid #D5D5D5;  /*border-right: 1px solid #D5D5D5;*/
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two strong, .page-environmental-data-maps.section-environmental-data-maps #block-card-one strong, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two strong, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one strong, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two strong, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one strong {
	font-size: 16px;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two h3, .page-environmental-data-maps.section-environmental-data-maps #block-card-one h3, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two h3, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one h3, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two h3, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one h3 {
	font-size: 23px;
	line-height: 34px;
	color: #000;
	text-align: left;
	opacity: 1;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray {
	background-color: #F2F2F2;
	padding: 30px 0px;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray .flexed, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray .flexed, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray .flexed {
	display: inline-flex;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray .cajas, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray .cajas, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray .cajas {
	display: inline-flex;
	margin: 0px -15px;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray .cajas .caja, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray .cajas .caja, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray .cajas .caja {
	background-color: #fff;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray .cajas .caja img, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray .cajas .caja img, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray .cajas .caja img {
	max-height: 200pc;
	object-fit: cover;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray .cajas .caja .caja-txt,
.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray .cajas .caja .caja-txt,
.page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray .cajas .caja .caja-txt {
	padding: 0px 15px 15px 15px;
	text-align: left !important;
}
@media (max-width:768px) {
	.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray .cajas .caja .caja-txt,
	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray .cajas .caja .caja-txt,
	.page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray .cajas .caja .caja-txt {
		padding: 15px;
	}
}
.page-environmental-data-maps.section-environmental-data-maps #block-card-two ul.nav.nav-tabs li a, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two ul.nav.nav-tabs li a, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two ul.nav.nav-tabs li a {
	outline: none;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .tab-content, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .tab-content, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .tab-content {
	border-bottom: 1px solid #D5D5D5;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .tab-content ul, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .tab-content ul, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .tab-content ul {
	margin-top: 15px;
	list-style: none;
	padding-left: 15px;
}

.page-environmental-data-maps.section-environmental-data-maps #block-card-two .tab-content ul li:before, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .tab-content ul li:before, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .tab-content ul li:before {
	content: "\2022";
	color: #008A00;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

@media (min-width:1025px) {
	.page-mapas-datos-ambientales.section-mapas-datos-ambientales .grid, .page-environmental-data-maps.section-environmental-data-maps .grid, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .grid {
		width: 100%;
	}

}

@media (max-width:769px) {
	.page-mapas-datos-ambientales.section-mapas-datos-ambientales .flexed-header, .page-environmental-data-maps.section-environmental-data-maps .flexed-header, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .flexed-header {
		flex-wrap: wrap;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales .flexed-header img, .page-environmental-data-maps.section-environmental-data-maps .flexed-header img, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .flexed-header img {
		margin-bottom: 25px;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales .flexed-header .ordered:nth-child(1), .page-environmental-data-maps.section-environmental-data-maps .flexed-header .ordered:nth-child(1), .page-mapes-dades-ambientals.section-mapes-dades-ambientals .flexed-header .ordered:nth-child(1) {
		order: 2;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales .flexed-header .ordered:nth-child(2), .page-environmental-data-maps.section-environmental-data-maps .flexed-header .ordered:nth-child(2), .page-mapes-dades-ambientals.section-mapes-dades-ambientals .flexed-header .ordered:nth-child(2) {
		order: 1;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one span.green-text, .page-environmental-data-maps.section-environmental-data-maps #block-card-one span.green-text, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one span.green-text {
		position: relative;
		text-align: left;
		cursor: default;
		margin: initial;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one span.green-text:after, .page-environmental-data-maps.section-environmental-data-maps #block-card-one span.green-text:after, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one span.green-text:after {
		display: none;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one p:last-child, .page-environmental-data-maps.section-environmental-data-maps #block-card-one p:last-child, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one p:last-child {

		/*margin-bottom: 25px !important;*/
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .bordered, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .bordered, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .bordered {

		/*margin-bottom: 25px;*/
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row, .page-environmental-data-maps.section-environmental-data-maps #block-card-two .row, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .row, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row {
		margin-bottom: 25px !important;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .tab-content, .page-environmental-data-maps.section-environmental-data-maps #block-card-two .tab-content, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .tab-content {
		padding: 0px 15px;
	}

}

@media (max-width:767px) {
	.page-mapas-datos-ambientales.section-mapas-datos-ambientales .parallax, .page-environmental-data-maps.section-environmental-data-maps .parallax, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .parallax {
		background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/mapes-dades-ambientals/header-op.jpg");
		height: 200px;
		background-attachment: inherit;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales .region-r2-full, .page-environmental-data-maps.section-environmental-data-maps .region-r2-full, .page-mapes-dades-ambientals.section-mapes-dades-ambientals .region-r2-full {
		padding: 0px;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .bordered .centered-border, 
	.page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .bordered .centered-border, 
	.page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .bordered .centered-border {
		border-left: none;
		border-right: none;
	}
	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .bordered div,
	.page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .bordered div,
	.page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .bordered div {
		/*border-top: 1px solid #D5D5D5;*/
		border-bottom: 1px solid #D5D5D5;
		/*margin: 15px 0px;*/
		padding: 15px 0px;
	}

	.page-environmental-data-maps.section-environmental-data-maps #block-card-two .row .bordered,
	.page-environmental-data-maps.section-environmental-data-maps #block-card-one .row .bordered,
	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row .bordered,
	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .row .bordered,
	.page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row .bordered,
	.page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .row .bordered {
	    border-top: 1px solid #D5D5D5;
	    border-bottom: 0px solid #D5D5D5;
	    padding: 0px 0px;
	    margin-top: 15px;
	}
}

@media (min-width:500px) and (max-width:700px) {
	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray .flexed, .page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray .flexed, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray .flexed {
		min-height: 400px;
	}

}

@media (max-width:500px) {
	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .gradient .img-responsive, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .gradient .img-responsive, .page-environmental-data-maps.section-environmental-data-maps #block-card-two .gradient .img-responsive, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .gradient .img-responsive, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .gradient .img-responsive, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .gradient .img-responsive {
		width: 100%;
		opacity: 1;
		mix-blend-mode: multiply;
		height: 200px;
		object-fit: cover;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .text-button p.white, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .text-button p.white, .page-environmental-data-maps.section-environmental-data-maps #block-card-two .text-button p.white, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .text-button p.white, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .text-button p.white, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .text-button p.white {
		font-size: 30px;
		color: #fff;
		opacity: 1;
		line-height: 1;
		width: 80%;
		margin: 15px auto;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .text-button, .page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-one .text-button, .page-environmental-data-maps.section-environmental-data-maps #block-card-two .text-button, .page-environmental-data-maps.section-environmental-data-maps #block-card-one .text-button, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .text-button, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-one .text-button {
		position: absolute;
		left: 0;
		right: 0;
		top: 10%;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray .cajas, .page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray .cajas, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray .cajas {
		display: block;
	}

	.page-mapas-datos-ambientales.section-mapas-datos-ambientales #block-card-two .row.gray .flexed, .page-environmental-data-maps.section-environmental-data-maps #block-card-two .row.gray .flexed, .page-mapes-dades-ambientals.section-mapes-dades-ambientals #block-card-two .row.gray .flexed {
		height: auto;
		margin-bottom: 15px;
	}

}

.page-node-3257 #plantilla01 .col-xs-12.mbottom20 h2, .page-node-3258 #plantilla01 .col-xs-12.mbottom20 h2, .page-node-3247 #plantilla01 .col-xs-12.mbottom20 h2 {
	display: none;
}

.page-node-3257 .row, .page-node-3258 .row, .page-node-3247 .row {
	margin-left: -15px !important;
	margin-right: -15px !important;
	width: 100%;
}

.page-node-3257 .row .row, .page-node-3258 .row .row, .page-node-3247 .row .row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.page-node-3257 #plantilla01 .row h2, .page-node-3258 #plantilla01 .row h2, .page-node-3247 #plantilla01 .row h2 {
	margin-bottom: 25px !important
}

.page-node-3257 .flexed-header, .page-node-3258 .flexed-header, .page-node-3247 .flexed-header {
	display: inline-flex;
	flex-wrap: nowrap;
	text-align: left;
	margin-bottom: 25px;
}

.page-node-3257 .row.listed, .page-node-3258 .row.listed, .page-node-3247 .row.listed {
	background-color: #F2F2F2;
	padding: 30px 15px;
	margin-bottom: 50px !important;
}

.page-node-3257 .row.listed ol.list-styled li, .page-node-3257 .row.listed ul.list-styled li, .page-node-3258 .row.listed ol.list-styled li, .page-node-3258 .row.listed ul.list-styled li, .page-node-3247 .row.listed ol.list-styled li, .page-node-3247 .row.listed ul.list-styled li {
	list-style-type: none;
	margin-bottom: 10px;
}

.page-node-3257 .row.listed ol.list-styled, .page-node-3257 .row.listed ul.list-styled, .page-node-3258 .row.listed ol.list-styled, .page-node-3258 .row.listed ul.list-styled, .page-node-3247 .row.listed ol.list-styled, .page-node-3247 .row.listed ul.list-styled {
	margin: 0px !important;
}

.page-node-3257 .row.listed ol.list-styled li:before, .page-node-3257 .row.listed ul.list-styled li:before, .page-node-3258 .row.listed ol.list-styled li:before, .page-node-3258 .row.listed ul.list-styled li:before, .page-node-3247 .row.listed ol.list-styled li:before, .page-node-3247 .row.listed ul.list-styled li:before {
	display: inline-block;
	content: '\f054';
	font-family: "fontAwesome";
	font-weight: 200;
	font-size: 10px;
	line-height: 10px;
	vertical-align: middle;
}

/*.page-node-3247 .addthis_sharing_toolbox{
	position: absolute;
	bottom: -30px;
	margin: 0 auto;
}*/
@media (max-width:1025px) {
	.page-node-3257 .flexed-header, .page-node-3258 .flexed-header, .page-node-3247 .flexed-header {
		flex-wrap: wrap;

		img {
			margin-bottom: 25px;
		}

	}

	.page-node-3257 .ordered:nth-child(1), .page-node-3258 .ordered:nth-child(1), .page-node-3247 .ordered:nth-child(1) {
		order: 2;
	}

	.page-node-3257 .ordered:nth-child(2), .page-node-3258 .ordered:nth-child(2), .page-node-3247 .ordered:nth-child(2) {
		order: 1;
	}

	.page-node-3257 .flexed-header img.img-responsive, .page-node-3258 .flexed-header img.img-responsive, .page-node-3247 .flexed-header img.img-responsive {
		width: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}

}

@media (max-width:769px) {
	.page-node-3257 .flexed-header, .page-node-3258 .flexed-header, .page-node-3247 .flexed-header {
		padding: 0px 30px;
	}

	.page-node-3257 .zone-wrapper, .page-node-3258 .zone-wrapper, .page-node-3247 .zone-wrapper {
		padding: 0px 0px 30px 0px;
	}

	.page-node-3257 #plantilla01.container.mtop20, .page-node-3258 #plantilla01.container.mtop20, .page-node-3247 #plantilla01.container.mtop20 {
		width: 100%;
	}

	.page-node-3257 #plantilla01.container.mtop20 .row:nth-child(1), .page-node-3258 #plantilla01.container.mtop20 .row:nth-child(1), .page-node-3247 #plantilla01.container.mtop20 .row:nth-child(1) {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

}

@media (max-width:520px) {
	.page-node-3257 .flexed-header, .page-node-3258 .flexed-header, .page-node-3247 .flexed-header {
		padding: 0px;
	}

}

.bcn-map-legend {
	font-size: 13px;
}

/****confinament landing ca****/
.page-des-de-casa #region-r2-full {
	margin-top: 0px;
}

.page-des-de-casa #plantilla01.mtop20, .page-des-de-casa #plantilla01 .mbottom20 {
	margin: 0px auto !important;
}

.page-des-de-casa .row.breadcrumb {
	background-color: transparent;
	display: inline-flex;
}

.page-des-de-casa .row.breadcrumb a {
	margin: 0px 5px;
}

.page-des-de-casa .row.breadcrumb a.disable {
	color: gray;
	pointer-events: none;
	cursor: default;
}

.page-des-de-casa .container.mtop10.mbottom10 {
	display: none;
}

.page-des-de-casa #region-r2-full {
	background-color: transparent;
	padding: 0px;
}

.page-des-de-casa .row.row-intro-title-confinament h2 {
	text-align: left !important;
}

.page-des-de-casa .row.row-intro-text-confinament {
	margin-bottom: 30px;
}

.page-des-de-casa .row.anchors {
	margin-bottom: 15px;
}

.page-des-de-casa .row.anchors:nth-last-child(1) {
	margin-bottom: 45px;
}

.page-des-de-casa  .row.anchors a.temaFAQ {
	padding: 10px;
	text-align: center;
	background-color: #f2f2f2;
	display: block;
	font-size: 1.4em;
	border-left: 4px solid #008000;
	transition: 0.2s;
	color: #6D6d6d;
}

.page-des-de-casa  .row.anchors a.temaFAQ:hover {
	background-color: #e0e0e0;
	transition: 0.2s;
	color: #474747;
}

.page-des-de-casa .row.header-confinament {
	margin-right: -15px;
	margin-left: -15px;
}

.page-des-de-casa .header-confinament .header-desktop {
	padding: 0px !important;
}

.page-des-de-casa .header-confinament img {
	margin: 0px auto;
	clear: both;
	float: none;
	width: 100%;
	max-width: 100%;
}

.page-des-de-casa .region.region-content .views-row-odd {
	height: auto;
	width: 100%;
	border: none;
	padding: 0px 0px 30px 0px !important;
	margin: 0px auto 30px auto !important;
	border-bottom: 1px solid #f4f4f4;
}

.page-des-de-casa .icon-up:after {
	content: '\e97a';
	font-family: 'icoajuntament';
	color: #c4c4c4;
	cursor: pointer;
	transform: rotate(-90deg);
	position: relative;
	top: 300px;
	right: 0px;
	float: right;
	margin-right: -30px;
}

.page-des-de-casa .card {
	margin-top: 30px;
	position: relative;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	height: 300px;
}

.page-des-de-casa .card .card-content {
	padding: 15px;/* 25px;*/
	height: 100%;
}

.page-des-de-casa .card .card-content .card-title span {
	color: rgb(51, 51, 51);
}

.page-des-de-casa .card-reveal .card-title span {
	width: 80%;
	word-break: break-word;
}

.page-des-de-casa .card .card-content .card-title span, .page-des-de-casa .card-reveal .card-title span {
	font-size: 2em;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 20px;
	display: block;
	pointer-events: none;
	cursor: default;
}

.page-des-de-casa .card .card-reveal {
	padding: 20px 25px 25px 25px;
	position: absolute;
	background-color: #FFF;
	width: 100%;
	overflow-y: auto;
	left: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	display: none;
	background-color: #f4f4f4;
}

.page-des-de-casa .card .card-reveal p {
	color: rgba(0, 0, 0, 0.71);
	margin: 15px 0px;
}

.page-des-de-casa .card .card-reveal a {
	margin-top: 10px;
	margin-left: 5px;
	color: #008000;
	cursor: pointer;
	text-decoration: none;
	word-break: break-word;
}

.page-des-de-casa .card-reveal .card-title span a::before {
	display: none;
}

.page-des-de-casa .card .card-reveal a::before {
	font-family: 'icoajuntament';
	content: '\e93d';
	color: rgb(188, 188, 188);
	margin-right: 5px;
}

.page-des-de-casa .card .card-reveal span.card-title {
	color: #008000;
}

.page-des-de-casa .card .card-reveal i {
	color: #fff;
}

.page-des-de-casa .btn-custom {
	background-color: transparent;
	font-size: 13px;
	position: absolute;
	right: 0px;
	bottom: 10px;
	text-decoration: underline;
	color: #919191;
}

.page-des-de-casa .btn-custom:hover {
	color: #444444;
}

.page-des-de-casa .card-header {
	background-color: rgb(0, 128, 0);
	color: #fff;
	padding: 2px;
	display: flex;
}

.page-des-de-casa a.btn-verd {
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	float: right;
	bottom: 10px;
	position: absolute;
	margin: 0px;
	font-size: 13px;
	color: #fff !important;
	background-color: #008000;
}

.page-des-de-casa a.btn-verd::before {
	font-family: 'icoajuntament';
	content: '\e93d';
	color: #fff;
	margin-right: 5px;
}

.page-des-de-casa .btn-video {
	color: #fff !important;
	background-color: #008000;
	margin: 0px 0px 25px 0px;
}

.page-des-de-casa .card .card-reveal {
	overflow: auto !important;
}

.page-des-de-casa .view-content .view-group {
	padding: 0px 15px 0px 15px;
	font-size: 1.5em;
	font-weight: 400;
	opacity: 0.7;
	line-height: 1.2;
	display: block;
	pointer-events: none;
	cursor: default;
}

.page-des-de-casa #row-natura-des-de-casa .card-reveal a {
	color: #43BE87;
}

.page-des-de-casa .row.anchors a.temaFAQ.natura-des-de-casa {
	border-left: 4px solid #43BE87;
	color: #43BE87;
}

.page-des-de-casa #row-residus .card-reveal a {
	color: #8F8BFA;
}

.page-des-de-casa .row.anchors a.temaFAQ.residus {
	border-left: 4px solid #8F8BFA;
	color: #8F8BFA;
}

.page-des-de-casa #row-energia .card-reveal a {
	color: #DAA438;
}

.page-des-de-casa .row.anchors a.temaFAQ.energia {
	border-left: 4px solid #DAA438;
	color: #DAA438;
}

.page-des-de-casa #row-aigua .card-reveal a {
	color: #4CB7E3;
}

.page-des-de-casa .row.anchors a.temaFAQ.aigua {
	border-left: 4px solid #4CB7E3;
	color: #4CB7E3;
}

.page-des-de-casa #row-canvi-climatic-i-sostenibilitat .card-reveal a {
	color: #858579;
}

.page-des-de-casa .row.anchors a.temaFAQ.canvi-climatic {
	border-left: 4px solid #858579;
	color: #858579;
}

.page-des-de-casa #row-mobilitat .card-reveal a {
	color: #4463BE;
}

.page-des-de-casa .row.anchors a.temaFAQ.mobilitat {
	border-left: 4px solid #4463BE;
	color: #4463BE;
}

.page-des-de-casa #row-camina-i-escolta-la-ciutat .card-reveal a {
	color: #E34D4E;
}

.page-des-de-casa .row.anchors a.temaFAQ.camina-i-escolta-la-ciutat {
	border-left: 4px solid #E34D4E;
	color: #E34D4E;
}

.page-des-de-casa #row-urbanisme-i-paisatge-urba .card-reveal a {
	color: #438ABE;
}

.page-des-de-casa .row.anchors a.temaFAQ.urbanisme-i-paisatge-urba {
	border-left: 4px solid #438ABE;
	color: #438ABE;
}

.page-des-de-casa #row-ciencia-ciutadana .card-reveal a {
	color: #D64A93;
}

.page-des-de-casa .row.anchors a.temaFAQ.ciencia-ciutadana {
	border-left: 4px solid #D64A93;
	color: #D64A93;
}

.view-more-confinament {
	display: none;
}

@media (max-width:769px) {
	.page-des-de-casa .card {
		margin-top: 15px;
	}

	.page-des-de-casa .region-r2-full {
		padding: 0px;
	}

	.page-des-de-casa  .row.anchors .col-anchors:nth-child(1) a.temaFAQ {
		font-size: 1em;
		margin: 10px auto;
	}

	.page-des-de-casa  .row.anchors .col-anchors:nth-child(2) a.temaFAQ {
		font-size: 1em;
		margin: 10px auto;
	}

	.page-des-de-casa .row.anchors .col-anchors:nth-child(2) {
		margin-top: 0px;
	}

	.page-des-de-casa #plantilla01 {
		margin: 0px auto !important;
	}

	.page-des-de-casa .mbottom20 {
		margin-bottom: 0px !important;
	}

	.page-des-de-casa .region.region-content .views-row-odd {
		margin-top: 0px !important;
	}

	.page-des-de-casa #row-1, .page-des-de-casa #row-2, .page-des-de-casa #row-3, .page-des-de-casa #row-4, .page-des-de-casa #row-5, .page-des-de-casa #row-6, .page-des-de-casa #row-7, .page-des-de-casa #row-8, .page-des-de-casa #row-9 {
		margin: 0px -15px;
	}

	.page-des-de-casa .row.anchors a.temaFAQ {
		padding: 5px 10px;
		text-align: left;
		background-color: #f2f2f2;
		display: block;
		font-size: 1.2em;
		border-left: 2px solid #008000;
		transition: 0.2s;
		color: #000;
		margin: 5px 0px 0px 0px;
	}

	.page-des-de-casa .view-more-confinament {
		display: block;
		padding-bottom: 10px;
		cursor: pointer;
		border-bottom: 2px solid #666;
		margin-top: 30px;
	}

	.page-des-de-casa .view-more-confinament.active {
		border-bottom: none;
	}

	.page-des-de-casa .view-more-confinament.active-panel {
		border: none;
	}

	.page-des-de-casa .content-anchors {
		padding-bottom: 10px;
		border-bottom: 2px solid #666;
	}

	.page-des-de-casa .view-more-confinament::before {
		font-family: 'icoajuntament';
		content: '\e9b9';
		float: right;
	}

	.page-des-de-casa .view-more-confinament.active-panel::before {
		font-family: 'icoajuntament';
		content: '\e9bc';
		float: right;
	}

}

@media (max-width:1025px) {
	.page-des-de-casa .icon-up::after {
		margin-right: -15px;
	}

}

@media (max-width:991px) {
	.page-des-de-casa .icon-up::after {
		content: '\e97a';
		font-family: 'icoajuntament';
		color: #888;
		cursor: pointer;
		transform: rotate(-90deg);
		position: relative;
		top: unset;
		right: 10px;
		float: right;
		bottom: -20px;
		margin-right: 13px;
	}

}

/****confinament landing ca****/

/****confinament landing es****/
.page-desde-casa #region-r2-full {
	margin-top: 0px;
}

.page-desde-casa #plantilla01.mtop20, .page-desde-casa #plantilla01 .mbottom20 {
	margin: 0px auto !important;
}

.page-desde-casa .row.breadcrumb {
	background-color: transparent;
	display: inline-flex;
}

.page-desde-casa .row.breadcrumb a {
	margin: 0px 5px;
}

.page-desde-casa .row.breadcrumb a.disable {
	color: gray;
	pointer-events: none;
	cursor: default;
}

.page-desde-casa .container.mtop10.mbottom10 {
	display: none;
}

.page-desde-casa #region-r2-full {
	background-color: transparent;
	padding: 0px;
}

.page-desde-casa .row.row-intro-title-confinament h2 {
	text-align: left !important;
}

.page-desde-casa .row.row-intro-text-confinament {
	margin-bottom: 30px;
}

.page-desde-casa .row.anchors {
	margin-bottom: 15px;
}

.page-desde-casa .row.anchors:nth-last-child(1) {
	margin-bottom: 45px;
}

.page-desde-casa  .row.anchors a.temaFAQ {
	padding: 10px;
	text-align: center;
	background-color: #f2f2f2;
	display: block;
	font-size: 1.4em;
	border-left: 4px solid #008000;
	transition: 0.2s;
	color: #6D6d6d;
}

.page-desde-casa  .row.anchors a.temaFAQ:hover {
	background-color: #e0e0e0;
	transition: 0.2s;
	color: #474747;
}

.page-desde-casa .row.header-confinament {
	margin-right: -15px;
	margin-left: -15px;
}

.page-desde-casa .header-confinament .header-desktop {
	padding: 0px !important;
}

.page-desde-casa .header-confinament img {
	margin: 0px auto;
	clear: both;
	float: none;
	width: 100%;
	max-width: 100%;
}

.page-desde-casa .region.region-content .views-row-odd {
	height: auto;
	width: 100%;
	border: none;
	padding: 0px 0px 30px 0px !important;
	margin: 0px auto 30px auto !important;
	border-bottom: 1px solid #f4f4f4;
}

.page-desde-casa .icon-up:after {
	content: '\e97a';
	font-family: 'icoajuntament';
	color: #c4c4c4;
	cursor: pointer;
	transform: rotate(-90deg);
	position: relative;
	top: 300px;
	right: 0px;
	float: right;
	margin-right: -30px;
}

.page-desde-casa .card {
	margin-top: 30px;
	position: relative;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	height: 300px;
}

.page-desde-casa .card .card-content {
	padding: 15px;/* 25px;*/
	height: 100%;
}

.page-desde-casa .card .card-content .card-title span {
	color: rgb(51, 51, 51);
}

.page-desde-casa .card-reveal .card-title span {
	width: 80%;
	word-break: break-word;
}

.page-desde-casa .card .card-content .card-title span, .page-desde-casa .card-reveal .card-title span {
	font-size: 2em;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 20px;
	display: block;	/*pointer-events: none;*/
	cursor: default;
}

.page-desde-casa .card .card-reveal {
	padding: 20px 25px 25px 25px;
	position: absolute;
	background-color: #FFF;
	width: 100%;
	overflow-y: auto;
	left: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	display: none;
	background-color: #f4f4f4;
}

.page-desde-casa .card .card-reveal p {
	color: rgba(0, 0, 0, 0.71);
	margin: 15px 0px;
}

.page-desde-casa .card .card-reveal a {
	margin-top: 10px;
	margin-left: 5px;
	color: #008000;
	cursor: pointer;
	text-decoration: none;
	word-break: break-word;
}

.page-desde-casa .card-reveal .card-title span a::before {
	display: none;
}

.page-desde-casa .card .card-reveal a::before {
	font-family: 'icoajuntament';
	content: '\e93d';
	color: rgb(188, 188, 188);
	margin-right: 5px;
}

.page-desde-casa .card .card-reveal span.card-title {
	color: #008000;
}

.page-desde-casa .card .card-reveal i {
	color: #fff;
}

.page-desde-casa .btn-custom {
	background-color: transparent;
	font-size: 13px;
	position: absolute;
	right: 0px;
	bottom: 10px;
	text-decoration: underline;
	color: #919191;
}

.page-desde-casa .btn-custom:hover {
	color: #444444;
}

.page-desde-casa .card-header {
	background-color: rgb(0, 128, 0);
	color: #fff;
	padding: 2px;
	display: flex;
}

.page-desde-casa a.btn-verd {
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	float: right;
	bottom: 10px;
	position: absolute;
	margin: 0px;
	font-size: 13px;
	color: #fff !important;
	background-color: #008000;
}

.page-desde-casa a.btn-verd::before {
	font-family: 'icoajuntament';
	content: '\e93d';
	color: #fff;
	margin-right: 5px;
}

.page-desde-casa .btn-video {
	color: #fff !important;
	background-color: #008000;
	margin: 0px 0px 25px 0px;
}

.page-desde-casa .card .card-reveal {
	overflow: auto !important;
}

.page-desde-casa .view-content .view-group {
	padding: 0px 15px 0px 15px;
	font-size: 1.5em;
	font-weight: 400;
	opacity: 0.7;
	line-height: 1.2;
	display: block;
	pointer-events: none;
	cursor: default;
}

.page-desde-casa #row-natura-des-de-casa .card-reveal a {
	color: #43BE87;
}

.page-desde-casa .row.anchors a.temaFAQ.natura-des-de-casa {
	border-left: 4px solid #43BE87;
	color: #43BE87;
}

.page-desde-casa #row-residus .card-reveal a {
	color: #8F8BFA;
}

.page-desde-casa .row.anchors a.temaFAQ.residus {
	border-left: 4px solid #8F8BFA;
	color: #8F8BFA;
}

.page-desde-casa #row-energia .card-reveal a {
	color: #DAA438;
}

.page-desde-casa .row.anchors a.temaFAQ.energia {
	border-left: 4px solid #DAA438;
	color: #DAA438;
}

.page-desde-casa #row-aigua .card-reveal a {
	color: #4CB7E3;
}

.page-desde-casa .row.anchors a.temaFAQ.aigua {
	border-left: 4px solid #4CB7E3;
	color: #4CB7E3;
}

.page-desde-casa #row-canvi-climatic-i-sostenibilitat .card-reveal a {
	color: #858579;
}

.page-desde-casa .row.anchors a.temaFAQ.canvi-climatic {
	border-left: 4px solid #858579;
	color: #858579;
}

.page-desde-casa #row-mobilitat .card-reveal a {
	color: #4463BE;
}

.page-desde-casa .row.anchors a.temaFAQ.mobilitat {
	border-left: 4px solid #4463BE;
	color: #4463BE;
}

.page-desde-casa #row-camina-i-escolta-la-ciutat .card-reveal a {
	color: #E34D4E;
}

.page-desde-casa .row.anchors a.temaFAQ.camina-i-escolta-la-ciutat {
	border-left: 4px solid #E34D4E;
	color: #E34D4E;
}

.page-desde-casa #row-urbanisme-i-paisatge-urba .card-reveal a {
	color: #438ABE;
}

.page-desde-casa .row.anchors a.temaFAQ.urbanisme-i-paisatge-urba {
	border-left: 4px solid #438ABE;
	color: #438ABE;
}

.page-desde-casa #row-ciencia-ciutadana .card-reveal a {
	color: #D64A93;
}

.page-desde-casa .row.anchors a.temaFAQ.ciencia-ciutadana {
	border-left: 4px solid #D64A93;
	color: #D64A93;
}

.page-desde-casa .view-more-confinament {
	display: none;
}

@media (max-width:769px) {
	.page-desde-casa .card {
		margin-top: 15px;
	}

	.page-desde-casa .region-r2-full {
		padding: 0px;
	}

	.page-desde-casa  .row.anchors .col-anchors:nth-child(1) a.temaFAQ {
		font-size: 1em;
		margin: 10px auto;
	}

	.page-desde-casa  .row.anchors .col-anchors:nth-child(2) a.temaFAQ {
		font-size: 1em;
		margin: 10px auto;
	}

	.page-desde-casa .row.anchors .col-anchors:nth-child(2) {
		margin-top: 0px;
	}

	.page-desde-casa #plantilla01 {
		margin: 0px auto !important;
	}

	.page-desde-casa .mbottom20 {
		margin-bottom: 0px !important;
	}

	.page-desde-casa .region.region-content .views-row-odd {
		margin-top: 0px !important;
	}

	.page-desde-casa #row-1, .page-desde-casa #row-2, .page-desde-casa #row-3, .page-desde-casa #row-4, .page-desde-casa #row-5, .page-desde-casa #row-6, .page-desde-casa #row-7, .page-desde-casa #row-8, .page-desde-casa #row-9 {
		margin: 0px -15px;
	}

	.page-desde-casa .row.anchors a.temaFAQ {
		padding: 5px 10px;
		text-align: left;
		background-color: #f2f2f2;
		display: block;
		font-size: 1.2em;
		border-left: 2px solid #008000;
		transition: 0.2s;
		color: #000;
		margin: 5px 0px 0px 0px;
	}

	.page-desde-casa .view-more-confinament {
		display: block;
		padding-bottom: 10px;
		cursor: pointer;
		border-bottom: 2px solid #666;
		margin-top: 30px;
	}

	.page-desde-casa .view-more-confinament.active {
		border-bottom: none;
	}

	.page-desde-casa .view-more-confinament.active-panel {
		border: none;
	}

	.page-desde-casa .content-anchors {
		padding-bottom: 10px;
		border-bottom: 2px solid #666;
	}

	.page-desde-casa .view-more-confinament::before {
		font-family: 'icoajuntament';
		content: '\e9b9';
		float: right;
	}

	.page-desde-casa .view-more-confinament.active-panel::before {
		font-family: 'icoajuntament';
		content: '\e9bc';
		float: right;
	}

}

@media (max-width:1025px) {
	.page-desde-casa .icon-up::after {
		margin-right: -15px;
	}

}

@media (max-width:991px) {
	.page-desde-casa .icon-up::after {
		content: '\e97a';
		font-family: 'icoajuntament';
		color: #888;
		cursor: pointer;
		transform: rotate(-90deg);
		position: relative;
		top: unset;
		right: 10px;
		float: right;
		bottom: -20px;
		margin-right: 13px;
	}

}

/****confinament landing es****/

/****confinament landing en****/
.page-from-home #region-r2-full {
	margin-top: 0px;
}

.page-from-home #plantilla01.mtop20, .page-from-home #plantilla01 .mbottom20 {
	margin: 0px auto !important;
}

.page-from-home .row.breadcrumb {
	background-color: transparent;
	display: inline-flex;
}

.page-from-home .row.breadcrumb a {
	margin: 0px 5px;
}

.page-from-home .row.breadcrumb a.disable {
	color: gray;
	pointer-events: none;
	cursor: default;
}

.page-from-home .container.mtop10.mbottom10 {
	display: none;
}

.page-from-home #region-r2-full {
	background-color: transparent;
	padding: 0px;
}

.page-from-home .row.row-intro-title-confinament h2 {
	text-align: left !important;
}

.page-from-home .row.row-intro-text-confinament {
	margin-bottom: 30px;
}

.page-from-home .row.anchors {
	margin-bottom: 15px;
}

.page-from-home .row.anchors:nth-last-child(1) {
	margin-bottom: 45px;
}

.page-from-home  .row.anchors a.temaFAQ {
	padding: 10px;
	text-align: center;
	background-color: #f2f2f2;
	display: block;
	font-size: 1.4em;
	border-left: 4px solid #008000;
	transition: 0.2s;
	color: #6D6d6d;
}

.page-from-home  .row.anchors a.temaFAQ:hover {
	background-color: #e0e0e0;
	transition: 0.2s;
	color: #474747;
}

.page-from-home .row.header-confinament {
	margin-right: -15px;
	margin-left: -15px;
}

.page-from-home .header-confinament .header-desktop {
	padding: 0px !important;
}

.page-from-home .header-confinament img {
	margin: 0px auto;
	clear: both;
	float: none;
	width: 100%;
	max-width: 100%;
}

.page-from-home .region.region-content .views-row-odd {
	height: auto;
	width: 100%;
	border: none;
	padding: 0px 0px 30px 0px !important;
	margin: 0px auto 30px auto !important;
	border-bottom: 1px solid #f4f4f4;
}

.page-from-home .icon-up:after {
	content: '\e97a';
	font-family: 'icoajuntament';
	color: #c4c4c4;
	cursor: pointer;
	transform: rotate(-90deg);
	position: relative;
	top: 300px;
	right: 0px;
	float: right;
	margin-right: -30px;
}

.page-from-home .card {
	margin-top: 30px;
	position: relative;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	height: 300px;
}

.page-from-home .card .card-content {
	padding: 15px;/* 25px;*/
	height: 100%;
}

.page-from-home .card .card-content .card-title span {
	color: rgb(51, 51, 51);
}

.page-from-home .card-reveal .card-title span {
	width: 80%;
	word-break: break-word;
}

.page-from-home .card .card-content .card-title span, .page-from-home .card-reveal .card-title span {
	font-size: 2em;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 20px;
	display: block;
	pointer-events: none;
	cursor: default;
}

.page-from-home .card .card-reveal {
	padding: 20px 25px 25px 25px;
	position: absolute;
	background-color: #FFF;
	width: 100%;
	overflow-y: auto;
	left: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	display: none;
	background-color: #f4f4f4;
}

.page-from-home .card .card-reveal p {
	color: rgba(0, 0, 0, 0.71);
	margin: 15px 0px;
}

.page-from-home .card .card-reveal a {
	margin-top: 10px;
	margin-left: 5px;
	color: #008000;
	cursor: pointer;
	text-decoration: none;
	word-break: break-word;
}

.page-from-home .card-reveal .card-title span a::before {
	display: none;
}

.page-from-home .card .card-reveal a::before {
	font-family: 'icoajuntament';
	content: '\e93d';
	color: rgb(188, 188, 188);
	margin-right: 5px;
}

.page-from-home .card .card-reveal span.card-title {
	color: #008000;
}

.page-from-home .card .card-reveal i {
	color: #fff;
}

.page-from-home .btn-custom {
	background-color: transparent;
	font-size: 13px;
	position: absolute;
	right: 0px;
	bottom: 10px;
	text-decoration: underline;
	color: #919191;
}

.page-from-home .btn-custom:hover {
	color: #444444;
}

.page-from-home .card-header {
	background-color: rgb(0, 128, 0);
	color: #fff;
	padding: 2px;
	display: flex;
}

.page-from-home a.btn-verd {
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	float: right;
	bottom: 10px;
	position: absolute;
	margin: 0px;
	font-size: 13px;
	color: #fff !important;
	background-color: #008000;
}

.page-from-home a.btn-verd::before {
	font-family: 'icoajuntament';
	content: '\e93d';
	color: #fff;
	margin-right: 5px;
}

.page-from-home .btn-video {
	color: #fff !important;
	background-color: #008000;
	margin: 0px 0px 25px 0px;
}

.page-from-home .card .card-reveal {
	overflow: auto !important;
}

.page-from-home .view-content .view-group {
	padding: 0px 15px 0px 15px;
	font-size: 1.5em;
	font-weight: 400;
	opacity: 0.7;
	line-height: 1.2;
	display: block;
	pointer-events: none;
	cursor: default;
}

.page-from-home #row-natura-des-de-casa .card-reveal a {
	color: #43BE87;
}

.page-from-home .row.anchors a.temaFAQ.natura-des-de-casa {
	border-left: 4px solid #43BE87;
	color: #43BE87;
}

.page-from-home #row-residus .card-reveal a {
	color: #8F8BFA;
}

.page-from-home .row.anchors a.temaFAQ.residus {
	border-left: 4px solid #8F8BFA;
	color: #8F8BFA;
}

.page-from-home #row-energia .card-reveal a {
	color: #DAA438;
}

.page-from-home .row.anchors a.temaFAQ.energia {
	border-left: 4px solid #DAA438;
	color: #DAA438;
}

.page-from-home #row-aigua .card-reveal a {
	color: #4CB7E3;
}

.page-from-home .row.anchors a.temaFAQ.aigua {
	border-left: 4px solid #4CB7E3;
	color: #4CB7E3;
}

.page-from-home #row-canvi-climatic-i-sostenibilitat .card-reveal a {
	color: #858579;
}

.page-from-home .row.anchors a.temaFAQ.canvi-climatic {
	border-left: 4px solid #858579;
	color: #858579;
}

.page-from-home #row-mobilitat .card-reveal a {
	color: #4463BE;
}

.page-from-home .row.anchors a.temaFAQ.mobilitat {
	border-left: 4px solid #4463BE;
	color: #4463BE;
}

.page-from-home #row-camina-i-escolta-la-ciutat .card-reveal a {
	color: #E34D4E;
}

.page-from-home .row.anchors a.temaFAQ.camina-i-escolta-la-ciutat {
	border-left: 4px solid #E34D4E;
	color: #E34D4E;
}

.page-from-home #row-urbanisme-i-paisatge-urba .card-reveal a {
	color: #438ABE;
}

.page-from-home .row.anchors a.temaFAQ.urbanisme-i-paisatge-urba {
	border-left: 4px solid #438ABE;
	color: #438ABE;
}

.page-from-home #row-ciencia-ciutadana .card-reveal a {
	color: #D64A93;
}

.page-from-home .row.anchors a.temaFAQ.ciencia-ciutadana {
	border-left: 4px solid #D64A93;
	color: #D64A93;
}

.page-from-home .view-more-confinament {
	display: none;
}

@media (max-width:769px) {
	.page-from-home .card {
		margin-top: 15px;
	}

	.page-from-home .region-r2-full {
		padding: 0px;
	}

	.page-from-home  .row.anchors .col-anchors:nth-child(1) a.temaFAQ {
		font-size: 1em;
		margin: 10px auto;
	}

	.page-from-home  .row.anchors .col-anchors:nth-child(2) a.temaFAQ {
		font-size: 1em;
		margin: 10px auto;
	}

	.page-from-home .row.anchors .col-anchors:nth-child(2) {
		margin-top: 0px;
	}

	.page-from-home #plantilla01 {
		margin: 0px auto !important;
	}

	.page-from-home .mbottom20 {
		margin-bottom: 0px !important;
	}

	.page-from-home .region.region-content .views-row-odd {
		margin-top: 0px !important;
	}

	.page-from-home #row-1, .page-from-home #row-2, .page-from-home #row-3, .page-from-home #row-4, .page-from-home #row-5, .page-from-home #row-6, .page-from-home #row-7, .page-from-home #row-8, .page-from-home #row-9 {
		margin: 0px -15px;
	}

	.page-from-home .row.anchors a.temaFAQ {
		padding: 5px 10px;
		text-align: left;
		background-color: #f2f2f2;
		display: block;
		font-size: 1.2em;
		border-left: 2px solid #008000;
		transition: 0.2s;
		color: #000;
		margin: 5px 0px 0px 0px;
	}

	.page-from-home .view-more-confinament {
		display: block;
		padding-bottom: 10px;
		cursor: pointer;
		border-bottom: 2px solid #666;
		margin-top: 30px;
	}

	.page-from-home .view-more-confinament.active {
		border-bottom: none;
	}

	.page-from-home .view-more-confinament.active-panel {
		border: none;
	}

	.page-from-home .content-anchors {
		padding-bottom: 10px;
		border-bottom: 2px solid #666;
	}

	.page-from-home .view-more-confinament::before {
		font-family: 'icoajuntament';
		content: '\e9b9';
		float: right;
	}

	.page-from-home .view-more-confinament.active-panel::before {
		font-family: 'icoajuntament';
		content: '\e9bc';
		float: right;
	}

}

@media (max-width:1025px) {
	.page-from-home .icon-up::after {
		margin-right: -15px;
	}

}

@media (max-width:991px) {
	.page-from-home .icon-up::after {
		content: '\e97a';
		font-family: 'icoajuntament';
		color: #888;
		cursor: pointer;
		transform: rotate(-90deg);
		position: relative;
		top: unset;
		right: 10px;
		float: right;
		bottom: -20px;
		margin-right: 13px;
	}

}

/****confinament landing en****/

/****protegim les escoles****/
.page-node-3484 #region-r2-full,
.page-node-3485 #region-r2-fullv,
.page-node-3477  #region-r2-full {
	background-color: transparent;
}

.page-node-3484 .row,
.page-node-3485 .row,
.page-node-3477 .row {
	margin-left: -15px;
	margin-right: -15px;
}

.page-node-3484 .row.header,
.page-node-3485 .row.header,
.page-node-3477  .row.header {
	background-color: transparent;
}

.page-node-3484 .parallax,
.page-node-3485 .parallax,
.header-protegim-escoles-desktop .parallax {
	/* The image used */
	background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/escoles/escoles-header.jpg");  /* Set a specific height */
	height: 400px;  /* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;  /*background-size: 100%;*/
	background-size: cover;
}

.content-escoles p {
	margin-bottom: 18px;
}

.page-node-3484 .row.iconos.container-fluid,
.page-node-3485 .row.iconos.container-fluid,
.page-node-3477 .row.iconos.container-fluid {
	background-color: #f2f2f2;
	margin-top: 25px !important;
}

.page-node-3484 .row.iconos.container-fluid .container p,
.page-node-3485 .row.iconos.container-fluid .container p,
.page-node-3477 .row.iconos.container-fluid .container p {
	margin-bottom: 18px;
}

.page-node-3484 .row.iconos.container-fluid .container .row.iconos,
.page-node-3485 .row.iconos.container-fluid .container .row.iconos,
.page-node-3477 .row.iconos.container-fluid .container .row.iconos {
	text-align: center;
}

.page-node-3484 .container.content-escoles,
.page-node-3485 .container.content-escoles,
.page-node-3477 .container.content-escoles {
	margin-top: 50px;
}

.page-node-3484 .container.content-escoles h2,
.page-node-3485 .container.content-escoles h2,
.page-node-3477 .container.content-escoles h2 {
	margin: 0px 0px 25px 0px;
	font-size: 2em;
	text-align: left;
}

.page-node-3484 #plantilla01 h2,
.page-node-3485 #plantilla01 h2,
.page-node-3477 #plantilla01 h2 {
	padding: 0px;
}

.page-node-3484 .block-title-map h2,
.page-node-3485 .block-title-map h2,
.page-node-3477 .block-title-map h2 {
	margin: 0px 0px 25px 0px;
	font-size: 2em;
	text-align: left;
	padding-top: 4rem;
}

.page-node-3484 .bcn-icons,
.page-node-3485 .bcn-icons,
.page-node-3477 .bcn-icons {
	background-color: #080;
	display: inline-block;
	height: 95px;
	width: 95px;
	border-radius: 50px;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 15px;
}

.page-node-3484 .bcn-icons span,
.page-node-3485 .bcn-icons span,
.page-node-3477 .bcn-icons span {
	font-size: 75px;
	color: #FFF;
}

@media (max-width:769px) {
	.header-protegim-escoles-desktop .parallax {
		height: 200px;
		background-attachment: inherit;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.page-node-3484 .region-r2-full,
	.page-node-3485 .region-r2-full,
	.page-node-3477 .region-r2-full {
		padding: 0px 0px 0px 0px;
	}

	.page-node-3484 .row.iconos.container-fluid .container .row.iconos h3,
	.page-node-3485 .row.iconos.container-fluid .container .row.iconos h3,
	.page-node-3477 .row.iconos.container-fluid .container .row.iconos h3 {
		margin: 15px 0px;
	}

}

/****protegim les escoles****/



/***BCN MAPS***/
.goog-trans-section .bcn-map-detall-content{
	margin-top: 15px;
}
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-galeria.with-image{
	height: 210px;
}
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-galeria.with-image img.bcn-map-detall-galeria-imatge{
	width: 100%;
	height: auto;
}
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-informacio h3{
	font-size: 16px;
	letter-spacing: 0px;
	margin: 0px 0px 5px 0px;
	line-height: 1.2;
}
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-informacio b{
	font-weight: 700!important;
}
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-informacio a,
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-informacio b,
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-informacio p{
	line-height: 1.2;
	margin: 0px 0px 15px 0px;
	font-size: 14px;
}
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-informacio ul.bcn-map-detall-on li,
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-informacio ul.bcn-map-detall-telefons li,
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-informacio ul.bcn-map-detall-webs li,
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-informacio ul.bcn-map-detall-emails li{
	line-height: 1.2;
}
.goog-trans-section .bcn-map-detall-content #bcn-map-detall-info .relacions ul li,
.goog-trans-section .bcn-map-detall-content ul.bcn-map-detall-tabs li,
.goog-trans-section .bcn-map-detall-content .bcn-map-detall-mesinfo p{
	line-height: 1.2;
}
.goog-trans-section .bcn-map-detall-content #bcn-map-detall-info .relacions h3{
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	letter-spacing: 0;
}
/***BCN MAPS***/


/***faqs***/
page-node-3522 


.page-node-3520 .row.fleft.w750,
.page-node-3521 .row.fleft.w750,
.page-node-3522 .row.fleft.w750{
	/*width: 100%;*/
	padding-right: 15px;
}
.page-node-3520 .row.fleft.w750 .container-acordeones,
.page-node-3521 .row.fleft.w750 .container-acordeones,
.page-node-3522 .row.fleft.w750 .container-acordeones{
	margin-top: -20px;
}
.page-node-3520 .col-xs-12.mbottom20 h2,
.page-node-3521 .col-xs-12.mbottom20 h2,
.page-node-3522 .col-xs-12.mbottom20 h2{
	margin-bottom: 20px;
}

.page-node-3520 .table-responsive,
.page-node-3521 .table-responsive,
.page-node-3522 .table-responsive{
	padding: 10px;
}
.page-node-3520 .table-responsive table,
.page-node-3521 .table-responsive table,
.page-node-3522 .table-responsive table{
	width: 100%;
}

.page-node-3520 .table-responsive table td,
.page-node-3521 .table-responsive table td,
.page-node-3522 .table-responsive table td{
	border-bottom: 1px solid #008000;
	padding: 5px 0px;
}

.page-node-3520 .table-responsive table p,
.page-node-3521 .table-responsive table p,
.page-node-3522 .table-responsive table p{
	margin-bottom: 0px!important;
}
/***faqs***/

.page-residuo-cerosemana-europea-prevencion-residuos #zone-row-3-wrapper,
.page-residu-zerosetmana-europea-prevencio-residus #zone-row-3-wrapper{
  background-color: #F2F2F2;
  margin-top: 25px;
}

.page-residuo-cerosemana-europea-prevencion-residuos h2.prev-residus,
.page-residu-zerosetmana-europea-prevencio-residus h2.prev-residus{
    /*padding: 0px 15px;*/
    font-size: 2em !important;
    margin: 15px 0px 30px 0px;
}
.page-residuo-cerosemana-europea-prevencion-residuos h2.prev-residus.last,
.page-residu-zerosetmana-europea-prevencio-residus h2.prev-residus.last{
	margin-top: 25px;
}

.page-residuo-cerosemana-europea-prevencion-residuos .event-date,
.page-residu-zerosetmana-europea-prevencio-residus .event-date{
	font-size: 16px;
	margin: 10px 0 20px 0;
	padding: 0;
	color: #666;
	display: block;
}
.page-residuo-cerosemana-europea-prevencion-residuos .row.accio-destacada .event-date::after,
.page-residu-zerosetmana-europea-prevencio-residus .row.accio-destacada .event-date::after {
    width: 100%;
    height: 1px;
    background-color: #666;
    content: '';
    display: block;
    margin-top: 5px;
}
.page-residuo-cerosemana-europea-prevencion-residuos .row.altres-accions .event-date::after,
.page-residu-zerosetmana-europea-prevencio-residus .row.altres-accions .event-date::after {
	width: 60%;
	height: 1px;
    background-color: #666;
    content: '';
    display: block;
    margin-top: 5px;
}
.page-residuo-cerosemana-europea-prevencion-residuos .row.historic,
.page-residu-zerosetmana-europea-prevencio-residus .row.historic{
	margin-top: 25px;
}
.page-residuo-cerosemana-europea-prevencion-residuos h4.prev-residus,
.page-residu-zerosetmana-europea-prevencio-residus h4.prev-residus{
  color: rgb(0, 128, 0);
  font-family: "Source Sans Pro", sans-serif;
  font-feature-settings: normal;
  font-size: 24px;
  font-size-adjust: none;
  font-stretch: 100%;
  font-weight: 500;
  letter-spacing: -0.7488px;
  line-height: 26px;
  margin-bottom: 5px;
  width: 60%;
}
.page-residuo-cerosemana-europea-prevencion-residuos .row.accio-destacada .residu-green-btn,
.page-residu-zerosetmana-europea-prevencio-residus .row.accio-destacada .residu-green-btn{
	background-color: rgb(0,128,0);
	padding:5px 20px;
	color: #fff;
	margin: 15px 0px 0px 0px;
	display: inline-block;
}
.page-residuo-cerosemana-europea-prevencion-residuos .row.altres-accions .residu-green-btn,
.page-residu-zerosetmana-europea-prevencio-residus .row.altres-accions .residu-green-btn{
	background-color: transparent;
	/*padding:5px 20px;*/
	color: rgb(0,128,0);
	margin: 15px 0px 0px 0px;
	display: inline-block;	
	text-decoration: underline;
}
.page-residuo-cerosemana-europea-prevencion-residuos .row.altres-accions .row,
.page-residu-zerosetmana-europea-prevencio-residus .row.altres-accions .row,
.page-residuo-cerosemana-europea-prevencion-residuos .row.accio-destacada .row,
.page-residu-zerosetmana-europea-prevencio-residus .row.accio-destacada .row{
	padding: 0px;
	margin: 0px -15px 0px -15px;
}
.page-residuo-cerosemana-europea-prevencion-residuos .row.altres-accions .row p,
.page-residu-zerosetmana-europea-prevencio-residus .row.altres-accions .row p,
.page-residuo-cerosemana-europea-prevencion-residuos .row.accio-destacada .row p,
.page-residu-zerosetmana-europea-prevencio-residus .row.accio-destacada .row p{
	margin-bottom: 10px;
}

.page-residuo-cerosemana-europea-prevencion-residuos .row.altres-accions,
.page-residu-zerosetmana-europea-prevencio-residus .row.altres-accions{
	margin-top: 25px!important;
}
.page-residuo-cerosemana-europea-prevencion-residuos .row.accio-destacada .row.videos,
.page-residu-zerosetmana-europea-prevencio-residus .row.accio-destacada .row.videos{
	margin-top: 30px;
	/*display: none;*/
}
.page-residuo-cerosemana-europea-prevencion-residuos .row.altres-accions.first,
.page-residu-zerosetmana-europea-prevencio-residus .row.altres-accions.first{
	margin-top: 0px!important;
}

.page-residuo-cerosemana-europea-prevencion-residuos .row.accio-destacada:after,
.page-residu-zerosetmana-europea-prevencio-residus .row.accio-destacada:after{
  width: 100%;
  margin: 25px auto 0px auto;
  /*height: 1px;*/
  /*background-color: rgb(0,128,0);*/
  display: inline-block;
  padding: 1px;
  position: relative;
  text-align: center;
}


@media (max-width:992px) {
	.page-residuo-cerosemana-europea-prevencion-residuos .video-resiu,
	.page-residu-zerosetmana-europea-prevencio-residus .video-resiu{
		margin-bottom: 25px;
	}
	.page-residuo-cerosemana-europea-prevencion-residuos h4.prev-residus,
	.page-residu-zerosetmana-europea-prevencio-residus h4.prev-residus{
		width: 100%;
	}
	.page-residuo-cerosemana-europea-prevencion-residuos .row.accio-destacada .row.flex-video,
	.page-residu-zerosetmana-europea-prevencio-residus .row.accio-destacada .row.flex-video{
		display: flex;
		flex-wrap: wrap-reverse;
	}
	.page-residuo-cerosemana-europea-prevencion-residuos .row.altres-accions .event-date::after,
	.page-residu-zerosetmana-europea-prevencio-residus .row.altres-accions .event-date::after {
		width: 100%;
	}

}

.page-residuo-cerosemana-europea-prevencion-residuos #page-wrapper #content .row.accio-destacada .row.videos,
.page-residu-zerosetmana-europea-prevencio-residus #page-wrapper #content .row.accio-destacada .row.videos {
	margin-top: 25px!important;
}

/***Urbanisme tactic***/
.page-urbanismotactico .parallax,
.page-tacticalurbanism .parallax,
.page-urbanismetactic .parallax {
	/* The image used */
	background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/urbanismetactic/header.jpg");  /* Set a specific height */
	height: 400px;  /* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-urbanismotactico .row,
.page-tacticalurbanism .row,
.page-urbanismetactic .row{
	margin-right: -15px;
	margin-left: -15px;
}

.page-urbanismotactico #region-r2-full,
.page-tacticalurbanism #region-r2-full,
.page-urbanismetactic #region-r2-full {
    background-color: #fff;
    margin-top: 0px;
}

.page-urbanismotactico .container.mtop10.mbottom10 .migas.mleft5,
.page-tacticalurbanism .container.mtop10.mbottom10 .migas.mleft5,
.page-urbanismetactic .container.mtop10.mbottom10 .migas.mleft5 {
    display: none;
}

.page-urbanismotactico .row.iconos.container-fluid,
.page-tacticalurbanism .row.iconos.container-fluid,
.page-urbanismetactic .row.iconos.container-fluid{
    background-color: #f2f2f2;
    margin-top: 25px !important;
}

.page-urbanismotactico .row.iconos.container-fluid .container .row.iconos,
.page-tacticalurbanism .row.iconos.container-fluid .container .row.iconos,
.page-urbanismetactic .row.iconos.container-fluid .container .row.iconos {
    text-align: center;
}

.page-urbanismotactico .bcn-icons,
.page-tacticalurbanism .bcn-icons,
.page-urbanismetactic .bcn-icons{
	/*background-color: #080;*/
	display: inline-block;
	height: 95px;
	width: 95px;
	border-radius: 50%;
	/*padding-left: 10px;*/
	/*padding-top: 10px;*/
	margin-bottom: 15px;
	overflow: hidden;
	vertical-align: middle;
	line-height: 80px;
}

.page-urbanismotactico .bcn-icons,
.page-tacticalurbanism .bcn-icons,
.page-urbanismetactic .bcn-icons{
    font-size: 65px;
    color: #FFF;
}
.page-urbanismotactico .bcn-icons img,
.page-tacticalurbanism .bcn-icons img,
.page-urbanismetactic .bcn-icons img{
    width: 60px;
    height: 60px;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    position: relative;
}
.page-urbanismotactico .bcn-icons span:before,
.page-tacticalurbanism .bcn-icons span:before,
.page-urbanismetactic .bcn-icons span:before{
    display: block;
    text-align: center;
}
.page-urbanismotactico .row.pestanyes .row.cards,
.page-tacticalurbanism .row.pestanyes .row.cards,
.page-urbanismetactic .row.pestanyes .row.cards{
	display: flex;
}
.page-urbanismotactico .row.pestanyes .row h2,
.page-tacticalurbanism .row.pestanyes .row h2,
.page-urbanismetactic .row.pestanyes .row h2{
	margin: 25px 0px;
	font-size: 2em;
	text-align: center;
}
.page-urbanismotactico .row.pestanyes .row p,
.page-tacticalurbanism .row.pestanyes .row p,
.page-urbanismetactic .row.pestanyes .row p{
	text-align: center;
}
.page-urbanismotactico .row.pestanyes .row.cards .pestanya,
.page-tacticalurbanism .row.pestanyes .row.cards .pestanya,
.page-urbanismetactic .row.pestanyes .row.cards .pestanya{
	padding: 20px;
	border-bottom: 1px solid #e3e3e3;
}
.page-urbanismotactico .row.pestanyes .row.cards .pestanya p,
.page-tacticalurbanism .row.pestanyes .row.cards .pestanya p,
.page-urbanismetactic .row.pestanyes .row.cards .pestanya p{
	text-align: left;
}
.page-urbanismotactico .row.pestanyes .row.cards .pestanya h3,
.page-tacticalurbanism .row.pestanyes .row.cards .pestanya h3,
.page-urbanismetactic .row.pestanyes .row.cards .pestanya h3{
	color: #008000;
	margin: 15px 0px;
}
.page-urbanismotactico .row.pestanyes .row.cards .pestanya-center,
.page-tacticalurbanism .row.pestanyes .row.cards .pestanya-center,
.page-urbanismetactic .row.pestanyes .row.cards .pestanya-center{
	padding: 20px;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}
.page-urbanismotactico .row.pestanyes .row.cards .pestanya img,
.page-tacticalurbanism .row.pestanyes .row.cards .pestanya img,
.page-urbanismetactic .row.pestanyes .row.cards .pestanya img{
	width: 100%;
}
.page-urbanismotactico .row.pestanyes .row.cards .pestanya i,
.page-tacticalurbanism .row.pestanyes .row.cards .pestanya i,
.page-urbanismetactic .row.pestanyes .row.cards .pestanya i{
	color: #008000 !important;
	float: right;
	margin-top: 20px;
	visibility: hidden;
}

.page-urbanismotactico .row.pestanyes .row.cards .pestanya:hover,
.page-tacticalurbanism .row.pestanyes .row.cards .pestanya:hover,
.page-urbanismetactic .row.pestanyes .row.cards .pestanya:hover{
	box-shadow: inset -5px -5px 5px #ccc;
}
.page-urbanismotactico .row.pestanyes .row.cards .pestanya:hover i,
.page-tacticalurbanism .row.pestanyes .row.cards .pestanya:hover i,
.page-urbanismetactic .row.pestanyes .row.cards .pestanya:hover i{
	visibility: visible;
}

.page-urbanismotactico .row.iconos .txt-icon,
.page-tacticalurbanism .row.iconos .txt-icon,
.page-urbanismetactic .row.iconos .txt-icon {
    /*margin-top: -20px;*/
    margin-bottom: 20px;
}

@media (max-width:769px) {
	.page-urbanismotactico .row.iconos h2,
	.page-tacticalurbanism .row.iconos h2,
	.page-urbanismetactic .row.iconos h2 {
		text-align: center!important;
	}
	.page-urbanismotactico .region.region-content .col-sm-6,
	.page-tacticalurbanism .region.region-content .col-sm-6,
	.page-urbanismetactic .region.region-content .col-sm-6 {
		width: 100%;
	}
	.page-urbanismotactico .parallax,
	.page-tacticalurbanism .parallax,
	.page-urbanismetactic .parallax {
		background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/urbanismetactic/header.jpg");
		height: 200px;
		background-attachment: inherit;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.page-urbanismotactico .row.iconos.container-fluid .container .row.iconos,
	.page-tacticalurbanism .row.iconos.container-fluid .container .row.iconos,
	.page-urbanismetactic .row.iconos.container-fluid .container .row.iconos,
	.page-urbanismotactico .row.iconos.container-fluid,
	.page-tacticalurbanism .row.iconos.container-fluid,
	.page-urbanismetactic .row.iconos.container-fluid {
	    margin: 25px 0px!important;
	}
	.page-urbanismotactico .row.pestanyes.container-fluid .container .intro-text,
	.page-tacticalurbanism .row.pestanyes.container-fluid .container .intro-text,
	.page-urbanismetactic .row.pestanyes.container-fluid .container .intro-text{
	    margin-bottom: 25px;
	}
	.page-urbanismotactico .row.pestanyes .row.cards .pestanya i,
	.page-tacticalurbanism .row.pestanyes .row.cards .pestanya i,
	.page-urbanismetactic .row.pestanyes .row.cards .pestanya i{
		display: none;
	}
}

@media (max-width:500px) {
	.page-urbanismotactico .row.iconos .txt-icon,
	.page-tacticalurbanism .row.iconos .txt-icon,
	.page-urbanismetactic .row.iconos .txt-icon {
	    /*margin-top: -20px;*/
	    margin-bottom: 20px;
	}
	.page-urbanismotactico .region-r2-full,
	.page-tacticalurbanism .region-r2-full,
	.page-urbanismetactic .region-r2-full {
	    padding: 0px;
	}
	.page-urbanismotactico .row.pestanyes.container-fluid .container .intro-text,
	.page-tacticalurbanism .row.pestanyes.container-fluid .container .intro-text,
	.page-urbanismetactic .row.pestanyes.container-fluid .container .intro-text{
	    margin-bottom: 25px!important;
	}
	.page-urbanismotactico .row.pestanyes .row.cards,
	.page-tacticalurbanism .row.pestanyes .row.cards,
	.page-urbanismetactic .row.pestanyes .row.cards{
		display: block;
	}
	.page-urbanismotactico .row.pestanyes .row.cards .pestanya-center,
	.page-tacticalurbanism .row.pestanyes .row.cards .pestanya-center,
	.page-urbanismetactic .row.pestanyes .row.cards .pestanya-center,
	.page-urbanismotactico .row.pestanyes .row.cards .pestanya,
	.page-tacticalurbanism .row.pestanyes .row.cards .pestanya,
	.page-urbanismetactic .row.pestanyes .row.cards .pestanya{
		padding: 20px;
		border: 1px solid #e3e3e3;
	}
}
/***Urbanisme tactic***/


/***Sembra Natura***/
.page-sembra-natura .parallax,
.page-sow-nature .parallax,
.page-siembra-naturaleza .parallax {
	/* The image used */
	background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/urbanismetactic/sembra-natura.png");  /* Set a specific height */
	height: 400px;  /* Create the parallax scrolling effect */
	/*background-attachment: fixed;*/
	background-position: center;
	background-repeat: no-repeat;
	/*background-size: cover;*/
}

.page-sembra-natura .row.header2,
.page-sow-nature .row.header2,
.page-siembra-naturaleza .row.header2 {
    background-color: #FFFFF !important;
}

.page-sembra-natura .row,
.page-sow-nature .row,
.page-siembra-naturaleza .row{
	margin-right: -15px;
	margin-left: -15px;
}

.page-sembra-natura #region-r2-full,
.page-sow-nature #region-r2-full,
.page-siembra-naturaleza #region-r2-full {
    background-color: #fff;
    margin-top: 0px;
}

.page-sembra-natura .container.mtop10.mbottom10 .migas.mleft5,
.page-sow-nature .container.mtop10.mbottom10 .migas.mleft5,
.page-siembra-naturaleza .container.mtop10.mbottom10 .migas.mleft5 {
    display: none;
}

.page-sembra-natura .row.iconos.container-fluid,
.page-sow-nature .row.iconos.container-fluid,
.page-siembra-naturaleza .row.iconos.container-fluid{
    background-color: #f2f2f2;
    margin-top: 25px !important;
}

.page-sembra-natura #zone-row-3-wrapper,
.page-sow-nature #zone-row-3-wrapper,
.page-siembra-naturaleza #zone-row-3-wrapper{
  background-color: #F2F2F2;
  margin-top: 25px;
}

.page-sembra-natura h2.prev-residus,
.page-sow-nature h2.prev-residus,
.page-siembra-naturaleza h2.prev-residus{
    /*padding: 0px 15px;*/
    font-size: 2em !important;
    margin: 15px 0px 30px 0px;
}

.page-sembra-natura p.post-residus,
.page-sow-nature p.post-residus,
.page-siembra-naturaleza p.post-residus{
    color: #666;
    margin-bottom: 40px;
}

.page-sembra-natura .video-resiu,
.page-sow-nature .video-resiu,
.page-siembra-naturaleza .video-resiu{
    margin-bottom: 40px;
}

/*.page-sembra-natura .iconos h3,
.page-sow-nature .iconos h3,
.page-siembra-naturaleza .iconos h3{
    text-align: center;
}*/

.page-sembra-natura .tres-en-row strong,
.page-sow-nature .iconos strong,
.page-siembra-naturaleza .iconos strong{
    font-weight: 700;
}

.page-sembra-natura #plantilla01 h2,
.page-sow-nature #plantilla01 h2,
.page-siembra-naturaleza #plantilla01 h2{
    padding: 0;
}


.page-sembra-natura .row.iconos.container-fluid .container .row.iconos,
.page-sow-nature .row.iconos.container-fluid .container .row.iconos,
.page-siembra-naturaleza .row.iconos.container-fluid .container .row.iconos {
    text-align: center;
}

.page-sembra-natura .bcn-icons,
.page-sow-nature .bcn-icons,
.page-siembra-naturaleza .bcn-icons{
	/*background-color: #080;*/
	display: inline-block;
	height: 95px;
	width: 95px;
	border-radius: 50%;
	/*padding-left: 10px;*/
	/*padding-top: 10px;*/
	margin-bottom: 15px;
	overflow: hidden;
	vertical-align: middle;
	line-height: 80px;
}

.page-sembra-natura .bcn-icons,
.page-sow-nature .bcn-icons,
.page-siembra-naturaleza .bcn-icons{
    font-size: 65px;
    color: #FFF;
}
.page-sembra-natura .bcn-icons img,
.page-sow-nature .bcn-icons img,
.page-siembra-naturaleza .bcn-icons img{
    width: 60px;
    height: 60px;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    position: relative;
}
.page-sembra-natura .bcn-icons span:before,
.page-sow-nature .bcn-icons span:before,
.page-siembra-naturaleza .bcn-icons span:before{
    display: block;
    text-align: center;
}
.page-sembra-natura .row.pestanyes .row.cards,
.page-sow-nature .row.pestanyes .row.cards,
.page-siembra-naturaleza .row.pestanyes .row.cards{
	display: flex;
}
.page-sembra-natura .row.pestanyes .row h2,
.page-sow-nature .row.pestanyes .row h2,
.page-siembra-naturaleza .row.pestanyes .row h2{
	margin: 25px 0px;
	font-size: 2em;
	text-align: center;
}
.page-sembra-natura .row.pestanyes .row p,
.page-sow-nature .row.pestanyes .row p,
.page-siembra-naturaleza .row.pestanyes .row p{
	text-align: center;
}
.page-sembra-natura .row.pestanyes .row.cards .pestanya,
.page-sow-nature .row.pestanyes .row.cards .pestanya,
.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya{
	padding: 20px;
	border-bottom: 1px solid #e3e3e3;
}
.page-sembra-natura .row.pestanyes .row.cards .pestanya p,
.page-sow-nature .row.pestanyes .row.cards .pestanya p,
.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya p{
	text-align: left;
}
.page-sembra-natura .row.pestanyes .row.cards .pestanya h3,
.page-sow-nature .row.pestanyes .row.cards .pestanya h3,
.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya h3{
	color: #008000;
	margin: 15px 0px;
}
.page-sembra-natura .row.pestanyes .row.cards .pestanya-center,
.page-sow-nature .row.pestanyes .row.cards .pestanya-center,
.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya-center{
	padding: 20px;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}
.page-sembra-natura .row.pestanyes .row.cards .pestanya img,
.page-sow-nature .row.pestanyes .row.cards .pestanya img,
.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya img{
	width: 100%;
}
.page-sembra-natura .row.pestanyes .row.cards .pestanya i,
.page-sow-nature .row.pestanyes .row.cards .pestanya i,
.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya i{
	color: #008000 !important;
	float: right;
	margin-top: 20px;
	visibility: hidden;
}

.page-sembra-natura .row.pestanyes .row.cards .pestanya:hover,
.page-sow-nature .row.pestanyes .row.cards .pestanya:hover,
.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya:hover{
	box-shadow: inset -5px -5px 5px #ccc;
}
.page-sembra-natura .row.pestanyes .row.cards .pestanya:hover i,
.page-sow-nature .row.pestanyes .row.cards .pestanya:hover i,
.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya:hover i{
	visibility: visible;
}

.page-sembra-natura .row.iconos .txt-icon,
.page-sow-nature .row.iconos .txt-icon,
.page-siembra-naturaleza .row.iconos .txt-icon {
    /*margin-top: -20px;*/
    margin-bottom: 20px;
}
.page-sembra-natura .row.iconos .columns .box-icon,
.page-sow-nature .row.iconos .columns .box-icon,
.page-siembra-naturaleza .row.iconos .columns .box-icon{
	display: inline-flex;
	width: 100%;
}
.page-sembra-natura .row.iconos .columns .box-icon a ,
.page-sow-nature .row.iconos .columns .box-icon a,
.page-siembra-naturaleza .row.iconos .columns .box-icon a {
    display: flex;
    vertical-align: middle;
    text-align: left;
    width: auto;
}
.page-sembra-natura .row.iconos .columns .box-icon a  img,
.page-sow-nature .row.iconos .columns .box-icon a img,
.page-siembra-naturaleza .row.iconos .columns .box-icon a  img{
	max-width: 70px;
	max-height: 70px;
}
.page-sembra-natura .row.iconos .columns .box-icon h3,
.page-sow-nature .row.iconos .columns .box-icon h3,
.page-siembra-naturaleza .row.iconos .columns .box-icon h3{
	line-height: 1;
	padding: 15px 0px 0px 15px;
	margin-bottom: 0px;
}
.page-sembra-natura .row.iconos .columns .col-md-7,
.page-sembra-natura .row.iconos .columns .col-md-7,
.page-sembra-natura .row.iconos .columns .col-md-7{
	width: calc(100% / 7);
}

.page-sembra-natura .carrusel .slick-slide img ,
.page-sow-nature .carrusel .slick-slide img ,
.page-siembra-naturaleza .carrusel .slick-slide img  {
    width: 100%;
    max-height: 250px;
    object-fit: cover;
    height: 250px;
}
.page-sembra-natura .carrusel .slick-next.slick-arrow ,
.page-sow-nature .carrusel .slick-next.slick-arrow ,
.page-siembra-naturaleza .carrusel .slick-next.slick-arrow  {
	right: 100px;
	z-index: 999;
}
.page-sembra-natura .carrusel .slick-prev.slick-arrow ,
.page-sow-nature .carrusel .slick-prev.slick-arrow ,
.page-siembra-naturaleza .carrusel .slick-prev.slick-arrow  {
	left: 100px;
	z-index: 999;
}
.page-sembra-natura .row.center-mid-text ,
.page-sow-nature .row.center-mid-text ,
.page-siembra-naturaleza .row.center-mid-text  {
	width: 60%;
	text-align: center;
	margin: 0px auto;
}

.page-sembra-natura .carrusel .slick-dots ,
.page-sow-nature .carrusel .slick-dots ,
.page-siembra-naturaleza .carrusel .slick-dots  {
    bottom: -35px;
}

.page-sembra-natura .carrusel-sembra-natura ,
.page-sow-nature .carrusel-sembra-natura ,
.page-siembra-naturaleza .carrusel-sembra-natura  {
	padding: 20px 0px;
	background-color: #f2f2f2;
}
.page-sembra-natura .region.region-r5-full section ul,
.page-sow-nature .region.region-r5-full section ul,
.page-siembra-naturaleza .region.region-r5-full section ul {
	list-style-image:none;
}
.page-sembra-natura .region.region-r5-full section ul li,
.page-sow-nature .region.region-r5-full section ul li,
.page-siembra-naturaleza .region.region-r5-full section ul li {
	margin-bottom: 15px;
	list-style-type: none;
	display: flex;
}
.page-sembra-natura .region.region-r5-full section ul li:before,
.page-sow-nature .region.region-r5-full section ul li:before,
.page-siembra-naturaleza .region.region-r5-full section ul li:before {
	content:"\2714\0020";
	margin-right: 10px;
}
@media (max-width:769px) {
	.page-sembra-natura .row.iconos h2,
	.page-sow-nature .row.iconos h2,
	.page-siembra-naturaleza .row.iconos h2 {
		text-align: center!important;
	}
	.page-sembra-natura .region.region-content .col-sm-6,
	.page-sow-nature .region.region-content .col-sm-6,
	.page-siembra-naturaleza .region.region-content .col-sm-6 {
		width: 100%;
	}
	.page-sembra-natura .parallax,
	.page-sow-nature .parallax,
	.page-siembra-naturaleza .parallax {
		background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/urbanismetactic/sembra-natura.png");
		height: 200px;
		background-attachment: inherit;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.page-sembra-natura .row.iconos.container-fluid .container .row.iconos,
	.page-sow-nature .row.iconos.container-fluid .container .row.iconos,
	.page-siembra-naturaleza .row.iconos.container-fluid .container .row.iconos,
	.page-sembra-natura .row.iconos.container-fluid,
	.page-sow-nature .row.iconos.container-fluid,
	.page-siembra-naturaleza .row.iconos.container-fluid {
	    margin: 25px 0px!important;
	}
	.page-sembra-natura .row.pestanyes.container-fluid .container .intro-text,
	.page-sow-nature .row.pestanyes.container-fluid .container .intro-text,
	.page-siembra-naturaleza .row.pestanyes.container-fluid .container .intro-text{
	    margin-bottom: 25px;
	}
	.page-sembra-natura .row.pestanyes .row.cards .pestanya i,
	.page-sow-nature .row.pestanyes .row.cards .pestanya i,
	.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya i{
		display: none;
	}
	.page-sembra-natura .row.center-mid-text ,
	.page-sow-nature .row.center-mid-text ,
	.page-siembra-naturaleza .row.center-mid-text  {
		width: 100%;
	}
	.page-sembra-natura .carrusel .slick-next.slick-arrow,
	.page-sow-nature .carrusel .slick-next.slick-arrow,
	.page-siembra-naturaleza .carrusel .slick-next.slick-arrow,
	.page-sembra-natura .carrusel .slick-prev.slick-arrow,
	.page-sow-nature .carrusel .slick-prev.slick-arrow,
	.page-siembra-naturaleza .carrusel .slick-prev.slick-arrow {
		display: none!important;
	}
}

@media (max-width:500px) {
	.page-sembra-natura .row.iconos .txt-icon,
	.page-sow-nature .row.iconos .txt-icon,
	.page-siembra-naturaleza .row.iconos .txt-icon {
	    /*margin-top: -20px;*/
	    margin-bottom: 20px;
	}
	.page-sembra-natura .region-r2-full,
	.page-sow-nature .region-r2-full,
	.page-siembra-naturaleza .region-r2-full {
	    padding: 0px;
	}
	.page-sembra-natura .row.pestanyes.container-fluid .container .intro-text,
	.page-sow-nature .row.pestanyes.container-fluid .container .intro-text,
	.page-siembra-naturaleza .row.pestanyes.container-fluid .container .intro-text{
	    margin-bottom: 25px!important;
	}
	.page-sembra-natura .row.pestanyes .row.cards,
	.page-sow-nature .row.pestanyes .row.cards,
	.page-siembra-naturaleza .row.pestanyes .row.cards{
		display: block;
	}
	.page-sembra-natura .row.pestanyes .row.cards .pestanya-center,
	.page-sow-nature .row.pestanyes .row.cards .pestanya-center,
	.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya-center,
	.page-sembra-natura .row.pestanyes .row.cards .pestanya,
	.page-sow-nature .row.pestanyes .row.cards .pestanya,
	.page-siembra-naturaleza .row.pestanyes .row.cards .pestanya{
		padding: 20px;
		border: 1px solid #e3e3e3;
	}
}
/***Sembra Natura***/

/***landing com juguem a bcn ***/

.page-como-jugamos #region-r5-full .container,
.page-how-we-play #region-r5-full .container,
.page-com-juguem #region-r5-full .container{
	position: relative;
}
.page-como-jugamos #region-r5-full .container p,
.page-how-we-play #region-r5-full .container p,
.page-com-juguem #region-r5-full .container p{
	width: 70%;
}
.page-como-jugamos .bcn-icon-estadistiques:before,
.page-como-jugamos .bcn-icon-ok-bold:before,
.page-how-we-play .bcn-icon-estadistiques:before,
.page-how-we-play .bcn-icon-ok-bold:before,
.page-com-juguem .bcn-icon-estadistiques:before,
.page-com-juguem .bcn-icon-ok-bold:before{
	width: 90px;
	height: 90px;
	display: block;
	border: 3px solid #008000;
	border-radius: 50%;
	text-align: center;
	line-height: 80px;
	font-size: 40px;
	color: #008000;
}
.page-como-jugamos a.btn-enquesta,
.page-how-we-play a.btn-enquesta,
.page-com-juguem a.btn-enquesta{
	float: right;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 20px;
	border: 3px solid #008000;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
}
.page-como-jugamos a.btn-enquesta:hover,
.page-how-we-play a.btn-enquesta:hover,
.page-com-juguem a.btn-enquesta:hover{
	color: #fff;
	background-color: #008000;
}
.page-como-jugamos #region-r5-full strong,
.page-how-we-play #region-r5-full strong,
.page-com-juguem #region-r5-full strong{
	font-weight: 700!important;
}
.page-como-jugamos #region-r5-full p,
.page-how-we-play #region-r5-full p,
.page-com-juguem #region-r5-full p{
	margin-bottom: 18px;
}
.page-como-jugamos #region-r5-full #bcn-map-fullscreen,
.page-how-we-play #region-r5-full #bcn-map-fullscreen,
.page-com-juguem #region-r5-full #bcn-map-fullscreen{
	margin: 32px 0px 50px 0px; 
}
.page-como-jugamos .link-enquesta,
.page-how-we-play .link-enquesta,
.page-com-juguem .link-enquesta{
	position: fixed;
	background-color: #f2f2f2;
	width: 100%;
	padding: 20px;
	bottom: 0px;
	z-index: 999;
	-webkit-box-shadow: 0px -4px 8px 0px rgba(163,163,163,1);
	-moz-box-shadow: 0px -4px 8px 0px rgba(163,163,163,1);
	box-shadow: 0px -4px 8px 0px rgba(163,163,163,1);
}
.page-como-jugamos .link-enquesta .enquesta-link,
.page-how-we-play .link-enquesta .enquesta-link,
.page-com-juguem .link-enquesta .enquesta-link{
	background-color: #008000;
	margin: -20px -20px 20px;
	padding: 5px 5px 7px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0px;
	font-size: 16px;
	cursor: pointer;
}
.page-como-jugamos .no-padding,
.page-how-we-play .no-padding,
.page-com-juguem .no-padding{
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}
.page-como-jugamos .no-margin,
.page-how-we-play .no-margin,
.page-com-juguem .no-margin{
	margin-bottom: 0px!important;
}
.page-como-jugamos .link-enquesta .enquesta-link span:after,
.page-how-we-play .link-enquesta .enquesta-link span:after,
.page-com-juguem .link-enquesta .enquesta-link span:after{
	content: '\2193';
	/*transform: rotate(180deg);*/
	position: absolute;
	right: 50px;
	transition: 1s;
}
.page-como-jugamos .link-enquesta.no-padding .enquesta-link span:after,
.page-how-we-play .link-enquesta.no-padding .enquesta-link span:after,
.page-com-juguem .link-enquesta.no-padding .enquesta-link span:after{
	transition: 1s;
	transform: rotate(-180deg);
}
.page-como-jugamos .link-enquesta p,
.page-how-we-play .link-enquesta p,
.page-com-juguem .link-enquesta p{
    font-size: 24px;
    margin-bottom: 0px!important;
    font-weight: 500;
}
.page-como-jugamos .container.mtop10.mbottom10 .migas.mleft5,
.page-how-we-play .container.mtop10.mbottom10 .migas.mleft5,
.page-com-juguem .container.mtop10.mbottom10 .migas.mleft5{
	display: none;
}
.page-como-jugamos .parallax,
.page-how-we-play .parallax,
.page-com-juguem .parallax {
	background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/jocsBCN/header-jocs.png");
	height: 650px;
	background-attachment: inherit;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-como-jugamos #region-r2-full,
.page-how-we-play #region-r2-full,
.page-com-juguem #region-r2-full{
	background-color: transparent;
	padding: 0px;
}
.page-como-jugamos .container-fluid .row,
.page-how-we-play .container-fluid .row,
.page-com-juguem .container-fluid .row{
	margin: 0px -15px;
}
.page-como-jugamos .addthis_sharing_toolbox,
.page-how-we-play .addthis_sharing_toolbox,
.page-com-juguem .addthis_sharing_toolbox {
    margin: 60px 0px !important;
}



@media (max-width:1025px) {
	.page-como-jugamos .link-enquesta a.btn-enquesta,
	.page-how-we-play .link-enquesta a.btn-enquesta,
	.page-com-juguem .link-enquesta a.btn-enquesta{
		right: 30px;
	}
	.page-como-jugamos .parallax,
	.page-how-we-play .parallax,
	.page-com-juguem .parallax {
		height: 410px;
	}
}

@media (max-width:769px) {
	.page-como-jugamos .parallax,
	.page-how-we-play .parallax,
	.page-com-juguem .parallax {
		height: 280px;
	}
}

@media (max-width:500px) {
	.page-como-jugamos .parallax,
	.page-how-we-play .parallax,
	.page-com-juguem .parallax {
		height: 190px;
	}
	.page-como-jugamos .region-r2-full,
	.page-how-we-play .region-r2-full,
	.page-com-juguem .region-r2-full {
	    padding: 0px;
	}
	.page-como-jugamos #region-r5-full .container p,
	.page-how-we-play #region-r5-full .container p,
	.page-com-juguem #region-r5-full .container p{
		width: 100%;
	}
	.page-como-jugamos .bcn-icon-estadistiques:before,
	.page-como-jugamos .bcn-icon-ok-bold:before,
	.page-how-we-play .bcn-icon-estadistiques:before,
	.page-how-we-play .bcn-icon-ok-bold:before,
	.page-com-juguem .bcn-icon-estadistiques:before,
	.page-com-juguem .bcn-icon-ok-bold:before{
		width: 60px;
		height: 60px;
		display: block;
		border: 3px solid #008000;
		border-radius: 50%;
		text-align: center;
		line-height: 50px;
		font-size: 30px;
		color: #008000;
	}
	.page-como-jugamos a.btn-enquesta,
	.page-how-we-play a.btn-enquesta,
	.page-com-juguem a.btn-enquesta {
	    font-size: 16px;
	    font-weight: 700;
	    padding: 10px 20px;
	    border: 3px solid #008000;
	    text-align: center;
	    position: relative;
	    top: 0px;
	    right: 0px;
	    display: block;
	    width: 70%;
	    margin: 30px auto;
	    clear: both;
	    float: none;
	}
	.page-como-jugamos .link-enquesta p,
	.page-how-we-play .link-enquesta p,
	.page-com-juguem .link-enquesta p{
	    font-size: 14px;
	}
	.page-como-jugamos .link-enquesta a.btn-enquesta,
	.page-how-we-play .link-enquesta a.btn-enquesta,
	.page-com-juguem .link-enquesta a.btn-enquesta {
	    right: unset;
	    margin: 15px auto;
	}
}
/***landing com juguem a bcn ***/

/***landing concurs de roses noves ***/

.show-desktop{
	display: block;
}
.show-mobile{
	display: none;
}
@media (max-width:769px) {
	.show-desktop{
		display: none;
	}
	.show-mobile{
		display: block;
	}
}
.page-concurs-internacional-roses-noves a,
.page-concurso-internacional-roses-noves a,
.page-roses-noves-international-contest a {
	text-decoration: underline!important;
}
.page-concurs-internacional-roses-noves .container.mtop10.mbottom10,
.page-concurso-internacional-roses-noves .container.mtop10.mbottom10,
.page-roses-noves-international-contest .container.mtop10.mbottom10 {
	display: none;
}
.page-concurs-internacional-roses-noves #region-r2-full.grid-full,
.page-concurso-internacional-roses-noves #region-r2-full.grid-full,
.page-roses-noves-international-contest #region-r2-full.grid-full {
	padding-bottom: 0px;
}
.page-concurs-internacional-roses-noves .parallax,
.page-concurso-internacional-roses-noves .parallax,
.page-roses-noves-international-contest .parallax {
	background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/concurs-roses/header-op.jpg");
	height: 500px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-concurs-internacional-roses-noves .header-concurs-roses .container-fluid,
.page-concurso-internacional-roses-noves .header-concurs-roses .container-fluid,
.page-roses-noves-international-contest .header-concurs-roses .container-fluid {
	padding-left: 0px;
	padding-right: 0px; 
}
.page-concurs-internacional-roses-noves .header-concurs-roses .container-fluid .row.boxes,
.page-concurso-internacional-roses-noves .header-concurs-roses .container-fluid .row.boxes,
.page-roses-noves-international-contest .header-concurs-roses .container-fluid .row.boxes{
	align-items: center;
	display: flex;
	height: 100%;
}
.page-concurs-internacional-roses-noves .header-concurs-roses .container-fluid .box,
.page-concurso-internacional-roses-noves .header-concurs-roses .container-fluid .box,
.page-roses-noves-international-contest .header-concurs-roses .container-fluid .box{
	width: 50%;
	display: inline-block;
	height: 100%;
	padding: 0px 20px;
	box-shadow: none!important;
}
.page-concurs-internacional-roses-noves .header-concurs-roses .container-fluid p.destacat,
.page-concurso-internacional-roses-noves .header-concurs-roses .container-fluid p.destacat,
.page-roses-noves-international-contest .header-concurs-roses .container-fluid p.destacat{
	margin: 15px auto!important;
}
.page-concurs-internacional-roses-noves .header-concurs-roses .container-fluid .green-bg,
.page-concurso-internacional-roses-noves .header-concurs-roses .container-fluid .green-bg,
.page-roses-noves-international-contest .header-concurs-roses .container-fluid  .green-bg{
	margin: 0px; 
}
.page-concurs-internacional-roses-noves .green-bg a,
.page-concurso-internacional-roses-noves .green-bg a,
.page-roses-noves-international-contest  .green-bg a{
	color: #fff;
	text-decoration: underline;
}
.page-concurs-internacional-roses-noves .green-bg,
.page-concurso-internacional-roses-noves .green-bg,
.page-roses-noves-international-contest .green-bg {
	background-color: #61b22f;
	height: 100%;
	color: #fff;
	margin-bottom: 25px;
}
.page-concurs-internacional-roses-noves .green-bg p,
.page-concurso-internacional-roses-noves .green-bg p,
.page-roses-noves-international-contest .green-bg p{
	color: #fff;
}
.page-concurs-internacional-roses-noves .green-bg img,
.page-concurso-internacional-roses-noves .green-bg img,
.page-roses-noves-international-contest .green-bg img{
	width: auto;
}
.page-concurs-internacional-roses-noves p.destacat,
.page-concurso-internacional-roses-noves p.destacat,
.page-roses-noves-international-contest p.destacat{
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px !important;
	font-weight: 500;
}
.page-concurs-internacional-roses-noves .region.region-r5-full,
.page-concurso-internacional-roses-noves .region.region-r5-full,
.page-roses-noves-international-contest .region.region-r5-full{
	background-color: #F2F2F2;
	padding: 25px 0px;
}
.page-concurs-internacional-roses-noves p,
.page-concurso-internacional-roses-noves p,
.page-roses-noves-international-contest p{
	margin-bottom: 10px;
}
.page-concurs-internacional-roses-noves .region.region-r5-full p:empty,
.page-concurso-internacional-roses-noves .region.region-r5-full p:empty,
.page-roses-noves-international-contest .region.region-r5-full p:empty{
	display: none;
}
.page-concurs-internacional-roses-noves .region.region-r5-full .dies p:last-child,
.page-concurso-internacional-roses-noves .region.region-r5-full .dies p:last-child,
.page-roses-noves-international-contest .region.region-r5-full .dies p:last-child{
	margin-bottom: 0px!important;
}
.page-concurs-internacional-roses-noves .region.region-r5-full .dies p:not(.activitat),
.page-concurso-internacional-roses-noves .region.region-r5-full .dies p:not(.activitat),
.page-roses-noves-international-contest .region.region-r5-full .dies p:not(.activitat){
	display: none;
}
.page-concurs-internacional-roses-noves .row.dates,
.page-concurso-internacional-roses-noves .row.dates,
.page-roses-noves-international-contest .row.dates{
	display: inline-flex;
	align-items: baseline;
	margin-top: 15px;
	border-bottom: 1px solid #61b22f;
	width: 100%;
	padding: 25px 0px;
}
.page-concurs-internacional-roses-noves .row.dates .data,
.page-concurso-internacional-roses-noves .row.dates .data,
.page-roses-noves-international-contest .row.dates .data{
	margin-right: 25px; 
	width: 100px;
}
.page-concurs-internacional-roses-noves .row.dates .data span,
.page-concurso-internacional-roses-noves .row.dates .data span,
.page-roses-noves-international-contest .row.dates .data span{
	display: block;
	text-align: center;
	color: #61B22F;
	font-weight: bold;
}
.page-concurs-internacional-roses-noves .data span.numero,
.page-concurso-internacional-roses-noves .data span.numero,
.page-roses-noves-international-contest .data span.numero{
	background-color: #61B22F;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff!important;
	font-weight: bold;
	font-size: 35px;
	line-height: 50px;
	margin: 5px auto;
}
.page-concurs-internacional-roses-noves em,
.page-concurso-internacional-roses-noves em,
.page-roses-noves-international-contest em{
	margin-top: 15px;
	display: block;
}

@media (max-width:769px) {
	.page-concurs-internacional-roses-noves .header-concurs-roses .container-fluid .row.boxes,
	.page-concurso-internacional-roses-noves .header-concurs-roses .container-fluid .row.boxes,
	.page-roses-noves-international-contest .header-concurs-roses .container-fluid .row.boxes{
		display: block;
	}
	.page-concurs-internacional-roses-noves .header-concurs-roses .container-fluid .box,
	.page-concurso-internacional-roses-noves .header-concurs-roses .container-fluid .box,
	.page-roses-noves-international-contest .header-concurs-roses .container-fluid .box{
		width: 100%;
	}
	.page-concurs-internacional-roses-noves p.destacat,
	.page-concurso-internacional-roses-noves p.destacat,
	.page-roses-noves-international-contest p.destacat {
	    text-align: center;
	    font-size: 20px;
	}
	.page-concurs-internacional-roses-noves #region-r2-full.grid-full .region-r2-full,
	.page-concurso-internacional-roses-noves #region-r2-full.grid-full .region-r2-full,
	.page-roses-noves-international-contest #region-r2-full.grid-full  .region-r2-full{
		padding: 0px;
	}
	.page-concurs-internacional-roses-noves .header-concurs-roses .container-fluid .row.boxes,
	.page-concurso-internacional-roses-noves .header-concurs-roses .container-fluid .row.boxes,
	.page-roses-noves-international-contest .header-concurs-roses .container-fluid .row.boxes{
		padding: 0px;
	}
	.page-concurs-internacional-roses-noves .row.dates,
	.page-concurso-internacional-roses-noves .row.dates,
	.page-roses-noves-international-contest .row.dates {
	    display: inline-block;
	    align-items: baseline;
	    margin-top: 15px;
	    border-bottom: 1px solid #61b22f;
	    width: 100%;
	    padding: 25px 0px;
	    margin: 0px !important;
	}
	.page-concurs-internacional-roses-noves .row.dates .data,
	.page-concurso-internacional-roses-noves .row.dates .data,
	.page-roses-noves-international-contest .row.dates .data {
		width: 100%;
		display: inline-block;
		text-align: center;
		margin: 0px auto 10px;
	}
	.page-concurs-internacional-roses-noves .row.dates .dies,
	.page-concurso-internacional-roses-noves .row.dates .dies,
	.page-roses-noves-international-contest .row.dates .dies {
		width: 100%;
	}
	.page-concurs-internacional-roses-noves #region-r6-full .green-bg,
	.page-concurso-internacional-roses-noves #region-r6-full .green-bg,
	.page-roses-noves-international-contest #region-r6-full .green-bg {
		margin-bottom: 35px !important;
	}
}
/***landing concurs de roses noves ***/

/***landing ciutat jugable ***/
.page-meeting-play-friendly-city #region-r2-full ,
.page-jornada-ciudad-jugable #region-r2-full ,
.page-jornada-ciutat-jugable #region-r2-full {
    margin: 30px 0px 0px 0px;
}
.page-meeting-play-friendly-city .container.mtop10.mbottom10 .migas.mleft5,
.page-jornada-ciudad-jugable .container.mtop10.mbottom10 .migas.mleft5,
.page-jornada-ciutat-jugable .container.mtop10.mbottom10 .migas.mleft5{
	display: none;
}
.page-meeting-play-friendly-city #region-r2-full,
.page-jornada-ciudad-jugable #region-r2-full,
.page-jornada-ciutat-jugable #region-r2-full{
	background-color: transparent;
	padding: 0px;
}
.page-meeting-play-friendly-city .container-fluid .row,
.page-jornada-ciudad-jugable .container-fluid .row,
.page-jornada-ciutat-jugable .container-fluid .row{
	margin: 0px -15px;
}

.page-jornada-ciutat-jugable .header-ciutat-jugable-cat .parallax {
	background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/ciutat-jugable/ciutat-jugable-cat.jpg");
	height: 650px;
	background-attachment: inherit;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-meeting-play-friendly-city .header-ciutat-jugable-en .parallax{
	background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/ciutat-jugable/ciutat-jugable-en.jpg");
	height: 650px;
	background-attachment: inherit;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-jornada-ciudad-jugable .header-ciutat-jugable-es .parallax{
	background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/ciutat-jugable/ciutat-jugable-es.jpg");
	height: 650px;
	background-attachment: inherit;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ecologia-fixed-col.col-fixed,
.page-meeting-play-friendly-city .col-fixed ,
.page-jornada-ciudad-jugable .col-fixed ,
.page-jornada-ciutat-jugable .col-fixed {
	position: sticky;
	top: 100px;
}
.page-meeting-play-friendly-city .gray-box,
.page-jornada-ciudad-jugable .gray-box,
.page-jornada-ciutat-jugable .gray-box{
	background-color: #F2F2F2;
	padding: 15px;
}
.page-meeting-play-friendly-city #plantilla01 .gray-box ul,
.page-jornada-ciudad-jugable #plantilla01 .gray-box ul,
.page-jornada-ciutat-jugable #plantilla01 .gray-box ul{
	list-style-type: none!important;
	list-style-image: none!important;
}

.page-meeting-play-friendly-city .gray-box strong,
.page-jornada-ciudad-jugable .gray-box strong,
.page-jornada-ciutat-jugable .gray-box strong{
	color: #61B22F;
}
.page-meeting-play-friendly-city hr,
.page-jornada-ciudad-jugable hr,
.page-jornada-ciutat-jugable hr{
	background-color: #61B22F;
	height: 1px;
}
.page-meeting-play-friendly-city #plantilla01 .gray-box ul li ,
.page-jornada-ciudad-jugable #plantilla01 .gray-box ul li ,
.page-jornada-ciutat-jugable #plantilla01 .gray-box ul li {
    display: flex;
    align-items: baseline;
}
.page-meeting-play-friendly-city #plantilla01 .gray-box ul li::before ,
.page-jornada-ciudad-jugable #plantilla01 .gray-box ul li::before ,
.page-jornada-ciutat-jugable #plantilla01 .gray-box ul li::before {
    min-width: 5px;
    min-height: 5px;
    content: '';
    background-color: #666;
    border-radius: 50%;
    margin-right: 10px;
    max-width: 5px;
    max-height: 5px;
    position: relative;
    top: -3px;
}
.page-meeting-play-friendly-city .box-destacado ,
.page-jornada-ciudad-jugable .box-destacado ,
.page-jornada-ciutat-jugable .box-destacado {
    display: block;
    width: 100%;
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 15px;
}
.page-meeting-play-friendly-city .box-destacado span.title,
.page-jornada-ciudad-jugable .box-destacado span.title,
.page-jornada-ciutat-jugable .box-destacado span.title{
    display: block;
    margin: 0px auto 15 auto;
 	font-weight: 600;
	font-size: 1.3em;
	color:  #61B22F!important;
}
.page-meeting-play-friendly-city .box-destacado span.data,
.page-jornada-ciudad-jugable .box-destacado span.data,
.page-jornada-ciutat-jugable .box-destacado span.data{
    display: block;
    margin: 7px auto;
}
.page-meeting-play-friendly-city .box-destacado a:before,
.page-jornada-ciudad-jugable .box-destacado a:before,
.page-jornada-ciutat-jugable .box-destacado a:before{
	content: '\e940';
	font-family: 'icoajuntament';
}
.page-meeting-play-friendly-city .box-uno ,
.page-jornada-ciudad-jugable .box-uno ,
.page-jornada-ciutat-jugable .box-uno {
    margin: 15px 0px 0px 0px;
    border-bottom: 1px solid #61B22F;
}
.page-meeting-play-friendly-city .box-destacado em,
.page-jornada-ciudad-jugable .box-destacado em,
.page-jornada-ciutat-jugable .box-destacado em{
	font-style: italic!important;
}
.page-meeting-play-friendly-city .box-destacado a.btn.no-icon::before ,
.page-jornada-ciudad-jugable .box-destacado a.btn.no-icon::before ,
.page-jornada-ciutat-jugable .box-destacado a.btn.no-icon::before {
    display: none!important;
}
.page-meeting-play-friendly-city .box-destacado a.btn.btn-green::before ,
.page-jornada-ciudad-jugable .box-destacado a.btn.btn-green::before ,
.page-jornada-ciutat-jugable .box-destacado a.btn.btn-green::before {
    content: '\e9d2';
    font-family: 'icoajuntament';
    float: right;
    margin-left: 10px;
    display: block;
}
.page-meeting-play-friendly-city .box-destacado a.btn,
.page-jornada-ciudad-jugable .box-destacado a.btn,
.page-jornada-ciutat-jugable .box-destacado a.btn{
    padding: 0px!important;
}
.page-meeting-play-friendly-city .box-destacado a.btn.btn-green,
.page-jornada-ciudad-jugable .box-destacado a.btn.btn-green,
.page-jornada-ciutat-jugable .box-destacado a.btn.btn-green{
    background-color: #008000;
	color: #fff;
    padding: 10px!important;
}
.page-meeting-play-friendly-city .enllassos,
.page-jornada-ciudad-jugable .enllassos,
.page-jornada-ciutat-jugable .enllassos{
    margin-top: 20px;
    margin-bottom: 50px;
}
.page-meeting-play-friendly-city .col-xs-12.mbottom10.mtop20,
.page-jornada-ciudad-jugable .col-xs-12.mbottom10.mtop20,
.page-jornada-ciutat-jugable .col-xs-12.mbottom10.mtop20{
    display: none;
}

.page-meeting-play-friendly-city .col-fixed h3 strong,
.page-jornada-ciudad-jugable .col-fixed h3 strong,
.page-jornada-ciutat-jugable .col-fixed h3 strong{
	font-weight: 500!important;
}

@media (max-width:769px) {
	.page-meeting-play-friendly-city .region-r2-full,
	.page-jornada-ciudad-jugable .region-r2-full,
	.page-jornada-ciutat-jugable .region-r2-full {
	    padding: 0px;
	}
	.page-jornada-ciutat-jugable .header-ciutat-jugable-cat .parallax,
	.page-meeting-play-friendly-city .header-ciutat-jugable-en .parallax,
	.page-jornada-ciudad-jugable .header-ciutat-jugable-es .parallax{
	    height: auto;
	    min-height: 200px;
	}
	.page-jornada-ciutat-jugable .region.region-content .mtop20 .container,
	.page-meeting-play-friendly-city .region.region-content .mtop20 .container,
	.page-jornada-ciutat-jugable .region.region-content .mtop20 .container{
		padding: 0px!important;
	}
	.page-jornada-ciutat-jugable .region.region-content .mtop20 .container .row,
	.page-meeting-play-friendly-city .region.region-content .mtop20 .container .row,
	.page-jornada-ciutat-jugable .region.region-content .mtop20 .container .row{
		display: flex;
		flex-flow: column-reverse;
	}
	.page-jornada-ciutat-jugable .region.region-content .fleft.w750.row,
	.page-meeting-play-friendly-city .region.region-content .fleft.w750.row,
	.page-jornada-ciutat-jugable .region.region-content .fleft.w750.row{
		padding: 0px;
		margin: 0px !important;
	}
	.ecologia-fixed-col.col-fixed,
	.page-meeting-play-friendly-city .col-fixed ,
	.page-jornada-ciudad-jugable .col-fixed ,
	.page-jornada-ciutat-jugable .col-fixed {
		position: relative;
		top: unset;
	}

}

/***landing ciutat jugable ***/

/***landing apadrina un escocell ***/
.custom-ecologia-escocell p {
	margin-bottom: 15px;
}
.custom-ecologia-escocell ul:not(.slick-dots) {
	list-style-image: none;
	padding-left: 10px;
	margin-bottom: 15px;
}
.custom-ecologia-escocell ul:not(.slick-dots) li {
	line-height: 1.4em;
	width: 70%;
	list-style-type: none;
	margin-bottom: 5px;
}
.custom-ecologia-escocell ul:not(.slick-dots) li:marker{
	display: none;
}
.custom-ecologia-escocell ul:not(.slick-dots) li:before{
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: green;
	display: inline-block;
	vertical-align: middle;
	margin-left: -10px;
	margin-right: 5px;
}
.custom-ecologia-escocell .box-destacado {
    display: block;
    width: 100%;
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 15px;
}
.custom-ecologia-escocell .box-destacado span.title{
    display: block;
    margin: 0px auto 15 auto;
 	font-weight: 600;
	font-size: 1.3em;
	color:  #61B22F!important;
}
.custom-ecologia-escocell .box-destacado span.data{
    display: block;
    margin: 7px auto;
}
.custom-ecologia-escocell .box-destacado a:before{
	content: '\e940';
	font-family: 'icoajuntament';
}
.custom-ecologia-escocell .box-destacado em{
	font-style: italic!important;
}
.custom-ecologia-escocell .box-destacado a.btn.no-icon::before {
    display: none!important;
}
.custom-ecologia-escocell .box-destacado a.btn.btn-green::before {
    content: '\e9d2';
    font-family: 'icoajuntament';
    float: right;
    margin-left: 10px;
    display: block;
}
.custom-ecologia-escocell .box-destacado a.btn{
    padding: 0px!important;
}
.custom-ecologia-escocell .box-destacado a.btn.btn-green,
.custom-ecologia-escocell a.btn.btn-green{
    background-color: #008000;
	color: #fff;
    padding: 10px!important;
}
.custom-ecologia-escocell.green-box{
	background-color: #C5E0B4;
	padding: 15px 0px;
}
.custom-ecologia-escocell.gray-box{
	background-color: #F2F2F2;
	padding: 15px 0px;
}
.mt-3{
	margin-top: 30px;
}
.page-cuida-escocell #zone-row-3-content.grid{
	width: unset;
}
.page-cuida-escocell #zone-row-3-content.grid .container-fluid{
	width: unset;
	padding: 30px 0px;
	margin-bottom: 30px;
	text-align: center;
}
.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row{
	width: 70%;
	margin: auto;
}
.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round{
	background-color: #fff;
	width: 70px;
	height: 70px;
	margin: auto;
	border-radius: 50%;
	margin: 0px auto 15px auto;
}

.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round p.biodiversitat,
.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round p.conservacio,
.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round p.ciutat {
	display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
	position: relative;
}

.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round p.biodiversitat::before {
    content: "\e920";
    font-size: 2.5rem;
    position: absolute;
    color: #008000;
    font-family: "icoajuntament";
}

.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round p.conservacio::before {
    content: "\e955";
    font-size: 2.5rem;
    position: absolute;
    color: #008000;
    font-family: "icoajuntament";
}

.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round p.ciutat::before {
    content: "\e930";
    font-size: 2.5rem;
    position: absolute;
    color: #008000;
    font-family: "icoajuntament";
}

.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round i{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
	font-size: 40px;
	color: #008000;
}
.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row span{
	font-weight: 700;
}



@media (max-width:769px) {
	.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row{
		width: 100%;
	}
	.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row span{
		margin-left: 15px;
	}
	.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round-text {
		text-align: left;
	}
	.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round-text *{
		display: inline-block;
		vertical-align: middle;
	}
	.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round-text span,
	.page-cuida-escocell #zone-row-3-content.grid .container-fluid .container .row .round-text p{
		width: 75%;
	}
/*	.page-cuida-escocell .container .row.custom-ecologia-escocell{
		display: flex;
		flex-flow: column-reverse;
	}*/
}


.page-mans-al-verd #content{
	word-wrap: break-word;
}
.page-mans-al-verd .row{
    margin-right: -15px;
    margin-left: -15px;
}

.page-mans-al-verd #region-r2-full {
    background-color: transparent;
    margin-top: 50px;
}

.page-mans-al-verd .row.header {
  background-color: transparent;
  position: relative;
}

.page-mans-al-verd .parallax {
  background-image: url("https://ajuntament.barcelona.cat/ecologiaurbana/sites/default/files/mans_al_verd/Header_MansVerd.jpg");
  height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-mans-al-verd .h-info-box{
    position: absolute;
    left: 0;
    right: 0;
    width: 500px;
    height: auto;
    max-width: 500px;
    background-color: #008000;
    top: calc(50% - 50px);
    left: calc(50% - 250px);
    padding: 25px;
}

.page-mans-al-verd .h-info-box .text-header span.text_h{
    display: block;
    font-size: 52px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.page-mans-al-verd .h-info-box .text-header span.text_sub{
    display: block;
    font-size: 23px;
    margin-top: 14px;
    line-height: 25px;
    color: #FFFFFF;
    text-align: center;
}

.page-mans-al-verd .slick-prev::before,
.page-mans-al-verd .slick-next::before{
    color: #008000;
}

.page-mans-al-verd #zone-row-3-content.grid {
    width: unset;
}

.page-mans-al-verd #zone-row-3-content.grid .container-fluid {
    width: unset;
    padding: 30px 0px;
    margin-bottom: 30px;
    text-align: center;
}
.custom-landing-express.green-box {
    background-color: #C5E0B4;
    padding: 15px 0px;
}
.custom-landing-express.green-box p{
    margin-bottom: 15px;
}

.page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row {
    width: 70%;
    margin: auto;
}
.page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row .round {
    background-color: #fff;
    width: 70px;
    height: 70px;
    margin: auto;
    border-radius: 50%;
    margin: 0px auto 15px auto;
}

.page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row .round p.biodiversitat,
.page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row .round p.conservacio,
.page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row .round p.ciutat {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
}
.page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row span {
    font-weight: 700;
}
.page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row .round p.biodiversitat::before {
    content: "\e920";
    font-size: 2.5rem;
    position: absolute;
    color: #008000;
    font-family: "icoajuntament";
}
.page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row .round p.conservacio::before {
    content: "\e955";
    font-size: 2.5rem;
    position: absolute;
    color: #008000;
    font-family: "icoajuntament";
}
.page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row .round p.ciutat::before {
    content: "\e930";
    font-size: 2.5rem;
    position: absolute;
    color: #008000;
    font-family: "icoajuntament";
}
.page-mans-al-verd #carrusel-landing-express .item-carrusel h3{
    /*width: 100%;*/
    border-bottom: 1px solid #008000;
    padding: 5px 0px 15px;
    margin: 0px 15px 30px;
    text-align: center;
}
.page-mans-al-verd #carrusel-landing-express .item-carrusel h4{
    font-size: 16px;
    line-height: 22px;
}

.page-mans-al-verd .row.iconos h3,
.page-mans-al-verd .row.iconos h4,
.page-mans-al-verd .row.iconos p{
    text-align: center;
}

.page-mans-al-verd .row.iconos h4 {
    border-bottom: 1px solid #008000;
    padding: 0px 15px 15px;
    margin: 15px;
    width: auto;
}
.page-mans-al-verd .row.iconos p,
.page-mans-al-verd #carrusel-landing-express .item-carrusel p{
    margin-bottom: 15px;
}
.page-mans-al-verd .row.iconos strong,
.page-mans-al-verd #carrusel-landing-express .item-carrusel strong{
    font-weight: 700!important;
}
.page-mans-al-verd .row.iconos {
    margin-bottom: 50px;
    margin-top: 0px;
}
.page-mans-al-verd ul.checked-mark{
    list-style-image: none;
    padding: 0px 30px;
}
.page-mans-al-verd ul.checked-mark li,
.page-mans-al-verd ul.checked-mark li a{
    margin-bottom: 15px;
}
.page-mans-al-verd ul.checked-mark li:before{
    content: "\2713";
    color: #008000;
    margin-left: -15px;
    padding-right: 5px;
}
.page-mans-al-verd .row.com-ho-fem {
    margin-bottom: 50px;
    text-align: center;
    border-bottom: 1px solid #008000;
    padding: 0px 15px 15px;
    margin: 15px;
    width: auto;
}
.page-mans-al-verd .row.com-ho-fem.boxes {
    display: inline-flex;
    width: 100%;
    border-bottom: none;
    padding: 0px;
    margin: 0 0 15px 0px;
}
.page-mans-al-verd .row.com-ho-fem.boxes:last-child {
    margin: 0 0 50px 0px;
}
.page-mans-al-verd .row.com-ho-fem.boxes .col-xs-12{
    display: inline-flex;
    width: 100%;
}
.page-mans-al-verd .row.com-ho-fem.boxes .box-info {
    background-color: #C5E0B4;
    margin: 15px 0px;
    text-align: center;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}
.page-mans-al-verd .custom-landing-express.green-box .box-projecte {
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
}
.page-mans-al-verd .custom-landing-express .box-informacio {
    background-color: #fff;
    padding: 0px 15px 20px;
    width: 50%;
    margin: 20px auto;
    text-align: center !important;
}
.page-mans-al-verd .custom-landing-express.green-box .propers-projectes .box-informacio h3{
	text-align: center!important;
}
.page-mans-al-verd .custom-landing-express.green-box h3{
    padding: 30px 0px;
    text-align: center;
}
.page-mans-al-verd .custom-landing-express.green-box .box-projecte h3{
    border-bottom: 1px solid #008000;
    padding: 0px 15px 15px;
    text-align: left;
}
.page-mans-al-verd .custom-landing-express.green-box .box-projecte img{
    max-height: 250px;
    object-fit: cover;
    width: 100%;
}
.page-mans-al-verd .custom-landing-express.green-box .propers-projectes h3 {
    text-align: left !important;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.page-mans-al-verd .container.text-center{
    margin-top: 30px;
}
.page-mans-al-verd .container.text-center .box-contacte h3{
	font-size: 24px;
}
.page-mans-al-verd .container.text-center .box-contacte p{
	font-size: 16px;
}



/*.page-mans-al-verd .row.iconos .columns .box-icon a img{
    max-width: 70px;
    max-height: 70px;
}
.page-mans-al-verd .row.iconos .columns .box-icon a{
    display: flex;
    vertical-align: middle;
    text-align: left;
    width: auto;
}
.page-mans-al-verd .row.iconos .columns .box-icon{
    display: inline-flex;
    width: 100%;
}
.page-mans-al-verd .row.iconos .columns .box-icon h3{
    line-height: 1;
    padding: 15px 0px 0px 15px;
    margin-bottom: 0px;
    font-size: 1.3em;
    font-weight: 300;
}*/

.page-mans-al-verd .btn.btn-green{
    background-color: #008000;
    color: #fff;
    padding: 10px 15px;
    margin: 20px;
}

.page-mans-al-verd .btn-light-green{
    background-color: #C5E0B4;
    color: #000;
    font-weight: bold;
    padding: 10px;
    margin: 5px 0px;
	display: inline-block;
	width: auto;
}

/*.page-mans-al-verd .btn-light-green:after{
	display: inline-block;
	content: '\f054';
	font-family: "fontAwesome";
	font-weight: 200;
	font-size: 10px;
	line-height: 10px;
	vertical-align: middle;
	margin-left: 5px;
}*/

.page-mans-al-verd h3 {
    font-weight: 300;
    font-size: 1.3em;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 20px;
    color: #666;
}



@media screen and (max-width: 769px) {
    .page-mans-al-verd .region-r2-full {
        padding: 0px;
    }
    .page-mans-al-verd .h-info-box {
        position: relative;
        width: 100%;
        height: auto;
        max-width: 100%;
        top: 0;
        left: 0;
    }
    .page-mans-al-verd #zone-row-3-content.grid .container-fluid {
        margin-bottom: 0px;
    }
    .page-mans-al-verd #zone-row-3-content.grid .container-fluid .container .row {
        width: unset;
        margin: auto;
    }
    .page-mans-al-verd #carrusel-landing-express{
        margin-top: 30px;
    }
    .page-mans-al-verd #carrusel-landing-express .slick-prev,
    .page-mans-al-verd #carrusel-landing-express .slick-next{
        display: none!important;
    }
    .page-mans-al-verd #carrusel-landing-express img{
        margin-bottom: 15px;
    }
    .page-mans-al-verd .row.com-ho-fem.boxes {
        display: block;
        width: auto;
        border-bottom: none;
        padding: 0px;
        margin: 0 0 15px 0px;
        height: auto;
    }
    .page-mans-al-verd .custom-landing-express .box-informacio {
	    width: 100%;
	}
}



.ciclomotors-big-box {
  display: inline-flex;
}

.ciclomotors-big-box .ciclomotors-big-box__ico span::before{
	font-size: 50px;
	color: #777;
}

@media screen and (max-width: 475px) {
	.ciclomotors-big-box .ciclomotors-big-box__ico span::before{
		font-size: 25px;
	}
}