body
{
	font-family: 'Open Sans', sans-serif;
}

.logo img { width: 150px; }

.legend { text-align: center; margin: 0 auto; margin-top: -10px; }
.legend div { float: left; font-size: 90%; margin-right: 15px; }
.legend span { display: inline-block; width: 20px; height: 12px; margin-right: 5px; }


.navbar-nav .nav-link.actiu { border-bottom: 3px solid white; }

.headerweb
{
	background-image: url('../img/imatge_home_header_desktop.jpg');
	background-size:cover;
	background-position: center center;
	padding:0;
}


.reset {clear: both; height: 0; flex-basis: 100%; }

.headerinterior
{
	background-color:rgba(0,0,0,0.2);
	margin-bottom: 30px;
}


.elheaderhome { padding-top:140px; }
.headerweb .elheaderhome h1 { font-size: 40px; }

.elheader { padding-top: 100px; }
.headerweb .elheader h1 { font-size: 30px; }


.headerfixed.active {
    background: #fff;
    border-bottom:1px solid #333;
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);*/
}

.categories
{
	border-radius:20px;
	/*color:white;
	text-align:center;
	background-size:cover;
	background-position: center center;
	padding:20px;
	padding-top:50px;
	padding-bottom:50px;
	font-size:30px;*/
	margin-top:15px;
	margin-bottom:15px;
	cursor:pointer;
	font-family: 'Poppins', sans-serif;
	background-position:center center;
}

.categories a, .categories a:hover
{
	text-decoration:none;
}

.hoverinterior
{
	color:white;
	text-align:center;
	background-size:cover;
	background-position: center center;
	padding:20px;
	padding-top:50px;
	padding-bottom:50px;
	font-size:30px;
	cursor:pointer;
	border-radius:20px;
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	background-color:rgba(0,0,0,0.2);
	text-shadow: 2px 2px 8px rgba(0,0,0,1);
}

.hoverinterior:hover
{
	background-color:rgba(204,153,51,0.5);
}

.catn1
{
	background-image: url('../img/banner_home_categories_tots_desktop+mobile.jpg');
}

.catn2
{
	background-image: url('../img/banner_home_categories_alimentacio_desktop+mobile.jpg');
}

.catn3
{
	background-image: url('../img/banner_home_categories_hotels_desktop+mobile.jpg');
}

.catn4
{
	background-image: url('../img/banner_home_categories_llar_desktop+mobile.jpg');
}

.catn5
{
	background-image: url('../img/banner_home_categories_lleure_desktop+mobile.jpg');
}

.catn6
{
	background-image: url('../img/banner_home_categories_moda_desktop+mobile.jpg');
}

.catn7
{
	background-image: url('../img/banner_home_categories_restauracio_desktop+mobile.jpg');
}

.catn8
{
	background-image: url('../img/banner_home_categories_salut_desktop+mobile.jpg');
}

.catn9
{
	background-image: url('../img/banner_home_categories_serveis_desktop+mobile.jpg');
}

button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.footer
{
	background-color:#000000;
	padding-top:30px;
	padding-bottom:30px;
	color:white;
}

.footer a
{
	color:white;
}

.subfooter
{
	background-color:#cccccc;
}

.headerweb h1
{
	color:white;
	text-align:center;
	font-size:50px;
	margin-bottom:50px;
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
}
.headerweb .elheader h1 { margin-bottom: 35px; }

.menusuperior, .menusuperior2
{
	list-style-type:none;
	padding:0;
	/*float:right;*/
}

.menusuperior li, .menusuperior2 li
{
	float:left;
	padding-left:10px;
	padding-right:10px;
	font-family: 'Poppins', sans-serif;
	text-shadow: 2px 2px 8px rgba(194,154,72,1);
}

.fixed-top.active .menusuperior li a
{
	color:#black !important;
	border-bottom:3px solid transparent;
}

.menusuperior li a
{
	color:white !important;
	border-bottom:3px solid transparent;
}

.menusuperior li a:hover, .menusuperior li a.active
{
	border-bottom:3px solid white;
}

.fixed-top.active .menusuperior li a:hover, .fixed-top.active .menusuperior li a.active
{
	border-bottom:3px solid black;
}
.fixed-top.active .menusuperior li a.actiu
{
	border-bottom:3px solid rgba(194,154,72,1);
}

.menusuperior li:last-child a:hover
{
	border-bottom:0px;
}

.fixed-top.active .menusuperior li:last-child a:hover
{
	border-bottom:0px;
}

.menusuperior2 li a
{
	color:black !important;
	border-bottom:3px solid transparent;
}

.menusuperior2 li a:hover, .menusuperior2 li a.active
{
	border-bottom:3px solid black;
}

.menusuperior2 li:last-child a:hover
{
	border-bottom:0px;
}

