@font-face {    font-family: 'Bold';    src: url('../fonts/Poppins-Bold.eot');    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),        url('../fonts/Poppins-Bold.ttf') format('truetype'),        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Semibold';    src: url('../fonts/Poppins-SemiBold.eot');    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');    font-weight: 600;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Regular';    src: url('../fonts/Poppins-Regular.eot');    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),        url('../fonts/Poppins-Regular.ttf') format('truetype'),        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}

.llistatsectors{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(11em, 1fr)); grid-gap: 30px;}
.llistatsectors_img{background-size: cover; background-position: center center;width: 100%; transition: 0.5s; padding-top: 210%!important;}
.llistatsectors_img:hover{transition: 0.5s; margin-top: -30px;}
.colocatxtvideo{position: absolute;  z-index: 444;  bottom: 200px;    left: 7%;    z-index: 115;    max-width: 40%;    width: 100%;    text-align: left;}
.cajadevideo{font-family: 'Semibold' ,Arial, Helvetica, sans-serif;    font-size: 60px;    line-height: 65px;    color: #fff;  padding: 4% 6%; text-shadow: 2px 2px 9px #000000; background-color: rgba(0, 0, 0, 0.5);}
.boxMenu {display: grid;grid-template-columns: 30% 70%;grid-template-rows: 45px 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.boxMenu1 { grid-area: 1 / 1 / 3 / 2; }
.boxMenu2 { grid-area: 1 / 2 / 2 / 3; background-color:#1d1d1b; text-align: right; background-image: url('../imgs/f-tel.gif'); background-repeat: repeat-y; background-position: left top;}
.boxMenu3 { grid-area: 2 / 2 / 3 / 3; }
.idiomas{ font-family: 'Regular'; font-size: 14px;}
.alospies{font-size: 13px;    line-height: 15px;    color: #fff; text-transform: uppercase;}
.alospies a{color: #fff!important;	text-decoration: underline!important;  text-decoration-color: rgba(0, 0, 0, 0)!important;}
.demografic{position: fixed!important; width: 100%!important; z-index:777!important; top:0!important; background-color: #ffffff!important;}
.divConfigCookies {    background-color: #ebebeb;    border-radius: 4px;    margin: 0 auto;    min-width: 400px;    padding: 20px 30px 0px 30px;    font-weight: normal!important;    font-size: 14px;    text-align: center;    display: inline-block;    width: 100%;    margin-bottom: 20px;}.organic2 {    animation: organic 30s infinite; width: 100%; max-width:444px   }
.delos120{position:relative; margin-top:120px;}
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%);}
.newsHome{background-size: cover; width: 100%; padding-top: 60%; background-position: bottom center;border-bottom: 7px solid #0097c5; margin-bottom: 11px;}
.colocatitle{width: 100%; padding-left: 10px;  }
.mundial{ width:100%; transition: all 1s ease; position: fixed; top: 50px; z-index: 544; background-color: #fff; background-image: url('../imgs/f-tel1.gif')!important; background-position: top right!important; background-repeat: no-repeat;}
.menuScroll {  transition: all 1.5s ease;     box-shadow: rgba(33, 35, 88, 0.3) 0px 10px 10px -10px; top: 35px;}
body {	font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #444;    line-height: 25px;    font-weight: normal;    font-style: normal;    font-size: 18px; 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: #1b1b1b; line-height: 15px;   padding: 5px 12px 10px 18px;}
.dropdown a{color: #1b1b1b !important}

.supervideo{object-fit: cover;width:100%;height: 70vh}

a:link{	text-decoration: none;	color: #003d65;}
a:visited{	text-decoration: none;	color: #003d65;}
a:hover{	text-decoration: none;	color: #003d65;}
a:active{	text-decoration: none;	color: #003d65;}

.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: 423px;    margin-top: 10px;    margin-bottom: 10px;    -webkit-transition: 0.5s;    -moz-transition: 0.5s;    -o-transition: 0.5s;    transition: 0.5s; }
.logo2 {    width: 100%;    max-width: 254px;    margin-top: 10px;    margin-bottom: 5px;}

h1 {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size:40px;    line-height: 45px;    color: #1b1b1b; margin: 0;  }
h2 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 30px;	line-height: 31px;	color: #1b1b1b;	margin: 15px 0; }
h3 {	font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 22px;    line-height: 22px;    color: #1b1b1b;    margin: 0;  }
h4 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 18px;	line-height: 20px;	color: #1b1b1b;	margin: 0;  text-transform: uppercase;}
h5 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 20px;	line-height: 23px;	color: #0097c5;	margin: 0;	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: left;
}

.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: left;
}


.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;
}
hr.lineag { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 15px;
	margin-bottom:5px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #216fa3;
}
.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;max-width:1500px;width: 96%;margin:0 auto; padding: 0;}

.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: 'Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: #003d65;
}

 
.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: 11px;  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{padding-top: 23px; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.menuPrincipal2{padding-top: 8px; -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;}


/*.menuPrincipal .mm-selected a{color: #0097c5!important;}*/
.mm-selected a{color: #006A95!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;margin: 0 auto;}


.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;        border-color: #EEEEEE;    }
    .panel-default > .panel-heading {        padding: 0;        border-radius: 0;        color: #212121;        background-color: #FAFAFA;        border-color: #EEEEEE;    }
    h4.panel-title {        font-size: 14px !important;   }
    .panel-title > a {        display: block;        padding: 15px;        text-decoration: none;    }
    .more-less {        float: right;        color: #212121;    }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {        border-top-color: #EEEEEE;    }


.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: #0097c5; font-size: 15px; 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: 16px; font-family: 'Semibold'; margin-right: 0px; 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: #0097c5; transition: 0.5s;}
a.dadesFixe3:hover{color: #0097c5; transition: 0.5s;}
.botoPressupost{float: right; min-height: 50px; padding: 5px 10%;  background-color:#003d65; 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:#003d65;}
.botoPressupost:hover a{color: #003d65!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: 70px;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: #003d65; }
.iconesHome{text-align: center;}


.blocColor1{background-color: #e1e1e1; color: #000;}
.blocColor2{background-color: #003d65;}
.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: top center; }
.serveiMenu_titol h2{ text-align:left; }
.serveiMenu:hover{border: 3px solid #003d65; opacity: 1 !important; transition: 0.5s;}



.botoNormal{display: inline-flex; align-items: center; justify-content: center; padding: 7px 50px; background-color: #003d65; transition: 0.5s; font-size: 14px; font-family: 'Semibold'; 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: #003d65; 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; }
.botoNormal3{margin: 0px 0; padding: 5px 30px;}

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




.blocfooter a {
    text-decoration: underline!important;
    text-decoration-color: rgba(0, 0, 0, 0)!important;	
}

.unaMaquina {
	width: 30%;
	height: 120px;
	overflow: hidden;
	border: 1px dashed red !important;
	display: inline-block;
	margin: 10px;
}

.blocSectors {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-color: #000;
	background-image: url('../imgs/fons-sectors.jpg');
	background-position: center center;
	background-size: cover;
}
.blocSectors h2 {
	color: black;
	margin-bottom: 10px;
	padding: 20px;
}
.sectorHome {
	display: inline-block;
	border: 1px dashed green;
	width: 200px;
	vertical-align: top;
}

.blocMaquines {
	text-align: center;
	margin-bottom: 10px;
	background-color: #e6e6e6;
	padding: 20px 20px 70px 20px;
}
.blocMaquines h2 {
	color: black;
	margin-bottom: 10px;
	padding: 30px;
}
.maquinaHome {
	display: inline-block;
	border: 1px dashed blue;
	width: 200px;
	vertical-align: top;
}
/*---------------*/
/***** 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;}
.inputNew2{ padding: 8px 20px;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;  font-style: italic; font-size: 13px;  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; min-height: 86px;}
.textareaNew2{ padding: 8px 20px;}
.textareaNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #1c1c1b;text-align: left; font-style: italic;}
.amagar{display: none;}
.mm-amagat{opacity: 0.25;}
.amagarNotif{margin-top: 0px; font-size:12px; color: #1c1c1b !important;}
.amagarNotif a{font-size:12px; color: #511f63 !important;}

.footer{background-color: #003d65;padding: 2% 0;}
.logoPeu{width: 100% !important; max-width: 400px !important; margin-bottom: 20px;}
.footer h5{color: #fff;}

.blocfooter {display: grid;grid-template-columns: 16% 16% 17% 17% 17% 17%;grid-template-rows: 1fr;grid-column-gap: 3px;grid-row-gap: 0px;}
.blocfooter a{font-size: 13px; line-height: 15px; color: #fff; transition: 0.5s; text-decoration: underline!important; text-decoration-color: rgba(0, 0, 0, 0)!important;	}
.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; text-align: center;line-height: 19px;}
.blocfooter_div4 span{ color:#fff; font-size: 14px; line-height: 20px; font-family: 'regular'}
.blocfooter_div4 img{margin-bottom: 15px;}
.blocfooter_div5 { grid-area: 1 / 5 / 2 / 6; text-align: center;}
.blocfooter_div5 span{ color:#fff; font-size: 14px; line-height: 20px; font-family: 'regular'}
.blocfooter_div5 a{ color:#fff; font-size: 20px; line-height: 21px; font-family: 'regular'}
.blocfooter_div5 img{margin-bottom: 15px;}
.blocfooter_div6 { grid-area: 1 / 6 / 2 / 7; text-align: center;}
.blocfooter_div6 span{ color:#fff; font-size: 14px; line-height: 20px; font-family: 'regular'}
.blocfooter_div6 a{ color:#fff; font-size: 20px; line-height: 21px; font-family: 'regular'}
.blocfooter_div6 img{margin-bottom: 15px;}

.icoXarxa{width:30px;}
.xarxa { width: 30px;        height: auto;        position: relative;        display: inline-block;        transition: 1s;   margin-right: 10px; margin-bottom: 25px;}
.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;    }

.interior{margin-top: 2%;}
.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 #003d65; 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{background-color: #1b1b1b !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;}

.path{font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 12px;	color: #ccc!important; line-height: 12px;}

.llistat{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(20em, 1fr)); grid-gap: 50px;}
.llistat_img{background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; padding-top: 70%;}
.llistat_titol {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 20px;	line-height: 26px;	color: #1b1b1b;	margin: 10px 0;	transition: 0.5s; text-transform: none; padding: 0; text-align: left;}
.llistat_box{padding: 10px; background-color: #fff; transition: 0.5s; }
.llistat_box:hover{ background-color: #989897; transition: 0.5s; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;}
.llistat_box:hover .llistat_titol{color: #fff; transition: 0.5s;}
.llistat_box a{color: #1b1b1b !important; transition:0.5s;}
.llistat_box:hover a{color: #fff !important; transition:0.5s;}

.especialh2{ font-family: 'Semibold'; position: absolute; z-index:212; bottom:10px; background-color: rgba(0, 61, 101, 0.7); color:#fff!important; padding:10px!important; width:100%; font-size: 22px; text-align:center;}
.iconsFitxa{ width: 30px; height: 30px;}
.opServei{ margin-right:20px;width: 45px; height: 45px; padding:10px; align-items: center; justify-content: center; background-color: #003d65; transition: 0.5s;margin-bottom: 5px;}
.opServei:hover{background-color: #989897; transition: 0.5s;}

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


.llistatde4{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(18em, 1fr)); grid-gap: 0px;}


.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: 10;  -webkit-box-orient: vertical;    overflow: hidden;}




.incbsite{margin-top: 130px; position: relative;}
.botoIdiomes{ font-family: 'Regular';    font-size: 16px;    padding: 6px 10px 0 15px;}
.botoIdiomes2{transition: 0.5s;}
.botoIdiomes2:hover{color: #003d65 !important; transition: 0.5s;}

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

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

.fonsincpie{ width: 100%; height: auto;  padding: 3% 0; margin-top: 0; border-top:1px solid #ccc }
.sepInterior{background-size: cover; background-position:center; height: 30px; width:100%; margin-top: 170px;}
.migas{display: inline-flex; align-items: baseline;}

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

.menuEspecial{background-color: rgba(122, 33, 46, 0.85) !important;}
.idiomesMobile{border: 1px solid #003d65; 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) {
    .mascaraHome {top: 23px !important}
}


@media screen and (max-width: 1600px) {
    .contenedor {padding-right: 4%;	padding-left: 4%;}
}

@media screen and (max-width: 1440px) {
	.contenedor {padding-right: 4%;	padding-left: 4%;}
	.contenedorgran { max-width: 1350px;}
  body{font-size: 18px;}
  .mascaraHome {top: 4px !important}
  .cajadevideo{font-family: 'Semibold' ,Arial, Helvetica, sans-serif;    font-size: 50px;    line-height: 55px;    color: #fff;  padding: 4% 5%;}
	.dropdown {    font-size: 17px;    color: #1b1b1b;    line-height: 15px;    padding: 2px 12px 10px 10px;}
	.llistatsectors {    grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));    grid-gap: 30px;}
}

@media (max-width: 1366px) {
	a.dadesFixe2 {font-size: 14px;}
	a.dadesFixe3 {font-size: 16px;}
	h2 {    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 25px;    line-height: 29px;    color: #1b1b1b;    margin: 15px 0;}
	.idiomas {    padding: 0 5px;}
	.dropdown {    font-size: 15px; padding: 5px 8px 10px 0px;}
	.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;}
	.llistat{grid-template-columns: repeat(auto-fill,minmax(17em, 1fr));}
	.mascaraHome {top: 0px !important}
	.especialh2 {    padding: 10px!important;    width: 100%;    font-size: 19px;}
}


@media (max-width: 1360px) {
    .nav > li > a { padding: 0px 11px;}
    .menuPrincipal2 {    padding-top: 21px;

}

@media (max-width: 1280px) {
    .contenedorgran { max-width: 1150px;}
    .serveiHome img {width: 90px;}
		a.dadesFixe {font-size: 13px;}
    a.dadesFixe2 {font-size: 13px;}
    a.dadesFixe3 {font-size: 13px;}
    .menuPrincipal {    padding-top: 30px;}
    .menuPrincipal2 {    padding-top: 7px;}
    	.projecte_grid figure {max-height: 260px;}
.talltxt {  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;}
.llistatsectors {    grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));    grid-gap: 20px;}


}

@media (max-width: 1150px) {
	.loslaterales {    padding: 0 1%!important;}
	.espect {    font-size: 14px;    padding-left: 6px;}
	.llistat {    grid-template-columns: repeat(auto-fill,minmax(19em, 1fr));}
	.llistatsectors {    grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));    grid-gap: 20px;}
}

@media (max-width: 1024px) {
	h1 {    font-size: 34px;    line-height: 39px;}
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;}
  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;}

.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;}
.blocfooter a {    font-size: 11px;    line-height: 13px;}
.blocfooter_div5 a {    font-size: 16px;}
.blocfooter_div6 a {    font-size: 16px;}
h5 {    font-size: 18px;}
.colocatxtvideo{ bottom: 100px;}
.cajadevideo {    font-size: 41px;    line-height: 45px;}
.boxMenu2 {    background-image: url(../imgs/f-tel2.gif);}
.llistatsectors {    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-gap: 20px;}
.llistatsectors_img {    padding-top: 118%!important;}
}

@media (max-width: 1023px) {
.delos120{position:relative; margin-top:105px;}
.supervideo{object-fit: cover;width:100%;height: 50vh}	
.colocatxtvideo {    bottom: 66px;}
.cajadevideo {    font-size: 35px;    line-height: 37px;}	
.navbar-nav{display:none!important;}
.imgNotiMobile{display: block !important;}
.borrar1023{display: none;}
.mundial {    background-image: none!important;}
.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;}

.blocfooter {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
.blocfooter_div1 { grid-area: 1 / 1 / 2 / 2;padding-bottom:30px;  }
.blocfooter_div2 { grid-area: 1 / 2 / 2 / 3;padding-bottom:30px;  }
.blocfooter_div3 { grid-area: 1 / 3 / 2 / 4; }
.blocfooter_div4 { grid-area: 2 / 1 / 3 / 2; }
.blocfooter_div5 { grid-area: 2 / 2 / 3 / 3; }
.blocfooter_div6 { grid-area: 2 / 3 / 3 / 4; }

.boxMenu {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.boxMenu1 { grid-area: 1 / 1 / 2 / 2; }
.boxMenu2 { grid-area: 2 / 1 / 3 / 2;display: none; background-image: none;    background-color: #fff!important;}
.boxMenu3 { grid-area: 3 / 1 / 4 / 2;display: none; }
.demografic{position: fixed; width: 100%; z-index:777; top:0;background-image: none; background-color: #ffffff;}
}

@media (max-width: 1010px) {
 	.aparecer{display: block;}
	.logo1 {    width: 300px;    margin-top: 10px;    margin-left: calc(50% - 150px);}
  .loslaterales{margin-bottom: 20px;}
  h1 {    font-size: 37px;    line-height: 45px;}
}

@media screen and (min-width: 1003px) {
  #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;}

.footer{padding: 50px 0;}
.ajust30{padding-bottom: 30px;}
h1{font-size: 3vw; line-height: 4vw;}
h2{font-size: 3vw; line-height: 4vw;}
h3{font-size: 4vw; line-height: 5vw;}


.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(17em, 1fr));}
.ajustText{font-size: 11px; line-height: 16px;}

}


@media (max-width: 767px) {
.alospies {    line-height: 30px;}
.delos120{position:relative; margin-top:80px;}
.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: 75px;}

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

.blocfooter {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(6, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.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; }
.blocfooter_div5 { grid-area: 5 / 1 / 6 / 2; }
.blocfooter_div6 { grid-area: 6 / 1 / 7 / 2;}

.blocfooter_div4 img {    margin-top: 15px;    width: 30px;}
.blocfooter_div5 img {    margin-top: 15px;   width: 30px;}
.blocfooter_div6 img {    margin-top: 15px;   width: 30px;}
}
.alospies a { white-space: nowrap; }
}




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


.blocquisom{padding-top: 50px; }



h1{font-size: 5vw; line-height: 6vw;}
h2{font-size: 5vw; line-height: 6vw;}
h3{font-size: 5vw; line-height: 6vw;}


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

.logo2 {    margin-left: 6% !important;}
.logo1 {    margin-left: 0;    width: 100%;    max-width: 226px;}
#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;}
.cajadevideo {    font-size: 26px;    line-height: 28px;}
.colocatxtvideo {  z-index: 115;    max-width: 88%;}

}

@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 -----------------------------------------------------*/




.navbar-nav > li > a{background-color: #fff !important;}

.msencajonado a {text-decoration: underline; text-decoration-color: rgba(0, 0, 0, 0.0);}