@font-face {    font-family: 'Black';    src: url('../fonts/latinotype__trenda_black-webfont.eot');    src: url('../fonts/latinotype__trenda_black-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/latinotype__trenda_black-webfont.ttf') format('truetype'),         url('../fonts/latinotype__trenda_black-webfont.svg#trendablack') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Bold';    src: url('../fonts/latinotype__trenda_bold-webfont.eot');    src: url('../fonts/latinotype__trenda_bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/latinotype__trenda_bold-webfont.ttf') format('truetype'),         url('../fonts/latinotype__trenda_bold-webfont.svg#trendabold') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Light';    src: url('../fonts/latinotype__trenda_light-webfont.eot');    src: url('../fonts/latinotype__trenda_light-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/latinotype__trenda_light-webfont.ttf') format('truetype'),         url('../fonts/latinotype__trenda_light-webfont.svg#trendalight') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Regular';    src: url('../fonts/latinotype__trenda_regular-webfont.eot');    src: url('../fonts/latinotype__trenda_regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/latinotype__trenda_regular-webfont.ttf') format('truetype'),         url('../fonts/latinotype__trenda_regular-webfont.svg#trendaregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Semibold';    src: url('../fonts/latinotype__trenda_semibold-webfont.eot');    src: url('../fonts/latinotype__trenda_semibold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/latinotype__trenda_semibold-webfont.ttf') format('truetype'),         url('../fonts/latinotype__trenda_semibold-webfont.svg#trendasemibold') format('svg');    font-weight: normal;    font-style: normal;}


.path{font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 17px;	color: #1b1b1b!important; line-height: 14px;}
.path a{background-color: #00adbe; border-radius: 4px; color: #ffffff!important; padding:4px 11px;margin-right: 5px;}
.interior{margin-top: 1%;}

h1 {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 4.6rem; max-width: 100%;line-height: 5rem;  margin: 0;display: inline-block; letter-spacing: -2px; background: linear-gradient(90deg, #00adbe, #3eb17b);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   }
h1 span{  font-family: 'Light' ,Arial, Helvetica, sans-serif;  font-weight:normal;  font-size: 12rem; max-width: 62%;line-height: 11rem;  margin: 0;display: inline-block; letter-spacing: -4px; color:#444444; -webkit-text-fill-color:#444444;  }

h3 {	font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 23px;	line-height: 27px;	color: #00adbe;	margin:  0; }
.rayah1{width: 222px;height: 12px;margin: 33px 0; position: relative;  animation-name: example;  animation: myfirst 5s linear 1s infinite alternate;}

@keyframes myfirst {
  0%   { left:0px; top:0px;}
  25%  { left:0%; top:0px;}
  50% { left:0%; top:0px;}
  75% { left:12.5%; top:0px;}
  100% { left:12.5%; top:0px;}
}

.losidiomastop {text-align:right;}
.ajustecontenedor{text-align: center;padding:1% 15% 5% 15%}
.los252{background-image: url('../imgs/fons-4.png'); background-position: top center; background-size: contain; padding-top: 252px; background-repeat: no-repeat;}
.bolita{padding:5px 15px; border-radius:50px; background-color: #00adbe; text-transform: none; }
.bolitaidioma{padding:5px 15px; border-radius:50px; background-color: #fff; text-transform: none; color:#00adbe;font-family: 'Black'; font-size:15px;}

.textForcat {    font-family: 'Regular' !important;    font-size: 18px !important;    line-height: 24px !important;    font-weight: normal !important;    font-style: normal !important;}

.llistatHome {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(22em, 1fr));    grid-gap: 50px;}

.slogan {    font-family: 'Bold';    font-size: 28px;    line-height: 31px;    color: #00adbe;}
hr.lineaOr {    clear: both;    width: 100%;    height: 0px;    margin: 0px;    margin-top: 15px;    margin-bottom: 15px;    border: 0;    border-bottom: 1px solid #00adbe;    float: left;}
.marginBT {    margin-bottom: 15px;}
.consentiment {    font-size: 14px;}

.botodescargar{ width: 100%; background-color:#fff;  border: 1px solid #3eb17b; padding: 10px 15px; text-align: center; margin: 20px 0; font-size: 14px;}
.botodescargar:hover{background-color:#3eb17b; color:#fff;font-family:  'Bold'; }

.los28 {    display: grid;    grid-template-columns: 23% 1fr;    grid-template-rows: auto;    grid-column-gap: 32px;    grid-row-gap: 0px;    justify-content: center;    align-items: center;    margin: 15px 0;    background-color: #f2f2f2;}
.los281 { grid-area: 1 / 1 / 2 / 2;background: #00adbe;background:linear-gradient(117deg, rgba(180, 232, 237, 1) 74%, #58c3b9 100%);padding:10%;font-family: 'Light';  font-size:70px; line-height:70px; color:#00adbe; clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%);min-height: 250px;}
.los282 { grid-area: 1 / 2 / 2 / 3; padding-right:10% }

.los28modif {grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 50px;grid-row-gap: 50px; justify-content: center; align-items: center; margin: 15px 0; background-color: #f2f2f2;}
.los28modif1 { grid-area: 1 / 1 / 2 / 2; background: #00adbe;background:linear-gradient(117deg, rgba(180, 232, 237, 1) 74%, #58c3b9 100%);font-family: 'Light';  font-size:70px; line-height:70px; color:#00adbe; clip-path: polygon(0 0, 97% 0, 100% 100%, 0% 100%);}
.los28modif2 { grid-area: 2 / 1 / 3 / 2;  border-bottom: 1px solid #cccccc; padding:50px;}
.los28modif3 { grid-area: 3 / 1 / 4 / 2;  border-bottom: 1px solid #cccccc; padding:50px;}
.los28modif4 { grid-area: 4 / 1 / 5 / 2;  padding:50px;}




.los6 {display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: auto;grid-column-gap: 25px;grid-row-gap: 0px; text-align: center;    line-height: 20px; font-size: 18px;}
.los61 { grid-area: 1 / 1 / 2 / 2; }
.los62 { grid-area: 1 / 2 / 2 / 3; }
.los63 { grid-area: 1 / 3 / 2 / 4; }
.los64 { grid-area: 1 / 4 / 2 / 5; }
.los65 { grid-area: 1 / 5 / 2 / 6; }
.los66 { grid-area: 1 / 6 / 2 / 7; }

.los6 img{width: 60px; margin: 25px 0;}

.los4 {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: auto;grid-column-gap: 40px;grid-row-gap: 0px; justify-content: center; align-items: center; margin: 15px 0;justify-content: center; align-items: center;}
.los41 { grid-area: 1 / 1 / 2 / 2;background: #C6CFAC;background: linear-gradient(117deg,rgba(198, 235, 232, 1) 74%, rgba(122, 188, 199, 1) 100%);padding:8%;min-height:320px;font-family: 'semibold';  font-size:30px; line-height:30px; color:#485359; }
.los42 { grid-area: 1 / 2 / 2 / 3;background: #C6CFAC;background: linear-gradient(117deg,rgba(198, 235, 232, 1) 74%, rgba(122, 188, 199, 1) 100%);padding:8%;min-height:320px;font-family: 'semibold';  font-size:30px; line-height:30px; color:#485359; }
.los43 { grid-area: 1 / 3 / 2 / 4;background: #C6CFAC;background: linear-gradient(117deg,rgba(198, 235, 232, 1) 74%, rgba(122, 188, 199, 1) 100%);padding:8%;min-height:320px;font-family: 'semibold';  font-size:30px; line-height:30px; color:#485359; }
.los44 { grid-area: 1 / 4 / 2 / 5;background: #C6CFAC;background: linear-gradient(117deg,rgba(198, 235, 232, 1) 74%, rgba(122, 188, 199, 1) 100%);padding:8%;min-height:320px;font-family: 'semibold';  font-size:30px; line-height:30px; color:#485359; }

.los4 p{font-family: 'semibold';  font-size:19px; line-height:26px;}
.los4 b{font-family: 'Black';}


.los4premios {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 40px;grid-row-gap: 0px;  margin: 15px 0; color: #fff;}
.los4premios1 { grid-area: 1 / 1 / 2 / 2; clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%);}
.los4premios2 { grid-area: 1 / 2 / 2 / 3; clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%);}
.los4premios3 { grid-area: 1 / 3 / 2 / 4; clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%);}
.los4premios4 { grid-area: 2 / 1 / 3 / 2;background: #C6CFAC;background: linear-gradient(117deg,rgba(142, 199, 72, 1) 74%, rgba(158, 199, 122, 1) 100%);padding:8%;min-height:370px;font-family: 'semibold';  font-size:30px; line-height:30px; color:#fff; }
.los4premios5 { grid-area: 2 / 2 / 3 / 3;background: #C6CFAC;background: linear-gradient(117deg,rgba(151, 117, 65, 1) 74%, rgba(199, 176, 122, 1) 100%);padding:8%;min-height:370px;font-family: 'semibold';  font-size:30px; line-height:30px; color:#fff; }
.los4premios6 { grid-area: 2 / 3 / 3 / 4;background: #C6CFAC;background: linear-gradient(117deg,rgba(232, 76, 80, 1) 74%, rgba(215, 147, 147, 1) 100%);padding:8%;min-height:370px;font-family: 'semibold';  font-size:30px; line-height:30px; color:#fff; }


.los4premios p{font-family: 'semibold';  font-size:19px; line-height:26px;}
.los4premios b{font-family: 'Black';}

.los4normal {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: auto;grid-column-gap: 40px;grid-row-gap: 0px;font-family: 'semibold';  font-size:25px; line-height:30px; color:#485359; }
.los4normal1 { grid-area: 1 / 1 / 2 / 2; }
.los4normal2 { grid-area: 1 / 2 / 2 / 3; }
.los4normal3 { grid-area: 1 / 3 / 2 / 4; }
.los4normal4 { grid-area: 1 / 4 / 2 / 5; }
.los4normal p {font-family: 'semibold';  font-size:19px; line-height:23px; color:#00adbe;}


.losjurados {  background-color: #f2f2f2;  display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); grid-row-gap: 0px; grid-gap: 5px;font-family: 'semibold';  font-size:25px; line-height:30px; color:#485359;}
.losjurados div {padding:30px 45px; border-bottom: 1px solid #cccccc}
.losjurados p {font-family: 'semibold';  font-size:19px; line-height:23px; color:#00adbe;}


.textin{ font-family: 'Black'; color: #fff; font-size: 13px; text-transform: uppercase;}
.textin a{ color: #fff!important;}
.spandemenu{color: #fff;text-transform: uppercase; cursor: pointer;    padding: 25px 0 25px 0;}
.textin2{ font-family: 'Regular'; color: #fff; font-size: 13px;text-transform: none;}
.textin2 a{ color: #fff!important;}

.textfooter{ font-family: 'Regular'; color: #212121; font-size: 15px;}
.xarxes{display: none;}
.aladerecha{text-align: right!important;}
.gridnecesidad {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}


.supertitol{font-family: 'Black'; font-size: 23px; line-height: 25px; text-transform: uppercase; color: #00adbe}

.gridnhome {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; background-color:#ddd}
.div1parent { border-bottom: 1px solid #fff; background-size: cover; background-position: center center; min-height: 350px}
.div2parent { padding:4%; border-bottom: 1px solid #ccc; min-height: 120px;}

.icorrss {margin-top: -4px; height: 69px}
.columnaFiltres {    border: 1px solid #ccc;    padding: 20px;font-family: 'Bold'; font-size: 16px; line-height: 18px; width: 90%}
.colaborador1{ width:90px; }
.colaborador2{     width: 126px;    margin-left: 52px;    margin-top: 18px;}
.colaborador3{ width:180px; }
.colaborador4{ width:202px;margin-top:20px; }

.lascajasgrises {background-color: #f3f3f3; padding:20px; font-family: 'Regular'; font-size: 16px; line-height: 22px;    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-gap: 50px;}
.lascajasgrises img{margin-bottom: 15px;}
.llistat_box23 {    padding: 10px;    transition: 0.5s;}
.llistat_box24 {padding-top: 20px; border-top: 1px solid #00adbe;}

a.tornar {text-transform: uppercase; font-family: 'Regular'; font-size: 14px; color: #ababab!important; margin-right: 50px;}
.reciclaje{background-color: #212212; color: #fff; font-family: 'Light'; padding: 3px 6px; font-size: 24px; line-height: 24px; position: absolute;     bottom: 195px;    right: 50px; z-index: 11;}
.reciclaje2{ color: #fff; font-family: 'Bold'; font-size: 40px; line-height: 50px; position: absolute; bottom: 50px; left: 0px; z-index: 11; text-transform: uppercase; max-width: 50%; text-align: left; text-shadow: -1px -1px 1px rgb(255 255 255 / 10%), 1px 1px 1px rgb(0 0 0 / 50%), 2px 2px 5px rgb(255 255 255 / 25%);}
.estrella{height: 17px; margin-right: 9px; margin-top: -6px}

.colocatitle{width: 100%; padding-left: 10px;  }
.mundial{ width:100%; transition: all 0.5s ease; position: fixed; top: 17px; z-index: 544;  background-image: url('../imgs/01.png'); background-repeat: no-repeat;background-position: top left;}
.menuScroll {  transition: all 0.5s ease;    background-color: #e4e4e4;    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; top: 0px;}
body {	font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #444;    line-height: 25px;    font-weight: normal;    font-style: normal;    font-size: 19px; background-color: #fff;}
.taula > tbody > tr > td > .inputcontacto {    border: #cccccc 1px solid;    font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 14px;    color: #666666;    padding: 7px;    background-color: #FFFFFF;    margin: 3px 0 3px 0;    width: 92%;}
.textckeditor ul li {margin-left: 25px;}
.cuatroservs{clear: both;margin-top: -50px;z-index: 5; position:absolute;}
.dropdown-menu > li > table > tbody > tr > td > h2 > a {  font-family: 'Light';     margin: 0px 0 0px 0; line-height: 20px;}
.dropdown-menu > li > table > tbody > tr > td > h2  {  margin: 0px 0 0px 0;}
.dropdown-menu > li > table > tbody > tr > td > h3 > a {  font-family: 'Regular'; font-size: 11px;    line-height: 14px; border-bottom: 1px dotted #ababab;}
.dropdown-menu > li > table > tbody > tr > td > h4 > a {  font-size: 15px;    line-height: 16px; margin:0 0 0 5px!important;}
.dropdown-menu > li > table > tbody > tr > td > h4  {  margin:0;}
.dropdown-menu > li > table > tbody > tr > td > hr {    margin-top: 10px;    margin-bottom: 10px;    border: 0;    border-top: 1px solid #ababab; }
.especialh4 > a > h4 {font-size: 18px;  font-family: 'Regular'; line-height: 22px}
.dropdown{	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 18px; color: #212121; line-height: 20px;   padding: 16px 22px 15px 22px; border-right:1px solid #b1b1b1; margin-top: 9px;}
.dropdown a{color: #212121 !important}
.dropdown:nth-child(4) {border-right:0px solid #fff;}
.dropdown:last-child {border-right:0px solid #fff;}
a:link{	text-decoration: none;	color: #212121;}
a:visited{	text-decoration: none;	color: #212121;}
a:hover{	text-decoration: none;	color: #212121;}
a:active{	text-decoration: none;	color: #212121;}

.banners{width:100%;margin:0 0 25px 0;}
.borrar{display: block;}
.aparecer{display: none;}
.borrar1023{display: block;}

.detablas tr td{padding: 15px; border-bottom: 1px solid #cccccc;}

.logo1 { width: 100%; max-width: 386px; margin-top: 11px; margin-bottom: 9px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

h2 {	font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 24px;    line-height: 24px;    color: #48594b;    margin: 0px 0 5px 0;  }
h4 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 1.4vw;	line-height: 1.7vw;	color: #1b1b1b;	margin: 0; }
h5 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 24px;	line-height: 30px;	color: #222;	margin: 10px 0;	}


.igualh1 {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 2vw;    line-height: 2.5vw;    color: #1b1b1b; margin: 0; text-align:center; }

.titol-form {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 17px;	line-height: 26px;	color: #222;text-transform:uppercase;	}

.color_avis_ie { color:#969696; }

.input {
	border: #cccccc 1px solid;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-right: 25px;
	padding: 5px;
	background-color: #FFFFFF;
	font-style: italic;
	width: 160px;
}

.bottonbuscar {
	border: #cccccc 0px solid;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 8px;
	text-transform: uppercase;
	float: right;
	background-color: #969696;
}

.bottonbuscarfiltro {	border-radius: 3px;	border:0;	font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 13px;	color: #ffffff;	padding:3px 11px;	text-transform: uppercase;	background-color: #000000;}
.buscar {	margin-top: 14px;	margin-right: 35px;    width:45%;	float: left;}

.inputbuscador {    border: #e6e6e6 1px solid;    border-right: 0px;    font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 15px;    border-radius: 6px 0 0 6px ;    color: #ccc;    height: 35px;    background-color: #e6e6e6;    text-transform: uppercase;    font-style: italic;    width:calc(100% - 35px);    padding-left: 17px;    float: left;}


  .no_veure{
    display: none;
  }

.inputbuscadorx {
	border: #cccccc 1px solid;
	border-right: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	width: 60%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: left;
}

.inputbuscadory {
    border: #cccccc 1px solid;
    border-right: 0px;
    font-family: 'Light', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    height: 35px;
    background-color: #FFFFFF;
    text-transform: uppercase;
    font-style: italic;
    width: 60%;
    background-image: url(../imgs/fons-lupa.gif);
    padding-left: 35px;
    float: center;
}

.inputbuscador_error {
    border: #969696 1px solid;
    border-right: 0px;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 15px;
    border-radius: 6px 0 0 6px ;
    color: #969696;
    height: 35px;
    background-color: #e6e6e6;
    text-transform: uppercase;
    font-style: italic;
    width:calc(100% - 35px);
    padding-left: 17px;
    float: left;
}

.inputbuscador_errorx {
	border: #FE2E2E 1px solid;
	border-right: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	width: 60%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: left;
}

.inputbuscador_errory {
	border: #FE2E2E 1px solid;
	border-right: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
    width: 60%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: center;
}


.inputayuda {
    border: #ffffff 1px solid;
    border-right: 0px;
    font-family: 'Light', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    height: 42px;
    background-color: #ffffff;
    font-style: italic;
    width: calc(100% - 150px);
    padding-left: 18px;
    float: left;
}

.botonbuscador {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
	float: left;
	border-radius: 0 6px 6px 0;
}

.botonbuscadorx {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
	float: left;
}

.botonbuscadory {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
}

.texto {
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #575757;
	font-weight: normal;
	font-style: normal;	
}

.path2{font-family: 'Light', Arial, Helvetica, sans-serif;  font-size: 12px;    color: #fff!important; line-height: 12px; text-transform: uppercase;}

hr.linea { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 15px;
	margin-bottom:12px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #c6c6c6;
}

.nombre {
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #232323;
	font-weight: normal;
	font-style: normal; 
}

.desc {
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal; 
}

.descnou {
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color: #838383;
	font-weight: normal;
	font-style: normal; 
	background-color: #f2f2f2;
	display: inline-block;padding: 3px 10px;
}
.derecha {border:0;min-width:100px; max-height:140px;float:right;}


/* ----------------------------------------------  divs home  ---------------------------------------------- */
.contenedor {padding:0;width: 98%;margin:0 auto; max-width: 1700px}

.specialone{text-align: center;padding:1% 17% 5% 17%; }
.contenedorgran {
	margin:0 auto;
	max-width: 1350px;
	width:98%;
	position: relative;
}

  .minim4caracters{
	color: #ff0000;
    font-size: 12px;
    position: absolute;
    top: 53px;
    left: 22px;
  }

  .minim4caracters_no{
  	display: none;
  }

  .minim4caractersx{
  	margin-top: -8px;
  	color: #ff0000;
  	font-size: 12px;
  }

  .minim4caracters_nox{
  	display: none;
  }

  .minim4caractersy{
	color: #ff0000;
    font-size: 12px;
    position: absolute;
    top: 80px;
    right: 59px;
  }

  .minim4caracters_noy{
  	display: none;
  }

  #animLoading {
  	width: 100%;
  	height: 50px;
  	text-align: center;
  	position: relative;
  	top: -40px;
  	left: 0px;
  	border-top: 1px dotted #999;
  	padding:20px;
  	font-size: 14px;
  	display: none;
  }

.data {font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 12px;	color: #00adbe!important; line-height: 15px; text-transform: uppercase;}

 
.badge-notify{	background: #969696 !important;    position: relative;    top: -10px;    left: -44px;  }

.textckeditor img {	width: 100%;	max-width: 500px;	display: block;	margin: 10px 0;}

.ideom {padding: 0px 16px 0px 16px!important; margin: 16px!important; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
.ideom > form > .mm-selected {color:#00c6ff!important;}
.remarcat {	color:#969696 !important;	text-transform: none;}

.colorCorporatiu1 {	color:#969696 !important;}
.colorAvisCampObligatori {	color:#969696 !important;}
.taula {
	width: 			100%;	/* width */ 
	margin-left:	auto; 	/* align */
	border-spacing: 0px;	/* cellspacing */
	border-width: 	0px; 	/* border */
}
.taula td.tdtops {
	vertical-align: top;
}
.taula td {
	padding: 		2px;	/* cellpadding */
}
.taula tr {
}


.mostrarTitol{display: none;}


.caixaContacte{ padding: 30px; min-height: 320px; margin-bottom: 30px; background-color: #f6f6f6; color: #000; line-height: 25px;}
.caixaContacte1{padding: 30px; min-height: 245px; margin-bottom: 30px; background-color: #f6f6f6; color: #000;}
.caixaContacte img{width:60px; -webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1);box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1); border-radius: 50%; margin:0 20px 20px 0; float: left;}
.caixaContacte a{color: #000; transition: 0.5s; font-size: 28px; font-family: 'light'; line-height: 22px;}
.caixaContacte a:hover{color: #558eba; transition: 0.5s !important;}


.textckeditor ol{padding-left: 5%;}




.icoMobil{width: 40px;}
.especialMenu > .menuMobileInici::after{border: 0px;}
.nota{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 10px;  color: #333; text-align: left; font-style: italic; padding-left: 10px;}


/* ---  Efecte caixes llistat serveis---------------------------- */
.c-preview {  background: #000;  background: -moz-linear-gradient(135deg, #000000 0%, #000000 25%, #123d46 50%, #123d46 75%, #558eba 100%);  /* FF3.6-15 */  background: -webkit-linear-gradient(135deg, #000000 0%, #000000 25%, #123d46 50%, #123d46 75%, #558eba 100%);  /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(135deg, #000000 0%, #000000 25%, #123d46 50%, #123d46 75%, #558eba 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  background-size: 400% 400%;  background-repeat: no-repeat;  display: flex;  width: 100%;  padding: 80% 30px 0 30px;  justify-content: center;  align-items: center;  color: #fff;  position: relative;  cursor: pointer;  transition: 0.5s all;  margin-bottom: 30px;  }
.c-preview__img {  position: absolute;  left: 0;  top: 0;  background-size: cover;  width: 100%;  height: 100%;  z-index: 1;  opacity: 0.7;  mix-blend-mode: luminosity;}
.c-preview__title { position: absolute;    bottom: 10px;    z-index: 10;    width: 78%;    text-transform: uppercase;    letter-spacing: 0.05em;    padding-bottom: 5%;    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 21px;    line-height: 27px;    color: #fff;    text-shadow: 0px 0px 2px rgb(150 150 150);}
.c-preview:hover {  background-position: 100% 100%;box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-webkit-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-moz-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);}
.c-preview:hover__title {  text-shadow: 0 0 20px black;}
/* ---  Fi efecte caixes llistat serveis---------------------------- */


.menuPrincipal{ -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.menuPrincipal2{padding-top: 12px; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.titPetit{  font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 24px;    line-height: 30px; color: #ffffff; margin-top: 10px; text-transform: none;}
.deprojectes2{-webkit-box-shadow: 0px -2px 14px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px -2px 14px 0px rgba(0,0,0,0.75);box-shadow: 0px -2px 14px 0px rgba(0,0,0,0.75);cursor: pointer;background-size:cover; background-position: center center; width: 100%; padding: 45% 20px 30px 20px;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7); transition: 0.5s;}
.deprojectes2:hover{ box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.80);-webkit-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.80);-moz-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.80);transition: 0.5s; }
.deprojectes2 h3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 20px;    line-height: 26px; color: #fff; text-transform: uppercase; position: absolute; bottom: 15%; left: 12%; max-width: calc(100% - 25%);text-shadow: 2px 2px 5px rgba(50, 50, 50, 1);transition: 0.5s;}

.deprojectes2:hover h3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 30px;    line-height: 36px; color: #000; text-transform: uppercase; position: absolute; bottom: 15%; left: 12%; max-width: calc(100% - 25%);text-shadow: 2px 2px 5px rgba(250, 250, 250, 1);transition: 0.5s;}
.segurpratHome{cursor: pointer;background-size:cover; background-position: center ; width: 100%; padding: 60% 20px 30px 20px;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7); margin-bottom: 30px;}
.with-linear-gradient {  border-style: solid;  border-width: 10px;  border-image: linear-gradient(45deg, rgb(4,68,113), rgb(85,142,186)) 1;  border-top:  none;  border-right: none;  border-left: none;}
.serveiHome{padding: 10px 20px 20px 20px; text-align: center; border: 2px solid #efefef;-webkit-transition:0.7s;-moz-transition:0.7s;-o-transition:0.7s;transition:0.7s;}
.serveiHome img{width: 120px;}
.serveiHome h2{text-transform: uppercase;font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 28px;    line-height: 34px; color: #333; margin-top: -20px;}
.serveiHome h2 span{text-transform: uppercase;font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 14px;    line-height: 20px; margin-bottom: -5px;}
.serveiHome:hover{-webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1);box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1); border: 2px solid #558eba;-webkit-transition:0.7s;-moz-transition:0.7s;-o-transition:0.7s;transition:0.7s; background-color: #efefef;}
.notiHome{cursor: pointer;background-size:cover; background-position: center center; width: 100%; padding: 40% 0px 30px 0px;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7);transition: 0.5s;}
.notiHomeh2{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 22px;    line-height: 26px; color: #fff;}
.notiHomeh3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 17px;    line-height: 22px; color: #fff; text-transform: uppercase; margin: 15px 0;}
.notiHomeBox:hover .notiHome{opacity: 0.8; box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-webkit-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-moz-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);transition: 0.5s; }

.loscinco{background-color: #044471; padding: 19px; min-height: 280px; color: #e4e4e4;  font-family: 'light', Arial, Helvetica, sans-serif;    font-size: 17px;    line-height: 20px;}
.loscinco h3{color: #fff;}



.mm-selected a{color: #212121!important;}
#menuMobile{z-index: 888;}
.cardTeam_img{background-size: cover; background-position: center top; width: 100%; padding-top: 100%; margin: 0; border-radius: 40px 0 40px 0;transition: 0.5s;}
.cardTeam_img:hover { box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-webkit-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-moz-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);transition: 0.5s; }
.cardTeam h3{margin-bottom: 10px;}
.cardTeam h5{text-transform: uppercase; font-size: 14px;}
.cardTeam{margin-bottom: 80px;}
.fotoNotiLlistat{background-size: cover; background-position: center; width: 100%; padding-top: 35%;}
.fotoNotiLlistat img{width: 100%; height: auto;}
.cajanoticiar{margin-bottom: 80px; min-height: 490px;}
.cajanoticiar h3{font-size: 16px; line-height: 21px; margin-top: 10px;}
.blocExtraNoti a{text-transform: uppercase; font-size: 14px;}
.servRel{cursor: pointer;background-size:cover; background-position: center center; width: 100%; padding: 45% 20px 30px 10%;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7); }
.servRel h3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 20px;    line-height: 26px; color: #fff; text-transform: uppercase; position: absolute; bottom: 50px; left: 18%; max-width: calc(100% - 25%);}

.deponer{background-size: cover; background-position: center; padding-top: 100%; width: 100%}
.mostrar1024{display: none !important;}
.grecaptcha-badge{z-index: 999!important;}
.iconaTabIframe {    max-width:  60px;    max-height: 50px;}
.requadreDebug {    position: fixed; top: 10px; left: 10px;     width: 360px; height: 280px; padding: 10px;     border-radius: 4px;    border:  1px dashed red;    background: rgba(255,255,255,0.8);    z-index: 500000;}

.titHome{font-family:'Regular';text-transform: none; font-size: 23px;}

.centrat{text-align: center;}


.menu2{text-decoration: none;}
.menu2 li{display: inline-block;padding: 30px 20px 0 20px;}
.separador1{padding: 20px;text-transform: uppercase;}



.h1titPro{font-family:'Regular';font-size: 24px;line-height: 28px;}

.cenDir{padding-right:42px;}
.iconoHide{display: none;}




.barraSepMenu{border-right: 2px solid #efefef; display: inline; height:30px; margin-right: 30px; padding-left: 30px;}
.icoContacte{font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 16px; transition: 0.5s; color: #fff!important; border-radius: 4px; padding: 4px 10px; background-color: rgb(85, 142, 186, 0.6);}
.icoContacte:hover{color: #558eba !important; transition: 0.5s;}

.missatgeEnviat{font-family: 'Light', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; text-align: center; padding: 20px; margin: 20px; font-style: italic;}

.catNoti{display: inline-block;  text-transform: uppercase;  border: 2px solid #054471;    padding:3px 10px;    margin: 0 10px 10px 0;    background-color: #054471;    color: #fff;    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 14px;    transition: 0.5s;    border-radius: 5px;}
.catNoti:hover, .catNotiMarcat{ border:  2px solid #333; transition: 0.5s; background-color: #212121; }

.imgCheck{margin: 15px 10px 15px 0;}


/*** ACCORDION SERVEIS  ******************************/
    .panel-group .panel { border-radius: 0; box-shadow: none;  }
    .panel-default > .panel-heading {  }
    h4.panel-title {   }
    .panel-title > a { display: block; text-decoration: none;    }
    .more-less { float: right; color: #212121;    }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {  }


.imgNotiMobile{display: none !important;}
.bannerMobile{display: none;}
.caixaRelacionats{padding: 0 30px; margin-bottom: 20px;}
.fonsRelacionats{background-color:#f6f6f6; padding: 50px 0; display:flow-root; margin-bottom: 10px;}
.massatgeMobil{display: none;}

.imgPartner{filter: grayscale(90%); transition: 0.5s;}
.imgPartner:hover{filter: grayscale(0%); transition: 0.5s;}


.unoticies {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 100px;
grid-row-gap: 0px;
}

.unoticies_div1 { grid-area: 1 / 1 / 2 / 2; }
.unoticies_div2 { grid-area: 1 / 2 / 2 / 3; }
.unoticies_div3 { grid-area: 1 / 3 / 2 / 4; }

.dataNoti{color: #212121; font-size: 14px; font-family: 'Regular'; transition: 0.5s}





/*-- imprima ----------------------------------------------------------------------------------------------------------------------------------------------*/

a.dadesFixe {color: #fff; font-size: 14px; font-family: 'Semibold'; text-transform: uppercase; margin-right: 5%; transition: 0.5s;}
a.dadesFixe2 {color: #fff; font-size: 18px; font-family: 'Semibold'; margin-right: 5%; transition: 0.5s;}
a.dadesFixePeu {color: #fff; font-size: 14px; line-height: 14px; font-family: 'Regular'; margin-right: 5%; transition: 0.5s;}

a.dadesFixe3 {color: #fff; font-size: 18px; font-family: 'Semibold'; transition: 0.5s;}


a.dadesFixe:hover,
a.dadesFixe2:hover{color: #212121; transition: 0.5s;}
a.dadesFixe3:hover{color: #212121; transition: 0.5s;}
.botoPressupost{float: right; min-height: 50px; padding: 5px 10%;  background-color:#212121; color: #fff; transition: 0.5s; text-transform: uppercase; font-family: 'Bold'; font-size: 14px; display: flex; align-items: center; justify-content: center;}
.botoPressupost a{color: #fff !important}
.botoPressupost:hover{background-color:#fff; transition: 0.5s; color:#212121;}
.botoPressupost:hover a{color: #212121!important}


.serveis {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 7%;grid-row-gap: 0px;}
.serveis_div1 { grid-area: 1 / 1 / 2 / 2; }
.serveis_div2 { grid-area: 1 / 2 / 2 / 3; }
.serveis_div3 { grid-area: 1 / 3 / 2 / 4; }


.unotiHome {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 100px;grid-row-gap: 0px;}
.unotiHome_div1 { grid-area: 1 / 1 / 2 / 2; }
.unotiHome_div2 { grid-area: 1 / 2 / 2 / 3; }
.unotiHome_div3 { grid-area: 1 / 3 / 2 / 4; }
.unotiHome_div1 a{color: #333 !important}
.unotiHome_div2 a{color: #333 !important}
.unotiHome_div3 a{color: #333 !important}


.icones{padding: 3% 0 0 0;}
.iconesHome img{width: 100%; max-width: 400px;}
.iconesHome h4{color: #212121; }
.iconesHome{text-align: center;}



.blocColor1{background-color: #e1e1e1; color: #000;}
.blocColor2{background-color: #212121;}
.blocColor3{background-color: #4d4d4d;}

.serveiMenu{margin-bottom: 20px; transition: 0.5s; border: 3px solid transparent;}
.serveiMenu-img{object-fit: cover; width: 100%; height: 150px; object-position:center; }
.serveiMenu_titol h2{ text-align:left; }
.serveiMenu:hover{border: 3px solid #212121; opacity: 1 !important; transition: 0.5s;}



.botopeque{position: absolute; right: 50%;display: inline-flex; align-items: center; justify-content: center; padding: 2px 18px; background-color: #00adbe; transition: 0.5s; font-size: 14px; font-family: 'Bold'; text-transform: uppercase; color: #fff; margin: 0; border: 1px solid #fff;}
.botopeque:hover{background-color: #989897; transition: 0.5s;}

.botoNormal{display: inline-flex; align-items: center; justify-content: center; padding: 7px 50px; background-color: #00adbe; transition: 0.5s; font-size: 16px; font-family: 'Bold'; text-transform: uppercase; color: #fff; margin: 3% 0; border: none;}
.botoNormal:hover{background-color: #989897; transition: 0.5s;}

.botoNormalRight{display: inline-flex; align-items: center; justify-content: center; padding: 7px 50px; background-color: #212121; transition: 0.5s; font-size: 15px; font-family: 'Semibold'; text-transform: uppercase; color: #fff; margin: 3% 0; border: none; float: right;}
.botoNormalRight:hover{background-color: #989897; transition: 0.5s;}

.botoNormal2{margin: 0px 0; padding: 6px 50px; border-radius: 6px;}
.botoNormal3{margin: 0px 0; padding: 10px 50px;}

/* inici efecte imatges projectes  */
.projecte_grid {	position: relative;	margin: 0 auto;	list-style: none;	text-align: center;}

/* Common style */
.projecte_grid figure {	position: relative;	float: left;	overflow: hidden;	min-width: 100%;	max-width: 100%;	max-height: 360px;	width: 48%;	text-align: center;	cursor: pointer;}
.projecte_grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}
.projecte_grid figure figcaption {	padding: 2em;color: #fff;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.projecte_grid figure figcaption::before,
.projecte_grid figure figcaption::after {	pointer-events: none;}

.projecte_grid figure figcaption,
.projecte_grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

/* Anchor will cover the whole item by default */
.projecte_grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.projecte_grid figure h2,
.projecte_grid figure p {	font-size: 68.5%;margin: 0;}

/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {	/*background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);*/	background-color: #000;}
figure.effect-roxy img {	max-width: none;	width: -webkit-calc(100% + 60px);	width: calc(100% + 60px);	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;	transition: opacity 0.5s, transform 0.5s;	-webkit-transform: translate3d(-50px,0,0);	transform: translate3d(-50px,0,0);}
figure.effect-roxy figcaption::before {	position: absolute;	top: 30px;	right: 30px;	bottom: 30px;	left: 30px;	border: 1px solid #fff;	content: '';	opacity: 0;	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;	transition: opacity 0.5s, transform 0.5s;	-webkit-transform: translate3d(-20px,0,0);	transform: translate3d(-20px,0,0);}
figure.effect-roxy figcaption {	padding: 3em;	text-align: left;}
figure.effect-roxy span {	opacity: 0;	padding: 5% 0 10px 0;	font-size: 12px;	color: #fff;}
figure.effect-roxy h2 {	opacity: 0;	padding: 5px 0 10px 0;	font-size: 1vw;}
figure.effect-roxy p {	opacity: 0;	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;	transition: opacity 0.5s, transform 0.5s;	-webkit-transform: translate3d(-10px,0,0);	transform: translate3d(-10px,0,0);}
figure.effect-roxy:hover img {	opacity: 0.7;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover h2,
figure.effect-roxy:hover p {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-roxy:hover figcaption::before{	background-color: rgba(0, 0, 0, 0.8);}
figure.effect-roxy:hover {	opacity: 1;}

@media screen and (max-width: 50em) {
	.projecte_grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

/* fi efecte  */

.blocquisom {display: grid;grid-template-columns: 40% 1fr;grid-template-rows: 1fr;grid-column-gap: 150px;grid-row-gap: 0px; background-color: #f2f2f2;}
.blocquisom_div1 { grid-area: 1 / 1 / 2 / 2; display: flex; align-items: center;  padding-left: 11.5%;}
.blocquisom_div2 { grid-area: 1 / 2 / 2 / 3; }

.inputNew{ margin: 4px 0; width:100%; padding: 5px 20px; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 16px; color:#511f63;  border: 2px solid #d0d0d0; background-color: #fff; border-radius: 6px;}
.inputNew2{ padding: 8px 20px;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;  font-style: italic; font-size: 15px;  color: #1c1c1b; text-align: left; }
.textareaNew{ margin: 4px 0; width:100%; padding: 5px 20px; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 16px; color:#511f63;  border: 2px solid #d0d0d0; background-color: #fff; border-radius: 6px; min-height: 86px;}
.textareaNew2{ padding: 8px 20px;}
.textareaNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #1c1c1b;text-align: left; font-style: italic;}
.amagar{display: none;}
.amagarNotif{margin-top: 0px; font-size:12px; color: #1c1c1b !important;}
.amagarNotif a{font-size:12px; color: #511f63 !important;}

.footer{background-image: url(../imgs/fbajos.png); background-size: cover; background-position:center center; padding: 3% 0; margin-top: 1px;}
.losdefooter {display: grid;grid-template-columns: 50% 1fr;grid-template-rows: 1fr;grid-column-gap: 40px;grid-row-gap: 0px;}
.losdefooter1 { grid-area: 1 / 1 / 2 / 2; }
.losdefooter2 { grid-area: 1 / 2 / 2 / 3; }


.logoPeu{width: 100% !important; max-width: 400px !important; margin-bottom: 20px;}
.footer h5{color: #fff;}

.blocfooter {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 100px;grid-row-gap: 0px;}
.blocfooter a{font-size: 14px; line-height: 16px; color: #fff; transition: 0.5s;}
.blocfooter a.dadesFixe2{font-size: 20px; line-height: 40px;}
.blocfooter a:hover{color: #989897; transition: 0.5s;}
.blocfooter_div1 { grid-area: 1 / 1 / 2 / 2; }
.blocfooter_div2 { grid-area: 1 / 2 / 2 / 3; }
.blocfooter_div3 { grid-area: 1 / 3 / 2 / 4; }
.blocfooter_div3 span{color: #fff; font-size: 12px; margin-right: 10px;}
.blocfooter_div4 { grid-area: 1 / 4 / 2 / 5; }
.icoXarxa{width:30px;}
.xarxa {        width: 30px;        height: auto;        position: relative;        display: inline-block;        transition: 1s;   margin-right: 10px; }
.xarxa .img-top {        display: none;        position: absolute;        top: 0;        z-index: 99;        transition: 1s;        left: 0;        right: 0;        width: 30px;       }
.xarxa:hover .img-top {        display: inline;        transition:1s;    }

.taulaPrivacitat td {border: 1px solid #ccc; padding: 20px;font-family: 'Regular';}
.mapaweb{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fit, minmax(15em, 1fr)); grid-gap: 50px;}

.botoError{border: 2px solid #212121; padding: 5px 20px; width: 100%; text-transform: uppercase; font-family: 'Semibold', Arial, Helvetica, sans-serif; background-color: #fff; float: right; font-size: 14px; color: #1b1b1b;transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */ margin-bottom: 7px;}
.botoError:hover{background-color: #989897; border: 2px solid #989897;   color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.vertical-centered-text {  -ms-display: flex;  display: flex;  /* alineacion vertical */  align-items: center;   /* alineacion horizontal */  justify-content: center;}

/*----------------------*/
/***** Menú lateral *****/
/*----------------------*/

#menu{margin-left: 8px;}
#divFiltres{padding: 0;}
ul.menu-lat{list-style: none;}
a.link-menulat{padding: 10px 27px 10px 15px !important; background-color: #511f63 !important;    font-family:'bold', Arial, Helvetica, sans-serif; font-size: 15px; text-transform: uppercase;transition: 0.5s; border-bottom: 1px solid #fff; word-break: keep-all !important; color: #fff;}
ul.menu-lat li{border-bottom: 1px solid #ddd; padding: 7px 0 7px 20px; font-family:'regular', Arial, Helvetica, sans-serif; font-size: 15px;transition: 0.5s; color: #222221; display: flex; background-color: #f1f1f1;}
ul.menu-lat li a{color: #222221 !important; transition: 0.5s; word-break: keep-all !important;}
a.link-menulat:hover{background-color: #511f63 !important; color: #fff; transition: 0.5s;}
ul.menu-lat li:hover a{color: #989897 !important; transition: 0.5s;padding-left: 5px;}
#menu li > span {  cursor: pointer;  display: block;  float: right;  width: 30px;  height: 30px;  position: relative;  right: 10px;  margin: 2px;  margin-top: -50px;}
#menu li > span.up-arrow::before {  transform: translate(-2px, -2px) rotate(45deg);}
#menu li > span.up-arrow::after {  transform: translate(5px, -2px) rotate(-45deg);}
#menu li span::before,
#menu li span::after {  display: block;  content: '';  width: 1px;  height: 10px;  background: transparent;  position: absolute;  top: 18px;  transition: all 300ms ease;}
#menu li span::before {  left: 25px;  transform: rotate(45deg);}
#menu li span::after {  left: 18px;  transform: rotate(-45deg);}
ul.menu-lat li a.marcar{ color: #989897 !important;font-weight: bold;}

.pathcategorias{font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 12px;	color: #00adbe!important; line-height: 15px; text-transform: uppercase;}

.llistat{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(23em, 1fr)); grid-gap: 50px;}
.llistat_img{background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; padding-top: 70%; border: 1px solid #f1f1f1;}
.llistat_titol {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 28px;	line-height: 31px;	color: #1b1b1b;	margin: 10px 0;	transition: 0.5s; text-transform: none; padding: 0; text-align: left;}

/* Plantilla 53 Faqs Accordion ----------------------------------------------------------- */
.panel22 {    margin-bottom: 0px;    background-color: transparent;    border: 0px solid transparent;    border-radius: 0px;    -webkit-box-shadow: none;    box-shadow: none;}

.plantilles.plantilla53{margin-top: 1rem; margin-bottom: 1rem;}
.plantilla53 {display: grid;grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px;}
.panel-group .panel22 {        border-radius: 0;        box-shadow: none;        border-color: #EEEEEE;  max-width:60%; margin: 0 auto; }
.panel-default > .panel-heading {    }
h2.panel-title {        }
.panel-title > a {        display: block;        padding: 1rem 2rem;        text-decoration: none;    }
.more-less {        float: right;        color: #212121;    }
.panel-default > .panel-heading + .panel-collapse > .panel-body {        border-top-color: #EEEEEE; text-align:center; padding:2rem;   }
/* Plantilla 53 Faqs Accordion ----------------------------------------------------------- */



.llistat_box{padding: 20px; background-color: #fff; transition: 0.5s;  border:1px solid #e4e4e4;margin-bottom: 30px;}
.llistat_box:hover{ background-color: #eceee4; transition: 0.5s; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;}
.llistat_box:hover .llistat_titol{transition: 0.5s;}
.llistat_box a{color: #1b1b1b !important; transition:0.5s;}
.llistat_box:hover a{color: #212121 !important; transition:0.5s;}

.iconsFitxa{ width: 50px; height: 50px; margin: 0 15px 0 0;}
.opServei{width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; background-color: #212121; transition: 0.5s; }
.opServei:hover{background-color: #989897; transition: 0.5s;}

.mostrames{margin: 10px 0 0 20px; font-size: 14px; text-transform: uppercase; color: #511f63;}




.video1{width: 100%; object-fit: cover; position: relative;}
.boxvideo {        width: 100%;        height: auto;        position: relative;        display: inline-block;        transition: 1s;   margin-right: 10px; }
.boxvideo .img-top {        display: none;        position: absolute;        top: 0;        z-index: 99;        transition: 1s;        left: 0;        right: 0;        width: 100%;       }
.boxvideo:hover .img-top {        display: inline;        transition:1s !important;    }

.fonsCta{width: 100%; height: 50vh; background-size: cover;}

.talltxt10 {  display: -webkit-box;  -webkit-line-clamp: 5;  -webkit-box-orient: vertical;    overflow: hidden; font-size: 16px; line-height: 20px;}




.incbsite{margin-top:0px; position: relative;}
.incbsite img{width: 100%}
.botoIdiomes{font-family: 'Semibold'; font-size: 13px; color: #fff; padding: 12px 10px 0 15px;}
.botoIdiomes2{color: #212121 !important; transition: 0.5s;}
.botoIdiomes2:hover{color: #777 !important; transition: 0.5s;}

.logosKit{text-align: center; display: block;}
.imgNext{max-width: 150px;}
.imgRecu{max-width: 120px; margin: 20px 0 20px 20px;}

.subtitolServei{font-size: 24px; line-height: 30px;}

.fonsincpie{background-image:url(../imgs/fons-cta.jpg); width: 100%; height: auto; background-size: cover; padding: 3% 0; margin-top: 5%; background-position: center;}
.sepInterior{background-size: cover; background-position:center; height: 30px; width:100%; margin-top: 170px;}
.migas{display: inline-flex; align-items: baseline; margin-bottom: 1%;}

.foraPunt{font-size: 12px;}
.opacidad{opacity: 0.5;}

.menuEspecial{background-color: rgba(126, 143, 74, 0.85) !important;}
.idiomesMobile{border: 1px solid #212121; text-align: center; margin-left: 10px !important;}






@media (min-width: 1004px) and (max-width: 1100px) {
	.icoConta{width: 30px !important;}
}

@media (min-width: 767px) and (max-width: 1003px) {
	.telConta{font-size: 16px;}
	.faxConta{font-size: 15px;}
	.icoConta{width: 25px !important;}
	.cajaaclientes {	border:1px solid #e4e4e4; 	width:100%;	}
	.selectorfamilia, .ocultar {	display:none;	}
	.input {	width: 85%;	}
	.ajudansmobil {	display:inline;	}
	.ajudanspc {	display:none;	}
	.noticia_imatge {	width:37%;	float:left;	}
	.noticia_descripcio {	width:63%;	float:left;	}
	.medidamarca{float:right;width:100%;max-width:110px;}
}


@media screen and (max-width: 1680px) {
    .contenedor {   width: 96%;}
}


@media screen and (max-width: 1600px) {
  .contenedor {padding-right: 4%;	padding-left: 4%;}
  .textin {    font-size: 11px;} 
  .losidiomastop {text-align:right; margin-top: 10px;}
	.ajustecontenedor{text-align: center;padding:1% 11% 5% 11%}
	.los6 {    grid-column-gap: 16px;    line-height: 20px;    font-size: 17px;}
	.los282 { padding-right: 6%;}
}


@media screen and (max-width: 1540px) {
}


@media screen and (max-width: 1440px) {
	.contenedor {padding-right: 1%;	padding-left: 1%;}
	.contenedorgran { max-width: 1350px;}
  body{font-size: 18px;}
  .los281 { padding: 6%; font-size: 55px;line-height: 55px; min-height: 222px;}
	.los28 { grid-template-columns: 21% 1fr;  grid-column-gap: 10px;}  
	.los282 { padding-right: 3%;}



}

@media (max-width: 1366px) {
.los41 { min-height: 250px;}
.los42 { min-height: 250px;}
.los43 { min-height: 250px;}
.los44 { min-height: 250px;}


	.los4 p { font-size: 17px; line-height: 24px;}	
	.los6 {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 10px;grid-row-gap: 30px;}
	.los61 { grid-area: 1 / 1 / 2 / 2; }
	.los62 { grid-area: 1 / 2 / 2 / 3; }
	.los63 { grid-area: 1 / 3 / 2 / 4; }
	.los64 { grid-area: 2 / 1 / 3 / 2; }
	.los65 { grid-area: 2 / 2 / 3 / 3; }
	.los66 { grid-area: 2 / 3 / 3 / 4; }
	.los6 img { width: 60px; margin: 5px 0 25px 0;}
  .los281 { min-height: 332px; }
	a.dadesFixe2 {font-size: 16px;}
	a.dadesFixe3 {font-size: 16px;}
	.estrella {    height: 13px;    margin-right: 5px;    margin-top: -6px;}
	.idiomas {    padding: 0 5px;}
	.contenedorgran { max-width: 1250px;}
	body{font-size: 16px; line-height: 24px;}
	.serveiHome h2{font-size: 24px; line-height: 26px;}
	h3, .deprojectes2 h3{font-size: 24px; line-height: 30px;}
	.notiHomeh3 {font-size: 18px; line-height: 24px;}
	.serveiHome img {width: 110px;}
	.sepInterior{ margin-top: 150px;}
	a.link-menulat{font-size: 13px;}
	ul.menu-lat li{font-size: 13px;}
	.colaborador1{ width:70px; }
	.colaborador2{ width: 116px;    margin-left: 32px;    margin-top: 8px;}
	.colaborador3{ width:160px; }
	.colaborador4{ width:182px;margin-top:20px; }
}

@media (max-width: 1360px) {
    .nav > li > a { padding: 0px 11px;}
    .menuPrincipal2 {    padding-top: 21px;}
    .dropdown {font-size: 17px;padding: 16px 20px 15px 20px;}

}

@media (max-width: 1280px) {
.los4premios p {    font-family: 'regular';    font-size: 18px;    line-height: 23px;}	
.los4premios4 {  font-size: 26px;  line-height: 27px;}
.los4premios5 {  font-size: 26px;  line-height: 27px;}
.los4premios6 {  font-size: 26px;  line-height: 27px;}


    .contenedorgran { max-width: 1150px;}
    .serveiHome img {width: 90px;}
		a.dadesFixe {font-size: 13px;}
    a.dadesFixe2 {font-size: 13px;}
    a.dadesFixe3 {font-size: 13px;}
    .menuPrincipal2 {    padding-top: 12px;}
   	.projecte_grid figure {max-height: 260px;}
		.talltxt {  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;}
		.dropdown { font-size: 16px;    line-height: 20px; padding: 16px 17px 15px 17px;}
		.specialone{text-align: center;padding:1% 12% 5% 12%;}
		.footer{background-image: url(../imgs/fbajos2.png);}
		.losdefooter {display: grid;grid-template-columns: 60% 1fr;}

}

@media (max-width: 1150px) {

  .dropdown {font-size: 15px;padding: 16px 11px 15px 11px;}
	.loslaterales { padding: 0 1%!important;}
	.espect { font-size: 14px; padding-left: 6px;}
  .losidiomastop { text-align: right; margin-top: 22px;}	
}

@media (max-width: 1024px) {
	.colaborador1{ margin-bottom:20px }
	.colaborador2{ margin-bottom:20px;}
	.colaborador3{ margin-bottom:20px}
	.dropdown {    font-size: 14px; } 
	.logo1 { margin-left: 11px;}
	.icorrss {margin-top: -4px; height: 49px}
	a.dadesFixe {font-size: 11px;}
	a.dadesFixe2 {font-size: 12px;}
	a.dadesFixe3 {font-size: 12px;}
	.botoPressupost{font-size: 12px;}
	.inputNew::placeholder{  font-size: 16px;  color: #000;  }
	.textareaNew::placeholder{  font-size: 16px;  color: #000;  }
	.loscinco {    min-height: 208px;}	
	.caixaContacte a {    font-size: 20px;    line-height: 21px;}
	.caixaContacte img {    width: 38px;    margin: 0 8px 20px 0;}
	.linksPeu a {    padding: 0 10px; }
	.cuatroservs{clear: both;margin-top: 50px;z-index: 5; position:relative;}	
	h4 {    font-size: 21px;    line-height: 25px;}
	.nav > li > a { padding: 0px 3px!important;}
	.itemcesto {    font-size: 11px;    padding: 2px 0;    width: 79px;}
	.familias {    padding: 25px 0 0 10px;}
	.contenedor {    width: 100%;    padding-right: 1%;    padding-left: 1%;}
	.loslaterales{padding:0 2%!important;}
	.ideom {    margin-top: 6px!important;}	
	.contenedor{padding: 0 3% !important;}
	.mostrarTitol{display: block;}
	.contenedorgran { max-width: 950px;}
	.icoContacte{font-size: 13px;}
	.logo2{max-width: 95px;}
	h3, .deprojectes2 h3 {      font-size: 16px;    line-height: 19px;}
	.deprojectes2:hover h3 {    font-size: 20px;    line-height: 24px;}
	.titPetit {font-size: 20px; line-height: 26px;}
	.notiHomeh3 {font-size: 16px; line-height: 22px;}
	.imgContacte{padding-top: 13%;}
	.dadesPeu a {font-size: 14px; line-height: 18px;}
	.principalsHome{margin-bottom: 20px;}
	.ajustContenedorgran100{margin-top: 100px !important;}
	.colocatitle h1{font-size: 27px; line-height: 35px;}
	.colocatitle h2{font-size: 18px !important; line-height: 22px !important;}
	.cardTeam{height: 300px;}
	.cardTeam p {margin: 0;}
	.cta{padding: 2px 15px;}
	.cta:before {width: 30px; height: 30px;}
	.blocsAdmin{margin: 50px 0 0 0 !important; }
	.imgCheck {    margin: 0px 10px 15px 0;}
	.c-preview__title{left: 20px;}
	.servRelFitxa{font-size: 13px; line-height: 18px;}
	.catNoti{padding: 5px 10px;}
	.iconsFitxa{width: 30px; height: 30px;}
	.deprojectes2 h3 {left: 16%;}
	.fonsRelacionats{ padding: 30px 0;}
	.fonsincpie{padding: 6% 0;}
	.blocfooter {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 50px;grid-row-gap: 50px;}
	.blocfooter_div1 { grid-area: 1 / 1 / 2 / 2; }
	.blocfooter_div2 { grid-area: 1 / 2 / 2 / 3; }
	.blocfooter_div3 { grid-area: 2 / 1 / 3 / 2; }
	.blocfooter_div4 { grid-area: 2 / 2 / 3 / 3; }
	.blocquisom {grid-column-gap: 50px;}
	.projecte_grid figure {max-height: 205px;}
	.talltxt {  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden;}
	.sepInterior{ margin-top: 120px;}
	.botoIdiomes{font-size: 10px;}
	.specialone { padding: 1% 12% 5% 12%!important; }
	.losdefooter { display: grid; grid-template-columns: 69% 1fr; }    
	.footer{background-image: url(../imgs/fbajos3.png);}
	.llistatHome {grid-template-columns: repeat(auto-fill, minmax(17em, 1fr)); grid-gap: 36px;}
    .los4premios p {  font-size: 16px;  line-height: 20px; }
.los4premios { grid-column-gap: 20px;}
.los4premios5 {padding: 6%; min-height: 370px;}
.los4 { grid-column-gap: 20px;}
.los4 p { font-size: 16px; line-height: 21px; }
.los41{font-size: 23px;line-height: 25px;}.los42{font-size: 23px;line-height: 25px;}
.los43{font-size: 23px;line-height: 25px;}.los44{font-size: 23px;line-height: 25px;}
}



@media (max-width: 1023px) {
.los4 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 10px;grid-row-gap: 10px;}
.los41 { grid-area: 1 / 1 / 2 / 2;min-height: 200px;}
.los42 { grid-area: 1 / 2 / 2 / 3;min-height: 200px;}
.los43 { grid-area: 2 / 1 / 3 / 2;min-height: 200px;}
.los44 { grid-area: 2 / 2 / 3 / 3;min-height: 200px;}
.los252{padding-top: 152px;}
.sloganCap { font-size: 31px; line-height: 32px;    }
.los28 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px; }
.los281 { grid-area: 1 / 1 / 2 / 2; min-height: auto; padding: 2%; }
.los282 { grid-area: 2 / 1 / 3 / 2; }
.los282 { padding-right: 0%;}
    .los6 { margin: 25px;}
    .los6 img { margin: 25px 0 ;}
    .los6 {  grid-column-gap: 30px; grid-row-gap: 30px;}
.incbsite { margin-top: 58px;}
.div1parent {min-height: 450px;}
.losidiomastop{display: none;}
.los4premios {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(6, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.los4premios1 { grid-area: 1 / 1 / 2 / 2; }
.los4premios2 { grid-area: 3 / 1 / 4 / 2; }
.los4premios3 { grid-area: 5 / 1 / 6 / 2; }
.los4premios4 { grid-area: 2 / 1 / 3 / 2; margin-bottom: 30px;}
.los4premios5 { grid-area: 4 / 1 / 5 / 2; margin-bottom: 30px; }
.los4premios6 { grid-area: 6 / 1 / 7 / 2; }
    .llistatHome { grid-template-columns: repeat(auto-fill, minmax(28em, 1fr)); grid-gap: 36px;    }
	.textin{padding:60px!important}
	.navbar-nav{display:none!important;}
	.imgNotiMobile{display: block !important;}
	.borrar1023{display: none;}
	.menuSup{display: none;}
	.mundial{top:0;}
	.blocs{height: 91vh;}
	.indexBlocs{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px; margin-top: 90px;}
	.indexBlocs img{object-fit: cover; width: 100%; height: calc(45.6vh - 10px);}
	.indexBlocs_div1 { grid-area: 1 / 1 / 2 / 2; }
	.indexBlocs_div2 { grid-area: 1 / 2 / 2 / 3; }
	.indexBlocs_div3 { grid-area: 1 / 3 / 2 / 4; }
	.indexBlocs_div4 { grid-area: 2 / 1 / 3 / 2; }
	.indexBlocs_div5 { grid-area: 2 / 2 / 3 / 3; }
	.indexBlocs_div6 { grid-area: 2 / 3 / 3 / 4; }
	h2{font-size: 3vw; line-height: 3vw;}

.losdefooter {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.losdefooter1 { grid-area: 1 / 1 / 2 / 2; }
.losdefooter2 { grid-area: 2 / 1 / 3 / 2; }
.footer{ background-color: #333; background-image: none;padding: 0}
}

@media (max-width: 1010px) {
  	.aparecer{display: block;}
    .logo1 { width: 300px;        margin-top: 16px;        margin-left: calc(50% - 150px);    }
    .loslaterales{margin-bottom: 20px;}
  	.logo2{margin-left: 42%!important;}
 	.grises{background-color:#eeeeee;min-height:146px!important }	
 	.unotiHome {    grid-template-columns: repeat(1, 1fr);}
 	.unotiHome_div1 { grid-area: 1 / 1 / 2 / 2;margin-bottom:50px }
	.unotiHome_div2 { grid-area: 2 / 1 / 3 / 2;margin-bottom:50px }
	.unotiHome_div3 { grid-area: 3 / 1 / 4 / 1;margin-bottom:50px }
	.columnaFiltres {    width: 100%;}
	.aladerecha{text-align: left!important;}

}

@media screen and (min-width: 1023px) {
  #menuMobile{display:none;}
	.caixaRelacionats { padding: 0 14px;} 


}

 @media screen and (max-width: 768px) {
	.alaizquierda{text-align: center;}
	.contenedorgran { max-width: 700px;}
	.destacatsHome{padding: 0 10px; margin-bottom: 20px;}
	.caixaConeix{margin-bottom: 30px;}
	.dadesPeu{text-align: center;}
	.dadesPeu a {    font-size: 11px; }
	.linksPeu a { padding: 0 0px 0 15px;}
	.incPie2{padding: 0px 0 30px 0;}
	.acincuenta{margin-top: 50px !important;}
	.cardTeam{height: auto;}
	.colocatitle{left: 0;}
	.alturaInt{height: 150px !important;}
	.reciclaje2{display: none;}
	.caixaRelacionats{padding: 0 0px;}
	.barratop{display: none;}
	.caixaContacte{height: auto; min-height: 200px;}
	.caixaContacteMail a{font-size: 13px;}

.fonsCta{width: 100%; height: auto; background-size: cover; padding: 50px 0 0 0;}

.blocquisom {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 50px;text-align: center; margin-bottom: 0px;}
.blocquisom_div1 { grid-area: 1 / 1 / 2 / 2; padding-left: 5%; padding-right: 5%;}
.blocquisom_div2 { grid-area: 2 / 1 / 3 / 2; }

.fonsincpie{ padding: 50px 0; text-align: center;}

.blocfooter {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 50px;text-align: center;}
.blocfooter_div1 { grid-area: 1 / 1 / 2 / 2; }
.blocfooter_div2 { grid-area: 2 / 1 / 3 / 2; }
.blocfooter_div3 { grid-area: 3 / 1 / 4 / 2; }
.blocfooter_div4 { grid-area: 4 / 1 / 5 / 2; }
.ajust30{padding-bottom: 30px;}
.grises{background-color:#eeeeee;min-height:210px!important;padding:15px; }	

.projecte_grid figure {max-height: 265px;}
.talltxt {  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden;}
.sepInterior{ margin-top: 100px;}


.ajustText{font-size: 15px;}
.inputNew, .textareaNew{font-size: 15px;}
.inputNew::placeholder{font-size: 15px;}
.textareaNew::placeholder{font-size: 15px;}

.unotiHome{grid-column-gap: 30px;}
.serveis h2{font-size: 16px; line-height: 20px;}
h5{font-size: 18px; line-height: 20px;}

body{font-size: 14px; line-height: 20px;}
.incbsite{margin-top: 65px;}
.llistat{grid-template-columns: repeat(auto-fill,minmax(26em, 1fr));}
.ajustText{font-size: 11px; line-height: 16px;}

}


@media (max-width: 767px) {
.sus2maquinas{margin-top: 35px;}

.textin2 {    font-size: 15px;line-height: 22px;}	
  .textin {    font-size: 14px;line-height: 22px;} 
.llistatHome { grid-template-columns: repeat(auto-fill, minmax(14em, 1fr)); }	
.losjurados { font-size: 20px; line-height: 26px;}
.slogan {    font-size: 23px;    line-height: 28px;}
	.los6 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);grid-column-gap: 10px;grid-row-gap: 10px;}
	.los61 { grid-area: 1 / 1 / 2 / 2; }
	.los62 { grid-area: 1 / 2 / 2 / 3; }
	.los63 { grid-area: 2 / 1 / 3 / 2; }
	.los64 { grid-area: 2 / 2 / 3 / 3; }
	.los65 { grid-area: 3 / 1 / 4 / 2; }
	.los66 { grid-area: 3 / 2 / 4 / 3; }

.los4 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 10px;grid-row-gap: 10px;}
.los41 { grid-area: 1 / 1 / 2 / 2;min-height: auto;}
.los42 { grid-area: 2 / 1 / 3 / 2;min-height: auto;}
.los43 { grid-area: 3 / 1 / 4 / 2;min-height: auto;}
.los44 { grid-area: 4 / 1 / 5 / 2;min-height: auto;}
.los252 { padding-top: 75px;    }
.losjurados div { padding: 20px 35px;}
.gridnhome {grid-template-columns: repeat(1, 1fr);}
.gridnecesidad {    grid-template-columns: repeat(1, 1fr);}
.div1parent { grid-area: 1 / 1 / 2 / 2;min-height: 250px;}
.div2parent { grid-area: 2 / 1 / 3 / 2;}
.textin {    padding: 25px!important;}
.serveis {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
.serveis_div1 { grid-area: 1 / 1 / 2 / 2; }
.serveis_div2 { grid-area: 2 / 1 / 3 / 2; }
.serveis_div3 { grid-area: 3 / 1 / 4 / 2; }

.unotiHome {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
.unotiHome_div1 { grid-area: 1 / 1 / 2 / 2; }
.unotiHome_div2 { grid-area: 2 / 1 / 3 / 2; }
.unotiHome_div3 { grid-area: 3 / 1 / 4 / 2; }

.incbsite{margin-top: 0;}

.ajustText{font-size: 14px;}
.inputNew, .textareaNew{font-size: 14px;}
.inputNew::placeholder{font-size: 12px;}
.textareaNew::placeholder{font-size: 12px;}



}




@media (max-width: 679px) {

	.spanOk + span{		display: none !important;	}
	.mundial{position: relative; text-align: center;}
	.sepInterior{ margin-top: 0; }

	.logo1 {    width: 96px;    margin-top: 10px;    margin-left: calc(50% - 48px);}	

	.margenestop{ margin-top: 50px;}
	.logo2 { width: 225px;    margin-left: 32%!important;}	
	.contenedorgran {    max-width: 330px;}
	.dadesPeu a {    font-size: 14px; }
	.dadesPeu{margin-bottom: 30px;}
	.linksPeu{display: grid; grid-row-gap: 10px;;}
	.deprojectes2{margin-top: 10px;}
	.logo2 {    width: 255px;    margin-top: 10px;    margin-left: calc(61% - 75px);}
	.colocatitle h1{font-size: 20px; line-height: 25px;}
	.colocatitle h2{font-size: 14px !important; line-height: 20px !important;}
	.titPetit{display: none !important;}
	.deprojectes2 h3 { bottom: 20%; }
	.bannerGran{display: none;}
	.bannerMobile{display: block;}
	.caixaRelacionats{padding: 0 10px;}
	.flex-caption {bottom: 50px; max-width: 70%; right: 10px; }
	.c-preview__title {font-size: 12px; line-height: 16px;}
	.fotoNotiLlistat{border-radius: 20px 0 0 0;}
	.massatgeGran{display: none;}
	.massatgeMobil{display: block;}

.blocs{height: 85vh;}
.indexBlocs {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(6, auto);grid-column-gap: 0px;grid-row-gap: 0px; margin-top: 0;}
.indexBlocs_div1 { grid-area: 1 / 1 / 2 / 2; }
.indexBlocs_div2 { grid-area: 2 / 1 / 3 / 2; }
.indexBlocs_div3 { grid-area: 3 / 1 / 4 / 2; }
.indexBlocs_div4 { grid-area: 4 / 1 / 5 / 2; }
.indexBlocs_div5 { grid-area: 5 / 1 / 6 / 2; }
.indexBlocs_div6 { grid-area: 6 / 1 / 7 / 2; }
.indexBlocs img{object-fit: cover; width: 100%; height: calc(13.5vh - 10px);}






h1{font-size: 7vw; line-height: 6vw;letter-spacing: -1px;margin-bottom: 4px}
h2{font-size: 5vw; line-height: 6vw;}
h3{font-size: 5vw; line-height: 6vw;}


.bloccta_div2_txt{font-size: 5vw; line-height: 6vw;}

.logo1{margin-left: 0; width: 100%; max-width: 180px;}
.logo2{margin-left: 39% !important;}



#divFiltres{margin-bottom: 30px;}
.migas{display: block !important;}
.foraPunt{display: none;}
.botoNormal3{padding: 10px 20px;}

.form_consen{margin-bottom: 50px;}

.nav > li > a {    padding: 6px 10px!important;}


}

@media only screen and (max-width: 1003px),
  (min-device-width: 300px) and (max-device-width: 1003px)  {
  	.esconderico{
  		display: inline-block;
	}

  	/* Force table to not be like tables anymore */
  	.table, .thead, .tbody, .th, .td, .tr {  display: block;  }

  	/* Hide table headers (but not display: none;, for accessibility) */

  	thead tr { 
  		position: absolute;
  		top: -9999px;
  		left: -9999px;
  	}

  	.td { 
  		/* Behave  like a "row" */
  		border: none;
  		border-bottom: 1px solid #eee; 
  		position: relative;
  		padding-left: 35%;
  		min-height:35px;	  
  	}

  	.td:before { 
  		/* Now like a table header */
  		position: absolute;
  		/* Top/left values mimic padding */
  		top: 0px;
  		left: 6px;
  		padding-right: 10px;
  		font-weight: bold;
  		white-space: nowrap;
  	}
}
  
.taulaEstandard {
	border-spacing: 0px;
	border-width: 0px;
}

.taulaEstandard td, .taulaEstandard th {
	padding: 0px;
	vertical-align: top;
}


/* -------  Blocs Admnin -----------------------------------------------------*/
.blocsAdmin{margin: 80px 0 0 0; padding: 0 !important;}
.blocsAdmin_img{padding: 0 !important;}
.divAdmin_img{background-size:cover; background-position:center; width: 100%; padding: 60% 0 0 0; margin: 0; border:  1px solid green;}
.blocsAdmin_onlyimg{background-size:contain; background-position:center; background-repeat: no-repeat; width: 100%; padding-top: 25%;border:  1px solid red; }
.blocsAdmin .txtDreta{padding-left: 5%;}
.blocsAdmin .txtEsquerra{padding-right: 5%;}

@media (max-width: 679px) {
    .blocsAdmin .txtDreta{padding-left: 0px !important; padding-right: 0px !important; margin-bottom: 30px;}
    .blocsAdmin .txtEsquerra{padding-right: 0px !important; padding-left: 0px !important; margin-bottom: 30px;}
    .divAdmin_img{margin-bottom: 30px;}}
/* -------  Fi Blocs Admnin -----------------------------------------------------*/