.modal-backdrop
{
	z-index:1020 !important;
}

.modal
{
	top:100px;
}

.headerfixed.active .menusuperior li a {
    color: black !important;
}


.menusuperiorinterior
{
	list-style-type:none;
	float:right;
}

.menusuperiorinterior li
{
	float:left;
	padding-left:20px;
	padding-right:20px;
}

.menusuperiorinterior li a
{
	color:black !important;
}

.adrecafooter
{
	color:white;
	border-left:1px solid white;
	border-right:1px solid white;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
}

.xarxessocials
{
	list-style-type:none;
	float:right;
	margin-bottom:0px;
	font-size: 18px;
}

.xarxessocials li
{
	border-radius:20px;
	background-color:white;
	padding:5px;
	float:left;
	width:35px;
	height:35px;
	text-align:center;
	margin:5px;
	color:black;
}

.xarxessocials li:hover
{
	background-color:#cc9933;
}

.xarxessocials li a
{
	color:black;
}

.menuinferior
{
	list-style-type:none;
}

.menuinferior li
{
	background-color:transparent;
	border:none;
	padding:5px;
}

.menuinferior li a
{
	color:black;
}

.menuinferior li a:hover
{
	text-decoration:none;
}

.categoriestitol
{
	padding-top:10px !important;
}

.navbar-light .navbar-toggler
{
	color:#333;
	border:none;
}


.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>") !important;
}

.marges { padding-top: 0px; padding-bottom: 20px; }

.marges2
{
	padding-top:50px;
	padding-bottom:50px;
}

.margestop
{
	padding-top:30px;
}

