/* 6699cc (c) trading tecno */
/* (c) 2014-2019 (c) trading tecno */
/* #a7153e, #a7153e (09/2014) -> #a7153e, #a7153e(16/04/2021 & 17/09/2022) */
/*
carta colors pintura -> 3 x gris:

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

div,span {outline:1px dashed red}
table tr td {outline:1px dashed blue}
*/
@media only screen and (min-width : 0px) and (max-width : 1024px) {
body {font-size:10px}
#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:5px;right:5px;width:90%;max-height:98%;padding:0% 2%;overflow:auto;z-index:4}
/*
#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)}
*/
#menu li {display:block;width:90%; padding: 4px 5px; text-align:left; font-size:24px}

#menu-barra {display:none}

#menu-obrir {top:5px}

#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;margin:20px 0px 20px 0px;color:black;background-color:white;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 {background-color:white}

#capcalera table tr td {padding:0%;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 {width:100px;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) { text-align:center } /* telefon */

#capcalera-idiomes {margin-bottom:0px;padding:0px; 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 {position:fixed;width:100%;bottom:0px;left:0px;height:60px;background-color:black;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: 80vw}

#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}
#mapa-transport table tr td {display:block}
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::after {padding-top: 56.25%; display: block;content: '';}*/
.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; padding-bottom:15px}
#galeria img {display:block; width:100%; margin-bottom:5px}
#galeria h2 {color:black!important}

button.icona-compartir-imatge {display:block; position:absolute; right:5px;top:10px;cursor:pointer;width:32px; height:32px;border:0px;background-color:transparent}

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

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

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

.trio {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%; font-size:1.4rem}
.trio section h3 { bottom:2%; font-size:1.1rem}
.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%}

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


}




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

body {margin-right: auto;margin-left:auto; font-size:10px}

#contacte {display:block;float:left;width:40%; padding:0% 2%; margin:1% 0%}

#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}
/*
#menu {display:block;padding-top:10px}
#menu li {display:inline-block}
*/



#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;margin:20px 0px 20px 0px;color:black;background-color:white;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 {}

#capcalera table tr td {padding:0%}
#capcalera table tr:nth-child(1) > td:nth-child(1) {width:20%}  /* logo */
#capcalera-logo {width:20%}
#capcalera-logo img {width:100%; margin-left:10px}
#capcalera-social {font-size:1rem}
#capcalera-idiomes {display:inline-block;margin:0px 30px 0px 20px;text-align:left;display:none}

#capcalera-peu {display:none}

#menu {position:fixed;top:5px;right:5px;width:90%;max-width:300px;max-height:95vh;padding:0% 1%;font-size:1.2rem; overflow:auto;z-index:4;display:none;}

/*
#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;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:10px}

.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.2rem}

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

#mapa-transport table tr td {width:30%}



#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: 70vh; margin:5px}

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

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

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

.duo {display:block;clear:both}
.duo section {position:relative;display:inline-block; width:49%; vertical-align:top}
.duo section h2 {position:absolute; top:2%; width:100%; text-align:center}
.duo-pad { width: 46%!important; padding: 0% 2%}


.trio {display:block; clear:both; overflow:hidden}
.trio section {position:relative;display:inline-block;width:33%; background-color:white;vertical-align:top; }
.trio section h2 {top:0%; font-size:1.4rem}
.trio section h3 { bottom:0%; font-size:1.1rem}
.trio section h2, .trio section h3 {position:absolute;width:96%; padding:2%; text-align:center;background-color:rgba(0,0,0,0.7); color:white; margin:0%}
.trio-pad { width: 40%!important; padding: 0% 2%}

.quatro {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 */

.octo {display:block;clear:both}
.octo div {display:inline-block;float:left;width:8.5%;padding:0% 2% 4% 2%;vertical-align:top}

}






@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat/Montserrat-Light.ttf);
}
/*
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Light.ttf);
}
*/
html {}

body {font-family:Montserrat, Arial , Helvetica, sans-serif; background-color:white; max-width:4000px}



