@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);


body {  /*border-top: 5px solid #ff9000; padding-top:5px;*/ font-family:'Open Sans'; font-size:15px; }
header { background-image:url(https://canmetviu.com/img/fonscap.png); background-position:top; background-repeat:repeat-x; }

h2 { font-size:25px; font-family:'Open Sans'; margin:20px auto;}
h2.titol-destacats { text-align:center; }
a { color:#635d28; }
a:hover { color:#a7a16b; }

img.logo { margin:20px auto 0px; }

.fons-gris { background-color:#f7f6eb; }
/* footer div.container { border-top : 1px solid #ccc;} */
.caixa-instagram { float:right; max-width:370px; margin-left:1em; }
.caixa-instagram h3 { margin-top: 0;   }
.imatge-insta img { margin-left: 10px; margin-bottom: 15px; }

img.logo { margin:8px auto 8px; }
.navbar-comunicatek { background-color:#c4bf8f; }
.nou-menu-cap { float:right; font-size:18px; margin-top:10px; text-align:center; }
ul.nou-menu-cap { max-width:100%; float:right; margin-bottom:0; margin:0; padding:0; margin-top:14px; }
ul.nou-menu-cap li { list-style:none; flex-grow:1; vertical-align:middle; text-align:right; }
ul.nou-menu-cap li a { color:#635d28; min-width:40px; font-size:16px; text-transform:uppercase; font-weight:400; padding:10px 8px; border-top:1px solid #a7a16b; }
ul.nou-menu-cap li + li { /*background-image:url(https://canmetviu.com/img/puntmenu.png);*/ background-position:left; background-repeat:no-repeat; }
ul.nou-menu-cap li a#primero { font-weight:400; color:#fff; }

.cookies .navbar-comunicatek { padding-top:40px; }

.navbar-header { overflow:hidden; }
.navbar-brand { height:auto; padding:0px 15px; width:100%; }

div.caixa-text-banner { background-color:#333; color:#fff; text-align:center; left:0; right:0; opacity:0.6; font-size:40px; padding-bottom:7px; padding-top:7px; bottom:40px; margin:0px 1px 1px 1px; font-style:italic; font-weight:300; font-family:'Open Sans'; }

div.caixa-festesoci { border-top:2px solid #ff9000; background-color:#e5edf5; }

img.img-baner-portada { /*border:1px solid #fff;*/ }

div.caixamapa { padding-left:0; padding-right:0; }
h1.titolgeo { font-size:18px; margin-top:5px; }
p.textgeo { font-size:14px; }

.alert-canmetviu { background-color:#c4bf8f; color:#fff; border:1px solid #c4bf8f; text-align:center; font-size:25px; padding-left:30px; padding-right:30px; }

/**** menu mobil */
h1 { font-size:22px; color:#333333; font-family:'Open Sans'; font-weight:300; font-style:italic; }
.container-menu { padding:0; margin:0; /*margin-bottom:10px;*/ }
.container-menu .navbar-default { border:0; border-radius:0; margin-bottom:0; min-height:40px; background-color:#111111; text-transform:uppercase; } 

.container-menu-ancles { padding:0; margin:0; }
.container-menu-ancles .navbar-default { background-color:#fff; border:0; border-radius:0; margin-bottom:0; }

.carousel-control.right { background-image:none; }
.carousel-control.left { background-image:none; }

div.container-fixed { min-height:40px; }

img.icona_noticia { border:1px solid #ccc; }
div.fonscolor { background-color:#f0f0f0; }

.zona-botons-peu { padding-top:35px; padding-bottom:35px; border-top:1px solid #c4bf8f; }

div.noticies-portada { border-bottom:1px solid #888; margin-top:10px; margin-bottom:10px; overflow:hidden; }
div.noticies-portada a { color:#444444; }
div.noticies-portada h3 { font-size:18px; margin:0; }
img.icona_noticia_portada { float:left; margin:0px 8px 8px 0px; max-width:150px; }

.caixa-idiomes-cap { float:right; overflow:hidden; text-align:right; margin-top:5px; }
.caixa-idiomes-cap a { margin-left:10px; font-size:12px; }
.nav > li > a.idioma { padding:5px; text-transform:uppercase; }
.nav > li > a.idioma-actiu { padding:5px; text-transform:uppercase; }

div.caixa-contacte-menu { overflow:hidden; width:100%; padding:20px; }
.caixa-xarxes-peu img { margin:10px 15px; }

/*ul.menu { color:#adadad; height:40px; display:flex; width:100%; float:right; margin-bottom:0; margin:0; padding:0; }
ul.menu li { list-style:none; flex-grow:1; vertical-align:middle; text-align:center; padding:8px 6px 7px 4px; }
ul.menu li a { color:#f1f1f1; min-width:40px; font-size:18px; }
ul.menu li + li { background-position:left; background-repeat:no-repeat; }*/

div.caixa-ref-hab { padding:10px; font-size:20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; width:100%; }
div.caixa-preu-hab { padding:10px; font-size:20px; border-bottom:1px solid #ccc; overflow:hidden; width:100%; margin-bottom:15px; }

.mes-espai { padding-top:25px; padding-bottom:35px; }

ul.dropdown-menu li + li { background-image:none; }
ul.dropdown-menu li { padding:1px; }

ul.dropdown-menu { background-color:#ff9000; }

div.menumobil { display:none; }

div.caixa-social { text-align:right; padding-top:10px; }
a.ico-social { margin-left:15px; }

.fixed {  position:fixed; top:0; z-index:9999; width:100%; }
.fixed ul.menu{ height:32px; }
.fixed ul.menuancles{ height:32px; }
.fixed div.container-menu{ height:32px;   }
.fixed nav.navbar { min-height:32px; background-color:#111111; }
.fixed nav.navbar li { padding:4px; }

ul.menuancles { color: #333; height: 56px; display: flex; width: 99%; margin-bottom: 0; margin:0; padding:0;   }
ul.menuancles li { list-style: none; flex-grow:1; vertical-align: middle; text-align: left; padding:16px 4px 7px;  }
ul.menuancles li a { color: #333; min-width:60px; }

div.map { overflow:hidden; max-width:100%; min-height:400px; }

label.invalid, label.invalid a { color: #c00 !important; }

.contingut-portada { /*text-align:center;*/ }
.contingut-portada h1 { font-style:italic; font-size:28px; font-weight:300; text-align:center; margin-top:0px; }

.txt-resaltat { font-size:22px; text-align:center; margin:10px 50px; /*font-style:italic;*/ }

div.noticies h3 { margin:0; font-size:20px;  }
div.noticies h3 a { color: #ff9000; }
div.noticies a  { color:inherit; }

div.productes div.panel  { width: 24%; float:left; margin-right:1%; }
div.productes div.panel:nth-child(4n+4) { margin-right:0; }
p.panel-producte { height:80px; overflow:hidden; text-overflow: ellipsis; }
div.panel h3.producte { height:26px; overflow:hidden; text-overflow:ellipsis; margin:5px 0; }
div.panel a.panel-producte-imatge { display:block; padding-bottom:67%; background-size:cover; margin: -15px -15px 0 -15px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }

div.media a.media-imatge { display:block; padding-bottom:67%; background-size:cover; border:1px solid #ccc;  }

h1.titol-fitxa-article { /*background-color:#c4bf8f;*/ padding:8px 10px; color:#635d28; }


div.preu { margin-top:0; } 
div.preu .label { display:block; }

h3.titol-avisos { text-align:center; color:#555; margin-top:25px; margin-bottom:20px; }
.alert-avis { color:#555; border:none; font-weight:300; margin:20px auto; font-size:17px; font-style:italic; padding-bottom:30px; text-align:center; } 
.alert-avis h3 { font-family:'Open Sans'; }
.alert-avis a { text-decoration:none; color:#555; }
.alert-avis a:hover { text-decoration:none; }
.alert-avis .text-firma { font-size:13px; font-style:normal; margin-top:35px; }

.caixa-llistat-avis { color:#555; border:none; font-weight:300; margin:20px auto; font-size:17px; font-style:italic; padding-bottom:30px; text-align:center; } 
.caixa-llistat-avis h3 { font-family:'Open Sans'; }
.caixa-llistat-avis a { text-decoration:none; color:#555; }
.caixa-llistat-avis a:hover { text-decoration:none; }
.caixa-llistat-avis .text-firma { font-size:13px; font-style:normal; margin-top:35px; }


table.cistella th.preu { width:180px; }
table.cistella th.unitats { width:130px; }

.visible-xxs-block { display:none !important; }
.hidden-xxs { display:block !important; }

img.icona_subpagines { float:left; margin:20px 20px 20px 0px; }
.subpagines h3 { margin-top:10px; margin-bottom:5px; }
.subpagines h3 a { color:#ff9000; text-decoration:none; font-size:20px; }
.subpagines h3 a:hover { color:#ff9000; text-decoration:none; }
.subpagines p a { color:#333333; text-decoration:none; font-size:14px; }
.subpagines p a:hover { color:#333333; text-decoration:none; }

img.img-esquerra { float:left; margin:0px 15px 10px 0px; }
img.img-dreta { float:right; margin:0px 0px 10px 15px; }
img.imatge_gran { float:left; margin:0px 15px 10px 0px; }

div#contenidor-documents { border:1px solid #ccc; background-color:#dedede; color:#111; padding:15px; }
div#contenidor-documents ul { margin-bottom:0px; }
div#contenidor-documents a { color:#111; font-size:18px; }

div.panel-ajuntament { background-color:#ededed; margin:30px auto; border: 1px solid #ccc; clear:both; }
div.panel-ajuntament div.panel-heading { color : #ff9000; font-size:24px; padding:15px 15px 8px; }
div.panel-ajuntament div.panel-body ul { margin: 0; padding: 0; }
div.panel-ajuntament div.panel-body li { list-style: none; }
div.panel-ajuntament div.panel-body li a { color : #444; font-size:16px; }
div.panel-ajuntament div.panel-body { padding-top: 2px; }

.caixa-patrocinadors { text-align:center; margin:0 auto 30px; overflow:hidden; max-width:100%; }
img.patrocinador { margin:0px 5px; max-width:100%; border:1px solid #ccc; }
div.boto-patrocinador { max-width:200px; float:left; margin:8px; }

img.icona_subpagines { float:left; margin:20px 5px 20px; }

.caixa-imatge-galeria { overflow:hidden; position:relative; width:25%; float:left; margin:0; padding:5px; }
.caixa-imatge-galeria a:hover { opacity:0.6; }
.caixa-imatge-galeria img { border:1px solid #ccc;}

img.imatge-galeria-mida { /*height:348px;*/ }

.grid {  margin-top:10px; margin-bottom:10px; }
.grid-item { margin-bottom:0px; text-align:center; padding-left:0px; padding-right:0px; }
.grid-item .zonatext { overflow:hidden; padding:6px 5px 6px 10px; background-color:#ddd; color:#666; text-align:left; font-size:12px; width:100%; }
.grid-item a img { max-width:100%; }
.grid-item a img { transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1); 
        -webkit-transform:scale(1); 
        -o-transform:scale(1); 
        -webkit-transition: all 500ms ease-in-out; 
        -moz-transition: all 500ms ease-in-out; 
        -ms-transition: all 500ms ease-in-out;  
        -o-transition: all 500ms ease-in-out; }
       
 .grid-item a img:hover{ opacity:0.75;
            transform:scale(0.9);
            -ms-transform:scale(0.9);
            -moz-transform:scale(0.9); 
            -webkit-transform:scale(0.9); 
            -o-transform:scale(0.9);
    } 
	
.llistat-serveis { width:100%; overflow:hidden; }
.llistat-serveis .caixa-servei { width:100%; overflow:hidden; clear:both; margin:90px auto; }
.llistat-serveis h3 { margin:0; color:#ab1f10; font-weight:300; }
.llistat-serveis strong { color:#ab1f10; }

.caixa-imatge-servei-1 { float:left; }
.caixa-text-servei-1 { float:right; }
.caixa-imatge-servei-2 { float:right; }
.caixa-text-servei-2 { float:left; }

div.caixa-article-portada { margin-bottom:25px;  }
div.caixa-article-portada a { text-decoration:none; color:#555; }
div.caixa-article-portada a:hover { text-decoration:none; }
div.caixa-article-portada-2:hover { box-shadow:0px 0px 5px 4px #bbb; }
div.caixa-article-portada-2:hover div.article-text .titol { background-color:#c4bf8f; color:#635d28; }
div.caixa-article-portada div.article-text { border-bottom:1px solid #ddd; /*border-left:1px solid #ddd; border-right:1px solid #ddd;*/ margin-bottom:0px; }
div.caixa-article-portada div.article-text .titol { color:#333; text-align:center; font-weight:400; padding:8px; font-size:22px; height:54px; overflow:hidden; }
div.caixa-article-portada div.article-text .descripcio-article { color:#555; text-align:justify; font-weight:400; margin:5px auto; overflow:hidden; }
div.caixa-article-portada div.article-text .article-preu { font-size:45px; font-weight:700; text-align:center; }

div.caixa-article a { text-decoration:none; color:#555; }
div.caixa-article a:hover { text-decoration:none; }
div.article-text { border-bottom:1px solid #ddd; /*border-left:1px solid #ddd; border-right:1px solid #ddd;*/ margin-bottom:25px; }
div.article-text .titol { color:#333; text-align:center; font-weight:400; padding:8px; font-size:22px; height:54px; overflow:hidden; }
div.article-text .descripcio-article { color:#555; text-align:justify; font-weight:400; margin:5px auto; overflow:hidden; }
div.article-text .article-preu { font-size:45px; font-weight:700; text-align:center; }

div.caixa-breadcrumb-article { margin:25px auto; font-weight:300; font-size:18px; }
div.caixa-breadcrumb-article .textcolor { color:#333; font-weight:500; font-size:22px; }
div.caixa-fitxa-article { /*border-top:1px solid #ccc; padding-top:15px;*/ }
div.caixa-fitxa-article h1.titol-contingut { font-size:40px; font-weight:800; color:#333; padding:0; margin-top:0; }
div.caixa-fitxa-article h3.subtitol-article { font-style:italic; }
div.caixa-preu-fitxa-article { width:100%; overflow:hidden; padding:15px 0px; border-top:1px solid #ccc; /*border-bottom:1px solid #ccc;*/ margin-top:3px; }
div.caixa-preu-fitxa-article .preu { width:35%; overflow:hidden; float:left; font-size:45px; font-weight:700; text-align:left; color:#333; }
div.caixa-preu-fitxa-article .caixa-quantitat { width:15%; overflow:hidden; float:left; margin-top:15px; }
div.caixa-preu-fitxa-article .caixa-boto-afegir { width:50%; overflow:hidden; float:right; text-align:right; margin-top:15px; }
div.caixa-preu-fitxa-article .caixa-boto-afegir .btn-terradas { text-align:center; color:#fff; font-weight:300; text-transform:uppercase; padding:8px 30px; background-color:#333; border:1px solid #333; }

div.text-loc-portada { position:absolute; width:100%; text-align:center; top:172px; font-size:25px; color:#fff; z-index:1000; text-transform:uppercase; text-shadow:3px 3px 2px #000; }
div.caixa-loc-portada { padding:0; text-align:center; overflow:hidden; position:relative; height:235px; }
div.caixa-loc-portada img.img-localit-portada { position:absolute; left:50%; top:50%; height:101%; width:auto; transition:2s all; -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform:translate(-50%,-50%); }
div.caixa-loc-portada:hover img.img-localit-portada { height: 110%; }
div.caixa-loc-portada:hover { opacity:0.8; }

.zona-botons-portada { padding:40px 0px; }

.btn-canmet { background-color:#635d28; color:#fff; border:1px solid #635d28; }

div.slide{ max-width:100%; height:auto; margin:auto; /*box-shadow:0px 4px 4px -1px #666;*/ margin-bottom:25px; }
div.slide img { max-width:100%; margin:0 auto; }

div.slide2{ max-width:100%; height:auto; margin:auto; box-shadow:0px 4px 4px -1px #666; margin-bottom:25px; }
div.slide2 img { max-width:100%; margin:0 auto; }

img.logomobil { display:none; }
img.locopc { display:inline; }

@media (max-width: 1170px) {
	
}

@media (max-width: 992px) {
	img.logomobil { display:inline; }
	img.logopc { display:none; }
	
	article.product {
		width: 33.3%;
	}
	.alert-canmetviu { margin-left:10px; margin-right:10px; font-size:20px; }
	.contingut-portada h1 { font-size:25px; }
	
	div.zona-banner-mobil { padding-left:0; padding-right:0; }
	div.slide { margin-bottom:5px; }
	
	div.productes div.panel  { width: 32%; float:left; margin-right:1%; }
	div.productes div.panel:nth-child(3n+3) { margin-right:0; }
	
	.navbar-header { max-width:none; /*max-width:100%;*/ }
	img.logo { margin:0px auto; max-width:40%; float:left; }
	a.zona-logo-cap { width:75%; padding-top:15px; }
	
	.navbar-toggle { padding:5px 10px; }
	.navbar-toggle img { width:25px; margin-top:0px; }
	
	.dropdown-menu { /*position:unset;*/ position:relative; box-shadow:none; border:none; width:100%; overflow:hidden; top:0px !important; }

	div.container-fixed {  min-height: 0; /*height:0;*/ }
	.logo { display:block;  margin : 10px auto; }
	.visible-xxs-block { display:block !important; }
	.hidden-xxs { display:none !important; }
	
	div.caixa-social { text-align:center; margin:5px auto 10px; display:none; }
	
	div.caixa-text-banner { font-size:15px; }
	
	.caixa-imatge-galeria { width:100%; }
	body {  padding-top:50px;  }
	
	ul.nou-menu-cap { width:100%; max-width:inherit; }
	ul.nou-menu-cap li { text-align:center; }
	
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height:inherit; }
	.caixa-idiomes-cap { width:100%; text-align:center; }
	div.caixa-contacte-menu { text-align:center; padding-bottom:5px; }
	div.caixa-xarxes-peu { text-align:center; }
	.zona-botons-peu img { max-width:60%; margin:0 auto; }
}

@media (max-width: 750px) {
	
	/*body {  padding-top:0px;  }*/
	
	.caixa-instagram { float:none; margin:auto; max-width:99%;  }
	

	body { -webkit-transition: -webkit-transform 1s ease-in-out;
	  -moz-transition: -moz-transform 1s ease-in-out;
	  -o-transition: -o-transform 1s ease-in-out;
	  transition: transform 1s ease-in-out;
	}

	
	img.icona_subpagines { margin:5px; float:none; }
	div.subpagines { text-align:center; }
	
	img.icona_subpagines { margin:5px; float:none; }
	div.subpagines { text-align:center; }
	
}

div.caixa-botons { margin-bottom:10px; }

article.bloc2 { margin-bottom:1em; } 
article.bloc2 aside { width:50%; display:block; float:left; }

article.bloc2 aside h3 {  font-weight: bold; margin: 0 2px; border-bottom: 1px solid #ccc; }

@media (max-width: 640px) {
	article.product {
		width: 50%;
	}
	ul.menu li a { font-size:14px; }
	div.productes div.panel  { width: 49%; float:left; margin-right:1%; }
	div.productes div.panel:nth-child(2n+2) { margin-right:0; }
	
}

@media (max-width: 480px) {
	article.product {
		width: 100%;
	}
	
	div.productes div.panel  { width: 100%;  }


}


div.columnes h3 { color: #ff9000; }
div.columnes a { color: inherit; }

div.mosaics { text-align:justify; margin-top:60px; }
div.mosaics h3 { color:#000000; font-size:22px; }
div.mosaics a { color:inherit; }


footer  div.container-fluid {  margin-top:2em; background-color:#111; color:#fff; }
footer a { color:#fff; }
footer div.container { padding:2em 0; }
footer h3 { margin-top:0px; font-size:22px; color:#fff; padding-bottom:3px; border-bottom:1px solid #fff; }


.gallery ul { padding:0; margin:0; text-align:justify;  }
.gallery li { list-style:none; display:inline-block;  margin-right:3px; margin-bottom:6px;  }
.gallery img { border:2px solid #ccc; }
.gallery img:hover { border: 2px solid #635d28; }

div.cap { overflow:hidden; box-shadow:0px 2px 5px 1px #666; }

div.caixa-subpagines { margin:25px 0px; }

/* Estils del modul blocs */
.text_bloc_esquerra { float:left; width:48%; overflow:hidden; }
.text_bloc_dreta { float:right; width:48%; overflow:hidden; }
img.img_bloc_esquerra { float:left; margin:0px 15px 10px 0px; }
img.img_bloc_dreta { float:right; margin:0px 0px 10px 15px; }
div.caixa-bloc-general { margin-top:15px; margin-bottom:15px; }
h1.titol-bloc { text-align:center; }
.text_tot_ample { width:100%; overflow:hidden; clear:both; }

/* cookies */
div.cookies { position:absolute; text-align:center; height:45px; background-color:#888; color:white; right:0; left:0; font-size:12px; padding-top:3px; transition:all .7s; }
div.cookies2 { top : 0; }
div.cookies a {  color:white; }
body.cookies { padding-top: 46px; }
div.amagat  { top:-32px; }

@media (min-width: 640px) {
	div.noticies div.media { margin-top:1em; }
	div.noticies div.media { width:50%; float:left; overflow:hidden; }
	div.noticies div.media:nth-child(2n+1) { clear:both; }
	div.noticies .media-left, .media-right, .media-body { display:block; text-align:justify;  padding : 0.5em 1em 0; }
	div.noticies img { display:block; margin:auto; max-width:100%; }
}

@media (min-width: 992px) {
	body {
		padding-top: 0;
		padding-left:35rem;
	}
	.container-fluid { padding-left:0px; padding-right:0px; }
	
	div.noticies div.media { margin-top:1em; }
	div.noticies div.media { width:33%; float:left; overflow:hidden; }
	div.noticies div.media:nth-child(2n+1) { clear:none; }
	div.noticies div.media:nth-child(3n+1) { clear:both; }
	div.noticies .media-left, .media-right, .media-body { display:block; text-align:justify; padding:0.5em 0.5em 0; }
	div.noticies img { display:block; margin:auto; max-width:100%; }
	
	ul.menu li a { font-size:14px; }
	
	#sideNav {
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		width:35rem;
		height: 100vh;
	}
	
	#sideNav .navbar-collapse {
		display: flex;
		align-items: flex-start;
		flex-grow: 0;
		width: 100%;
		margin-bottom: auto;
	}
	
	#sideNav .navbar-collapse .navbar-nav {
		flex-direction: column;
		width: 100%;
	}
	
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height:inherit; }
	
	.caixa-idiomes-cap {
		overflow: hidden;
		text-align: center;
		margin-top: 5px;
		width: 100%;
	}
	
	ul.nou-menu-cap li { width:100%; text-align:center; }
	
}

@media (min-width: 1200px){
	ul.menu li a { font-size:18px; }	
}

@media (min-width: 1290px) {
	div.noticies div.media { width:25%; float:left; /*max-height:150px;*/ overflow:hidden; }
	div.noticies div.media:nth-child(3n+1),div.noticies div.media:nth-child(2n+1) { clear:none; }
	div.noticies div.media:nth-child(4n+1) { clear:both; }
}

@media (max-width: 750px) {
	div.noticies .media-left, .media-right, .media-body { display:block; text-align:justify;  padding : 0px 0px 0; }
	div.noticies img { display:block; margin:auto; max-width:100%; }
	img { max-width:100%; }
	/* Estils del modul blocs */
	.text_bloc_esquerra { width:100%; overflow:hidden; margin:8px auto; }
	.text_bloc_dreta { width:100%; overflow:hidden; margin:8px auto; }
	img.img_bloc_esquerra { max-width:100%; margin:8px; display:block; overflow:hidden; }
	img.img_bloc_dreta { max-width:100%; margin:8px; display:block; overflow:hidden; }
	
}


/* Calendari */
h2.calendari{   font-weight:bold; color:#ff9000; margin-bottom:7px; margin-top:1.5em; border-bottom:1px solid #ff9000; }
h2.calendari:first-child { margin-top:0; }
.cela_agenda { vertical-align:top; }	
.taula-agenda{ background-color:#eeeeee; border:0.0625em solid #cfcfcf; width:100%; }
table.cal_taula { width:100%; margin: 1em auto 5px auto; }
table.cal_taula:first-child { margin-top:0; }
tr.cal_nom_dia {  font-weight: bold; font-size: x-small; padding:4px; text-align:center; }
td.cal_mes,td.cal_mes { font-size: small;  font-weight: bold; color: #FFFFFF; background-color: #ff9000; padding:4px; }
td.cal_dia_ocupat { padding:0; background-color: #ff9000; }
a.cal_dia_ocupat {  font-size: xx-small; color:#FFFFFF; text-decoration:none; display:block; font-weight: bold; padding:4px; text-align: center; }
 a.cal_dia_ocupat:hover { background-color:#FFB871; text-align: center; font-size: xx-small; color: #333333; display:block; padding:4px; }
td.cal_dia_lliure {  font-size: xx-small; color: #333333; background-color:#FFB871; text-align: center; padding:4px; }
td.cal_cela_buida { background-color: #ffffff; }	



/* Plugins */ 

/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width: 970px) {
.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/***
 * BxSlider v4.2.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 ***/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0px auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
/*  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;*/
 /* border: 5px solid #fff;*/
	/*border: 1px solid #e3e3e3;
	 padding:4px;
  background: #fff;*/
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 0;
  /*z-index: 3999;*/
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}