@media only screen and (min-width : 0px) and (max-width : 1024px) { body {margin-top:140px} #contacte, #contacte-bis, #renda-bis{margin: 10px 5px; padding-bottom:20px;padding:10px} #contacte {background-image:url(../imatges/fons-contacte.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:2px;right:2px;width:90%;max-width:270px;max-height:98%;padding:0% 2%;overflow:auto;z-index:4} #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:0px 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 {font-size:30px; padding:10px;margin:5px 0px 0px 0px;border:0px !important} .titol {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 {font-size:26px} .subtitol-seccio {font-size:20px} .subtitol p {text-align:justify !important; font-size:20px !important} #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:5px 5px 5px 10px;width:35%;max-width:240px;vertical-align:top;font-size:0.9em;color:white;font-weight:bold} #capcalera span:nth-child(2) img {width:100%} #capcalera span:nth-child(3) {width:100%;margin-top:4px;font-size:1em;font-weight:bold;vertical-align:top;color:white} #capcalera span:nth-child(3) a {float:left;display:inline-block;margin-right:4px;margin-left:4px} #whatsapp {text-decoration:none; font-size:1em;position:fixed;bottom:5px;left:5px} #whatsapp a {display:inline-block;text-decoration:none;color:#009999;margin-left:20px} #capcalera span:nth-child(4) {position:fixed;top:10px;left:160px;font-size:1.3em; width:160px; text-align:center;color:white;font-weight:bold;display:none} #capcalera span:nth-child(4) img {height:40px} #capcalera span:nth-child(5) {display:none} #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-email {display:none} #capcalera-video {margin-top:-60px;height:160px} #capcalera-banner {margin-top:0px} #subcapcalera {display:block;text-align:center} #capcalera-social {display:none} #capcalera-idiomes {display:none} .zoom-imatge,.zoom-imatge-tancar {max-width: 80vw} #galetes {width:100%;font-size:1.1em;text-align:left !important; padding:10px !important} .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, .blog {margin:2px;padding:2px;background-color:white} .cos p, .cos p ul li, .blog p, .blog p ul li {text-align:left !important;font-size:1.2em; padding:0px 10px;} .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-esquerra, .cos-dreta {display:block;clear:both} .cos-esquerra img, .cos-dreta img {width:100%} .cos-dual figure {display:block;width:100%;margin:10px auto} .cos-dual img {display:block;width:100%;margin:0px auto} #cos-legal {margin:130px 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} #contacte input[type="text"], #contacte input[type="number"], #contacte textarea , #renda-bis input[type="text"], #renda-bis textarea {width:83%} #contacte select, #renda-bis select {width:99%;background-color:white;} #contacte-bis p, #renda-bis p {font-size:0.9em !important;padding:0px !important} .blocs-imatges {display:block;clear:both;width:100%;height:250px;margin:0px auto 20px auto;overflow:auto;white-space: nowrap} .bloc-imatge {position:relative;display:inline-block;height:230px; width:230px;margin:0px 10px;outline:1px solid #cccccc; vertical-align:top; background-color:#efefef; padding:0px;text-align:left;white-space:normal} .bloc-imatge img {max-height:230px;max-width:230px} .zoom-lupa {display:none !important} .zoom-lupa:hover {display:none !important} #peu-grup li i {} #peu-web {font-size:1.2em} #capcalera-banner-titol {position:absolute;top:10px;left:0px;padding:5px; font-size:1em;color:white;text-shadow:0px 2px black; background-color:rgba(0,0,0,0.7);border:1px solid #999999;visibility:0} #capcalera-banner-subtitol {position:absolute;top:80px;left:0px;padding:5px; font-size:1em; font-weight:bold; color:yellow;text-shadow:0px 2px black; background-color:rgba(0,0,0,0.7);border:1px solid #999999;visibility:0} #renda-bis td {display:block;width:80vw} .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:220px} .area-video p {position:relative;margin-top:10px; height:50px; font-size:1.8em; font-weight:bold; text-align:center; color:black} .area-video-taula {text-align:left} .area-video-taula tr td {padding:5px} .area-video-taula tr td:nth-of-type(1) {font-size:1rem;vertical-align:middle} .area-video-taula tr td:nth-of-type(2) {font-weight:bold} .duo {display:block; clear:both; margin-bottom:50px} .duo div:nth-of-type(1) {display:block;clear:both;margin-bottom:10px} .duo div:nth-of-type(2) {display:block;clear:both;margin-bottom:10px} } @media only screen and (min-width : 0px) and (max-width : 1024px) { .mono {display:block;clear:both} .mono div {margin:0px 0px;text-align:center} .mono h1 {font-size:3.5em;margin:0px} .mono h2 {font-size:2em;margin:40px 0px} .mono h3 {font-size:1.5em;margin:40px 0px; font-weight:normal} .mono h4 {font-size:1em;margin:40px 0px; font-weight:normal} .mono h5 {font-size:0.5em;margin:40px 0px; font-weight:normal} .mono p {font-size:1.3em;margin:40px 0px; text-align:justify} .duo {display:block; clear:both; margin-bottom:50px} .duo div:nth-of-type(1) {display:block;clear:both;margin-bottom:10px} .duo div:nth-of-type(2) {display:block;clear:both;margin-bottom:10px} .trio {display:block;clear:both} .trio div:nth-of-type(1) {display:block;width:100%;height:400px;padding:40px 1% 1% 1%} .trio div:nth-of-type(2) {display:block;width:100%;height:400px;padding:40px 1% 1% 1%} .trio div:nth-of-type(3) {display:block;width:100%;height:400px;padding:40px 1% 1% 1%} .trio h1 {font-size:3em;margin:0px;} .trio h2 {font-size:1.7em;margin:40px 0px} .trio h3 {font-size:1.5em;margin:40px 0px; font-weight:normal} .trio h4 {font-size:1.3em;margin:10px 0px;font-weight:normal} .trio h5 {font-size:0.5em;margin:40px 0px;font-weight:normal} .trio p {font-size:1.3em;margin:10px 0px;text-align:justify} .quatro {display:block;clear:both} .quatro div {height:340px} .quatro div:nth-of-type(1) {display:block;padding:2;text-align:center} .quatro div:nth-of-type(2) {display:block;padding:2;text-align:center} .quatro div:nth-of-type(3) {display:block;padding:2;text-align:center} .quatro div:nth-of-type(4) {display:block;padding:2;text-align:center} .quatro img {display:block;height:120px;margin:auto} .quatro h1 {font-size:1.8em;margin:5px 0px;} .quatro h2 {font-size:1.5em;margin:5px 0px} .quatro h3 {font-size:1.2em;margin:5px 0px} .quatro p {font-size:1.2em;margin:5px 0px;height:70px;text-align:center !important} } @media only screen and (min-width : 1025px) { .mono {display:block;clear:both} .mono div {margin:0px 20%;text-align:center} .mono h1 {font-size:3.5em;margin:0px} .mono h2 {font-size:2em;margin:40px 0px} .mono h3 {font-size:1.5em;margin:40px 0px; font-weight:normal} .mono h4 {font-size:1em;margin:40px 0px; font-weight:normal} .mono h5 {font-size:0.5em;margin:40px 0px; font-weight:normal} .mono p {font-size:1.3em;margin:40px 0px; text-align:justify} .duo {display:block;clear:both} .duo div:nth-of-type(1) {float:left;width:42%;padding:2% 4%} .duo div:nth-of-type(2) {float:left;width:42%;padding:2% 4%} .duo h1 {font-size:2.6em;margin:0px;} .duo h2 {font-size:2em;margin:40px 0px 0px 0px} .duo h3 {font-size:1.5em;margin:40px 0px 20px 0px; font-weight:bold} .duo h4 {font-size:1.2em;margin:40px 0px 20px 0px;font-weight:bold} .duo h5 {font-size:0.5em;margin:40px 0px 20px 0px;font-weight:normal} .duo p {font-size:1.2em;margin:10px 0px;text-align:justify} .trio {display:block;clear:both} .trio div:nth-of-type(1) {float:left;width:31.33%;min-height:380px;padding:60px 1% 1% 1%; outline:5px solid white} .trio div:nth-of-type(2) {float:left;width:31.33%;min-height:380px;padding:60px 1% 1% 1%; outline:5px solid white} .trio div:nth-of-type(3) {float:left;width:31.33%;min-height:380px;padding:60px 1% 1% 1%; outline:5px solid white} .trio h1 {font-size:3em;margin:0px} .trio h2 {font-size:2em;margin:30px 0px 10px 0px} .trio h3 {font-size:1.5em;margin:30px 0px 10px 0px; font-weight:normal} .trio h4 {font-size:1.3em;margin:20px 0px;font-weight:normal} .trio h5 {font-size:0.5em;margin:40px 0px;font-weight:normal} .trio p {font-size:1.3em;margin:10px 0px;text-align:justify} .quatro {display:block;clear:both} .quatro div {min-height:340px} .quatro div:nth-of-type(1) {float:left;width:21%;padding:0% 2% 4% 2%;text-align:center} .quatro div:nth-of-type(2) {float:left;width:21%;padding:0% 2% 4% 2%;text-align:center} .quatro div:nth-of-type(3) {float:left;width:21%;padding:0% 2% 4% 2%;text-align:center} .quatro div:nth-of-type(4) {float:left;width:21%;padding:0% 2% 4% 2%;text-align:center} .quatro img {display:block;width:120px;margin:auto} .quatro h1 {font-size:1.8em;margin:5px 0px;} .quatro h2 {font-size:1.3em;margin:5px 0px} .quatro h3 {font-size:1.2em;margin:5px 0px} .quatro p {font-size:1em;margin:5px 0px;height:90px} } @media only screen and (min-width : 1025px) { body {margin:8% auto 20px auto} #public {display:block; clear:both; margin:0px;} #contacte, #renda-bis {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} #renda-bis {padding-bottom:20px} #cita {padding-bottom:20px;background-image:url(../imatges/fons-calendari.jpg);background-repeat:no-repeat;background-size:cover} #contacte-bis, #renda-bis {display:block;float:right;width:48%;min-height:700px;padding:0% 2%; margin:0%} #contacte-bis img {max-height:800px;max-width:800px} #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:2px;right:2px;width:90%;max-width:270px;max-height:90%;padding:0% 2%;overflow:auto;z-index:4} #menu li {display:block;max-width:355px;margin:2px 0px 0px 2px;padding: 1px 1px 1px 10px; font-size:1.1em;padding:0px 6px 0px 10px; height:35px;line-height:35px} #menu li a:hover {background-color:#efefef;cursor:pointer} #menu > ul > a > li > .icona {margin-right:10px!important} #menu-barra {height:30px;overflow:hidden;z-index:3;} #menu-barra a {display:inline-block;vertical-align:top;margin:0px 0px 0px 15px} #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 {font-size:40px;margin:0px 0px 20px 0px;padding:10px;} .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} .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 10px;text-align:left} #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:5px;max-width:240px;font-size:1em;color:#030450} #capcalera span:nth-child(3) {font-size:1.4em; color:white;margin:0px 0px 0px 30px !important;padding:10px 0px} #capcalera span:nth-child(3) a {display:inline-block; margin-right:20px;color:white !important} #capcalera span:nth-child(4) {font-weight:bold;color:#030450;font-size:1.2em;margin:0px 0px 0px 30px;padding:12px 0px;text-decoration:none;text-align:left;display:none} #capcalera span:nth-child(4) a {display:block} #capcalera span:nth-child(4) a:last-child {font-size:0.6em} #capcalera span:nth-child(5) {font-size:1.4em;color:#030450;padding-top:7px;color:white} #capcalera span:nth-child(6) {float:right;font-size:22px;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-email {font-size:0.7em} #capcalera-video {margin-top:-30px} #whatsapp {display:none} #capcalera-logo {margin-right:30px} #capcalera-logo img {height:80px} .zoom-imatge,.zoom-imatge-tancar {max-width: 40vw} #subcapcalera {float:right} #galetes {font-size:1em} .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, .blog {display:block;clear:both;margin:0px 70px 40px 70px;font-size:20px;padding:20px;border:0px solid #cccccc;background-color:white} .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-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%} .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:30%;width:100%} .blog .imatge-esquerra, .blog .imatge-dreta{max-width:30%;width:100%} #cos-legal {margin:130px 20px;font-size:16px} .area-avis {font-size:24px; padding:0px; height:30px; margin:0px; width:100%;} .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:1em} #contacte input[type="text"], #contacte input[type="number"], #contacte textarea, #renda-bis input[type="text"], #renda-bis textarea {width:88%} #contacte select, #renda-bis select {width:99%;background-color:white;} .blocs-imatges {display:block;clear:both;width:99%;height:280px;margin:20px auto;overflow:auto;white-space: nowrap} .bloc-imatge {position:relative;display:inline-block;width:230px; height:230px; margin:0px 5px;outline:1px solid #cccccc; vertical-align:top; background-color:#efefef; padding:0px;text-align:left ;white-space:normal} .bloc-imatge img {max-height:230px;max-width:230px} #peu-grup li i {margin-right:10px} #peu-web {font-size:2.2em} #capcalera-banner-titol {position:absolute;top:100px;left:20px;padding:2px 20px; font-size:2.1em;color:white;text-shadow:0px 2px black; background-color:rgba(0,0,0,0.7);border:1px solid #999999;visibility:0} #capcalera-banner-subtitol {position:absolute;top:180px;left:20px;padding:10px 20px; font-size:1.2em; color:yellow;text-shadow:0px 2px black; background-color:rgba(0,0,0,0.7);border:1px solid #999999;visibility:0} .area-video {position:relative;text-align:center;padding:3%;overflow:hidden} .area-video iframe {height:580px} .area-video p {margin-top:10px; height:50px; font-size:1.5em; font-weight:bold; text-align:center; color:black} .area-video-taula {text-align:left} .area-video-taula tr td {padding:5px} .area-video-taula tr td:nth-of-type(1) {font-size:1rem;vertical-align:middle} .area-video-taula tr td:nth-of-type(2) {font-weight:bold} .mono {display:block;clear:both} .mono div {margin:0px 20%;text-align:center} .mono h1 {font-size:3.5em;margin:0px} .mono h2 {font-size:2em;margin:40px 0px} .mono h3 {font-size:1.5em;margin:40px 0px; font-weight:normal} .mono h4 {font-size:1em;margin:40px 0px; font-weight:normal} .mono h5 {font-size:0.5em;margin:40px 0px; font-weight:normal} .mono p {font-size:1.3em;margin:40px 0px; text-align:justify} .duo {display:block;clear:both;margin-bottom:100px !important} .duo div:nth-of-type(1) {float:left;width:46%;padding:0% 2% 4% 2%} .duo div:nth-of-type(2) {float:left;width:46%;padding:0% 2% 4% 2%} .quatro {display:block;clear:both} .quatro div:nth-of-type(1) {float:left;width:21%;padding:0% 2% 4% 2%} .quatro div:nth-of-type(2) {float:left;width:21%;padding:0% 2% 4% 2%} .quatro div:nth-of-type(3) {float:left;width:21%;padding:0% 2% 4% 2%} .quatro div:nth-of-type(4) {float:left;width:21%;padding:0% 2% 4% 2%} .quatro h1 {font-size:3.5em;margin:0px;} .quatro h2 {font-size:2em;margin:40px 0px} .quatro p {font-size:1.3em;margin:40px 0px;text-align:justify} } @font-face { font-family: Montserrat; src: url(../fonts/Montserrat/Montserrat-Regular.ttf); } @font-face { font-family: Roboto; src: url(../fonts/Roboto/Roboto-Light.ttf); } @font-face { font-family: RobotoCondensed; src: url(../fonts/Roboto/RobotoCondensed-Light.ttf); } body {font-family:"Montserrat", Arial , Helvetica, sans-serif; max-width:4000px; background-color: white; } textarea {overflow:auto} input[type="submit"] {font-size:18px; padding:5px 10px 5px 10px;background-color:white;color:#030450;border:1px solid #006699} input[type="submit"]:hover {background-color:#030450;color:white} input[type="text"], input[type="number"],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} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } figure {display:inline-block;margin:0px} figure figcaption {color:#6699cc;font-size:18px} .video-iframe { position: relative; 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;width:100%;left:0px;top:0px;display:block;background-color:#030350;padding:0.1% 0% 0% 0%;text-align:center; border-bottom:1px solid white;z-index:3} #capcalera-social {float:left;margin:8px 0px 0px 20px;color:#030450;font-weight:bold} #capcalera-social a {} #capcalera-social a:hover {cursor:pointer} #capcalera-social .icona {background-size: 20px 20px} #capcalera-idiomes {width:100px;padding:10px 0px 0px 0px;vertical-align:middle;color:white;font-size:16px;height:40px;} #capcalera-idiomes a {color:white;text-decoration:none;vertical-align:top;margin:0px 5px} #capcalera-idiomes a:hover {border-bottom:3px dotted #cccccc;cursor:pointer} #capcalera-idiomes i {width:28px !important} .capcalera-idioma-actual {background-color:#030450;color:white;cursor:pointer} #capcalera span {display:block} #capcalera span:nth-child(2) {} #capcalera span:nth-child(3) {color:white} #capcalera span:nth-child(3) a {color:white;text-decoration:none} #capcalera span:nth-child(4) a {color:white;text-decoration:none} #capcalera span:nth-child(5) {} #capcalera span:nth-child(6) {color:white} #capcalera span:nth-child(6) a {color:white;text-decoration:none} #capcalera span:nth-child(7) {} #capcalera span:nth-child(8) {} #whatsapp {color:#009933} .area-avis {display:block;clear:both;color:yellow} .area-avis .boto-mini {margin-bottom:10px;font-size:0.6em} #capcalera-banner {position:relative;display:block;clear:both;text-align:center;margin-bottom:20px} #capcalera-banner img {position:relative:top:0px;left:0px;width:100%} #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;top:8px;right:8px;font-size:34px;width:25px;height:25px;outline:1px solid #030450;background-color:#030450;color:white;cursor:pointer;text-align:center;line-height:25px;text-decoration:none;z-index:5} #menu {clear:both;text-align:center;z-index:4;overflow:hidden;background-color:white;background-color:rgba(3,4,80,0.9);border:3px solid white;padding-bottom:10px} #menu ul {display:block; list-style:none; padding:0px} #menu li {color:white;margin:0px auto 0px auto; text-align:left;overflow:hidden; border-bottom:2px solid rgba(3,4,80,0)} #menu a {text-decoration:none;color:white} #menu ul a li:hover {color:white;cursor:pointer;border-bottom:2px solid white} #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:white; font-size:0.6em; text-align:left; padding-bottom:2px; border-bottom:2px solid #030450} #menu-barra li:hover {cursor:pointer;border-bottom:2px solid white} #menu-barra a {text-decoration:none;color:white} #menu-barra .icona {background-size: 20px 20px} .titol {display:block;clear:both;text-align:center;color:#030450;background-color:white;border-bottom:1px solid #030450} .titol h1 { font-size: unset !important; font-family: unset !important; font-weight: unset !important; font-style: unset !important; text-transform: unset !important; font-family: unset !important; line-height: unset !important; color: unset !important; margin: unset !important; padding: unset !important; display: unset !important; -webkit-margin-before: unset !important; -webkit-margin-after: unset !important; -webkit-margin-start: unset !important; -webkit-margin-end: unset !important; } .titol-seccio {display:block;clear:both;text-align:center;margin:80px 0px 40px 0px;padding:10px 30px;color:white;background-color:#030450} .subtitol {display:block;clear:both;text-align:center;border:1px solid #030450;color:#030450;margin:40px 10px;padding:10px 40px} .subtitol-seccio {display:block;clear:both;text-align:center;border:3px solid #030450;color:#030450;padding:10px} .subtitol p a {color:#990033;font-weight:bold} #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;clear:both;list-style:none;padding:0px} #public ul li {} #public h3 {color:#006699;font-weight:bold} #contacte, #renda-bis {display:block;background-color:#efefef;color:#006699; font-size:1em;text-align:left;vertical-align:top;border:1px solid #cccccc;margin-top:0px} #contacte h2, #renda-bis h2 {font-size:24px;color:#030450;text-align:center;} #contacte table {margin:auto} #renda-bis table {margin:0px 10px 0px 10px} #contacte td {display:block;width:100%} #contacte input[type="text"],#contacte input[type="number"], #contacte textarea, #contacte select, #renda-bis input[type="text"], #renda-bis input[type="number"], #renda-bis textarea, #renda-bis select {font-family:'Roboto', Arial , Helvetica, sans-serif; font-size:0.9em;color:black;font-weight:bold;margin:0px;padding:10px;border:1px solid #cccccc} #contacte input[type="text"]:focus, #contacte input[type="number"]:focus, #contacte textarea:focus, #contacte select:focus, #renda-bis input[type="text"]:focus, #renda-bis input[type="number"]:focus, #renda-bis textarea:focus, #renda-bis 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, #renda-bis p {display:block;font-size:0.9em;text-align:left;color:#006699;font-weight:bold} #contacte label, #renda-bis label {display:inline;font-size:0.8em;color:#006699;font-weight:bold;margin:10px 0px} #contacte a, #renda-bis a {color:white} #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-anex, #renda-anex {height:90px;overflow-y:auto} #contacte-anex p, #renda-anex p{font-size:0.6em !important ;color:#006699;text-align:justify} #contacte-enviar {float:left} #contacte-bis {background-color:white;overflow:hidden;vertical-align:top;padding-top:15px} #contacte-bis h3 {font-size:24px} #contacte-bis p:first-child {display:block;color:#030450;font-size:1em;font-weight:bold;text-align:center;margin-bottom:10px} #contacte-bis p{display:block; color:#030450; font-size:16px;text-align:left;margin:10px} #contacte-bis a {color:white} #contacte-bis img{display:block;margin: 0px auto 10px auto;width:100%} #contacte-bis table {} #contacte-bis table tr td {vertical-align:top} #contacte-bis table tr td:nth-of-type(1) {color:black;font-size:0.7em} #contacte-bis table tr td:nth-of-type(2n) {color:#006699;font-size:0.8em} #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} #renda-bis input::-webkit-input-placeholder { color: #999999} #renda-bis input:-moz-placeholder { color: #999999} #renda-bis input::-moz-placeholder { color: #999999} #renda-bis input:-ms-input-placeholder { color: #999999} #renda-bis textarea::-webkit-input-placeholder { color: #999999} #renda-bis textarea:-moz-placeholder { color: #999999} #renda-bis textarea::-moz-placeholder { color: #999999} #renda-bis textarea:-ms-input-placeholder { color: #999999} #renda-missatge {color:#006699;font-size:1em;font-weight:bold} form label {display:block;font-weight:bold;font-size:0.8; color:#009999;margin: 15px 0px 5px 0px} .area-imatges {display:block;background-color:white} .area-imatges img:hover {opacity:0.4} .faq table h2 {color:#030450 !important} .cos, .blog {display:block; clear:both;color:#666666; } .cos h2, .cos h1, .blog h2, .blog h1 {color:#006699} .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:#030450;color:white;margin-top:20px;font-weight:normal} .cos-dual h2, .cos-dual h3 {color:#030450} .cos-esquerra {padding:0px 10px 10px 10px; vertical-align:top} .cos-dreta {padding: 0px 10px 10px 10px; vertical-align:top} .cos-esquerra h2 {color:#030450;margin:0px} .cos-dreta h2 {color:#030450;margin:0px} #cos-legal {display:block; color:#333333; background-color:white;text-align:justify;min-height:470px} #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; width:100%;text-align:center; margin:0px; padding:20px 5px;opacity:1} #area-etiquetes h1,#area-etiquetes h2,#area-etiquetes h3,#area-etiquetes h4,#area-etiquetes h5,#area-etiquetes h6 {display:inline;margin:0px;padding:2px 8px;border:1px solid #666666;font-weight:bold;color:#666666;background-color:#efefef;line-height:30px;font-size:0.6em; border-radius: 40px 40px 40px 40px;-moz-border-radius:40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;white-space:nowrap} #area-etiquetes:hover {opacity:1;cursor:default} .etiqueta-carbassa {padding:10px;background-color:orange; color:white;border:2px solid #cccccc;text-shadow:0px 2px #666666} #peu {display:block;clear:both; padding:20px 0px 0px 0px;background-color:#030450;color:white;font-size:1.1em} #peu-mapa {display:block;clear:both} #peu-social {display:block;margin:auto;max-width:340px;height:300px;text-align:center;border:0px solid white} #peu-logos {display:block;clear:both;margin: 0px 10px;text-align:center;background-color:white} #peu-logos img {height:80px;margin:0px 10px;border:2px solid white;padding:2px} #peu-logos img:hover {border:1px solid orange;transform:scale(1.5);transition: transform .5s;} #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 {display:block;min-height:40px;text-align:left; color:white} #peu-grup a {display:inline-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 p {font-size:18px; color:#030450;margin:30px !important} #peu-grup li i {} #peu-copy {display:block;color:white;text-align:center;margin-top:10px;margin-bottom:10px;font-size:0.7em;padding:10px 10px} #peu-copy a {color:white} #peu-tt {display:block;color:white;font-size:0.6em;cursor:pointer;opacity:0.6;margin:10px;padding:10px 0px} #peu-tt a {color:white;text-decoration:none} #peu-mida {display:inline-block;color:#666666;font-size:10px;margin:20px 10px} #peu-web {display:block;text-align:center;color:#030450;padding:20px 0px 15px 0px;border-bottom:1px solid #cccccc;background-color:#efefef} #mapa {display:block;clear:both;width:100%;margin-top:20px;margin-bottom:20px} #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} .titol-expandir {cursor:pointer} .titol-expandir-cos {display:none} .seo {display:none} #galetes {position:fixed; width:98%;left:0px;bottom:0px;background-color:rgba(0,0,0,0.7);color:white;padding:1%;z-index:2;text-align:justify;display:none} #galetes-acceptar {font-size:0.7em !important;background-color:white;color:black;font-weight:bold;border:1px solid black} #galetes a, #galetes span {color:white;font-size:1em;padding:2px 4px;text-decoration:none;cursor:pointer} #galetes-acceptar:hover {background-color:#333333;color:white !important;border:1px solid white} #galetes label {margin-right:15px} .boto {display:inline-block;font-size:1em;font-weight:bold;background-color:white;color:#030450 !important;padding:3px 12px;border:1px solid #030450; margin:2px 2px 2px 0px;text-decoration:none;white-space:nowrap} .boto:hover {background-color:#030450;color:white !important;border:1px solid #030450;cursor:pointer} .boto:hover {transform:scale(1.2);transition: transform .5s;} .boto a,.boto a:link{text-decoration:none;color:white} .boto-color {display:inline-block;font-size:1em;background-color:#030450;color:white !important;padding:8px 12px;border:1px solid white; margin:2px 2px 2px 0px;text-decoration:none;white-space:nowrap;font-weight:normal !important} .boto-color:hover {background-color:white;color:#030450 !important;border:1px solid #030450;cursor:pointer} .boto-color:hover {transform:scale(1.2);transition: transform .5s;} .boto-color a,.boto-blau a:link{text-decoration:none;color:white} .boto-mini {display:inline-block;font-size:14px;background-color:white;color:#030450 !important;padding:2px 8px;border:1px solid #030450; margin:2px 2px 2px 0px;text-decoration:none;white-space:nowrap} .boto-mini:hover {background-color:#030450;color:white !important;border:1px solid #030450;cursor:pointer} .boto-mini:hover {transform:scale(1.2);transition: transform .5s;} .boto-mini a,.boto-mini a:link{text-decoration:none;color:white} .boto:focus, .boto-mini:focus {outline:0px} .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 #030450;background-color:rgba(255,255,255,0.8);color:#030450;width:30px;height:30px;line-height:30px;padding:4px;text-align:center; vertical-align:middle} #fletxa-amunt:hover{background-color:#efefef;color:#030450;border:1px solid #030450} .ul-bloc {list-style-type:none;padding:0px} .bloc {display:block;clear:both;} .bloc-esquerra {display:block;clear:both;text-align:left} .bloc-centrat {display:block;clear:both;text-align:center} .bloc-dreta {display:block;clear:both;text-align:right} .dreta {text-align:right !important} .esquerra {text-align:left !important} .centrat {text-align:center !important} .tot-esquerra {float:left} .tot-dreta {float:right} .alaesquerra {float:left} .aladreta {float:right} .icona {background-repeat:no-repeat;background-size: 30px 30px; width:30px; height:20px;background-position:0px 0px; padding:5px 0px; margin-right:0px; 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-mini {background-repeat:no-repeat;background-size: 20px 20px;width:20px; height:15px;background-position:0px 0px; padding:3px 0px; margin-right:3px; 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-whatsapp-2 {background-image:url(../imatges/icona-whatsapp-2.png)} .icona-youtube {background-image:url(../imatges/icona-youtube.png)} .icona-blogspot {background-image:url(../imatges/icona-blogspot.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-importar {background-image:url(../imatges/icona-importar.png)} .icona-exportar {background-image:url(../imatges/icona-exportar.png)} .icona-avis {background-image:url(../imatges/icona-avis.png)} .icona-targeta {background-image:url(../imatges/icona-targeta.png)} .icona-carret {background-image:url(../imatges/icona-carret.png)} .icona-online {background-image:url(../imatges/icona-online.png)} .icona-max-casc {background-image:url(../img/pereira/casc-1.png)} .icona-max-paper {background-image:url(../img/pereira/paper-1.png)} .icona-max-casa {background-image:url(../img/pereira/casa-1.png)} .icona-max-familia {background-image:url(../img/pereira/familia-1.png)} .icona-compartir-facebook {background-image:url(../imatges/icona-compartir-facebook.png);} .icona-compartir-twitter {background-image:url(../imatges/icona-compartir-twitter.png);} .icona-compartir-linkedin {background-image:url(../imatges/icona-compartir-linkedin.png);} .icona-compartir-whatsapp {background-image:url(../imatges/icona-compartir-whatsapp.png);} .icona-compartir-email {background-image:url(../imatges/icona-compartir-email.png);} .icona-es {background-image:url(../imatges/icona-senyera_es.png);} .icona-en {background-image:url(../imatges/icona-senyera_en.png);} .icona-fr {background-image:url(../imatges/icona-senyera_fr.png);} .icona-de {background-image:url(../imatges/icona-senyera_de.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)} 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%);} .normal {font-weight:normal !important} .negreta {font-weight:bold !important} .vermell {color:#CC0000 !important} .verd {color:#009933 !important} .negre {color:black !important} .taronja {color:#FF9900 !important} .blau {color:#006699 !important} .blanc {color:white !important} .carbassa {color:#ff6600 !important} .fons-blau {background-color:#006699 !important} .fons-gris {background-color:#cccccc !important} .saturate { filter: saturate(3); } .grayscale { filter: grayscale(100%); } .contrast { filter: contrast(160%); } .brightness { filter: brightness(0.25); } .blur { filter: blur(3px); } .invert { filter: invert(100%); } .sepia { filter: sepia(100%); } .huerotate { filter: hue-rotate(180deg); } .rss.opacity { filter: opacity(50%); } .icona-fosca {filter: contrast(0%);} .icona-blanc {filter: contrast(160%);} .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%)} .marge {margin: 20px 0px!important} .marge-extra {margin: 50px 0px!important} .sense-marge {margin:0px} .marge-esquerra {margin-left: 20px!important} .marge-dreta {margin-right: 20px!important} .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} .m100x100, .m100x {width:100% !important} .m90x {width:90%!important} .zoom {cursor:pointer} .zoom:hover {opacity:0.8;background-image:url(../imatges/30x30-icona-2.png); background-repeat:no-repeat; background-position:center center;z-index:2} .zoom-lupa {position:absolute;width:200px;height:200px;opacity:0;background-image:url(../imatges/icona-lupa-gran.png);background-repeat:none} .zoom-lupa:hover{display:block;opacity:1} .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; } .parpadeig { animation: blinker 1s infinite; -webkit-animation: blinker 1s infinite;} @keyframes blinker { 50% {opacity: 0;}} @-webkit-keyframes blinker {50% {opacity: 0;}} #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: #030450; border-radius: 10px;border:1px solid #9999ff} ::-webkit-scrollbar-thumb:hover { background: #006699;} .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)} .ombra-banner:before, .ombra-banner:after { position: absolute; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); bottom: 10px; box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); content: ""; left: 10px; max-width: 300px; top: 80%; transform: rotate(-3deg); width: 50%; z-index: -1; } .ombra-banner:after { left: auto; right: 10px; transform: rotate(3deg); } .ombra-banner { background: none repeat scroll 0 0 #dddddd; border-radius: 4px 4px 4px 4px; color: rgba(0, 0, 0, 0.8); margin: 0px auto; position: relative; text-shadow: 0 1px 0 #FFFFFF; width: 99%; } .rodo, .boto-color, textarea, #contacte, #contacte-bis,#renda-bis, #contacte input[type="text"], #contacte input[type="number"], #contacte select, #renda-bis input[type="text"],#renda-bis input[type="number"], #renda-bis select, #cita, #cita input[type="text"], #cita select, .duo input[type="text"], #duo select,#urgencia, #urgencia input[type="text"], #index, #seleccio, #index-info li, #peu-logo, #titol, .cos, #info, #menu {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 input[type="number"] #contacte-bis button, #capcalera-banner-titol, #capcalera-banner-subtitol {border-radius: 40px 40px 40px 40px;-moz-border-radius:40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px} .rodo400, .titol-seccio, .subtitol {border-radius: 400px 400px 400px 400px; -moz-border-radius: 400px 400px 400px 400px; -webkit-border-radius: 400px 400px 400px 400px} .gir-360 { -webkit-animation: rotacio-360 8s infinite linear;} @-webkit-keyframes rotacio-360 { from { -webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg); } } .gir-5 { transform: rotate(5deg);} #capcalera { transition: top 0.5s} #capcalera-banner-titol { animation: mou-1 8s infinite linear; } #capcalera-banner-subtitol { animation: mou-2 8s infinite linear; } @keyframes mou-1 { 0% {left: -100%;} 10% {left:10px} 100% {left:10px} } @keyframes mou-2 { 0% {left: -100%;} 20% {left:10px} 100% {left:10px} } .gir-h { position:relative; width: 100%; height: 300px; position: absolute; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .gir-h:hover {transform:rotateY(180deg);} .gir-h div { position: absolute; display: block; height: 100%; width: 100%; line-height: 260px; color: white; text-align: center; font-weight: bold; font-size: 45px; margin: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .gir-h-davant {} .gir-h-darrera { -webkit-transform: rotateY( 180deg); -moz-transform: rotateY( 180deg); -o-transform: rotateY( 180deg); transform: rotateY( 180deg); }  /* (c) trading tecno 2011-2025 */