/* (c) trading tecno 2011-2025 */ @media only screen and (min-width : 0px) and (max-width : 1024px) {
 
 body {margin-top:240px}
 #contacte,#contacte-bis,#cita, #urgencia {margin: 10px 5px; padding-bottom:20px;padding:10px}
 #contacte {background-image:url(../imatges/fons-contacte.jpg);background-repeat:no-repeat;background-size:cover}
 #cita {background-image:url(../imatges/fons-calendari.jpg);background-repeat:no-repeat;background-size:cover}
 #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-width:270px;max-height:98%;padding:0% 2%;overflow:auto;z-index:4}
 
 #menu-obrir {top:5px;right:5px;}
 
 #menu li {display:block;max-width:355px; padding: 0px 1px 0px 10px !important;text-align:left}
 #menu li {font-size:1.4em;padding:0px 12px 0px 12px; height:35px;line-height:35px}
 
 #menu-barra {display:none}
 
 #peu-grup ul, #icones ul {display:block;text-align:center}
 #peu-grup li {padding-left:10px;text-align:center !important}
 #peu-grup li, #peu-grup a {font-size:1.1em}
 #peu-grup ul li:nth-child(1) img {width:80%} 
 
 .titol, h1 {font-size:30px; padding:10px;border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -webkit-border-radius: 0px 0px 0px 0px !important}
 
 
 .titol-seccio {font-size:24px}
 .subtitol, h2 {font-size:26px}
 .subtitol-seccio {font-size:20px}
 .subtitol p, h2 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;padding-bottom:5px !important}
 #capcalera span {font-size:30px}
 #capcalera span:nth-child(1) {display:none}
 #capcalera span:nth-child(2) {float:left;margin-left:5px; margin-top:5px;width:35%;max-width:240px;vertical-align:top;font-size:0.8em;color:#006699;font-weight:bold}  
 #capcalera span:nth-child(2) img {width:100%}
 #capcalera span:nth-child(3) {float:right; margin-right:8px;margin-top:40px;font-size:1.2em;font-weight:bold;vertical-align:top} 
 #capcalera span:nth-child(3) a {display:block}
 #capcalera span:nth-child(4) {float:left;margin:0px 5px;font-size:1em} 
 #capcalera span:nth-child(4) img {height:40px; margin-top:5px} 
 #capcalera span:nth-child(5) {vertical-align:top !important;font-size:0.9em}   
 #capcalera span:nth-child(6) {display:block}     
 #capcalera span:nth-child(7) {display:block;margin:auto}   
 #capcalera span:nth-child(7) img {width:80px;margin:5px}
 #capcalera span:nth-child(8) img {width:80px;margin:5px}
 
 #capcalera-video {margin-top:-60px;height:160px}
 
 #whatsapp {text-decoration:none;} 
 #whatsapp a {text-decoration:none;color:#009999;float:left;margin-left:20px}
 
 
 #subcapcalera {display:block;text-align:center}  
 #capcalera-social {display:none}
 
 
 #capcalera-idiomes {display:none}
 
 
 .zoom-imatge,.zoom-imatge-tancar {max-width: 80vw}
 
 #galetes {font-size:10px}
 
 .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:-50px 20px 40px 20px;}
 .cos p, .cos p ul li {text-align:left !important;font-size:1.2em !important; }
 .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 .imatge-esquerra, .cos .imatge-dreta{display:block;width:100%;margin:10px auto}
 #cos-legal {margin:40px 20px; font-size:14px}
 .area-avis {font-size:24px}
 
 .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%}
 
 .faq table {width:100%; border-collapse:collapse}
 .faq table h2 {margin:0px;padding:0px;font-size:26px;text-align:center}
 .faq table tr td {display:block;padding:1%;margin-bottom:20px;border-bottom:1px solid #cccccc;vertical-align:top;color:#666666;text-align:justify;font-size:20px}
 
 
 }
 
 
 
 @media only screen and (min-width : 1025px) {
 
 body {margin:190px auto 20px auto}
 #public {display:block; clear:both; margin:0% 5%;min-height:820px}
 #contacte, #cita, #urgencia {display:block;float:left;width:40%;padding:0% 2%; margin:4% 0%}
 #contacte {padding-bottom:20px;background-image:url(../imatges/fons-contacte.jpg);background-repeat:no-repeat;background-size:cover}
 #cita {padding-bottom:20px;background-image:url(../imatges/fons-calendari.jpg);background-repeat:no-repeat;background-size:cover}
 #contacte-bis {display:block;float:right;width:40%;min-height:700px;padding:0% 2%; margin: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:none;position:fixed;top:5px;right:5px;width:90%;max-width:270px;max-height:90vh;padding:0% 2%;overflow:auto;z-index:4}
 
 #menu-obrir {top:15px;right:15px;}
 
 #menu li {display:block;max-width:355px;margin:2px 0px 0px 0px;padding: 1px 1px 1px 10px;}
 #menu li {font-size:1.2em;padding:0px 6px; height:35px;line-height:35px}
 
 #menu-barra {vertical-align:top;height:50px;overflow:hidden;z-index:3}
 #menu-barra a {display:inline-block;margin:0px;vertical-align:top;margin:0px 5px}
 #menu-barra .icona {margin:0px;padding:0px}
 
 #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, #peu-grup a {font-size:1em}
 #peu-grup ul li:nth-child(1) img {width:240px} 
 
 .titol, h1 {font-size:36px;padding:5px}
 
 
 
 
 
 .titol-seccio {font-size:30px}
 .subtitol, h2 {font-size:30px}
 .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;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-social {display:inline-block}
 #capcalera-idiomes {display:inline-block; margin:0px 100px 0px 20px;text-align:left;font-size:1.2em!important}
 
 #capcalera span {float:left;font-size:40px;vertical-align:top}
 #capcalera span:nth-child(1) {}
 #capcalera span:nth-child(2) {padding-left:20px;margin-top:10px;max-width:240px;font-size:0.8em;color:#333333;font-weight:bold} 
 #capcalera span:nth-child(3) {font-weight:bold;font-size:1.4em;margin:0px 0px 0px 30px !important;padding:10px 0px} 
 #capcalera span:nth-child(3) a {display:block; color:#006699}
 #capcalera span:nth-child(4) {font-weight:bold;font-size:32px;margin:0px 0px 0px 30px;padding:12px 0px;text-decoration:none;text-align:left} 
 #capcalera span:nth-child(4) a {display:block}
 #capcalera span:nth-child(4) a:last-child {font-size:0.6em} 
 #capcalera span:nth-child(4) img {height:80px} 
 #capcalera span:nth-child(5) {display:none} 
 #capcalera span:nth-child(6) {float:right;font-size:24px;font-weight:bold;margin:5px;text-decoration:none}
 #capcalera span:nth-child(7) {float:right;margin-right:5px;font-size:24px;color:green} 
 #capcalera span:nth-child(7) img {width:40px;margin-left:10px}
 #capcalera span:nth-child(8) img {}
 
 #capcalera-video {margin-top:-30px}
 
 #whatsapp {display:block;color:#009933}
 
 #capcalera-logo img {}
 
 .zoom-imatge,.zoom-imatge-tancar {max-width: 40vw}
 
 #subcapcalera {float:right}
 
 #galetes {font-size:12px}
 .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:0px 80px 20px 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:28px}
 .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%}
 
 .faq table {width:100%; border-spacing:20px}
 .faq table h2 {margin:0px;padding:0px 10px 0px 0px;font-size:26px;text-align:left}
 .faq table tr td {width:31%;padding:1%;vertical-align:top;color:#666666; font-size:18px}
 
 }
 
 
 
 body {font-family:'Roboto', Arial , Helvetica, sans-serif; background-color:white;max-width:4000px}
 
 textarea {overflow:auto}
 input[type="submit"] {font-size:18px; padding:5px 10px 5px 10px;background-color:white;color:#006699;border:1px solid #006699}
 input[type="submit"]:hover {background-color:#006699;color:white}
 
 input[type="text"], textarea {padding:2px 10px 2px 10px; color:black;border:1px solid #999999}
 
 
 textarea {font-family:'Roboto', Arial, Helvetica, sans-serif}
 hr {color:#cccccc;margin:30px 0px}
 
 figure {display:inline-block;margin:0px}
 figure figcaption {color:#6699cc;font-size:18px}
 
 .video-iframe {
 position: relative;
 padding-bottom: 56.25%; 
 padding-top: 0px;
 margin-top:0px;
 
 background-color:black;
 }
 .video-iframe iframe {
 position: absolute;
 margin-top:0px;
 padding:0px;
 left: 0px;
 width: 100%;
 height: 100%;
 }
 
 
 #capcalera-video video {width:100%}
 
 #capcalera {position:fixed;left:0px;top:0px;width:100%;background-color:rgba(255,255,255,1);padding:0.1% 0% 0% 0%;text-align:center; z-index:2}
 
 #capcalera-social {padding:10px 0px 10px 0px;vertical-align:middle;color:#006699;font-weight:bold}
 #capcalera-social a img {border:1px solid white !important}
 
 #capcalera-social a {vertical-align:top}
 #capcalera-social a:hover {cursor:pointer}
 #capcalera-social img {width:30px}
 
 #capcalera-idiomes {padding:10px 0px 0px 0px;vertical-align:middle;font-size:12px;height:40px;}
 #capcalera-idiomes a {color:#006699;text-decoration:none;vertical-align:top}
 #capcalera-idiomes a:hover {border-top:3px solid #cccccc;cursor:pointer}
 #capcalera-idiomes i {width:28px !important}
 
 .capcalera-idioma-actual {background-color:#006699;color:white;cursor:pointer}
 
 #capcalera span {display:block}
 
 
 #capcalera-banner {display:block;clear:both;text-align:center}
 #capcalera-banner img {width:100%}
 
 
 
 #capcalera span:nth-child(2) {color:#006699}  
 #capcalera span:nth-child(3) {color:#006699}  
 #capcalera span:nth-child(3) a {color:#006699;text-decoration:none}  
 #capcalera span:nth-child(4) a {color:#009999; color:#006699;text-decoration:none}  
 #capcalera span:nth-child(5) {}  
 #capcalera span:nth-child(6) {color:#006699}  
 #capcalera span:nth-child(6) a {color:#006699; color:#006699;text-decoration:none}   
 #capcalera span:nth-child(7) {}  
 #capcalera span:nth-child(8) {}  
 
 
 
 .area-avis {display:block;clear:both;color:#333333}
 
 #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;font-size:34px;width:30px;height:30px;background-color:white;color:#006699;cursor:pointer;text-align:center;line-height:30px;z-index:5}
 
 #menu {clear:both;text-align:center;z-index:4;overflow:hidden}
 #menu {background-color:white;background-color:rgba(0,102,153,0.8);border:3px solid white}
 #menu ul {display:block; list-style:none; padding:0px}
 #menu li {color:white;margin:0px auto 0px auto; text-align:left;overflow:hidden}
 #menu a {text-decoration:none;color:#006699}
 #menu li:hover {background-color:rgba(255,255,255,0.3);cursor:pointer}
 
 #menu-barra {clear:both;text-align:center;z-index:3;max-height:25px}
 #menu-barra ul {display:block; list-style:none; padding:0px;margin:0px}
 #menu-barra li {color:#666666;font-size:0.6em; text-align:left;font-weight:bold;padding-bottom:2px;border-bottom:2px solid white}
 #menu-barra a {text-decoration:none;color:#666666}
 #menu-barra li:hover {cursor:pointer;font-weight:bold;border-bottom:2px solid #333333}
 #menu-barra .icona {background-size: 20px 20px}
 
 .titol, h1 {display:block;clear:both;text-align:center;margin:10px 0px;color:white;background-color:#006699;text-shadow: -1px -1px #333333;font-weight:normal}
 
 
 .titol-seccio {display:block;clear:both;text-align:center;margin:80px 0px 40px 0px;padding:10px 30px;color:white;background-color:#006699}
 .subtitol, h2 {display:block;clear:both;text-align:center;color:#006699;margin:20px 10px;padding:10px;font-weight:normal}
 .subtitol p a, h2 p a {color:#990033;font-weight:bold}
 .subtitol-seccio {display:block;clear:both;text-align:center;border:3px solid #006699;color:#006699;padding:10px}
 
 
 
 #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-bis {background-color:white;overflow:hidden;vertical-align:top}
 #contacte-bis h3 {font-size:24px}
 #contacte-bis p:first-child {display:block;color:#006699;font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}
 #contacte-bis p{display:block; color:#006699; font-size:16px;text-align:justify;margin:10px}
 #contacte-bis a {color:white}
 #contacte-bis img:nth-child(2) {display:block;margin: 0px auto 10px auto;width:100%;;background-color:white}
 
 
 #contacte {display:block;clear:both;background-color:#efefef;color:white; vertical-align:top;border:1px solid #cccccc;}
 #contacte h2 {font-size:24px;color:#006699;text-align:center;}
 #contacte table {margin:auto}
 #contacte td {display:block;width:100%}
 #contacte input[type="text"], #contacte textarea, #contacte select {font-family:'Roboto', Arial , Helvetica, sans-serif; font-size:0.9em;color:black;font-weight:bold;width:80%;margin:0px;padding:10px;border:1px solid #cccccc}
 #contacte select {width:90%;background-color:white;}
 #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:#333333;font-weight:bold;}
 #contacte span {font-size:16px;color:#006699;font-weight:bold;text-shadow:0px 2px white}
 #contacte a {color:white}
 #contacte-missatge {display:block;color:#339933;padding:10px;font-size:26px;font-weight:bold;text-align:center;text-shadow: -1px 0px white, 0px 1px white, 1px 0px white, 0px -1px white;}
 #contacte-anex p{font-size:0.6em !important ;color:#333333;text-align:justify}
 #contacte-enviar {float:left}
 
 #contacte input::-webkit-input-placeholder { color: #999999}
 #contacte input:-moz-placeholder { color: #999999}
 #contacte input::-moz-placeholder { color: #999999}
 #contacte input:-ms-input-placeholder { color: #999999}
 #contacte textarea::-webkit-input-placeholder { color: #999999}
 #contacte textarea:-moz-placeholder { color: #999999}
 #contacte textarea::-moz-placeholder { color: #999999}
 #contacte textarea:-ms-input-placeholder { color: #999999}
 
 
 form label {display:block;font-weight:bold;font-size:0.8em; color:#009999;margin: 15px 0px 5px 0px}
 
 
 #cita {background-color:#efefef;color:#009999; vertical-align:top;border:1px solid #cccccc}
 #cita h3 {font-size:24px;color:#009999;text-align:center}
 #cita table {margin:auto;width:90%}
 
 #cita td {display:block;width:100%}
 
 
 #cita input[type="text"], #cita textarea, #cita select {font-size:18px;color:#666666;width:90%;margin:0px;padding:10px;border:1px solid #cccccc}
 #cita select {width:95%}
 #cita input[type="text"]:focus, #cita textarea:focus, #cita 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);}
 #cita p {display:block;font-size:20px;text-align:center}
 #cita a {color:#6699cc}
 #cita-missatge {display:block;color:#339933;padding:10px;font-size:26px;font-weight:bold;text-align:center;text-shadow: -1px 0px white, 0px 1px white, 1px 0px white, 0px -1px white;}
 #cita span {font-size:16px;color:#009999}
 #cita-enviar {float:left}
 
 #cita input::-webkit-input-placeholder { color: #999999;}
 #cita input:-moz-placeholder { color: #999999;}
 #cita input::-moz-placeholder { color: #999999;}
 #cita input:-ms-input-placeholder { color: #999999;}
 #cita textarea::-webkit-input-placeholder { color: #999999;}
 #cita textarea:-moz-placeholder { color: #999999;}
 #cita textarea::-moz-placeholder { color: #999999;}
 #cita textarea:-ms-input-placeholder { color: #999999;}
 
 .area-imatges {display:block;background-color:white}
 .area-imatges img:hover {opacity:0.4}
 
 
 .faq table h2 {color:#006699 !important}
 
 
 .cos {display:block; clear:both;color:#666666; background-color:white;min-height:100px; text-align:justify}
 .cos h2 {color:#006699 !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:#009999;color:white;margin-top:20px;font-weight:normal}
 
 .cos-dual h2, .cos-dual h3 {color:#009999}
 .cos-esquerra {padding:0px 10px 10px 10px; vertical-align:top}
 .cos-dreta {padding: 0px 10px 10px 10px; vertical-align:top}
 .cos-esquerra h2 {color:#009999;margin:0px}
 .cos-dreta h2 {color:#009999;margin:0px}
 
 #cos-legal {display:block; color:#009999; background-color:white;text-align:justify;min-height:470px;margin-top:200px}
 
 #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}
 
 
 
 
 #peu {display:block;clear:both;margin:2vh 0vh 0vh 0vh; padding:2vh 0px 30px 0px;background-color:#006699}
 
 #peu-mapa {display:block}
 
 #peu-social {display:block;margin:auto;max-width:340px;height:300px;text-align:center;border:0px solid 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 a {text-decoration:none}
 #peu-grup a:hover {text-decoration:underline;cursor:pointer;color:white}
 #peu-grup li a {display:inline}
 #peu-grup li img {}
 #peu-grup p {font-size:18px; color:#006699;margin:30px !important}
 #peu-copy {color:#999999;text-align:center;margin-top:10px;margin-bottom:50px;padding-bottom:10px;font-size:14px}
 #peu-copy a {color:white}
 #peu-copy span {display:block}
 #peu-mida {display:inline-block;color:#cccccc;font-size:10px;margin:20px 10px}
 #peu-tt {position:relative;display:block;float:right;margin-right:10px;opacity:0.4;color:black;font-size:0.7em;cursor:pointer;text-shadow:0px 0px #000!important}
 #peu-tt a {color:black;text-decoration:none}
 
 #mapa {width:100%;margin:0px 0px 40px 0px}
 #mapa p {display:block; clear:both; text-align:center}
 #mapa p img {height:100px}
 #mapa-img {width:100%;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;margin-bottom:20px}
 #mapa iframe {display:block;width:100%; border-bottom:1px solid #cccccc;border-top:1px solid #cccccc; margin:0px auto;height:300px;overflow:hidden}
 
 #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:#009999;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:#009999}
 #mapa-transport table span {display:block;margin-bottom:5px}
 #mapa-transport table tr td {padding:20px;margin:10px;vertical-align:top}
 
 
 #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{}
 #galetes a, #galetes span {color:white;font-size:12px;padding:2px 4px;;text-decoration:none;cursor:pointer}
 
 
 .boto {display:inline-block;font-size:18px;background-color:white;color:#006699 !important;padding:0px 12px;border:1px solid #006699; margin:2px 2px 2px 0px;text-decoration:none;white-space:nowrap}
 .boto:hover {background-color:#006699;color:white !important;border:1px solid #006699;cursor:pointer}
 .boto a,.boto a:link{text-decoration:none;color:white}
 
 .boto-color {display:inline-block;font-size:18px;background-color:#006699;color:white;padding:5px 8px 5px 8px;border:1px solid white; margin:2px 2px 2px 0px;text-decoration:none;white-space:nowrap}
 .boto-color:hover {background-color:white;color:#006699;border:1px solid #006699;cursor:pointer}
 .boto-color a,.boto-blau a:link{text-decoration:none;color:white}
 
 .boto-mini {display:inline-block;font-size:12px;background-color:white;color:#006699 !important;padding:1px 8px;border:1px solid #006699; margin:2px 2px 2px 0px;text-decoration:none;white-space:nowrap}
 .boto-mini:hover {background-color:#006699;color:white !important;cursor:pointer}
 .boto-mini a,.boto-mini a:link{text-decoration:none;color:white}
 
 .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;z-index:1;font-size:20px;border:1px solid #006699;background-color:rgba(255,255,255,0.4);color:#006699;width:30px;height:30px;line-height:30px;padding:4px;text-align:center; vertical-align:middle}
 #fletxa-amunt:hover{background-color:#efefef;color:#006699;border:1px solid #006699}
 
 
 .ul-bloc {list-style-type:none;padding:0px}
 
 .dreta {text-align:right !important}
 .esquerra {text-align:left !important}
 .centrat {text-align:center !important}
 
 
 
 .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-mini {background-repeat:no-repeat;background-size: 15px 15px; min-width:15px; height:15px;background-position:0px 1px; padding:2px 0px; margin-right:6px; text-decoration:none;display:inline-block;vertical-align:middle}
 
 
 .icona-logo {background-image:url(../img/logo/icona-logo.png)}
 
 .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-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-whatsapp-1 {background-image:url(../imatges/icona-whatsapp-1.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-opcio {background-image:url(../imatges/icona-opcio.png)}
 .icona-mobil {background-image:url(../imatges/icona-mobil.png)}
 .icona-rellotge {background-image:url(../imatges/icona-rellotge.png)}
 .icona-telefon {background-image:url(../imatges/icona-telefon.png)}
 .icona-trucar {background-image:url(../imatges/icona-trucar.png)} 
 .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-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-camio {background-image:url(../imatges/icona-camio.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-equip {background-image:url(../imatges/icona-equip.png)}
 .icona-oficina {background-image:url(../imatges/icona-oficina.png)}
 .icona-mes {background-image:url(../imatges/icona-mes.png)}
 .icona-fotos {background-image:url(../imatges/icona-fotos.png)}
 .icona-carregant {background-image:url(../imatges/icona-carregant.gif)}
 .icona-faq {background-image:url(../imatges/icona-faq.png)}
 .icona-llapis {background-image:url(../imatges/icona-llapis.png)}
 .icona-sofa {background-image:url(../imatges/icona-sofa.png)}
 .icona-porta {background-image:url(../imatges/icona-porta.png)}
 .icona-opcions {background-image:url(../imatges/icona-opcions.png)}
 .icona-servei {background-image:url(../imatges/icona-servei.png)}
 .icona-sector {background-image:url(../imatges/icona-sector.png)}
 .icona-qualitat {background-image:url(../imatges/icona-qualitat.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-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-deu {background-image:url(../imatges/icona-deu.png)}
 .icona-eus {background-image:url(../imatges/icona-eus.png)}
 .icona-gal {background-image:url(../imatges/icona-gal.png)}
 
 input.icona, select.icona,textarea.icona {padding-left:40px!important;background-position:5px 5px !important;height:100%}
 
 h2 .icona {background-size: 40px 40px;width:40px; height:30px;}
 h2 .icona { -webkit-filter: grayscale(50%); filter: grayscale(50%);}
 
 
 
 
 .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-metalic, .metalic, #peu, .titol, h1 {
 border:1px solid #999999; box-shadow: 2px 2px 4px #333333;
 background: rgba(200,203,204,1);
 background: -moz-linear-gradient(-45deg, rgba(200,203,204,1) 0%, rgba(200,203,204,1) 4%, rgba(69,69,69,1) 26%, rgba(163,163,163,1) 86%, rgba(229,231,232,1) 97%, rgba(229,231,232,1) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(200,203,204,1)), color-stop(4%, rgba(200,203,204,1)), color-stop(26%, rgba(69,69,69,1)), color-stop(86%, rgba(163,163,163,1)), color-stop(97%, rgba(229,231,232,1)), color-stop(100%, rgba(229,231,232,1)));
 background: -webkit-linear-gradient(-45deg, rgba(200,203,204,1) 0%, rgba(200,203,204,1) 4%, rgba(69,69,69,1) 26%, rgba(163,163,163,1) 86%, rgba(229,231,232,1) 97%, rgba(229,231,232,1) 100%);
 background: -o-linear-gradient(-45deg, rgba(200,203,204,1) 0%, rgba(200,203,204,1) 4%, rgba(69,69,69,1) 26%, rgba(163,163,163,1) 86%, rgba(229,231,232,1) 97%, rgba(229,231,232,1) 100%);
 background: -ms-linear-gradient(-45deg, rgba(200,203,204,1) 0%, rgba(200,203,204,1) 4%, rgba(69,69,69,1) 26%, rgba(163,163,163,1) 86%, rgba(229,231,232,1) 97%, rgba(229,231,232,1) 100%);
 background: linear-gradient(135deg, rgba(200,203,204,1) 0%, rgba(200,203,204,1) 4%, rgba(69,69,69,1) 26%, rgba(163,163,163,1) 86%, rgba(229,231,232,1) 97%, rgba(229,231,232,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8cbcc', endColorstr='#e5e7e8', GradientType=1 );
 text-shadow: -1px -1px #333333;
 }
 
 
 
 
 .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}
 
 
 
 
 
 
 
 .zoom {cursor:pointer}
 .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;z-index:10}
 
 .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;
 }
 
 
 #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}
 
 
 ::-webkit-scrollbar {width: 15px;}
 ::-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: #666666;}
 
 .ombra-texte {text-shadow:0px 3px 3px black}
 .gravat-texte {text-shadow: -1px -1px #333333;}
 
 
 .negreta {font-weight:bold!important}
 .normal {font-weight:normal!important}
 
 .lletra-mini { font-size:0.8rem!important}
 .lletra-petita { font-size:1rem!important}
 .lletra-normal { font-size:1.4rem!important}
 .lletra-mitjana { font-size:2rem!important}
 .lletra-gran { font-size:2.5rem!important}
 
 .bloc {display:block;clear:both}
 .bloc-mig {display:block;clear:both; margin:auto}
 
 .marge {margin: 20px 0px!important}
 .marge-extra {margin: 40px 0px!important}
 
 .marge-esquerra {margin-left:20px}
 .marge-dreta {margin-right:20px}
 .marge-amunt {margin-top:20px}
 .marge-avall {margin-bottom:20px}
 .sense-marge {margin: 0px!important}
 
 .pad {padding: 20px!important}
 .pad-extra {padding: 40px!important}
 
 .pad-dreta {padding-right: 20px!important}
 .pad-esquerra {padding-left: 20px!important}
 .pad-amunt {padding-top: 20px!important}
 .pad-avall {padding-bottom: 20px!important}
 .sense-pad {padding: 0px!important}
 
 .dreta {text-align:right}
 .esquerra {text-align:left}
 .centrat {text-align:center}
 .justificat {text-align:justify}
 
 .tot-esquerra {float:left !important}
 .tot-dreta {float:right !important}
 
 .off {all:unset}
 
 .negre {color:black!important}
 .blanc {color:white!important}
 .blau {color:#006699!important}
 .blau-fosc {color:#003366!important}
 .gris {color:#cccccc!important}
 .gris-clar {color:#e0e0e0!important}
 .gris-fosc {color:#333333!important}
 .taronja {color:#ff9900!important}
 .carbassa {color:#ff6600!important}
 .vermell {color:#990000!important}
 .groc {color:#ffff33!important}
 .groc-clar{color:#ffff99!important}
 .verd {color:green!important}
 .verd-fosc {color:darkgreen!important}
 
 .fons-gris {background-color:#cccccc}
 .fons-gris-clar {background-color:#e0e0e0}
 .fons-blau {background-color:#006699}
 .fons-taronja {background-color:#ff9900}
 .fons-carbassa {background-color:#ff6600}
 
 .marc-negre {border:1px solid black}
 .marc-gris {border:1px solid #cccccc}
 
 .m10x {width:10%!important}
 .m20x {width:20%!important}
 .m30x {width:30%!important}
 .m40x {width:40%!important}
 .m50x {width:50%!important}
 .m60x {width:60%!important}
 .m70x {width:70%!important}
 .m80x {width:80%!important}
 .m90x {width:90%!important}
 .m100x {width:100%!important}
 
 .ombra, #index, .zoom-imatge img, #index-info li, #info, .novetat, #menu, #capcalera{-webkit-box-shadow: 0px 10px 18px -1px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 18px -1px rgba(0,0,0,0.3);box-shadow: 0px 10px 18px -1px rgba(0,0,0,0.3)}
 
 .rodo, .boto-color, textarea, #contacte, #contacte-bis, #contacte input[type="text"], #contacte select, #cita, #cita input[type="text"], #cita select, #urgencia, #urgencia input[type="text"], #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, input[type="submit"], #contacte-bis input[type="text"], #contacte-bis button, #menu-obrir {border-radius: 40px 40px 40px 40px;-moz-border-radius:40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px}
 
 .rodo400,.titol, h1, .titol-seccio {border-radius: 400px 400px 400px 400px; -moz-border-radius: 400px 400px 400px 400px; -webkit-border-radius: 400px 400px 400px 400px}
 
 .guio, .cos, .subtitol, h2, p{-ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto}