@media only screen and (min-width : 0px) and (max-width : 1024px) { body {margin-top:140px} #public {display:block; clear:both; margin:0px; font-size:18px} #contacte, #contacte-bis, #visita, #visita-bis, #renda-bis, #impost-bis, #trimestre-bis, #herencia-bis {margin: 10px 5px; padding:10px 10px 20px 10px} #contacte, #visita {background-image:url(../imatges/fons-contacte.jpg);background-repeat:no-repeat;background-size:cover} #contacte {opacity:1} #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:8px;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.2em;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:1em} #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:30%;max-width:240px;vertical-align:top;font-size:0.9em;color:white;font-weight:bold} #capcalera span:nth-child(2) img {width:90%} #capcalera span:nth-child(3) {width:100%;margin-top:4px;font-size:1.5em;font-weight:bold;vertical-align:top;color:#532a85;font-weight:bold} #capcalera span:nth-child(3) a {float:left;display:inline-block;margin-right:4px;margin-left:4px;color:#532a85} #whatsapp {text-decoration:none; font-size:1em;} #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:black;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; padding:0px; height:30px; margin:0px; width:100%;} .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 textarea, #visita input[type="text"], #visita textarea, #renda-bis input[type="text"], #renda-bis textarea, #impost-bis input[type="text"], #impost-bis textarea, #trimestre-bis input[type="text"], #trimestre-bis textarea, #herencia-bis input[type="text"], #herencia-bis textarea {width:83%} #contacte select, #visita select, #renda-bis select, #impost-bis select, #trimestre-bis select, #herencia-bis select {width:99%;background-color:white;} #contacte-bis p, #visita-bis p, #renda-bis p, #impost-bis p, #trimestre-bis p, #herencia-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:white;text-shadow:0px 2px black; background-color:rgba(0,0,0,0.7);border:1px solid #999999;visibility:0} #contacte-bis td, #visita-bis td, #renda-bis td, #impost-bis td, #trimestre-bis td, #herencia-bis td {display:block;width:80vw} } @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:2.6em;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%;padding:0px 1% 5% 1%; margin-bottom:10px; border-bottom:2px solid #cccccc} .trio div:nth-of-type(2) {display:block;width:100%;padding:0px 1% 5% 1%; margin-bottom:10px; border-bottom:2px solid #cccccc} .trio div:nth-of-type(3) {display:block;width:100%;padding:0px 1% 5% 1%; margin-bottom:10px; border-bottom:2px solid #cccccc} .trio h1 {font-size:3em;margin:0px;} .trio h2 {font-size:1.7em;margin:40px 0px 0px 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 div {vertical-align:top} .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:260px;padding:1% 1% 1% 1%; } .trio div:nth-of-type(2) {float:left;width:31.33%;min-height:260px;padding:1% 1% 1% 1%; } .trio div:nth-of-type(3) {float:left;width:31.33%;min-height:260px;padding:1% 1% 1% 1%; } .trio div {vertical-align:top} .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:10% auto 20px auto} #public {display:block; clear:both; margin:0px; font-size:18px} #contacte, #visita, #visita-bis, #renda-bis, #impost-bis, #trimestre-bis, #herencia-bis {display:block;float:left;width:40%;padding:0% 2%; margin:0% 0% 4% 0% !important; font-size:16px;} #contacte, #visita {padding-bottom:20px;background-image:url(../imatges/fons-contacte.jpg);background-repeat:no-repeat;background-size:cover} #contacte-bis, #visita-bis, #renda-bis, #impost-bis, #trimestre-bis, #herencia-bis {padding-bottom:20px} #contacte-bis, #visita-bis, #renda-bis, #impost-bis, #trimestre-bis, #herencia-bis {display:block;float:right;width:48%;min-height:700px;padding:0% 2%; margin:0%; font-size:16px} #contacte-bis img, #visita-bis imb {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:96%;max-width:220px;max-height:95%;padding:0% 2%;overflow:auto;z-index:4} #menu li {display:block;max-width:355px;margin:2px 0px 0px 0px;padding: 1px 1px 1px 1px;} #menu li {font-size:1em; height:25px;line-height:25px} #menu li a:hover {background-color:#efefef;cursor:pointer} #menu-barra {height:30px;overflow:hidden;z-index:3;margin-right:60px} #menu-barra a {display:inline-block;vertical-align:top;margin:0px 15px 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:1.2em} #capcalera-social {display:inline-block} #capcalera-idiomes {display:inline-block;margin:0px 20px 0px 0px;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:-15px;max-width:240px;font-size:1em;color:#030450} #capcalera span:nth-child(3) {font-size:1.3em; color:#532a85;font-weight:bold;margin:0px 0px 0px 0px !important;padding:10px 0px} #capcalera span:nth-child(3) a {display:inline-block; margin-right:20px;color:#532a85 !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: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-email {font-size:0.7em} #capcalera-video {margin-top:-30px} #whatsapp {display:none} #capcalera-logo {margin-right:30px;} #capcalera-logo img {height:100px;margin-top:10px} .zoom-imatge,.zoom-imatge-tancar {max-width: 40vw} #subcapcalera {float:right}) #galetes {font-size:1em;padding:40px} .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:16px;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 textarea, #visita input[type="text"], #visita textarea, #renda-bis input[type="text"], #renda-bis textarea, #impost-bis input[type="text"], #impost-bis textarea, #trimestre-bis input[type="text"], #trimestre-bis textarea, #herencia-bis input[type="text"], #herencia-bis textarea {width:88%} #contacte select, #visita select, #renda-bis select, #impost-bis select, #trimestre-bis select, #herencia-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.5em;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.7em; font-weight:bold;color:white;text-shadow:0px 2px black; background-color:rgba(0,0,0,0.7);border:1px solid #999999;visibility:0} .octo {display:block;clear:both} .octo div:nth-of-type(1) {float:left;width:8.5%;padding:0% 2% 4% 2%} .octo div:nth-of-type(2) {float:left;width:8.5%;padding:0% 2% 4% 2%} .octo div:nth-of-type(3) {float:left;width:8.5%;padding:0% 2% 4% 2%} .octo div:nth-of-type(4) {float:left;width:8.5%;padding:0% 2% 4% 2%} .octo div:nth-of-type(5) {float:left;width:8.5%;padding:0% 2% 4% 2%} .octo div:nth-of-type(6) {float:left;width:8.5%;padding:0% 2% 4% 2%} .octo div:nth-of-type(7) {float:left;width:8.5%;padding:0% 2% 4% 2%} .octo div:nth-of-type(8) {float:left;width:8.5%;padding:0% 2% 4% 2%} .octo h1 {font-size:2em;margin:0px;} .octo h2 {font-size:1.5em;margin:40px 0px} .octo h3 {font-size:1em;margin:40px 0px} .octo h4 {font-size:0.5em;margin:40px 0px} .octo p {font-size:1.3em;margin:40px 0px;text-align:justify} } @font-face { font-family: Montserrat; src: url(../fonts/Montserrat/Montserrat-Light.ttf); } body { font-family:Montserrat; background-color: white; } 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"], textarea {padding:2px 10px 2px 10px; color:black;border:1px solid #999999} textarea {overflow:auto;font-family:'Montserrat', 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;width:100%;left:0px;top:0px;display:block;background-color:white;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:180px;padding:10px 0px 0px 0px;vertical-align:middle;color:#532a85;font-size:0.9em;height:40px;} #capcalera-idiomes a {color:#532a85;text-decoration:none;vertical-align:top;margin:0px 5px} #capcalera-idiomes a:hover {border-bottom:3px dotted #532a85;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 {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;background-color:#532a85;color:white} .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:12px;font-size:2.4em;width:25px;height:25px;background-color:white;color:#532a85;font-weight:bold;cursor:pointer;text-align:center; line-height:25px; border:1px solid white; text-decoration:none;z-index:5} #menu-obrir:hover {border:1px solid #532a85} #menu {clear:both;text-align:center;z-index:4;overflow:hidden;background-color:#532a85;border:2px 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:#532a85; text-align:left; padding-bottom:2px; border-bottom:2px solid white} #menu-barra li:hover {cursor:pointer;border-bottom:2px solid #532a85} #menu-barra a {text-decoration:none;color:white} #menu-barra .icona {background-size: 20px 20px} .titol {display:block;clear:both;text-align:center;color:black;background-color:white;border-bottom:1px solid black} .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:#532a85;font-weight:bold} #contacte, #visita-bis, #renda-bis, #impost-bis, #trimestre-bis, #herencia-bis {display:block;background-color:#efefef;color:#532a85; font-size:1em;text-align:left;vertical-align:top;border:1px solid #cccccc;margin-top:0px} #contacte h2, #visita-bis h2, #renda-bis h2, #impost-bis h2, #trimestre-bis h2, #herencia-bis h2 {font-size:24px;color:#532a85;text-align:center;} #contacte table, #visita table {margin:auto} #visita-bis table, #renda-bis table, #impost-bis table, #trimestre-bis table, #herencia-bis table {margin:0px 10px 0px 10px} #contacte td {display:block;width:100%} #visita-bis td, #renda-bis td, #impost-bis td, #trimestre-bis td, #herencia-bis td {display:block;width:100%} #contacte input[type="text"], #contacte textarea, #contacte select, #visita input[type="text"], #visita textarea, #visita select, #renda-bis input[type="text"], #renda-bis textarea, #renda-bis select, #impost-bis input[type="text"], #impost-bis textarea, #impost-bis select, #trimestre-bis input[type="text"], #trimestre-bis textarea, #trimestre-bis select, #herencia-bis input[type="text"], #herencia-bis textarea, #herencia-bis select {font-family:'Montserrat', 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 textarea:focus, #contacte select:focus, #visita-bis input[type="text"]:focus, #visita-bis textarea:focus, #vidita-bis select:focus, #renda-bis input[type="text"]:focus, #renda-bis textarea:focus, #renda-bis select:focus, #impost-bis input[type="text"]:focus, #impost-bis textarea:focus, #impost-bis select:focus, #trimestre-bis input[type="text"]:focus, #trimestre-bis textarea:focus, #trimestre-bis select:focus, #herencia-bis input[type="text"]:focus, #herencia-bis textarea:focus, #herencia-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, #visita p, #renda-bis p, #impost-bis p, #trimestre-bis p, #herencia-bis p {display:block;font-size:0.9em;text-align:left;color:#006699;font-weight:bold} #contacte label, #visita label, #renda-bis label, #impost-bis label, #trimestre-bis label, #herencia-bis table tr td label {font-size:0.8em; color:#333333 ;font-weight:bold; margin:5px 0px} #contacte a, #visita a, #renda-bis a, #impost-bis a, #trimestre-bis a, #herencia-bis a {color:white} #contacte-missatge, #visita-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, #visita-anex, #renda-anex, #impost-anex, #trimestre-anex, #herencia-anex {height:90px;overflow-y:auto} #contacte-anex p, #visita-anex p, #renda-anex p, #impost-anex p, #trimestre-anex p, #herencia-anex p {font-size:0.8em !important ;color:#532a85;text-align:justify;padding:0px 5px} #contacte-enviar, #visita-enviar {float:right} #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} #visita-bis {background-color:white;overflow:hidden;vertical-align:top;padding-top:15px} #visita-bis h3 {font-size:24px} #visita-bis p:first-child {display:block;color:#030450;font-size:1em;font-weight:bold;text-align:center;margin-bottom:10px} #visita-bis p{display:block; color:#030450; font-size:16px;text-align:left;margin:10px} #visita-bis a {color:white} #visita-bis img{display:block;margin: 0px auto 10px auto;width:100%} #visita-bis table {} #visita-bis table tr td {vertical-align:top} #visita-bis table tr td:nth-of-type(1) {color:black;font-size:0.7em} #visita-bis table tr td:nth-of-type(2n) {color:#006699;font-size:0.8em} #visita input::-webkit-input-placeholder { color: #999999} #visita input:-moz-placeholder { color: #999999} #visita input::-moz-placeholder { color: #999999} #visita input:-ms-input-placeholder { color: #999999} #visita textarea::-webkit-input-placeholder { color: #999999} #visita textarea:-moz-placeholder { color: #999999} #visita textarea::-moz-placeholder { color: #999999} #visita textarea:-ms-input-placeholder { color: #999999} #visita-missatge, #renda-missatge, #impost-missatge, #trimestre-missatge, #herencia-missatge {color:#006699;font-size:1em;font-weight:bold} #visita input[type="date"] {width:40%;padding:10px; font-family:Montserrat; border:1px solid #cccccc;margin-bottom:5px; background-color:white} 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 h1, .cos h2, .cos h3, .cos h4, .cos h5, .cos h6 {color:#333333 !important} .blog h1, .blog h2, .blog h3, .blog h4, .blog h5, .blog h6 {color:#333333 !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:#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} #peu {display:block;clear:both; padding:20px 0px 0px 0px;background-color:#532a85;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 {position:relative;bottom:10px;height:20px;color:white;margin:1px;font-size:0.8em;padding:0px 60px 0px 5px} #peu-copy span:nth-of-type(1) {float:left} #peu-copy span:nth-of-type(2) {float:right} #peu-copy a {color:white;text-decoration:none} #peu-copy a:hover {color:blue;font-weight:normal} #peu-tt {color:white;font-size:0.7em;cursor:pointer;opacity:0.6} #peu-tt a {color:white;text-decoration:none} #peu-mida {display:inline-block;color:#666666;font-size:0.8px;margin:0px 10px} #peu-web {display:block;text-align:center;color:black; font-weight:bold;padding:20px 0px 15px 0px;border-bottom:1px solid #cccccc;background-color:#efefef} #mapa {display:block;clear:both;width:100%;margin:20px 0px} #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; width:98%;left:0px;bottom:0px;background-color:rgba(0,0,0,0.8);color:white; text-shadow:0px 1px 2px black;padding:1%;text-align:left; border-top:2px solid white;z-index:4;display:none} #galetes-acceptar {font-size:1rem !important;background-color:white;color:black;border:1px solid black} #galetes a, #galetes span {color:white;font-size:1em;padding:2px 4px;text-decoration:none;cursor:pointer} #galetes input[type="checkbox"] {transform:scale(1.6);margin-right:5px;} #galetes-acceptar:hover {background-color:#333333;color:white !important;border:1px solid white} #galetes label {margin-right:15px} #galetes-galeta {position:fixed;bottom:65px; right:10px; text-align:center; background-color:rgba(0,0,0,0.6); line-height:40px;width:40px; height:40px;font-size:1.4rem; cursor:pointer; z-index:2} .boto {display:inline-block;font-size:1em;background-color:white;color:#532a85 !important;padding:10px 20px;border:1px solid #532a85; text-decoration:none; white-space:nowrap} .boto:hover {background-color:#9767a5;color:white !important; border:1px solid white;cursor:pointer} .boto a,.boto a:link {text-decoration:none; color:#532a85} .boto-mini {display:inline-block;font-size:0.8em;background-color:white;color:black !important;padding:0px 12px;border:1px solid #532a85; text-decoration:none; white-space:nowrap} .boto-mini:hover {background-color:#9767a5;color:white !important;border:1px solid white;text-decoration:none; cursor:pointer} .boto-mini a,.boto-mini a:link {text-decoration:none; color:#532a85} .boto-color {display:inline-block !important;font-size:1em;background-color:#9767a5;color:white !important;padding:8px 12px;border:1px solid #532a85; margin:2px 2px 2px 0px;text-decoration:none;white-space:nowrap;font-weight:normal !important} .boto-color:hover {background-color:white;color:#532a85 !important;border:1px solid #532a85;cursor:pointer} .boto-color a,.boto-blau 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:20px; right:10px;cursor:pointer;z-index:1;font-size:20px;border:1px solid #532a85;background-color:rgba(255,255,255,0.8);color:#532a85;width:30px;height:30px;line-height:30px;padding:4px;text-align:center;font-weight:bold; vertical-align:middle} #fletxa-amunt:hover{background-color:#9767a5;color:white;border:1px solid #532a85} .cercle-1 {background-image:url(../img/general/cercle-1.png);background-repeat:no-repeat;background-position:center; background-size: 400px 400px} .cercle-2 {background-image:url(../img/general/cercle-2.png);background-repeat:no-repeat; background-position:center; background-size: 400px 400px} .ul-bloc {list-style-type:none;padding:0px} .dreta {text-align:right !important} .esquerra {text-align:left !important} .centrat {text-align:center !important} .justificat {text-align:justify !important} .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} .alaesquerra, .tot-esquerra {float:left} .aladreta, .tot-dreta {float:right} .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-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/logo-10.png)} .icona-logo-13 {background-image:url(../img/logo/logo-13.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-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-visita {background-image:url(../imatges/icona-visita.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-candau {background-image:url(../imatges/icona-candau.png)} .icona-blog {background-image:url(../imatges/icona-blog.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-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%);} .compartir-pagina {display:block;clear:both;width:90% !important;margin:10px 0px;font-size:0.8em;color:#006699;font-weight:bold} .icona-compartir {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-compartir-facebook {background-image:url(../imatges/icona-compartir-facebook.png)} .icona-compartir-twitter {background-image:url(../imatges/icona-compartir-twitter.png)} .icona-compartir-whatsapp {background-image:url(../imatges/icona-compartir-whatsapp.png)} .icona-compartir-instagram {background-image:url(../imatges/icona-compartir-instagram.png)} .icona-compartir-linkedin {background-image:url(../imatges/icona-compartir-linkedin.png)} .icona-compartir-youtube {background-image:url(../imatges/icona-compartir-youtube.png)} .icona-compartir-pinterest {background-image:url(../imatges/icona-compartir-pinterest.png)} .icona-compartir-email {background-image:url(../imatges/icona-compartir-email.png)} .icona-compartir-compartir {background-image:url(../imatges/icona-compartir-compartir.png)} .fons-1 {background: linear-gradient( rgba(83,42,133, 0.9), rgba(151,103,165, 0.6) ), url(../img/fons/fons-1.jpg) center center no-repeat; background-size: cover;} .fons-2 {background: linear-gradient( rgba(83,42,133, 0.9), rgba(151,103,165, 0.6) ), url(../img/fons/fons-2.jpg) center center no-repeat; background-size: cover;} .fons-3 {background: linear-gradient( rgba(83,42,133, 0.9), rgba(151,103,165, 0.6) ), url(../img/fons/fons-3.jpg) center center no-repeat; background-size: cover;} .negreta {font-weight:bold} .vermell {color:#CC0000} .verd {color:#009933} .negre {color:#000000} .taronja {color:#FF9900} .blau {color:#006699} .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-blanca {filter: contrast(160%);} .icona-negre {filter: invert(0%) sepia(9%) saturate(7500%) hue-rotate(114deg) brightness(0%) contrast(100%)} .icona-blava {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-verda {filter: invert(67%) sepia(34%) saturate(7491%) hue-rotate(81deg) brightness(112%) contrast(134%)} .icona-vermella {filter: invert(16%) sepia(90%) saturate(7079%) hue-rotate(360deg) brightness(107%) contrast(115%)} .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} .m100% {width:100%} .bloc {display:block;clear:both} .marge {margin:20px 0px} .blau {color:#006699 !important} .negre {color:black} .gris {color:#999999} .verd {color:#009900} .lila {color:#532a85 !important} .lila-clar {color:#9767a5 !important} .negreta {font-weight:bold} .degradat-negre #galetes{ background: rgba(0,0,0,1); background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 36%, rgba(189,189,189,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(36%, rgba(0,0,0,1)), color-stop(100%, rgba(189,189,189,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 36%, rgba(189,189,189,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 36%, rgba(189,189,189,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 36%, rgba(189,189,189,1) 100%); background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 36%, rgba(189,189,189,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#bdbdbd', GradientType=1 ); } .degradat-lila { background: #532a85; background: linear-gradient(0deg,#532a85 0%, #532a85 60%, #d9c6f1 100%); background: -webkit-linear-gradient(0deg,#532a85 0%, #532a85 60%, #d9c6f1 100%); background: -moz-linear-gradient(0deg,#532a85 0%, #532a85 60%, #d9c6f1 100%); } .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; } #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: 10px; height:10px} ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 5px;padding:0px 5px} ::-webkit-scrollbar-track-piece {padding:10px} ::-webkit-scrollbar-thumb {background: #9767a5; border-radius: 5px; border:1px solid #333333} ::-webkit-scrollbar-thumb:hover { background: #532a85;} .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, input[type="date"], #contacte, #contacte-bis, #visita, #visita-bis, #renda-bis, #impost-bis, #contacte input[type="text"], #contacte select, #visita input[type="text"], #visita select, #renda-bis input[type="text"], #renda-bis select, #cita, #cita input[type="text"], #cita select, #urgencia, #urgencia input[type="text"], #index, #seleccio, #index-info li, #peu-logo, #titol, .cos, .blog, #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, .boto-color, input[type="submit"], #contacte-bis input[type="text"], #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 */