/* 6699cc (c) trading tecno */
/* (c) 2014-2023 (c) trading tecno */
/* #61779f = blau */

/*
carta colors pintura -> 3 x gris:

NSC S 1002-Y = #dedcd2
NSC S 1502-Y = #d2d1c8 (aquest)
NCS S 2002-Y = #c6c3bb

body { outline:1px dashed black}
input,i {outline:1px dashed grey}
span {outline:1px dotted red}
input,i {outline:1px dashed orange}
table tr  {outline:1px dashed blue}
table td {outline:1px dotted blue}
ul {outline:1px dashed green}
div {outline:1px dashed red}
*/

@media only screen and (min-width : 0px) and (max-width : 1024px) {
body {font-size:10px; margin-top:80px!important}	
#contacte{padding-bottom:20px;padding:10px}
#index-info  {display:block;max-width:1000px;margin:40px auto 0px auto}
#index-info li {display:inline-block;width:80%;margin:10px}
#index-info-poster {max-width:500px}
#index-info h1 {font-size:32px}
#index-info h2 {font-size:24px}

#menu {display:none;position:fixed;top:0px;right:0px;width:96%;padding:2vh 2%;overflow-y:scroll;z-index:4}

#menu li {display:block; width:94%; padding: 2%; text-align:left; font-size:24px; height:25px; line-height:25px}

#menu-barra {display:none}

#menu-obrir {top:10px}

#peu-grup ul, #icones ul {display:block;text-align:center}
#peu-grup li {font-size:24px; padding: 0px 10px; text-align:center !important}

.titol {display:block;clear:both;text-align:center;padding:15px; }
.titol {font-size:32px}

.titol-seccio {font-size:24px}

.subtitol {font-size:26px}
.subtitol-seccio {font-size:20px}
.subtitol p {text-align:justify !important; font-size:20px !important}

.cos-esquerra, .cos-dreta {display:block;clear:both}
.cos-esquerra img, .cos-dreta img {width:100%}
#info-esquerra, #info-dreta {display:block;clear:both}
#info-resum {display:block;clear:both}
#info-poster {display:block}
#info-poster img {width:100%}

.compartir-pagina a {font-size:16px}

#capcalera {width:100%; background-color:white; height:64px}
#capcalera table {width:100%}
#capcalera table tr td {white-space:nowrap}
#capcalera table tr:nth-child(1) > td:nth-child(1) {width:20%}  /* logo */
#capcalera-logo {display:block; width:30%; }
#capcalera-logo img {height: 60px; margin-top:2px; margin-left:10px}
#capcalera-social {font-size:0.8rem}
#capcalera-idiomes {display:inline-block;margin:0px 30px 0px 20px;text-align:left;display:none}



#capcalera > table > tbody > tr:nth-child(1) > td:nth-child(2) { position:absolute;left:30%;top:4px;text-align:center; font-size:1.5rem; font-weight:bold; color:#61779f } /* telefon */
#capcalera > table > tbody > tr:nth-child(1) > td:nth-child(2) a { color:#61779f }
#capcalera-idiomes {display:none}

#capcalera .lletra-gran {font-size:1.2rem;font-weight:bold;color:black!important}
#capcalera .boto-gran {font-size:0.6rem; float:left;font-weight:bold}


#capcalera-peu {display:none; position:fixed;width:100%;bottom:0px;left:0px;height:60px;background-color:#61779f;color:white;z-index:1}
#capcalera-peu table {width:100%; border-collapse:collapse}
#capcalera-peu table tr td {text-align:center; padding:10px;width:25%}
#capcalera-peu table tr td a p, #capcalera-peu table tr td div p {display:block;font-size:0.6rem;font-weight:bold;margin:0px;padding:0px}
#capcalera-peu table a {color:white; text-decoration:none}

.zoom-imatge,.zoom-imatge-tancar {max-width: 96vw}

#galetes {font-size:1rem}

.area-imatges {margin:0px;padding:0px}
.area-imatges-img {display:inline-block;background-image:url(../imatges/icona-lupa-gran.png);background-repeat:no-repeat; background-size: 100px 100px; width:102px;height:102px;margin:2px 4px}
.area-imatges img {display:inline-block;width:100px;height:100px;border:1px solid #efefef}
.cos {margin:20px 20px;font-size:16px; text-align:justify}
.cos-dreta, .cos-esquerra {font-size:24px}
.cos-dreta h2, .cos-esquerra h2 {font-size:26px;font-weight:normal}
.cos-dreta p, .cos-esquerra p {font-size:20px}

.cos-dreta table, .cos-esquerra table {border-collapse:collapse}
.cos-dreta td, .cos-esquerra td {font-size:20px; padding:5px 5px 5px 0px}
.cos-dreta figure img, .cos-esquerra figure img {width:100%}

.cos-dual figure {display:block;width:100%;margin:10px auto}
.cos-dual img {display:block;width:100%;margin:0px auto}
/*.cos-dual figure figcaption {text-align:center}*/

.cos .imatge-esquerra, .cos .imatge-dreta{display:block;width:100%;margin:10px auto}
#cos-legal {margin:40px 20px; font-size:14px}

.area-avis {font-size:1.2rem}

.imatge-esquerra {display:block; width:100%; margin:10px 10px 10px 0px}
.imatge-dreta {display:block; width:100%;margin:10px 10px 10px 0px}

center figure {margin: 5px 0px}
center figure img {width:100%}
#whatsapp {display:block}

.area-video {position:relative; display:block;width:100%;clear:both;margin-bottom:20px;overflow:hidden}
.area-video iframe {position: relative; top: 0; left: 0; width: 100%;height: 100%;}
.area-video p {position:relative;margin-top:10px; height:50px; font-size:1.8em; font-weight:bold; text-align:center; color:black}

#galeria {display:block; clear:both; text-align:center; margin: 5px; background-color:black; padding-bottom:15px}
#galeria img {display:block; width:100%; margin-bottom:5px}

button.icona-compartir-imatge {display:block; position:absolute; right:5px!important;bottom:15px;cursor:pointer;width:48px; height:48px;border:0px;background-color:transparent;z-index:1}

button.icona-seguent-imatge {display:block; position:absolute; right:0px!important;top:45%;cursor:pointer;width:48px; height:48px;border:0px;background-color:transparent;z-index:1}

.lineal-productes::-webkit-scrollbar{display: none;}

#sant-tots, #sant-notes, #sant-nom {max-width:95%}
#sant-tots, #sant-notes {overflow:hidden}
#sant-mes {font-size:18px}

.mono {position:relative; display:block;clear:both}
.mono section {display:block;clear:both;width:100%}
.mono-pad { width: 90%!important; padding: 5%}

.mono-imatge {display:block; clear:both; text-align:center}
.mono-imatge img {width:100%}

.duo {position:relative; display:block; clear:both}
.duo section {position:relative; display:block; clear:both}
/*.duo section h2 {position:absolute; top:2%; width:100%; text-align:center}*/
.duo-pad { width: 96%!important; padding: 0% 2%}
.duo-pad-extra { width: 80%!important; padding: 0% 10%; margin:auto}

.trio {position:relative; display:block;clear:both}
.trio section {display:block;width:96%;position:relative;clear:both; margin-bottom:1%; padding:2%; background-color:white}
.trio section h2 {top:2%; }
.trio section h3 { bottom:2%; }
.trio section h2, .trio section h3 {position:absolute; width:92%; padding:2%; text-align:center;background-color:rgba(0,0,0,0.7); color:white; margin:0%}
.trio-pad { width: 96%!important; padding: 0% 2%}
.trio section h2 {background: rgb(97,119,159); background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);}
.trio section h3 {background: rgb(97,119,159); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);}

.quatro {position:relative; display:block;clear:both}
.quatro section {display:block;padding:2%;text-align:center;min-height:340px}

.sexta {position:relative; display:block;clear:both; text-align:center}
.sexta section {position:relative; display:inline-block; width:46%; margin:2%; vertical-align:top;}
.sexta-pad { width: 96%!important; padding: 0% 2%}
.sexta img {width:80%; }
.sexta section:nth-child(2n+2) {text-align:left}
.sexta section:nth-child(2n+1) {text-align:right}

.octo {position:relative; display:block; clear:both; text-align:center }
.octo section {position:relative; display:inline-block; width:46%; margin:2%; vertical-align:top;}
.octo-pad { width: 96%!important; padding: 0% 2%}
.octo img {width:80%; }
.octo section:nth-child(2n+2) {text-align:left}
.octo section:nth-child(2n+1) {text-align:right}

}