.linknegoci { display: inline-block; border: 2px solid #cc9933; border-radius: 8px; padding: 5px 40px; color:#cc9933; text-transform: uppercase; }
.linknegoci:hover { background:#cc9933; color: white !important; }

.linknegoci:hover
{
	color:#333;
	text-decoration:none;
}

.cercador
{
	background-color:#CC9933 !important;
	color:white;
}

.inputcercador
{
	background-color:#CC9933 !important;
	color:white;
	border:none;
	border-radius:0;
	border-bottom:3px solid white;
	text-align:center;
	font-family: 'Poppins', sans-serif;
}

.inputcercador::placeholder
{
	color:white;
}

.fa-issuu {
    background-image: url('../img/issuu.png');
    background-position:center center;
    width:16px;
    height:16px;
    text-align:center;
    vertical-align:middle;
}

.resultatcerca
{
	background-color:#cc9933;
	text-align:center;
	font-family: 'Poppins', sans-serif;
	color:white;
	padding:30px;
	font-size:20px;
}

.comerc
{
	font-family: 'Open Sans', sans-serif;
}

.comerc h2
{
	font-family: 'Poppins', sans-serif;
	font-size:28px;
	font-weight:600;
	color:black;
	text-decoration:none;
}

.comerc a:hover h2
{
	color:#cc9933;
	text-decoration: none !important;
}

.titolcomerc:hover
{
	text-decoration: none !important;
}

.comerc h3
{
	color:#cc9933;
	font-size:24px;
	font-family: 'Poppins', sans-serif;
}

.contenidorfoto
{

}

.contenidorfoto:hover
{
	background-color:rgba(204,153,51,1);

}

.contenidorfoto:hover img
{
	opacity:0.5;
}


.categoriesc
{
	margin-bottom:10px;
}

.categoriesc li
{
	border:none;
	padding:5px;
	padding-left:0;
	padding-right:20px;
}

.categoriesc li a:hover
{
	text-decoration:none;
}


.separador
{
	border-bottom:1px solid black;
	margin-top:30px;
}

.pagination
{
	margin-top:10px;
	margin-bottom:30px;
}

.pagination li a
{
	border:none;
	font-family: 'Poppins', sans-serif;
	padding:5px;
	font-size:20px;
	color:black;
	background-color:transparent;
}

.pagination li a:hover, .pagination li a.active
{
	color:#cc9933;
	background-color:transparent;
}

.linkcarta
{
	font-family: 'Open Sans', sans-serif;
	color:#cc9933;
	font-weight:bold;
	font-size:16px;
}

.linkcarta:hover
{
	color:#333333;
	text-decoration:none;
}

.card-body
{
	border:none !important;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
}

.tancarcarta
{
	background-color:transparent !important;
	border:none !important;
	cursor:pointer !important;
	color:#cc9933 !important;
	font-weight:bold;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
}

.h2carta
{
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
}

.h2carta:hover
{
	color: #333333;
}

.esingulars
{
	background-image: url('../img/banner_presentancio_categories_singulars_desktop_positiu.png');
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:111px;
	cursor:pointer;
	margin-bottom:15px;
}

.esingulars:hover
{
	background-image: url('../img/banner_presentancio_categories_singulars_desktop_negatiu.png');
}

.eemblematicss50
{
	background-image: url('../img/banner_presentancio_categories_50_desktop_positiu.png');
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:111px;
	cursor:pointer;
	margin-bottom:15px;
}


.eemblematicss50:hover
{
	background-image: url('../img/banner_presentancio_categories_50_desktop_negatiu.png');
}

.eemblematicss100
{
	background-image: url('../img/banner_presentancio_categories_100_desktop_positiu.png');
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:111px;
	cursor:pointer;
	margin-bottom:15px;
}

.eemblematicss100:hover
{
	background-image: url('../img/banner_presentancio_categories_100_desktop_negatiu.png');
}

.textcategories
{
	font-family: 'Frank Ruhl Libre', serif;
	font-size:18px;
	text-align:center;
	margin-bottom:30px;
	font-weight:bold;
}

.h3establiments
{
	color:#cc9933;
	font-family: 'Poppins', sans-serif;
	font-size:26px;
	font-weight:400;
}

.headerfixedbottom
{
	border-bottom: 1px solid black;
	background-color:white;
}

.h1emblematics
{
	font-family: 'Frank Ruhl Libre', serif;
	color:#cc9933;
	font-weight:bold;
	font-size:40px;
	margin-bottom:15px;
}

.h3textos
{
	color:#cc9933;
	font-family: 'Frank Ruhl Libre', serif;
	font-size:26px;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
}


.h3titol { font-family: 'Poppins', sans-serif; color:#cc9933; }
.etiqueta { font: bold 0.9em 'Poppins', sans-serif; color:#cc9933; }
.leaflet-tile-pane { opacity: 0.5 !important; }

.h1general
{
	color:#333333;
	font-family: 'Poppins', sans-serif;
	font-size:30px;
	font-weight:600;
	margin-bottom:30px;
}

.divestabliments
{
	margin-bottom:15px;
	margin-top:15px;
	height:240px;
	background-size:cover !important;
}

.divestabliments a:hover
{
	text-decoration:none !important;
}


.hoverestabliments
{
	color:white;
	text-align:center;
	background-size:cover;
	background-position: center center;
	padding:20px;
	padding-top:100px;
	font-size:24px;
	height:100%;
	cursor:pointer;
	font-family: 'Poppins', sans-serif;
	background-color:rgba(0,0,0,0.2);
	font-weight:600;
	text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
}

.hoverestabliments:hover
{
	background-color:rgba(204,153,51,0.5);
}

.marginauto
{
	margin: 0 auto;
}


/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: white;
  border-radius: 10px;
  border: 2px solid #cc9933;
  color: #cc9933;
  font-family: sans-serif;
  font-size: 16px;
  text-shadow: none;
  cursor: pointer;
}

.button2
{
	border:none !important;
}


.sing
{
	background: url('../img/banner_presentancio_categories_singulars_desktop_positiu.png');
	width:50px;
	height:60px;
	background-size:cover;
	background-position:center center;
	margin-left:15px !important;
	margin-right:15px!important;
}

.sing:hover, .button:active .sing, .sing.is-checked
{
	background: url('../img/banner_presentancio_categories_singulars_desktop_negatiu.png');
	width:50px;
	height:60px;
	background-size:cover;
	background-position:center center;
	margin-left:15px !important;
	margin-right:15px!important;
}

.s50
{
	background: url('../img/banner_presentancio_categories_50_desktop_positiu.png');
	width:50px;
	height:60px;
	background-size:cover;
	background-position:center center;
	margin-left:15px !important;
	margin-right:15px!important;
}

.s50:hover, .button:active .s50, .s50.is-checked
{
	background: url('../img/banner_presentancio_categories_50_desktop_negatiu.png');
	width:50px;
	height:60px;
	background-size:cover;
	background-position:center center;
	margin-left:15px !important;
	margin-right:15px!important;
}

.s100
{
	background: url('../img/banner_presentancio_categories_100_desktop_positiu.png');
	width:50px;
	height:60px;
	background-size:cover;
	background-position:center center;
	margin-left:15px !important;
	margin-right:15px!important;
}

.s100:hover, .button:active .s100, .s100.is-checked
{
	background: url('../img/banner_presentancio_categories_100_desktop_negatiu.png');
	width:50px;
	height:60px;
	background-size:cover;
	background-position:center center;
	margin-left:15px !important;
	margin-right:15px!important;
}


.button2:hover
{
	color: black;
}

.button:hover {
  background-color: white;
  color: black;
  border:2px solid black;
}

.button:active,
.button.is-checked {
  color:black;
  border:2px solid black;
  text-shadow:none;
}

.button.is-checked {
  color: black;
  text-shadow:none;
}

.button:active {
  box-shadow: none;
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 10px;
  margin:5px;
}

.button-group .button:first-child { border-radius: 10px; }
.button-group .button:last-child { border-radius: 10px; }

/* ---- isotope ---- */

.grid {
  background: transparent;
  width:100%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: inline-block;
}

.ui-group h3 {
  display: inline-block;
  margin-right: 0.2em;
  font-size: 16px;
}

.ui-group .button-group {
  display: inline-block;

}


.capcaleracomerc
{
	background-size:cover !important;
	height:500px;
	background-position:center center !important;
}



/* MAPA UBICACIONS */
#map { height: 500px; margin: 0; margin-right: 0px; /*border: 1px solid rgba(0,0,0,0.25);*/ background: url(//www.girona.cat/shared/img/loading.gif) no-repeat center center #E7E4E2; }
#map a.credits, #map .leaflet-control-attribution a { color: rgba(0,0,0,0.5); font-size: 10px; }
#map a.credits:hover, #map .leaflet-control-attribution a:hover { background: none; color: rgb(227,55,45); text-decoration: none; }
#map div.leaflet-control-zoom a:hover { background-color: rgb(227,55,45); }
a.google { font: 11px Arial, Sans-serif; padding-bottom: 15px; color: rgba(0,0,0,0.5); text-decoration: none; }
a.google:hover { background: none; color: rgb(227,55,45); }
a.est { color: black; }
a.est:hover { text-decoration: none; background: rgba(0,0,0,0.1) !important; opacity: 0.8 !important; }
a.est h5 { margin-bottom: 10px; text-align: center; color: black; }
a.est p.categ { border: 1px solid rgba(0,0,0,0.3); padding: 3px 10px; text-align: center; text-transform: uppercase; color: rgba(0,0,0,0.5); margin: 0 0 10px 0; }
a.est p.segell { text-align: center; color: rgb(194,154,72); margin: 0; font-weight: bold; font-size: 120%; }
a.est p.link { text-align: center; color: rgb(194,154,72); margin: 0; text-transform: uppercase; font-size: 100%; margin-top: 10px; }



/* MEDIA QUERIES **********************************************************************************/


@media (max-width: 1200px)
{

}


@media (max-width: 992px)
{
	#map { height: 600px;
}


@media (max-width: 768px)
{
	#map { height: 350px;
	.hoverinterior
	{
		font-size:22px;
	}

	.headerweb h1
	{
		font-size:34px;
	}

	.button-group0
	{
		text-align: center !important;
	}

	.button-group0 .button
	{
		float:none !important;
	}

	.divestabliments
	{
		height:150px;
	}

	.hoverestabliments
	{
		padding-top:40px;
	}

	.menusuperior, .menusuperior2 {
	    text-align: center;
	}

	.menusuperior .navbar-collapse, .menusuperior2 .navbar-collapse
	{
		margin-top:25px;
	}

	/*.navbar-light .navbar-toggler-icon
	{
	    background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>") !important;
	}*/

	.fixed-top
	{
		background-color:white;
		border-bottom: 1px solid #333;
	}

	.semprevisible
	{
		display:block !important;
	}

	.sempreinvisible
	{
		display:none;
	}

	.menusuperior2 li a:hover,
	.menusuperior2 li a.active
	{
		border:none;
		color:#cc9933 !important;
	}
}


@media (max-width: 576px)
{
	.menusuperior2 li a:hover,
	.menusuperior2 li a.active
	{
		border:none;
		color:#cc9933 !important;
	}

	.hoverinterior
	{
		font-size:16px;
		padding-top: 30px;
    	padding-bottom: 30px;
	}

	.menusuperior, .menusuperior2
	{
		text-align: center;
	}

	.menusuperior .navbar-collapse, .menusuperior2 .navbar-collapse
	{
		margin-top:25px;
	}

	.bottomsmall
	{
		padding-bottom:30px;
	}

	.centersmall
	{
		text-align:center;
	}

	.fixed-top
	{
		background-color:white;
		border-bottom: 1px solid #333;
	}

	.semprevisible
	{
		display:block !important;
	}

	.sempreinvisible
	{
		display:none;
	}

	.menusuperior li a
	{
		color:black !important;
	}

	.menusuperior li a:hover, .menusuperior li a.active
	{
		border-bottom:3px solid black !important;
	}

	.button
	{
		font-size: 14px;
		padding: 5px;
	}

	.button-group0
	{
		text-align: center !important;
	}

	.button-group0 .button
	{
		float:none !important;
	}

	.rowsmall
	{
		margin-left:0 !important;
		margin-right:0 !important;
	}

	.divestabliments
	{
		height:240px;
	}

	.hoverestabliments
	{
		padding-top:100px;
	}

	.capcaleracomerc
	{
		height:300px;
	}

}