body { 
  padding-top: 100px; 
}
#logo{
  padding: 10px;
}
.home-title{
  color: #009074;
}
.footer{
  background: #009074;
  color: white;
  padding: 20px 0;
}
.subfooter{
  background: #eee;
  color: #555;
  padding: 10px 0;
}
.subfooter a{
  text-decoration: underline;
}
ul.llista_muni{
  margin:0;
  padding-left: 10px;
}
ul.llista_muni li{
  list-style: none;
}

.sumari_element tr.senar {background: #CCC}
.sumari_element tr.parell {background: #FFF}


.galeries-block .panel-group .panel+.panel {
 margin-top:0px
}

.galeries-block .panel-group h2 {
 font-size:14px
}

.galeries-block .panel-default>.panel-heading {
background-color:#FFFFFF;
}

.galeries-block .panel-default>.panel-heading:hover {
background-color:#f5f5f5;
}

.galeries-block h2.panel-title a:hover {
text-decoration:none;	
}

.galeries-block .panel-body a {
padding-left:10px;
color:#555;	
}

.galeries-block 	.panel-body {
    padding: 10px 15px 10px 15px;
	background-color:#f5f5f5;
}

.galeria-descripcio {
padding-top:15px
}

li.link-afegir-galeria{background-color:#f9f3b9;}

#fotos-visibles .panel-body{padding:0px} /* treiem padding de les fotos de les galeries */

/* NEW 2nd-Level Dropdown CSS START */
.dropdown-submenu{position: relative;}
.dropdown-submenu .caret{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:-6px; margin-left:-1px;}
.dropdown-submenu.open > a:after{border-left-color:#fff;}
.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {display: block;}
.dropdown-submenu .dropdown-menu{margin-bottom: 8px;}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color: /*#006f5a*/;}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#333;}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 30px;}
@media screen and (min-width:992px){
    .dropdown-submenu .dropdown-menu{margin-bottom: 2px;}
    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 25px;}
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
}
/* NEW 2nd-Level Dropdown CSS END */


.gal-container{
	padding: 12px;
}
.galeria .img-responsive{margin:auto;}

.cerques{
margin: 20px 0 20px;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
}

.cerques .buscador-google{padding:0}
.cerques .buscador-criteris{padding:0;margin-top:14px}
.buscador-google .gsc-search-button-v2{
margin-top:0px !important;
margin-left:0px !important;
}

.buscador-google .gsc-search-button{
height:30px
}

.boto-cerca {
height:30px;
background-color: #009074;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
border:1px solid #009074;
border-radius: 2px;
padding:7px 5px 7px 5px;
}
.boto-cerca:hover{
text-decoration:none;
color:#FFFFFF;	
background-color:#009074;
}

.columna-elements {
	float: left ;
}

.galeria .columna-elements {
	float: left ;
	padding-left:10px;
	padding-right:10px;
}

.municipi .list-group-item{
	border:none;
}

.municipi div#mapa  .list-group-item{
	border: 1px solid #ddd;
}

/* Imatges del municipis*/
.list-group-item.list-image img {
    max-height: 300px;
	max-width:  100%;
	margin:auto;
	background-size: cover;
}
.list-group-item.list-image{height:300px;width:300px;vertical-align: middle;display: table-cell;text-align: center;background-color:#eee;}
.list-group-item.list-footer{height:50px;overflow:hidden; border-top: 2px solid #ddd;}


/* Imatges de les galeries*/
.galeria .panel-body.list-image-galeria img {
    max-height: 100%;
	margin:auto;
	background-size: cover;
}
.galeria .panel-body.list-image-galeria{height:200px;width:300px;vertical-align: middle;display: table-cell;text-align: center;background-color:#eee;}

/*Per deixar-lo com estava, descomentar el que està comentat i treure border i background-color*/
.galeria .panel-default .panel-heading{height:80px;overflow:hidden; border-top: 2px solid #ddd;/*border:none;background-color:white;*/}

.galeria .panel {max-width: 300px;}

.galeria .panel-title {font-size:15px}

/* peu deu foto sense res*/
/*.galeria .panel{box-shadow:none;}
.galeria .panel-default {border-color:transparent}

.galeria a {text-decoration:none}
.galeria .panel-default .panel-heading:hover {color: #337ab7; text-decoration: none;}*/

/* Fi Imatges de les galeries */

h1 span.muni{font-size:75%;font-weight:normal;text-transform:none;font-style:italic;color:#898989;}


/* Especialitzacions per a BCN */

.llista-municipis-barris .list-group 
{ 	display:block;
	float:left;
	width:100%;
	padding:10px 15px;
	margin-bottom:0px;
}
.llista-municipis-barris  h4.list-header {
	height: 6.5ex;
	display:block;
	overflow:hidden;
	font-size:16px;
	letter-spacing: 0px;
}

.aspect-ratio-box {
  height: 0;
  overflow: hidden;
  padding-top: 71%;	/* aspect ratio alt/ample de les fotos de referència */
  background: white;
  position: relative;
}
.aspect-ratio-box-inside {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aspect-ratio-box-inside img {
  position: absolute;
  bottom: 0;
  left: 0;
  height:100%;	/* Pot ser que deformem un pèl les fotos... no passa res */
  width:100%;
}

/* Jugo amb els media-query per a què els títols de BCN quedin "macos */

@media (min-width: 768px) {
	.llista-municipis-barris .list-group {
		width:33%;
	}
	.llista-municipis-barris  h4.list-header {
		height: 4ex;
		font-size:17px;
		letter-spacing:-1px;
	}}
@media (min-width: 992px) {
	.llista-municipis-barris .list-group {
		width:25%;
	}
	.llista-municipis-barris  h4.list-header {
		height: 4ex;
		font-size:16px;
		letter-spacing:-1px;
	}
}
@media (min-width: 1200px) {
	.llista-municipis-barris  h4.list-header {
		height: 4ex;
		font-size:18px;
		letter-spacing:0px;
	}
}
@media (max-width: 540px) {
	.galeria .panel-body.list-image-galeria img {
		display: block;
		max-width: 100%;
		height: auto;
	}
	
	.galeria .panel-body.list-image-galeria{
		height: 100%;
		width: 100%;
	}
	
	.galeria .panel{
		max-width: 100%	
	}
}