@media only screen and (min-width : 1025px) { 

body {margin: 80px 0px 0px 0px!important; font-size:10px;overflow-x:hidden}

#contacte {width:40%!important;margin-left:4%}

#index-info li {display:inline-block;width:200px;height:365px;margin:10px 10px 10px 10px}
#index-info-poster {}
#index-info h1 {font-size:24px}
#index-info h2 {font-size:18px}

#peu-grup ul, #icones li {display:inline-block;max-width:20%;width:100%;margin:0px 20px 0px 20px}
#peu-grup ul {width:24%}
#peu-grup li {font-size:16px}

#peu-grup > ul:nth-child(4) > li:nth-child(7) {min-width:300px}	/* area logo top doctors */	

.titol {display:block;clear:both;text-align:center;padding:15px}
.titol {font-size:40px}

.titol-seccio {font-size:30px}
.subtitol {font-size:36px}
.subtitol-seccio {font-size:28px}

.cos-esquerra {clear:both;float:left;width:46%;margin:0% 1% 1% 0%;min-height:200px;vertical-align:top !important;outline:1px solid #efefef}
.cos-dreta {float:right;width:46%;margin:0% 0% 1% 1%;min-height:200px;vertical-align:top !important;outline: 1px solid #efefef}
.cos-esquerra img, .cos-dreta img {width:100%}
.c2 {display:inline-block;block;width:45.5%;margin:0%;padding:2%;vertical-align:top;vertical-align:top}
.c2:first-child {float:left}
.c2:last-child {float:right}
.cb {display:block;vertical-align:top;margin-top:40px}
.cb h2 {font-size:24px}

#info-esquerra {display:inline-block;width:65%}
#info-dreta {display:block;float:right;width:30%}
#info-resum {display:block}
#info-poster {max-width:280px;margin:0px 10px 10px 0px;float:left}
#info-poster img {width:100%}
#index tr td {padding:5px;font-size:16px}



.compartir-pagina a {font-size:16px}

#capcalera {width:100%; background-color:white}
#capcalera table {width:100%}
#capcalera table tr td {padding:0%}
#capcalera table tr:nth-child(1) > td:nth-child(1) {width:0%}  /* abans 20% amb logo + llarg */
#capcalera-logo {}
#capcalera-logo img {height:35px; transform:scale(1.4); margin-left:40px; margin-top:5px;position:relative;} 
#capcalera-logo img	{transition: all .5s ease;  }
#capcalera-logo img:hover {position:relative; transform:translate(20px, 10px) scale(2); }
/*#capcalera-logo img:hover{-webkit-box-shadow: 0px 10px 22px -1px rgba(0,0,0,0.51);-moz-box-shadow: 0px 10px 22px -1px rgba(0,0,0,0.51);box-shadow: 0px 10px 22px -1px rgba(0,0,0,0.51)}*/
#capcalera-social {font-size:1rem}
#capcalera-idiomes {display:inline-block;margin:0px 30px 0px 20px;text-align:left;display:none}

#capcalera > table > tbody > tr:nth-child(1) > td.dreta > span > a {font-size:2.6rem; color:orange!important} /* telefon */
#capcalera-peu {display:none}
	
#menu {position:fixed;top:5px;right:5px;width:300px;max-height:95vh;padding:2vh 2%; overflow:auto;z-index:4;display:none;}

#menu li {font-size:1rem; height:25px; line-height:25px; padding:2px 5px}

/*
#menu li {display:block;max-width:355px;margin:2px 0px 0px 0px;padding: 1px 1px 1px 10px; font-size:16px}

#menu-barra {position:fixed;left:0px;top:70px;width:99.9%;height:40px;display:block;overflow:hidden;padding:0px auto;z-index:3}*/
#menu-barra {width:100%; height:50px; line-height:50px;display:block;overflow:hidden;padding:0px auto;z-index:3}
#menu-barra a {display:inline-block;margin:0px;vertical-align:top;margin:0px 5px}
#menu-barra .icona {margin:0px;padding:0px}

#menu-obrir {top:0px}

.zoom-imatge,.zoom-imatge-tancar {max-width: 40vw}



#galetes {font-size:1.1rem}

.area-imatges {margin:10px;padding:10px}
.area-imatges-img {display:inline-block;background-image:url(../imatges/icona-lupa-gran.png); background-repeat:no-repeat; background-size: 200px 200px; width:202px;height:202px;margin:2px 4px}
.area-imatges img {display:inline-block;width:200px;height:200px;border:1px solid #efefef}
.cos {margin:40px 80px;font-size:20px}
.cos-dreta, .cos-esquerra {font-size:26px}
.cos-dreta h2, .cos-esquerra h2 {font-size:26px;font-weight:normal}
.cos-dreta p, .cos-esquerra p {font-size:20px}
.cos-dreta table, .cos-esquerra table {border-collapse:collapse}
.cos-dreta td, .cos-esquerra td {font-size:20px; padding:5px 5px 5px 0px}

.cos-dual figure {float:right;clear:both;width:400px;margin:5px 0px 15px 25px}
.cos-dual img {float:right;clear:both;width:400px;margin:0px 0px 0px 15px}

.cos .imatge-esquerra, .cos .imatge-dreta{max-width:24.5%;width:100%}
#cos-legal {margin:60px 20px;font-size:16px}

.area-avis {font-size:1.4rem}

.imatge-esquerra {float:left;margin:0px 10px 10px 0px}
.imatge-dreta {float:right;margin:0px 0px 10px 10px}





#whatsapp {display:none}

.area-video {position:relative;float:left;width:44%;padding:3%;overflow:hidden}
/*.area-video::after {padding-top: 56.25%; display: block; content: '';}*/
/*.area-video iframe {position: absolute; top: 0; left: 0; width: 100%;height: 100%;}*/
.area-video iframe {width:100%;height:360px}
.area-video p {margin-top:10px; height:50px; font-size:1.5em; font-weight:bold; text-align:center; color:black}

#galeria {display:block; clear:both; text-align:center; background-color:black; padding-bottom:15px}
#galeria img {display:inline-block; height: 60vh; margin:5px}

button.icona-compartir-imatge {display:none}

button.icona-seguent-imatge {display:block; position:absolute; right:-10px!important;top:45%;cursor:pointer;width:48px; height:48px;border:0px;background-color:transparent;z-index:1}

#sant-tots, #sant-notes, #sant-nom {}
#sant-tots, #sant-notes {}
#sant-mes {font-size:22px}

.mono {position:relative; display:block;clear:both}
.mono section {width:100%;}
.mono-pad { width: 90%!important; padding: 5%}

.mono-imatge {display:block; clear:both; text-align:center}
.mono-imatge img {width:100%;max-width:60%}

.duo {position:relative; display:block;clear:both;}
.duo section {position:relative;display:inline-block; width:50%; vertical-align:top}
/*.duo section h2 {position:absolute; top:2%; width:100%; text-align:center}*/
.duo-pad { width: 45%!important; padding: 0% 2%}
.duo-pad-extra { width: 35%!important; padding: 0% 5%}
/*.duo-pad-extra { width: 30%!important; padding: 0% 10%; margin:auto}*/

.trio {position:relative; display:block; clear:both; overflow:hidden}
.trio section {position:relative;display:inline-block;width:31%; margin: 0px 1%; background-color:white;vertical-align:top; }
.trio section h2 {top:0%; }
.trio section h3 { bottom:0%; }
.trio section h2, .trio section h3 {position:absolute;width:96%; padding:2%; text-align:center;color:white; margin:0%}
.trio-pad { width: 29%!important; padding: 0% 2%}


.trio section h2 {background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
/*
.trio section h3 {background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}

.trio section h3 {background: rgb(97,119,159); background: linear-gradient(180deg, rgba(97,119,159,0) 0%, rgba(97,119,159,1) 100%);}

*/

.quatro {position:relative; display:block;clear:both}
.quatro section {display:inline-block;width:20.5%;padding:0% 2% 4% 2%;text-align:center;vertical-align:top} /* posat 20.5 a 21 salta el quart bloc a la seguent linia en algunes pagines */

.sexta {display:block; clear:both; position:relative; width:100%; text-align:center}
.sexta section { display:inline-block;  clear:both; margin:1%; vertical-align:top;} /* width:14.6%; */
.sexta section:nth-of-type(1) {width:8%}
.sexta section:nth-of-type(2) {width:8%}
.sexta section:nth-of-type(3) {width:8%}
.sexta section:nth-of-type(4) {width:8%}
.sexta section:nth-of-type(5) {width:8%}
.sexta section:nth-of-type(6) {width:8%}
.sexta section img {width:100%}
.sexta-pad { width: 96%!important; padding: 0% 2%}

.octo {position:relative; display:block;clear:both; text-align:center}
.octo section {position:relative; display:inline-block;width:8.5%; margin:1%; vertical-align:top}
.octo section img {width:100%}
.octo-pad { width: 96%!important; padding: 0% 2%}
}






@font-face {
  font-family: NotoSans;
  src: url(../fonts/NotoSans/NotoSans-Light.ttf);
}
@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat/Montserrat-Light.ttf);
}
@font-face {
  font-family: NotoSansBold;
  src: url(../fonts/NotoSans/NotoSans-Bold.ttf);
}
@font-face {
  font-family: Mistral;
  src: url(../fonts/Mistral/Mistral.ttf);
}
@font-face {
  font-family: SquarePeg;
  size-adjust: 200%;
  src: url(../fonts/SquarePeg/SquarePeg-Regular.ttf);
}

.mistral {font-family:Mistral}
.notosans {font-family:NotoSans}
.montserrat {font-family:Montserrat}
.times {font-family:Times New Roman; font-style: italic}
.squarepeg, .llapis {font-family:SquarePeg} /* script */


html {}

body {margin:0px; padding:0px; font-family:NotoSans, Arial , Helvetica, sans-serif;  max-width:4000px}

body { 
  background: 
  linear-gradient(rgba(0,0,0, 0.4), rgba(0,0,0, 0.4)), 
  /*linear-gradient(rgba(255,255,255, 0.4), rgba(255,255,255, 0.4)),*/
  /*url(../img/banner/botiga-1.webp) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  background-color:white;


}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/*
body {
    opacity: 1;
    animation-name: fons_fade_in;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
}

@keyframes fons_fade_in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
*/

input[type="submit"], input[type="search"], select, button {font-size:1rem; padding:5px 10px 5px 10px;background-color:white;color:#61779f;border:1px solid #61779f}
input[type="submit"]:hover {background-color:#61779f;color:white}

input[type="text"], input[type="date"], textarea, select {color:black}

input[type="text"], input[type="date"], textarea {padding:2px 10px 2px 10px; border:1px solid #999999}

/*select {background-color:white} */

/*input[type=file] {font-size:18px;background-color:#006699;color:white;border:1px solid white}*/

a {text-decoration:none}

textarea {overflow:auto}
textarea {font-family:NotoSans, Arial, Helvetica, sans-serif}
hr {color:#cccccc;margin:30px 0px}

figure {display:inline-block;margin:0px}
figure figcaption {color:#61779f;font-size:18px}



section h1, section h2 {font-weight:normal}

.video-iframe {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
	margin-top:0px;
    top:0px;
	background-color:#FF0000;
}
.video-iframe iframe {
    position: absolute;
	margin-top:0px
    top: 0px;
	padding:0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/*
.icona {display:inline-block;font-size:18px;color:#999999;padding:5px 0px 5px 0px;text-decoration:none;white-space:nowrap}
*/


#capcalera {position:fixed;  left:0px; top:0px; z-index:2!important}

#capcalera table {border-collapse:collapse;margin:0px}

#capcalera-social{font-weight:bold}

.capcalera-carret {height:40px; margin-top:15px; margin-right:20px; cursor:pointer}
.capcalera-carret span {position:relative; left:-8px;vertical-align:bottom; font-weight:bold; color:#006699; padding:2px;font-size:0.8rem}

/*
#capcalera-social {padding:10px 0px 10px 0px;vertical-align:middle}
#capcalera-social a img {border:1px solid white !important}
#capcalera-idiomes {padding:10px 0px 10px 0px;vertical-align:middle;font-size:12px}
#capcalera-idiomes a {width:100px !important}

#capcalera-idiomes a:nth-child(2) {border:1px solid white}
#capcalera-idiomes a:nth-child(2):hover {background-color:white}

#capcalera-idiomes .icona-linkedin {background-size: 25px 25px !important; background-position:0px 0px !important;padding-left:-5px !important;display:inline;margin-right:20px;cursor:default;border-radius:0px 0px 0px 0px;vertical-align:top}

#capcalera-social {padding-top:17px}
#capcalera-social a {vertical-align:top}
#capcalera-social a:hover {cursor:pointer}
#capcalera-social img {width:30px}
#capcalera-social .icona {background-size: 20px 20px}

#capcalera-idiomes a {padding:2px 8px 2px 8px; margin:0px 2px 0px 0px;color:#006699;border:1px solid #99ccff;text-decoration:none;vertical-align:top}
#capcalera-idiomes a:hover {background-color:#efefef;color:#61779f;cursor:pointer}

.capcalera-idioma-actual {background-color:#61779f;color:white;cursor:pointer}

#capcalera span {display:block;}

#capcalera-banner {display:block;clear:both;text-align:center}
#capcalera-banner img {width:100%}


*/


.area-avis {display:block;clear:both; width:100%}
/*
.area-avis a:visited{color:#61779f}
.area-avis a {text-decoration:none; color:#61779f}
.area-avis a:hover {text-decoration:underline}
*/


#seleccio {display:block;max-width:450px;margin:20px auto 20px auto;text-align:center;padding:10px;background-color:rgba(255,255,255,1);border:4px solid white}
#seleccio h3 {font-weight:normal;font-size:34px;text-shadow:0px 2px 1px white}


#menu-obrir {position:fixed; right:20px; padding:5px; font-size:2rem; width:30px; height:30px;background-color:transparent; color:#61779f; font-weight:bold;cursor:pointer;text-align:center;line-height:30px;z-index:5}

#menu {clear:both;text-align:center; background-color:white;border:1px solid #cccccc;z-index:4}
#menu ul {display:block; list-style:none; padding:0px}
#menu li {background-color:white; color:#61779f; margin:0px auto; text-align:left; overflow:hidden}
#menu a {text-decoration:none;color:#61779f}
#menu li:hover {color:#61779f;text-decoration:underline; cursor:pointer}
#menu li .icona {background-size:20px 20px}

#menu-barra {clear:both;text-align:center;z-index:3;}
#menu-barra ul {display:block; list-style:none; padding:0px;margin:0px}
#menu-barra li {color:#61779f;font-size:16px; text-align:left}
#menu-barra a {text-decoration:none;color:white;}
#menu-barra li:hover {text-decoration:underline; font-weight:bold; cursor:pointer}
#menu-barra .icona {background-size: 18px 18px}

.titol {color:#61779f}
.titol-seccio {display:block;clear:both;text-align:center;margin:20px 0px 10px 0px;color:white;background-color:#61779f;padding:10px}

.subtitol {display:block;clear:both;text-align:center;margin:0px;color:#61779f;padding:0px 20px;font-family:NotoSansBold}
.subtitol-seccio {display:block;clear:both;text-align:center;margin:0px;color:#61779f;padding:10px}
.subtitol p a {color:#990033;font-weight:bold}

.titol-expandir{
	position:relative;
	/*top:-60px;*/
	width:100% !important;
	height:40px;
	background-image:url(../imatges/transparent-1.png);
	background-repeat: no-repeat;
	background-size:100% height:50px;
}

.boto-expandir {position:relative; padding:4px 8px!important}
.titol-expandir-cos {display:none}

#index {display:block;margin:0px 10px 10px 10px; border:1px solid #cccccc;padding:10px;font-size:16px;overflow:auto;background-color:rgba(255,255,255,0.4)}
#index img {border:1px solid #cccccc}
#index-titol {display:block;margin:0px 10px 0px 10px;color:black;font-size:38px;text-align:center;min-height:60px;text-shadow:0px 1px white}
#index-titol img {display:block;width:160px;margin:auto}
#index tr td {border-bottom:1px solid #cccccc}
#index tr:hover {background-color:rgba(0,0,0,0.1);color:black}
#index th {background-color:black;color:white;font-weight:normal;border:0px;text-align:center}
#index table {width:100%;background-color:rgba(255,255,255,0.9);padding:10px; border-spacing:0px}
#index table, #index table a {color:black}
#index table td, #index table img {vertical-align:middle}




#public ul {display:block; list-style:none; padding:0px; margin:0px}
#public h3 {color:#990033}



#contacte {background-color:#efefef;color:white; vertical-align:top; outline:1px solid #cccccc}
#contacte h2 {font-size:24px;color:#61779f;text-align:center;}
#contacte table {width:100%; margin:auto}
#contacte label {display:inline; font-size:1.1rem;color:#61779f;width:100px}
#contacte td {display:block;width:100%}
/*#contacte td:first-child {width:20%;text-align:right;color:#6699cc}*/
/*#contacte td:last-child {width:100%;text-align:left}*/
#contacte input[type="text"], #contacte input[type="date"], #contacte textarea, #contacte select {font-family:NotoSans, Arial, Helvetica, sans-serif; background-color:white; font-size:18px;width:99%;margin:0px;padding:10px;border:1px solid #cccccc}

#contacte select {width:50%}
#contacte input[type="text"]:focus, #contacte input[type="date"]:focus, #contacte textarea:focus, #contacte select:focus {-webkit-box-shadow: 0px 0px 4px 1px rgba(102,153,204,1);-moz-box-shadow: 0px 0px 4px 1px rgba(102,153,204,1);box-shadow: 0px 0px 4px 1px rgba(102,153,204,1);}
#contacte p {display:block;font-size:20px;text-align:center;color:#61779f;font-weight:bold}
/*#contacte a {color:white;font-weight:bold} */
#contacte-missatge {display:block; clear:both; color:#339933; background-color: #ccffcc; padding:20px; margin:20px 0px;font-size:1.2rem;font-weight:bold;text-align:center; border:3px solid #339933}

#contacte-enviar {float:left}

#sant-tots {clear:both; width:100%;  font-size:18px;color:#666666;padding:5px;text-align:justify;cursor:default}


input::-webkit-input-placeholder { color: #999999;}
input:-moz-placeholder { color: #999999;}
input::-moz-placeholder {  color: #999999;}
input:-ms-input-placeholder {  color: #999999;}
textarea::-webkit-input-placeholder { color: #999999;}
textarea:-moz-placeholder { color: #999999;}
textarea::-moz-placeholder {  color: #999999;}
textarea:-ms-input-placeholder {  color: #999999;}
select::-webkit-input-placeholder { color: #999999;}
select:-moz-placeholder { color: #999999;}
select::-moz-placeholder {  color: #999999;}
select:-ms-input-placeholder {  color: #999999;}





.area-imatges {display:block;background-color:white}
/*
.area-imatges-img {display:inline-block;background-image:url(../imatges/icona-lupa-gran.png);background-repeat:no-repeat; background-size: 200px 200px; width:202px;height:202px;margin:2px 4px}
.area-imatges img {display:inline-block;width:200px;height:200px;border:1px solid #efefef}
*/
.area-imatges img:hover {opacity:0.4}






@media only screen and (min-width : 0px) and (max-width : 1024px) {
#posts {max-height:50vh}
.post-blog-bloc {display:block;margin-bottom:5px}
.post-blog-cap{padding:0px 5px 2px 5px}
.post-blog-titol{padding:2px 10px 2px 10px;font-size:16px}
#post-blog-tot {display:block;padding:10px;margin:20px 0px}
#post-blog-info {display:block}
#post-blog-info label {font-size:22px}
}

@media only screen and (min-width : 1025px) {
#posts {display:inline-block;width:25%;min-height:100px;max-height:70vh; vertical-align:top;text-align:center;vertical-align:top}
.post-blog-bloc {display:inline-block;width:99%;margin:0vw 0vw .1vw 0px;padding:0.5vw;vertical-align:top}
.post-blog-cap{padding:.1vw;margin:0vw 0vw .1vw 0vw}
.post-blog-titol {padding: .0vw .1vw .1vw .1vw;font-size:14px}
#post-blog-tot {display:inline-block;width:48%;padding:0px 1% 2% 1%;margin:0% 2% 2% 2%;vertical-align:top}
#post-blog-tot {background-image:url(../imatges/diagnosis-dermatologica.png);background-repeat:no-repeat;background-position:bottom 10px right 10px;background-size:100px}
#post-blog-info {display:inline-block;width:17%;vertical-align:top}
#post-blog-info label {font-size:18px}
}

#blog {display:block;width:99%;margin:auto}
#blog form {margin:0px 0px 10px 0px}
#blog form input[type="text"] {font-size:16px; width:160px;padding:5px;font-weight:bold}

#posts {margin:0px 10px 0px 0px;padding:5px 0px;overflow-y:auto;overflow-x:hidden;}
#posts a {text-decoration:none;color:#6699cc}
#posts a:hover {text-decoration:underline;color:white}

.post-blog-bloc {text-align:left; color:#6699cc;font-family:NotoSans, Arial, Helvetica, sans-serif; border-bottom:1px solid #6699cc;vertical-align:top}
.post-blog-bloc:hover {outline:1px solid white;background-color:#6699cc;color:white}

.post-blog-cap {display:block;top:1px; right:1px;height:12px;text-align:right;font-size:12px}
.post-blog-titol{font-weight:bold;overflow:hidden}
.post-blog-titol a{display:block;font-weight:bold;outline:1px solid #6699cc; color:#61779f;margin-bottom:8px}
.post-blog-bloc a:hover, .post-blog-bloc a:visited {color:white}

#post-blog-tot {overflow-x:auto;min-height:200px;text-align:left}
#post-blog-tot #titol, #post-blog-tot #diamesany, #post-blog-tot #peu {display:block;color:black;font-weight:normal}
#post-blog-info {text-align:center}
#post-blog-info img {width:100%;margin-top:20px}
#post-blog-info label {color:#6699cc}



#post-blog-peu {display:block;margin-top:30px;color:#6699cc}

.cos {display:block; clear:both;color:#666666; background-color:white;min-height:100px; text-align:justify}
.cos h2 {color:#6699cc !important}
.cos-dual {display:block;clear:both;padding-bottom:20px;margin-bottom:40px;min-height:40vh}
.cos-dual h2 {display:block;clear:both;padding:10px;background-color:#6699cc;color:white;margin-top:20px;font-weight:normal}
/*.cos-dual figure figcaption {color:#6699cc;font-size:18px;text-align:center}*/
.cos-dual h2, .cos-dual h3 {color:#6699cc}
.cos-esquerra {padding:0px 10px 10px 10px; vertical-align:top}
.cos-dreta {padding: 0px 10px 10px 10px; vertical-align:top}
.cos-esquerra h2 {color:#6699cc;margin:0px}
.cos-dreta h2 {color:#6699cc;margin:0px}

#cos-legal {display:block; color:#666666; background-color:white;text-align:justify;min-height:470px}
#cos-legal table {border-collapse:collapse}
#cos-legal table tr td{border:1px solid #cccccc;padding:10px}



.videos table {position:relative;width:100%;background-color:black; color:white;}
.videos table tr td:nth-of-type(1) {vertical-align:top}
.videos table tr td:nth-of-type(2) {font-weight:bold}
.videos table tr td {padding:5px}
.videos table tr td h2 {font-weight:normal}
.videos .icona-zoom {cursor:pointer}
.videos .video-bloc {position:relative; height:400px;}
.videos .video-iframe {position:absolute;width:100%;height:100%}



#icones {display:block;margin:30px 0px 30px 0px;text-align:center}
#icones img {max-width:200px;width:100%}
#icones ul {list-style:none; padding:0px;vertical-align:top}
#icones li {display:inline-block;color:#999999;padding:10px 20px 10px 20px;margin:10px auto 0px auto}
#icones li span {display:block;font-size:32px;color:#999999}


#area-etiquetes {display:block;clear:both; text-align:center; margin:10px auto 0px auto; min-height:70px; padding:20px 5px}
#area-etiquetes h1,#area-etiquetes h2,#area-etiquetes h3,#area-etiquetes h4,#area-etiquetes h5,#area-etiquetes h6 {display:inline;margin:0px 8px;color:white;text-shadow:0px 1px #333333;font-weight:normal}
#area-etiquetes span {display:none}

.etiqueta {display:inline;padding:6px 12px;margin:0px 8px;color:#333333;background-color:#efefef;border:1px solid #cccccc;font-weight:normal;font-size:1.2em;}

.etiqueta-mini {display:inline;padding:2px 8px; margin:0px 4px;color:#333333; background-color:#e4e4e4; border:1px solid #999999;font-weight:normal;font-size:0.7em; text-shadow:none}

.etiqueta-mini:hover {border:1px solid #333333}

.lineal {display:block; clear:both;overflow-x:auto;white-space:nowrap;text-align:center}
.lineal div {position:relative; display:inline-block; margin:0.5% 0.5%; vertical-align:top}
.lineal div img {height:70vh}
.lineal div span:nth-of-type(1) {position:absolute;left:0px;top:0px;width:96%;height:40px;font-size:1.2rem;color:white;background-color:rgba(0,0,0,0.5);text-align:center; padding:2%;white-space:normal;font-weight:bold}
.lineal div span:nth-of-type(2) {position:absolute; bottom:1px;left:28%;text-align:center}

.lineal div span:nth-of-type(1) {background: rgb(97,119,159); background: linear-gradient(180deg, rgba(97,119,159,1) 0%, rgba(97,119,159,0) 100%);}

.lineal-productes {display:block; clear:both; height:520px; overflow-y:hidden; white-space:nowrap;text-align:center}
.lineal-productes div {position:relative; width:300px; display:inline-block; margin:20px; padding-bottom:1.5%; vertical-align:top; border:1px solid #cccccc; user-select:none}
.lineal-productes div {-webkit-box-shadow: 0px 6px 6px -1px rgba(0,0,0,0.4);-moz-box-shadow: 0px 6px 6px -1px rgba(0,0,0,0.4);box-shadow: 0px 6px 6px -1px rgba(0,0,0,0.4) }
.lineal-productes div img {width:300px;height:300px; border-radius: 5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px}
.lineal-productes textarea {resize: none;}
.lineal-productes div span:nth-of-type(1) {display:block;  font-weight:bold; }  /* nom producte */
.lineal-productes div span:nth-of-type(2) {display:none; margin-top:5px; height:280px;font-size:1rem;text-align:left; padding:2%; white-space:normal; overflow-y:auto} /* descripcio */
.lineal-productes div span:nth-of-type(3) {display:block;height:30px;margin-top:10px;font-size:0.7rem; color:#006699;} /* auto-icones */
.lineal-productes div span:nth-of-type(4) {display:block;height:27px} /*  - 0 +   */
.lineal-productes div span:nth-of-type(5) {display:block; }  /* info */
.lineal-productes div span:nth-of-type(6) {display:block;height:30px;}  /* preu */
.lineal-productes .lineal-descripcio {height:283px!important;background-color:white; color:black; overflow-y:auto}
.lineal-productes .lineal-boto {} /* boto info */

.segells {display:block; clear:both; text-align:center; margin:10px}
.segells img {height:160px; margin: 0px 5px;/*filter: grayscale(100%);*/}


#mapa {display:block;clear:both;width:100%; margin: 20px 0px; overflow:hidden}

#peu {display:block;clear:both;margin:20vh 0px 0px 0px; padding:0px 0px 30px 0px;background-color:#61779f}

#peu-social {display:block;margin:auto;max-width:340px;height:300px;text-align:center;border:0px solid white}

/*
#peu-logo {position:relative;text-align:center;margin:0px 0px 10px 0px}
#peu-logo img {width:200px !important;background-color:white}
*/
#peu-grup {display:block;text-align:center}
#peu-grup h1, #peu-grup h2 ,#peu-grup h3, #peu-grup h4 {margin:0px;padding:0px}
#peu-grup ul {list-style:none;padding-left:0px;vertical-align:top}
#peu-grup li, #peu-grup a {display:block;min-height:40px;text-align:left;color:white}
#peu-grup li a, #peu-grup a {text-decoration:none}
#peu-grup a:hover {text-decoration:underline; cursor:pointer}
#peu-grup li a {display:inline}
#peu-grup li img {}
#peu-grup p {font-size:18px; color:white;margin:30px !important}

#peu-copy {display:block;clear:both;color:black;text-align:center;margin: 10px;padding-bottom:10px;font-size:14px; color:#666666}
#peu-copy a {color:#666666}

#peu-mida {display:none} /* display:inline-block;clear:both;float:left;margin-left:10px;color:#999999;font-size:12px} */

#peu-tt {display:inline-block;float:right;width:170px;text-align:right;color:black;margin-bottom:80px;margin-right:10px;height:20px;font-size:12px;cursor:pointer}
#peu-tt a {text-decoration:none;color:black}
#peu-tt span {color:#61779f}

#seo {display:none}

#galetes {position:fixed;left:0px;bottom:0px; width:96%; background-color:rgba(0,0,0,0.7);color:white;padding:2%;z-index:2;text-align:justify;display:none}
#galetes-acceptar{font-weight:bold}
#galetes a, #galetes span {color:white;font-size:14px;padding:2px 4px;font-weight:bold;text-decoration:underline;cursor:pointer}


.boto {display:inline-block;font-size:18px;color:white;background-color:#61779f;padding:6px 12px;border:1px solid white; margin:2px 2px 2px 0px;text-decoration:none !important;white-space:nowrap}
.boto:hover, .boto a:hover {color:#61779f;background-color:white;border:1px solid #61779f;cursor:pointer}
.boto a,.boto a:link{text-decoration:none}

.boto-blanc {display:inline-block;font-size:18px;color:#61779f;background-color:white;padding:5px 8px;border:1px solid #61779f; margin:2px 2px 2px 0px;text-decoration:none;white-space:nowrap;text-shadow: none}
.boto-blanc:hover, .boto-blanc a:hover {color:white;background-color:#61779f;border:1px solid white;cursor:pointer}
.boto-blanc a,.boto a:link{text-decoration:none}

.boto-blau {display:inline-block;font-size:18px;background-color:#61779f;color:white;padding:5px 8px;border:1px solid white; margin:2px 2px 2px 0px;text-decoration:none;white-space:nowrap}
.boto-blau:hover {background-color:white;color:#61779f;border:1px solid #61779f;cursor:pointer}
.boto-blau a, .boto-blau a:link {text-decoration:none!important;color:white}



.boto-mini {display:inline-block;border:1px solid #61779f;color:white;background-color:#61779f;padding:2px 8px!important; font-size:14px;margin: 1px 1px 1px 0px;text-decoration:none;white-space:nowrap}
.boto-mini a {text-decoration:none}
.boto-mini:hover, .boto-mini a:hover {color:#61779f;background-color:white;cursor:pointer}

.boto-mini-blanc {display:inline-block;border:1px solid #61779f;color:#61779f;background-color:white;padding:2px 8px!important; font-size:14px;margin: 1px 1px 1px 0px;text-decoration:none;white-space:nowrap;font-weight:bold;text-shadow: 0px 0px 0px white}
.boto-mini-blanc a {text-decoration:none}
.boto-mini-blanc:hover, .boto-mini-blanc a:hover {color:white;background-color:#61779f;cursor:pointer;border:1px solid white;font-weight:normal}

.boto-gran {display:inline-block;font-size:24px;color:white;background-color:#61779f;padding:12px;border:1px solid white; margin:2px 2px 2px 0px;text-decoration:none !important;white-space:nowrap}
.boto-gran:hover, .boto-gran a:hover {color:#61779f;background-color:white;border:1px solid #61779f;cursor:pointer}
.boto-gran a,.boto-gran a:link{text-decoration:none}

.boto-gran-blanc {display:inline-block;font-size:24px;color:#61779f;background-color:white;padding:12;border:1px solid #61779f; margin:2px 2px 2px 0px;text-decoration:none !important;white-space:nowrap}
.boto-gran-blanc:hover, .boto-gran-blanc a:hover {color:white;background-color:#61779f;border:1px solid white;cursor:pointer}
.boto-gran-blanc a,.boto-gran-blanc a:link{text-decoration:none}

.boto-icona {display:inline-block;font-size:18px;padding:5px 0px; text-decoration:none;white-space:nowrap}

.ampliar, .boto-gran {transition: all .5s ease; }
.ampliar:hover, .boto-gran:hover {transform:scale(1.2); }

.anar-amunt {position:fixed;bottom:10px; right:10px;cursor:pointer;font-size:30px;width:30px;height:30px;line-height:30px;padding:4px;text-align:center; vertical-align:middle;z-index:2}
.anar-amunt:hover{cursor:pointer}

/*#whatsapp {position:fixed;bottom:5px; left:10px;cursor:pointer;z-index:1;font-size:20px;font-weight:bold; text-shadow:0px 2px white; text-shadow:2px 0px white}*/

.ocult {display:none!important}

.ul-bloc {list-style-type:none;padding:0px}

.bloc {display:block;clear:both}
.bloc-linia {display:inline-block}

.bloc-imatge {display:block;clear:both; overflow:hidden}
.bloc-imatge img {width:100%}

.dreta {text-align:right}
.esquerra {text-align:left}
.centrat {text-align:center}
.justificat {text-align:justify}

.tot-dreta{float:right}
.tot-esquerra{float:left}

.marge {margin: 20px 0px}
.marge-extra {margin:20vh 0px}
.marge-extra-amunt {margin-top:20vh}
.marge-extra-avall {margin-bottom:20vh}
.marge-tot {margin:20px}
.marge-amunt {margin-top:20px}
.marge-avall {margin-bottom:20px}
.marge-dreta {margin-right:20px}
.marge-esquerra {margin-left:20px}
.sense-marge {margin:0px!important}
.marge-intern {padding:20px}


.sense-pad {padding:0px!important}
.pad {padding: 20px}
.pad-dreta {padding-right:20px}
.pad-esquerra {padding-left:20px}
.pad-extra {padding: 50px}
.pad-extra-dreta {padding-right:50px}
.pad-extra-esquerra {padding-left:50px}
.pad-extra-amunt {padding-top:50px}
.pad-extra-avall {padding-bottom:50px}

.icona-mini {background-repeat:no-repeat;background-size: 20px 20px; width:20px; height:10px; background-position:0px 0px; padding:5px 0px; margin-right:4px; text-decoration:none;display:inline-block;vertical-align:middle}

.icona {background-repeat:no-repeat;background-size: 35px 35px; width:35px; height:25px; background-position:0px 0px; padding:5px 0px; margin-right:4px; text-decoration:none;display:inline-block;vertical-align:middle}

.icona-gran {background-repeat:no-repeat;background-size: 60px 60px; width:60px; height:60px;background-position:0px 0px; padding:5px 0px; margin-right:4px; text-decoration:none;display:inline-block;vertical-align:middle}

.icona-max {background-repeat:no-repeat;background-size: 160px 160px; width:160px; height:160px;background-position:0px 0px; padding:5px 0px; margin-right:4px; text-decoration:none;display:inline-block;vertical-align:middle}

.icona-extra {background-repeat:no-repeat;background-size: 256px 256px; width:256px; height:256px;background-position:0px 0px; padding:5px 0px; margin-right:4px; text-decoration:none;display:inline-block;vertical-align:middle}



.icona-cercle {background-color: #61779f; border-radius: 50%; display: inline-block; padding:30px; background-position: 50% 50%; background-size: 15px 15px; }



.icona-lupa {background-image:url(../imatges/icona-lupa.png)} /* 256 x 256 */
.icona-calendari {background-image:url(../imatges/icona-calendari.png)}
.icona-zoom {background-image:url(../imatges/icona-zoom.png)}
.icona-tancar {background-image:url(../imatges/icona-tancar.png)}
.icona-usuari {background-image:url(../imatges/icona-usuari.png)}
.icona-contacte {background-image:url(../imatges/icona-contacte.png)}
.icona-membre {background-image:url(../imatges/icona-membre.png)}
.icona-info {background-image:url(../imatges/icona-info.png)}
.icona-imprimir {background-image:url(../imatges/icona-imprimir.png)}
.icona-compartir {background-image:url(../imatges/icona-compartir.png)} /* 256 x 256 */
.icona-compartir-imatge {background-image:url(../imatges/icona-compartir-imatge.png)}  /* 256 x 256 */
.icona-seguent-imatge {background-image:url(../imatges/icona-seguent-imatge.png)}  /* 256 x 256 */
.icona-anterior-imatge {background-image:url(../imatges/icona-anterior-imatge.png)}  /* 256 x 256 */
.icona-logo {background-image:url(../imatges/icona-logo.png)} /* 256 x 256 */
.icona-ones {background-image:url(../imatges/icona-ones-nou.png)} /* 256 x 256 */
.icona-ones-blau {background-image:url(../imatges/icona-ones-blau.png)} /* 256 x 256 */
.icona-bossa {background-image:url(../imatges/icona-bossa.png)}
.icona-logo-tt {background-image:url(../imatges/icona-logo-tt.png)}
.icona-twitter {background-image:url(../imatges/icona-twitter.png)}
.icona-facebook {background-image:url(../imatges/icona-facebook.png)} /* 256 x 256 */
.icona-googleplus {background-image:url(../imatges/icona-googleplus.png)}
.icona-linkedin {background-image:url(../imatges/icona-linkedin.png)}
.icona-instagram {background-image:url(../imatges/icona-instagram.png)} /* 256 x 256 */
.icona-pinterest {background-image:url(../imatges/icona-pinterest.png)}
.icona-whatsapp {background-image:url(../imatges/icona-whatsapp.png)}
.icona-youtube {background-image:url(../imatges/icona-youtube.png)}
.icona-email {background-image:url(../imatges/icona-email.png)}
.icona-newsletter {background-image:url(../imatges/icona-newsletter.png)}
.icona-components  {background-image:url(../imatges/icona-components.png)}
.icona-descatalogat {background-image:url(../imatges/icona-descatalogat.png)}
.icona-novetat {background-image:url(../imatges/icona-novetat.png)}
.icona-pdf {background-image:url(../imatges/icona-pdf.png)}
.icona-casa {background-image:url(../imatges/icona-casa.png)} /* 256 x 256 */
.icona-check {background-image:url(../imatges/icona-check.png)}
.icona-estrella {background-image:url(../imatges/icona-estrella.png)}
.icona-check-verd {background-image:url(../imatges/icona-check-verd.png)}
.icona-opcio {background-image:url(../imatges/icona-opcio.png)}
.icona-mobil {background-image:url(../imatges/icona-mobil.png)}
.icona-telefon {background-image:url(../imatges/icona-telefon.png)}
.icona-trucar {background-image:url(../imatges/icona-trucar.png)}	/* color blau */
.icona-fax {background-image:url(../imatges/icona-fax.png)}
.icona-mon {background-image:url(../imatges/icona-mon.png)}
.icona-ubicacio {background-image:url(../imatges/icona-ubicacio.png)} /* 256 x 256 */
.icona-noticia {background-image:url(../imatges/icona-noticia.png)}
.icona-blog {background-image:url(../imatges/icona-blog.png)}
.icona-blogspot {background-image:url(../imatges/icona-blogspot.png)}
.icona-tt {background-image:url(../imatges/icona-tt.png)}
.icona-cita {background-image:url(../imatges/icona-cita.png)}
.icona-inici {background-image:url(../imatges/icona-inici.png)}
.icona-bus {background-image:url(../imatges/icona-bus.png)}
.icona-metro {background-image:url(../imatges/icona-metro.png)}
.icona-tren {background-image:url(../imatges/icona-tren.png)}
.icona-cotxe {background-image:url(../imatges/icona-cotxe.png)}
.icona-camio {background-image:url(../imatges/icona-camio.png)} /* 256 x 256 */
.icona-moto {background-image:url(../imatges/icona-moto.png)}
.icona-parking {background-image:url(../imatges/icona-parking.png)}
.icona-finestra {background-image:url(../imatges/icona-finestra.png)}
.icona-ok {background-image:url(../imatges/icona-ok.png)}
.icona-ko {background-image:url(../imatges/icona-ko.png)}
.icona-metge {background-image:url(../imatges/icona-metge.png)}
.icona-metge-blau {background-image:url(../imatges/icona-metge-blau.png)}
.icona-equip {background-image:url(../imatges/icona-equip.png)}
.icona-oficina {background-image:url(../imatges/icona-oficina.png)}
.icona-salut {background-image:url(../imatges/icona-salut.png)}
.icona-tractament {background-image:url(../imatges/icona-tractament.png)}
.icona-mes {background-image:url(../imatges/icona-mes.png)}
.icona-tour-virtual {background-image:url(../imatges/icona-tour-virtual.png)}
.icona-carret {background-image:url(../imatges/icona-carret.png)}
.icona-carregant {background-image:url(../imatges/icona-carregant.gif)}
.icona-impresora {background-image:url(../imatges/icona-impresora.png)} 					/* 256 x 256 */
.icona-fotos {background-image:url(../imatges/icona-fotos.png)} 					/* 256 x 256 */
.icona-video {background-image:url(../imatges/icona-video.png)}					/* 256 x 256 */
.icona-camara {background-image:url(../imatges/icona-camara.png)}					/* 256 x 256 */
.icona-scan {background-image:url(../imatges/icona-scan.png)}						/* 256 x 256 */
.icona-24h {background-image:url(../imatges/icona-24h.png)}				     	/* 256 x 256 */
.icona-rellotge {background-image:url(../imatges/icona-rellotge.png)}		    		/* 256 x 256 */
.icona-link {background-image:url(../imatges/icona-link.png)}		     			/* 256 x 256 */
.icona-tassa {background-image:url(../imatges/icona-tassa.png)}		     		/* 256 x 256 */
.icona-menu {background-image:url(../imatges/icona-menu.png)}		     			/* 256 x 256 */
.icona-bossa {background-image:url(../imatges/icona-bossa.png)}		     		/* 256 x 256 */
.icona-fletxa-amunt {background-image:url(../imatges/icona-fletxa-amunt.png)}		/* 256 x 256 */
.icona-pregunta {background-image:url(../imatges/icona-pregunta.png)}		/* 256 x 256 */
.icona-ubicacio {background-image:url(../imatges/icona-ubicacio.png)}		/* 256 x 256 */
.icona-llapis {background-image:url(../imatges/icona-llapis.png)}		/* 256 x 256 */
.icona-regal {background-image:url(../imatges/icona-regal.png)}		/* 256 x 256 */
.icona-xurros {background-image:url(../imatges/icona-xurros.png)}		/* 256 x 256 */
.icona-plat {background-image:url(../imatges/icona-plat.png)}		/* 256 x 256 */
.icona-pastis {background-image:url(../imatges/icona-pastis.png)}		/* 256 x 256 */
.icona-madalena {background-image:url(../imatges/icona-madalena.png)}		/* 256 x 256 */
.icona-pa {background-image:url(../imatges/icona-pa.png)}		/* 256 x 256 */
.icona-persona {background-image:url(../imatges/icona-persona.png)}		/* 256 x 256 */
.icona-mes {background-image:url(../imatges/icona-mes.png)}		/* 256 x 256 */
.icona-menys {background-image:url(../imatges/icona-menys.png)}		/* 256 x 256 */
.icona-gluten {background-image:url(../imatges/icona-gluten.png)}		/* 256 x 256 */
.icona-vega {background-image:url(../imatges/icona-vega.png)}		/* 256 x 256 */
.icona-horitzontal {background-image:url(../imatges/icona-horitzontal.png)}		/* 256 x 256 */
.icona-vertical {background-image:url(../imatges/icona-vertical.png)}		/* 256 x 256 */
.icona-whatsapp-1 {background-image:url(../imatges/icona-whatsapp-1.png); background-size: 40px 40px;width:40px; height:50px;width:40px;cursor:pointer;}
.icona-whatsapp-2 {background-image:url(../imatges/icona-whatsapp-2.png)}	    /* .icona-gran */

.icona-cat {background-image:url(../imatges/icona-cat.png)}
.icona-esp {background-image:url(../imatges/icona-esp.png)}
/*
.icona-eng {background-image:url(../imatges/icona-eng.png)}
.icona-fra {background-image:url(../imatges/icona-fra.png)}
.icona-gal {background-image:url(../imatges/icona-gal.png)}
.icona-por {background-image:url(../imatges/icona-por.png)}
.icona-ita {background-image:url(../imatges/icona-ita.png)}
.icona-ger {background-image:url(../imatges/icona-ger.png)}

.icona-investigar {background-image:url(../imatges/icona-investigar.png)}
.icona-merit {background-image:url(../imatges/icona-merit.png)}
.icona-certificat {background-image:url(../imatges/icona-certificat.png)}
.icona-formacio {background-image:url(../imatges/icona-formacio.png)}
.icona-membre {background-image:url(../imatges/icona-membre.png)}
.icona-creu-roja {background-image:url(../imatges/icona-creu-roja.png)}
.icona-creu-cita {background-image:url(../imatges/icona-creu-cita.png)}
*/
.icona-ca {background-image:url(../imatges/icona-senyera_ca.png);}
.icona-es {background-image:url(../imatges/icona-senyera_es.png);}
.icona-en {background-image:url(../imatges/icona-senyera_en.png);}


h2 .icona {background-size: 40px 40px;width:40px; height:30px;}
h2 .icona {	-webkit-filter: grayscale(50%); filter: grayscale(50%);}

.icona-ca, .icona-es, .icona-en, .icona-carregant {background-repeat:no-repeat; background-size: 20px 20px; background-position:0px 3px; padding-left:35px;min-width:30px;min-height:30px;display:inline;cursor:default}
/*
.icona-tots, .icona-lupa, .icona-zoom, .icona-info, .icona-imprimir, .icona-compartir, .icona-twitter, .icona-facebook, .icona-googleplus, .icona-linkedin, .icona-instagram, .icona-pinterest, .icona-whatsapp, .icona-email, .icona-newsletter, .icona-components, .icona-descatalogat, .icona-novetat, .icona-logo-tt, .icona-pdf {background-repeat:no-repeat; background-size: 25px 25px; background-position:5px 3px; padding-left:35px;min-width:30px;min-height:30px;display:inline;cursor:default}

.icona-casa, .icona-check, {background-repeat:no-repeat;background-size: 30px 30px;width:30px;height:30px;padding-left:35px !important;background-position:0px 5px}



.icona-tots-mini, .icona-lupa-mini, .icona-zoom-mini, .icona-info-mini, .icona-imprimir-mini, .icona-compartir-mini,  .icona-twitter-mini, .icona-facebook-mini, .icona-googleplus-mini, .icona-linkedin-mini, .icona-instagram-mini, .icona-pinterest-mini, .icona-whatsapp-mini, .icona-email-mini, .icona-newsletter-mini, .icona-components-mini, .icona-descatalogat-mini, .icona-novetat-mini, .icona-logo-tt-mini, .icona-pdf-mini  {background-repeat:no-repeat; background-size: 15px 15px; background-position:2px 2px; padding-left:20px;min-width:15px;height:15px;display:inline;cursor:default}
*/

.icona-fosca {filter: contrast(0%);}
.icona-blanc {filter: contrast(160%);}
/*.icona-blanca {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(101deg) brightness(102%) contrast(106%);}*/
.icona-negre {filter: invert(0%) sepia(9%) saturate(7500%) hue-rotate(114deg) brightness(0%) contrast(100%)}
.icona-blau {filter: invert(48%) sepia(10%) saturate(1405%) hue-rotate(180deg) brightness(94%) contrast(94%)}
.icona-gris {filter: invert(66%) sepia(0%) saturate(0%) hue-rotate(6deg) brightness(93%) contrast(90%)}
.icona-verd {filter: invert(67%) sepia(34%) saturate(7491%) hue-rotate(81deg) brightness(112%) contrast(134%)}
.icona-vermell {filter: invert(16%) sepia(90%) saturate(7079%) hue-rotate(360deg) brightness(107%) contrast(115%)}

.icona-compartir-imatge {background-repeat:no-repeat;background-size: 48px 48px; width:48px; height:30px; background-position:0px 0px; padding:5px 0px; margin-right:4px; text-decoration:none;display:inline-block;vertical-align:middle; background-image:url(../imatges/icona-compartir-imatge.png)}

.icona-seguent-imatge {background-repeat:no-repeat;background-size: 36px 36px; width:36px; height:30px; background-position:0px 0px; padding:5px 0px; margin-right:4px; text-decoration:none;display:inline-block;vertical-align:middle; background-image:url(../imatges/icona-seguent-imatge.png)}

/*
#producte-llista {background-image: linear-gradient(45deg, #d2b48c 25%, #d4c8b6 25%, #d4c8b6 50%, #d2b48c 50%, #d2b48c 75%, #d4c8b6 75%, #d4c8b6 100%); background-size: 56.57px 56.57px;}
*/
#producte-llista {}
/*
.m5   {max-width:5px;   width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m10  {max-width:10px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m20  {max-width:20px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m30  {max-width:30px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m40  {max-width:40px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m50  {max-width:50px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m60  {max-width:60px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m70  {max-width:70px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m80  {max-width:80px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m90  {max-width:90px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m100 {max-width:100px; width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m150 {max-width:150px; width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m175 {max-width:175px; width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m200 {max-width:200px; width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m250 {max-width:250px; width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m300 {max-width:300px; width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m350 {max-width:350px; width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m400 {max-width:400px; width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m450 {max-width:450px; width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m500 {max-width:500px; width:90%; display:inline-block; margin:5px 5px 5px 0px}





*/

.m5   {width:5px!important;display:inline-block}
.m10  {width:10px!important;display:inline-block}
.m20  {width:20px!important;display:inline-block}
.m30  {width:30px!important;display:inline-block}
.m40  {width:40px!important;display:inline-block}
.m50  {width:50px!important;display:inline-block}
.m60  {width:60px!important;display:inline-block}
.m70  {width:70px!important;display:inline-block}
.m80  {width:80px!important;display:inline-block}
.m90  {width:90px!important;display:inline-block}
.m100 {width:100px!important;display:inline-block}
.m150 {width:150px!important;display:inline-block}
.m175 {width:175px!important;display:inline-block}
.m200 {width:200px!important;display:inline-block}
.m250 {width:250px!important;display:inline-block}
.m300 {width:300px!important;display:inline-block}
.m350 {width:350px!important;display:inline-block}
.m400 {width:400px!important;display:inline-block}
.m450 {width:450px!important;display:inline-block}
.m500 {width:500px!important;display:inline-block}

.m25y  {height:25px!important}
.m50y  {height:50px!important}
.m100y {height:100px!important}
.m150y {height:150px!important}
.m200y {height:200px!important}


.m10x  {width:10%!important}
.m15x  {width:15%!important}
.m20x  {width:20%!important}
.m25x  {width:25%!important}
.m30x  {width:30%!important}
.m40x  {width:40%!important}
.m50x  {width:50%!important}
.m60x  {width:60%!important}
.m70x  {width:70%!important}
.m75x  {width:75%!important}
.m80x  {width:80%!important}
.m90x  {width:90%!important}
.m100x {width:100%!important}



.blanc {color:white!important}
.negre {color:black!important}
.vermell {color:#cc0000!important}
.verd {color:#339900 !important}  
.gris-fosc {color:#666666!important}
.gris {color:#d2d1c8!important}
.taronja {color:#ffcc00!important}
.carbassa {color:#ff6600!important}
.blau{color:#61779f !important}
.rosa {color:#61779f !important} 
.marro {color:#8B4513 !important}

.fons-negre {background-color:black !important}
.fons-blanc {background-color:white !important}
.fons-blau {background-color:#61779f !important}
.fons-gris {background-color:#d2d1c8 !important}
.fons-gris-clar {background-color:#dadada !important}
.fons-gris-fosc {background-color:#666666 !important}
.fons-taronja {background-color:#ffcc00 !important}
.fons-carbassa {background-color:#ff6600 !important}
.fons-rosa {background-color:#61779f !important}
.fons-marro {background-color:#8B4513 !important}
.fons-marro-clar {background-color:#D2B48C !important}

.fons-botiga-1 {background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)), url(../img/banner/botiga-1.webp); background-repeat:no-repeat}

.fons-pa-1 {background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)), url(../img/banner/pa-1.webp); background-repeat:no-repeat}

.fons-pa-2 {background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)), url(../img/banner/pa-2.webp); background-repeat:no-repeat center center fixed;background-size:auto}

.fons-100 {background: url(../img/fons/fons-100.webp); background-repeat:no-repeat center center fixed;background-size:auto}

.fons-101 {background: url(../img/fons/fons-101.webp); background-repeat:no-repeat center center fixed;background-size:auto}

.fons-103 {background: url(../img/fons/fons-103.webp); background-repeat:no-repeat center center fixed;background-size:auto}

.inactiu    {pointer-events:none}

.normal    {font-weight:normal!important}
.negreta   {font-weight:bold!important}
.parpadeig { animation: parpadeig 2s linear infinite; }
.cursiva, .italica {font-style:italique}

.buit {font-weight:normal;display:inline;padding:0px; margin:0px; font-size:inherit}

 @keyframes parpadeig { 50% { opacity: 0; } }

.lletra-mini    {font-size:0.8rem!important}
.lletra-petita  {font-size:1.1rem!important}
.lletra-normal  {font-size:1.2rem!important}  /* abans 1.4 */
.lletra-mitjana {font-size:1.5rem!important}  /* abans 1.7 */
.lletra-gran    {font-size:2rem!important}
.lletra-extra   {font-size:2.5rem!important}
.lletra-super   {font-size:3rem!important}
.lletra-max     {font-size:4.4rem!important}

.degradat-gris 		{background-image: linear-gradient(to bottom, white, #cccccc)}
.degradat-gris-clar	{background-image: linear-gradient(to bottom, white, #d1d1d1)}
.degradat-gris-clar-dreta	{background-image: linear-gradient(to right, white, #d1d1d1)}
.degradat-blau 		{background-image: linear-gradient(to bottom, white, #6699ff)}
.degradat-blau-clar {background-image: linear-gradient(to bottom, white, #99ccff)}

.degradat-rosa-clar {background-image: linear-gradient(to bottom, white, #ffccff)}
.degradat-verd-clar {background-image: linear-gradient(to bottom, white, #66cc99)}

/*
.degradat-blau {
background: rgba(3,67,99,1);
background: -moz-linear-gradient(left, rgba(3,67,99,1) 0%, rgba(3,67,99,1) 49%, rgba(168,205,240,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,67,99,1)), color-stop(49%, rgba(3,67,99,1)), color-stop(100%, rgba(168,205,240,1)));
background: -webkit-linear-gradient(left, rgba(3,67,99,1) 0%, rgba(3,67,99,1) 49%, rgba(168,205,240,1) 100%);
background: -o-linear-gradient(left, rgba(3,67,99,1) 0%, rgba(3,67,99,1) 49%, rgba(168,205,240,1) 100%);
background: -ms-linear-gradient(left, rgba(3,67,99,1) 0%, rgba(3,67,99,1) 49%, rgba(168,205,240,1) 100%);
background: linear-gradient(to right, rgba(3,67,99,1) 0%, rgba(3,67,99,1) 49%, rgba(168,205,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034363', endColorstr='#a8cdf0', GradientType=1 );
}

.degradat-blau-clar {
background: rgba(134,174,204,1);
background: -moz-linear-gradient(left, rgba(134,174,204,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(134,174,204,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(134,174,204,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(134,174,204,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(134,174,204,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(134,174,204,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aecc', endColorstr='#ffffff', GradientType=1 );
}
*/


.degradat-taronja {
background: rgba(255,175,75,1);
background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 0%, rgba(247,213,178,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(0%, rgba(255,146,10,1)), color-stop(100%, rgba(247,213,178,1)));
background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 0%, rgba(247,213,178,1) 100%);
background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 0%, rgba(247,213,178,1) 100%);
background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 0%, rgba(247,213,178,1) 100%);
background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 0%, rgba(247,213,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#f7d5b2', GradientType=1 );
}

.sense-marc {border:0px!important}
.marc-blanc {outline:1px solid white}
.marc-negre {outline:1px solid black}
.marc-gris  {outline:1px solid #cccccc}

.marc-texte-negre { text-shadow:
     /*3px  3px 0 #000,*/
    -1px -1px 0 black,  
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    }
.marc-texte-blanc {text-shadow:
     /*3px  3px 0 #000,*/
    -1px -1px 0 white,  
     1px -1px 0 white,
    -1px  1px 0 white,
     1px  1px 0 white;
    }

.punter {cursor:pointer}

#emergent {
position:fixed;left:10vw;top:30%;min-height:20px;width:78vw; border:4px solid #61779f; background-color:#FFFF99;color:#61779f;padding-top:10px; padding-left:1vw;padding-right:1vw;padding-bottom:10px; cursor:pointer;text-align:center; font-size:18px;
-webkit-box-shadow: 0px 13px 18px -4px rgba(0,0,0,0.51); -moz-box-shadow: 0px 13px 18px -4px rgba(0,0,0,0.51); box-shadow: 0px 13px 18px -4px rgba(0,0,0,0.51); -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
background-image:url(../imatges/30x30-icona-2.png); background-repeat:no-repeat; background-position:top right;display:none
}

.zoom {cursor:pointer;z-index:10}
.zoom:hover {opacity:0.8;background-image:url(../imatges/30x30-icona-2.png); background-repeat:no-repeat; background-position:center center}
.zoom-imatge {
  position: fixed;
  margin: 0px auto;
  top: 10vh;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:90%;
  background-color:white;
  display:none;  
  }

.zoom-imatge-tancar {
  position: fixed;
  margin: 0px auto;
  top: 2vh;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 90%;
  height:40px;
  display:none;
  background-image:url(../imatges/icona-tancar.png);background-repeat:no-repeat;background-position:top 10px right 0px;z-index:10;
  cursor:pointer;
}
.zoom-imatge img {width:100%;outline:5px solid white}

.zoom-imatge-texte {
  position: fixed;
  bottom: 2vh;
  right: 0px;
  left: 0px;
  width: 100%;
  height:50px;
  font-size:22px;
  background-color:rgba(0,0,0,0.7);
  color:white; z-index:9;
  text-align:center;
}

::-webkit-scrollbar {width: 5px; height:5px}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;padding:0px 10px}
::-webkit-scrollbar-track-piece {padding:10px}
::-webkit-scrollbar-thumb {background: #999999; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover { background: #61779f;}





input[type="radio"], input[type="checkbox"] {
    margin: 10px 10px 0px 0px;
    cursor: pointer;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.ombra, #index, .zoom-imatge img, #index-info li, #info, .novetat, #menu{-webkit-box-shadow: 0px 10px 22px -1px rgba(0,0,0,0.51);-moz-box-shadow: 0px 10px 22px -1px rgba(0,0,0,0.51);box-shadow: 0px 10px 22px -1px rgba(0,0,0,0.51)}

.ombra-texte {text-shadow: 0px 2px 3px #333333}

.rodo, .boto-blau, .boto-blanc, .boto-mini, textarea, #contacte, #contacte input[type="text"], #contacte input[type="date"], #contacte select, #contacte button, #index, #seleccio, #index-info li, #peu-logo, #titol, .cos, #info, #menu li, .lineal-productes div {border-radius: 5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px}

.rodo50, .boto, .boto-blanc, .boto-mini-blanc, .boto-mini, #capcalera-idiomes a, input[type="submit"],  .etiqueta, .etiqueta-mini {border-radius: 40px 40px 40px 40px;-moz-border-radius:40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px}

.rodo400 {border-radius: 400px 400px 400px 400px; -moz-border-radius: 400px 400px 400px 400px; -webkit-border-radius: 400px 400px 400px 400px;border: 1px solid #cccccc}
/*.subtitol h3 {border:1px solid #990033; border-radius: 40px 40px 40px 40px;-moz-border-radius:40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px}*/
/*
.guio, .cos, .subtitol, p {-ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto}
*/


@media only screen 
and (min-width : 0px) 
and (max-width : 990px) {

.cal-dias, .cal-dias-festivos{	font-size:32px; width:25px; height:25px;}
.cal-taula-top {font-size:28px;}
}

@media only screen 
and (min-width : 991px) 
and (max-width : 1440px) {
.cal-dias, .cal-dias-festivos{	font-size:40px; width:35px; height:35px;}
.cal-taula-top {font-size:50px;}
}


.cal-general {
	margin:auto;
	width:100%;
}

.cal-taula-top {
	margin:auto;
	/*
	background-color:#336699;
	background-image:url(imatges/cal-fons-3.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	*/
	/* nom del mes */
	height:60px;margin-bottom:10px	;
	color:#666666;
	font-family:NotoSans, Times, serif;	
	text-align:center;
	/*border: 1px solid #000000;*/
	width:100%;
	cursor:default;	
}

.cal-taula-dia {
	/*nom dies de la setmana*/
	font-size:18px; width:35px;height:35px;
	color:#006699;
	font-family:NotoSans, serif;
	text-align:right;
	cursor:default;

}
.cal-taula {
	margin:auto;
	/*background-color:#336699;*/
	width:90%;
	margin-top:2px;
}

.cal-dias {


	font-family:NotoSans, Times, serif;
	border:1px solid white;
	padding:2px;
	margin: 4px;
	text-align:right;

	/*
	background-image:url(imatges/cal-fons-5.jpg);
	background-repeat:repeat-x;
	color:#003399;
	background-color:#FFFFFF;	
	border: 1px solid #FFFFFF;
	*/
	color:#999999;
}
.cal-dias-festivos {


	border:1px solid white;
	font-family:NotoSans, Times, serif;
	padding:2px;
	margin: 4px;
	text-align:right;
	/*
	background-color:#FFFFFF;
	background-image:url(imatges/cal-fons-5.jpg);
	background-repeat:repeat-x;	
	color:#CC0000;
	border: 1px solid #FFFFFF;	
	*/
	color:#006699;

}

.cal-dias:hover, .cal-dias-festivos:hover {


	color: #006699;
	cursor:pointer;
}

.cal-etiqueta {
/*
	border: 1px solid #CCCCCC;
	background-color:#FFFFCC;
	color:#003399;
*/
	color:#CC3399;

	font-size:16px;
	height:10px;
}


.cal-icona-dia {width:10px}

.cal-messos {
	margin:auto;
	width:100%;
	max-width:450px;
	margin-top:2px;
}
.cal-messos-mes {
	/*nom dies de la setmana*/
	font-size:18px;
	width:35px;
	height:35px;
	color:#006699;
	font-family:NotoSans, Times, serif;
	text-align:right;
	cursor:default;
	border:1px solid #006699;
}	
#cal-mes-anterior-seguent {

	color:#006699;
	padding:2px;
	font-size:16px;	
	}

}
/*
#textex {
position:absolute; color:white; font-size:22px; padding:5px; bottom:40px; margin-left:10px; width:90%; left:5px; text-align:justify; max-height:100px;  background-color:black} 

#textex2{
position:absolute; color:white; font-size:22px; padding:5px; bottom:40px; margin-left:10px; width:90%; left:5px; text-align:justify; max-height:100px; text-shadow:2px 2px black} 
*/
#textex {
position:absolute; color:white; font-size:22px; padding:2%; top:0px; left:0px; width:96%; text-align:center;   background-color:black} 

#textex2{
position:absolute; color:white; font-size:22px; padding:2%; top: 0px; left:0px; width:96%; text-align:center;  text-shadow:2px 2px 2px black} 

.boletes {position:absolute; color:white; font-size:2rem; bottom:10px;}