input[type="submit"], button {font-size:18px; padding:5px 10px 5px 10px;background-color:white;color:#a7153e;border:1px solid #a7153e}
input[type="submit"]:hover {background-color:#a7153e;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:Montserrat, Arial, Helvetica, sans-serif}
hr {color:#cccccc;margin:30px 0px}

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

.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; width:100%; background-color:white; border-bottom:1px solid #999999; z-index:2 !important}

#capcalera table {width:100%; border-collapse:collapse}

#capcalera-social{font-weight:bold}

/*
#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:#a7153e;cursor:pointer}

.capcalera-idioma-actual {background-color:#a7153e;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%; background-color:white; color:black; font-weight:bold; padding:0.5% 0%}
.area-avis a:visited{color:#a7153e}
.area-avis a {text-decoration:none;color:#a7153e}
.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:10px;font-size:2rem; width:30px;height:30px;background-color:transparent;color:black;cursor:pointer;text-align:center;line-height:30px;z-index:5}

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

#menu-barra {clear:both;text-align:center;z-index:3;max-height:25px; font-weight:bold}
#menu-barra ul {display:block; list-style:none; padding:0px;margin:0px}
#menu-barra li {color:#a7153e;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-seccio {display:block;clear:both;text-align:center;margin:20px 0px 10px 0px;color:white;background-color:#a7153e;padding:10px}
.subtitol {display:block;clear:both;text-align:center;margin:0px;color:#a7153e;padding:0px 20px}
.subtitol-seccio {display:block;clear:both;text-align:center;margin:0px;color:#a7153e;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; border:1px solid #cccccc}
#contacte h2 {font-size:24px;color:#a7153e;text-align:center;}
#contacte table {margin:auto}
#contacte label {font-size:1.1rem;color:#a7153e}
#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 textarea, #contacte select {font-family:Montserrat, Arial , Helvetica, sans-serif; font-size:18px;width:99%;margin:0px;padding:10px;border:1px solid #cccccc}
#contacte select {width:99%}
#contacte input[type="text"]: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:#a7153e;font-weight:bold}
/*#contacte a {color:white;font-weight:bold} */
#contacte-missatge {display:block;color:#339933;padding:10px;border-shadow:0px 1px black;font-size:26px;font-weight:bold;text-align:center;text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
/*#contacte span {font-size:16px;color:#a7153e}*/
#contacte-enviar {float:left}

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:Montserrat, 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-family:Montserrat, Arial, Helvetica, sans-serif;font-weight:bold;outline:1px solid #6699cc; color:#006699;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:1px 6px; margin:0px 4px;color:#333333;background-color:#efefef;border:1px solid #cccccc;font-weight:normal;font-size:0.9em; text-shadow:none}



.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}



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

#peu {display:block;clear:both;margin:2vh 0px 0px 0px; padding:0px 0px 30px 0px;background-color:#efefef}

#peu-mapa {display:block}

#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:#666666}
#peu-grup li a, #peu-grup a {text-decoration:none}
#peu-grup a:hover {text-decoration:underline; cursor:pointer; color:#a7153e}
#peu-grup li a {display:inline}
#peu-grup li img {}
#peu-grup p {font-size:18px; color:#a7153e;margin:30px !important}

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

#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:#006699}

#mapa-transport {display:block;text-align:left;margin:0px 20px}
#mapa-transport div:nth-child(1), #mapa-transport div:nth-child(3) {font-size:28px;text-align:center;background-color:#6699cc;color:white;margin:10px 0px;cursor:pointer;min-height:40px}
#mapa-transport-public, #mapa-transport-privat {display:none}
#mapa-transport-public span, #mapa-transport-privat span{font-size:20px;font-weight:normal}
#mapa-transport-public {background-image:url(../imatges/fons-nubols.jpg); background-repeat:no-repeat; background-size:cover} #mapa-transport-privat {background-image:url(../imatges/fons-nubols.jpg); background-repeat:no-repeat; background-size:cover} 
#mapa-transport table {font-size:18px;color:#336699;display:block;width:100%;font-weight:bold}
#mapa-transport table p {font-size:22px;color:#6699cc}
#mapa-transport table span {display:block;margin-bottom:5px}
#mapa-transport table tr td {padding:20px;margin:10px;vertical-align:top}

/*
#mapa-transport span ul li {display:block !important;width:100% !important;font-size:20px;border-bottom:1px solid #6699cc}
#mapa-transport p {font-size:22px;color:#6699cc}
*/
#seo {display:none}

#galetes {position:fixed;left:0px;bottom:0px;background-color:rgba(0,0,0,0.7);color:white;padding:10px;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:#a7153e;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:#a7153e;background-color:white;border:1px solid #a7153e;cursor:pointer}
.boto a,.boto a:link{text-decoration:none}

.boto-blanc {display:inline-block;font-size:18px;color:#a7153e;background-color:white;padding:5px 8px;border:1px solid #a7153e; 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:#a7153e;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:#006699;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:#006699;border:1px solid #006699;cursor:pointer}
.boto-blau a, .boto-blau a:link {text-decoration:none!important;color:white}



.boto-mini {display:inline-block;border:1px solid #a7153e;color:white;background-color:#a7153e;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:#a7153e;background-color:white;cursor:pointer}

.boto-mini-blanc {display:inline-block;border:1px solid #a7153e;color:#a7153e;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:#a7153e;cursor:pointer;border:1px solid white;font-weight:normal}

.boto-gran {display:inline-block;font-size:24px;color:white;background-color:#a7153e;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:#a7153e;background-color:white;border:1px solid #a7153e;cursor:pointer}
.boto-gran a,.boto-gran a:link{text-decoration:none}

.boto-gran-blanc {display:inline-block;font-size:24px;color:#a7153e;background-color:white;padding:12;border:1px solid #a7153e; 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:#a7153e;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}


#fletxa-amunt {position:fixed;bottom:10px; right:10px;cursor:pointer;font-size:30px;border:1px solid black;background-color:rgba(255,255,255,0.7);color:#a7153e;width:30px;height:30px;line-height:30px;padding:4px;text-align:center; vertical-align:middle;z-index:2}
#fletxa-amunt:hover{background-color:#cccccc;color:black;border:1px solid #666666}

/*#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}

.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:100px 0px}
.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}

.pad {padding: 20px}


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

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

.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-lupa {background-image:url(../imatges/icona-lupa.png)}
.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)}
.icona-compartir-imatge {background-image:url(../imatges/icona-compartir-imatge.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)}
.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)}
.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)}
.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)}
.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-moto {background-image:url(../imatges/icona-moto.png)}
.icona-parking {background-image:url(../imatges/icona-parking.png)}
.icona-cedilp {background-image:url(../imatges/icona-cedilp.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-fotos {background-image:url(../imatges/icona-fotos.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-video {background-image:url(../imatges/icona-video.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-bossa {background-image:url(../imatges/icona-bossa.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(20%) sepia(75%) saturate(2702%) hue-rotate(182deg) brightness(60%) contrast(101%)}
.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: 30px 30px; width:30px; height:20px; 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)}


.m5   {max-width:50px;  width:90%; display:inline-block; margin:5px 5px 5px 0px}
.m50  {max-width:50px;  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}
.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}

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

.blanc {color:white!important}
.negre {color:black!important}
.vermell {color:#cc0000!important}
.gris-fosc {color:#666666!important}
.gris {color:#d2d1c8!important}
.taronja {color:#ffcc00!important}
.carbassa {color:#ff6600!important}
.blau{color:#006699 !important}
.rosa {color:#a7153e !important}   

.fons-negre {background-color:black !important}
.fons-blanc {background-color:white !important}
.fons-blau {background-color:#006699 !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:#a7153e !important}


.normal    {font-weight:normal!important}
.negreta   {font-weight:bold!important}
.parpadeig { animation: parpadeig 2s linear infinite; }

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

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

.lletra-mini    {font-size:0.8rem}
.lletra-petita  {font-size:1.1rem}
.lletra-normal  {font-size:1.4rem}
.lletra-mitjana {font-size:1.7rem}
.lletra-gran    {font-size:2rem}
.lletra-extra   {font-size:2.5rem}


.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 );
}


.marc-blanc {border:1px solid white}
.marc-negre {border:1px solid black}
.marc-gris  {border: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;
    }

#emergent {
position:fixed;left:10vw;top:30%;min-height:20px;width:78vw; border:4px solid #006699; background-color:#FFFF99;color:#006699;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: 2vh;
  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%;border: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: #a7153e; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover { background: #a7153e;}

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, #capcalera{-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 select, #contacte button, #index, #seleccio, #index-info li, #peu-logo, #titol, .cos, #info, #menu li {border-radius: 5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px}

.rodo50, .boto, .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}
*/