@font-face {    font-family: 'Bold';    src: url('../fonts/rubik-bold-webfont.eot');    src: url('../fonts/rubik-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/rubik-bold-webfont.ttf') format('truetype'),         url('../fonts/rubik-bold-webfont.svg#rubikbold') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Light';    src: url('../fonts/rubik-light-webfont.eot');    src: url('../fonts/rubik-light-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/rubik-light-webfont.ttf') format('truetype'),         url('../fonts/rubik-light-webfont.svg#rubiklight') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Semibold';    src: url('../fonts/rubik-medium-webfont.eot');    src: url('../fonts/rubik-medium-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/rubik-medium-webfont.ttf') format('truetype'),         url('../fonts/rubik-medium-webfont.svg#rubikmedium') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Regular';    src: url('../fonts/rubik-regular-webfont.eot');    src: url('../fonts/rubik-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/rubik-regular-webfont.ttf') format('truetype'),         url('../fonts/rubik-regular-webfont.svg#rubikregular') format('svg');    font-weight: normal;    font-style: normal;}

body { font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #787878;    line-height: 25px;    font-weight: normal;    font-style: normal;    font-size: 16px;	background-color: #ffffff;	background-repeat: repeat-x;    overflow-x: hidden;}
.row{margin-right: 0 !important; margin-left: 0 !important;}

.unicos {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.unicos1 { grid-area: 1 / 1 / 2 / 2; }

.cajatrabajo{text-align:center;border:2px solid #ccc;padding:20px;transition: 0.5s; cursor: pointer; border-radius: 5px;}
.cajatrabajo:hover{border:2px solid #ed7527;transition: 0.5s; border-radius: 15px;-webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.21);-moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.21);box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.21);}

img  { border: 0; }
a:link 		{ text-decoration: none; color: #333;}
a:visited	{ text-decoration: none; color: #333; transition: 0.5s;}
a:hover		{ text-decoration: none; color: #63644E !important; transition: 0.5s;}
a:active	{ text-decoration: none; color: #63644E;}
h1 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 40px;	line-height: 50px;	color: #6f6e6e;	font-weight: 400;	margin: 10px 0;}
h2 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 36px;	line-height: 42px;	color: #6f6e6e;	margin:10px 0 5px 0;}
h3 {	font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 26px;	line-height: 34px;	color: #6f6e6e;	margin: 5px 0;}
h4 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 24px;	line-height: 27px;	color: #413e3e;	margin: 25px 0 20px 0;}
h5 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 18px;	line-height: 24px;	color: #1d1d1d;	margin: 0px 0 10px 0;}

a h4 {	color: #413e3e;}
p {	margin: 0px;}

.textckeditor ul li{margin-left: 25px;}

.los60{float: right;margin-right: 50px;margin-top: -11px}
.parent {display: grid;grid-template-columns: 4fr repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}

.div1 { grid-area: 1 / 1 / 2 / 2; background-color: #ed7527; border-radius: 3px;  transition: 1s;}
.div2 { grid-area: 2 / 1 / 3 / 2; text-align: center;}
.div3 { grid-area: 1 / 2 / 2 / 3; background-color: #cb601b; border-radius: 3px;  transition: 1s;}
.div4 { grid-area: 2 / 2 / 3 / 3; text-align: center;}
.div5 { grid-area: 1 / 3 / 2 / 4; background-color: #b75c20; border-radius: 3px; transition: 1s; }
.div6 { grid-area: 2 / 3 / 3 / 4; text-align: center;}

.alonaranja{ padding: 40px; color: #ffffff; font-family: 'Light' ,Arial, Helvetica, sans-serif; font-size: 18px; text-align: center; line-height: 25px;}
.alonaranja > h3 {	font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 20px;	line-height: 30px;	color: #ffffff;	margin: 0;}
.delascajas{padding:20px; text-align:center;width: 23%; display: inline-grid; min-height: 150px; color: #fff; border-radius: 3px; transition: 1s; }
.delascajas2{padding:20px; text-align:center;width: 90%; display: inline-grid; min-height: 150px; color: #fff; border-radius: 3px; transition: 1s; }
.delascajas > h3 {	font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 22px;	line-height: 27px;	color: #ffffff;	margin: 0;}
.delascajas2 > h3 {	font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 22px;	line-height: 27px;	color: #ffffff;	margin: 0;}


.div1:hover {opacity: 0.6; transition: 1s;}
.div3:hover {opacity: 0.6; transition: 1s;}
.div5:hover {opacity: 0.6; transition: 1s;}
.delascajas:hover {opacity: 0.6; transition: 1s;}
.delascajas2:hover {opacity: 0.6; transition: 1s;}



.de50{padding:30px 0;}
.videohome{width: 100%;max-width: 610px;height:254px;}
.alos76{max-width: 76%;}
.titBold{ font-family: 'Bold' ,Arial, Helvetica, sans-serif; }
.taronja{color: #ed7325;}
.iconfooter{width: 30px;margin-bottom: 15px; float:left; margin: -4px 10px 0 0 ; filter: grayscale(1);}
.contenedor {padding:0 15px !important;max-width: 89%;margin:0 auto;}
.desplazarli li{margin-left:25px;}
.borrar{display: block;}
.aparecer{display: none;}
.vertical-centered-text { -ms-display: flex;   display: flex; }
.footer{font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 14px;	color: #505050;  }
.footer a{font-family: 'Semibold', Arial, Helvetica, sans-serif;	 color: #ed7325; transition: 0.5s;}
.footer b{font-family: 'Semibold', Arial, Helvetica, sans-serif;	 color: #505050; font-size: 18px;}
.footer span{font-family: 'Regular', Arial, Helvetica, sans-serif;	 color: #505050; font-size: 18px;}
.footerTel{font-size: 18px;}
.footer a:hover{color: #63644E !important;transition: 0.5s;}
.footer a.peu2{color: #EAEAE5; transition: 0.5s;}
.footer a.peu2:hover{color: #929473 !important;transition: 0.5s;}
.caixaFons{background-color: #f4f4f4;transition: 0.5s; font-size: 14px;}

/*.caixaFons:hover{background-color: rgba(208,209,196,0.7); transition: 0.5s; border: 2px solid #63644e;}*/
.logo1{width:100%; ;max-width:405px; transition: all 1s ease; margin-top: 6px;}
.logo_blanc{width: 100%; max-width: 120px; float: right;}
.logoPetit { max-width: 285px; transition: all 0.7s ease;}

.inputcontacto {	border: #555 1px solid;	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 16px;	color: #666666;	padding: 4px;	background-color: #FFFFFF;	margin: 3px 0 3px 0;	width: 89%;}
.quienessomos{width: 170px; float: left; margin:0 20px 20px 0}
.bottonbuscar {	border: #cccccc 0px solid;	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 13px;	color: #ffffff;	padding: 8px 20px;	text-transform: uppercase;	float: right;	background-color: #e96e50;}
.inputbuscador {
	border-bottom: #ededed 2px solid;
	border-right: 0px;
	border-left: 0;
	border-top: 0;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	height: 35px;
	background-color: rgba(255,255,255,0.5);
	font-style: italic;
	width: 180px;
	padding-left: 17px;
	float: left;
	margin-right: 5px;
	border-radius: 35px;
}
.inputbuscadorx {
	border: #cccccc 1px solid;
	border-right: 0px;
	font-family: 'Bold', 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: 'Bold', 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_errorx {
	border: #FE2E2E 1px solid;
	border-right: 0px;
	font-family: 'Bold', 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: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 35px;
	background-color: #eaeae5;
	text-transform: uppercase;
	font-style: italic;
	width: 60%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: center;
}
.inputayuda {
	border: #63644e 0px solid;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #413e3e;
	height: 45px;
	background-color: #eaeae5;
	font-style: italic;
	width: calc(100% - 150px);
	padding-left: 18px;
	max-width: 350px;
	float: left;
	margin-right: 5px;
	border-radius: 30px;
}
.texto {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #575757;
	font-weight: normal;
	font-style: normal;	
}
hr.lineag { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 0;
	border-bottom: 1px solid #bcbcbc;
	/*float: left;*/
}
hr.lineaproducto { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 0;
	float: left;
	border-bottom: 1px solid #e4e4e4;
}
hr.lineaLila { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 50px;
	margin-left: 15px;
	border: 0;
	/*display: flex;*/
	text-align:left;
	border-bottom: 2px solid #777777 !important;
}
.pvp2 {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 40px;
	color: #929473;
	font-weight: normal;
	font-style: normal; 
}
.data {
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #ed7325;
	font-weight: bold;
}
.form_consen{min-height:750px;}
.no_veure{
	display: none;
}
/*.noticia_imatge{
	width:25%;
	float:left;
}
.noticia_descripcio{
	width:75%;
	float:left;
}*/
.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;
}
.taula tr td{padding:5px 15px; border-bottom:1px solid #f3f3f3;}
.taula {
	width: 			100%;	/* width */ 
	margin-left:	auto; 	/* align */
	border-spacing: 0px;	/* cellspacing */
	border-width: 	0px; 	/* border */
	background: rgba(255,255,255,0.6);
	border-radius: 8px;
}
.taula td.tdtops {
	vertical-align: top;
}
.taula td {
	padding: 		2px;	/* cellpadding */
}

#recent-works .col-xs-12.col-sm-4.col-md-3{padding:0;}
#recent-works{padding-bottom:70px;}
.recent-work-wrap{position:relative;}
.recent-work-wrap img{width:100%;}
.recent-work-wrap .recent-work-inner {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer!important;}
.recent-work-wrap .recent-work-inner{top:0;background:transparent;width:100%;border-radius:0;color:#fff;
	text-align:center;	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;	
	margin:0;
	opacity:1; padding-top: 25%;}
	.recent-work-wrap .recent-work-inner h3{margin:10px 0;}
	.recent-work-wrap .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:50%;background:#ed7527;color:#fff;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;padding:30px;}
	.recent-work-wrap .overlay .preview{bottom:0;display:inline-block;height:35px;line-height:35px;border-radius:0;background:transparent;text-align:center;color:#fff;}
	.recent-work-wrap:hover .overlay{opacity:1;}

	#blocNewsletter { padding: 0; background-image: url(../imgs/fonsNewsletter.jpg); background-size: cover;}
	.dataNoti { display: block; padding: 20px 0px 10px 0; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 15px;	line-height: 21px; text-align: left; }
	.titolNotiHome { font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 18px;	line-height: 26px;	color: #252525; margin-bottom: 5px; padding: 0 10px; text-align: center;}
	.inputNew { margin: 4px 0 !important; width:100% !important; padding: 2px 20px !important; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 15px !important; color:#333 !important; background-color: rgba(255,255,255,0.6); border: 0;}
	.inputNew::placeholder { font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #666;}
	.inputNew option { font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #666; font-style: italic;}
	select .inputNew { color: #000; border-radius: 0px !important;}
	.caixaInput { border: 1px solid #d0d1c4; padding: 2px 5px; margin-bottom: 8px; border-radius: 12px; background-color: rgba(255,255,255,0.6); transition: 0.5s;}
	.caixaInput:hover{ border: 1px solid #63644e; transition: 0.5s; }
	.botoVeureMes { background-color: #d4ec6f; padding: 15px 40px; display: inline-block; text-align: center; margin-top:3%; font-size: 20px; color:#413e3e; transition: 0.5s;}
	.botoVeureMes:hover { background-color: #e96e50; color:#fff; transition: 0.5s;}
	.notih1 { font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 36px;	line-height: 35px;	color: #413e3e;	font-weight: normal;	font-style: normal;		margin:10px 0 10px 0;}
	.notih2 { font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 16px;	line-height: 22px;	color: #413e3e;	font-weight: normal;	font-style: normal;		margin:10px 0 10px 0; }
	.path   { font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 10px; color: #777; line-height: 16px; text-transform: none;}
	.path a { font-size: 12px; color: #777;}
	.svg1:hover { opacity: 0.7; transition: 0.5s;}
	.tornarLila { background-color: #ededed; padding: 5px 20px; display: inline-block; text-align: center; font-size: 13px; color:#fff; transition: 0.5s; color:#63644f; border: 0; margin-left: 15px;margin-bottom: 50px;}
	.tornarLila:hover { background-color: rgba(237, 117, 39, 0.7); color:#fff !important; transition: 0.5s; border-radius: 0 0 12px 12px;}
	.centrat { text-align: center;}
	.peu  { font-family:'Semibold'; font-size: 16px; line-height: 21px; padding-left: 10px; text-transform: none;color: #fff;}
	.peu2 { font-family:'Regular'; text-transform: uppercase; font-size: 14px; padding: 0 10px; }
	.imgPeu { position: relative;}
	.incPie2{background-color:#ededed;width:100%;text-align:left; padding: 30px 0;}
	.centreCistellaResumida { margin-top: 20px; }
	.botoDescobreix{	font-family: 'Semibold', Arial, Helvetica, sans-serif;  border: 2px solid #fff; background-color:#fff; display: inline-block; padding: 8px 30px 6px 30px; color: #666; text-align: center; font-size: 14px; line-height: 20px; text-transform: uppercase; border-radius: 6px;-webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear; margin-top: 10px;}
	.botoDescobreix:hover{color: #fff; background-color: #ededed; color: #666; border: 2px solid #ededed;-webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
	.linksFooter span{color: #fff;}
	.botoSuscriure{	font-family: 'Bold', Arial, Helvetica, sans-serif; background-color:#ed7325; display: inline-block; padding: 7px 40px; color: #fff; text-align: center; font-size: 14px; border: 2px solid #ed7325; -webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear; text-transform: uppercase; border-radius: 6px;}
	.botoSuscriure:hover{ background-color: #ededed; color: #1d1d1d; border: 2px solid #ed7325;-webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
	.botoSuscriure button{background-color: transparent; border: 0;text-transform: uppercase; }
	.botoAfegir{background-color: rgba(255,255,255,1); padding: 4px; display: inline-block; transition: 0.8s; border: 1px solid #ccc; height: 50px;} 
	.botoAfegir2{font-family: 'Bold', Arial, Helvetica, sans-serif; background-color:#ed7325; display: inline-block; padding: 7px 40px; color: #EAEAE5; text-align: center; font-size: 14px; border: 2px solid #ed7325; -webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear; text-transform: uppercase; border-radius: 30px;}
	.botoAfegir2:hover{ background-color: #929473; color: #eaeae5; border: 2px dotted #ed7325;-webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
	.botoImprimir{background-color: rgba(255,255,255,0); padding: 4px; display: inline-block; transition: 0.8s; border: 1px solid #555; height: 40px; float: right;} 
	.botoImprimir2{background-color: #ed7325; padding: 4px 20px; color: #EAEAE5; text-align: center;font-size: 14px; transition: 0.8s; border: 0; height: 30px;}
	.botoImprimir2:hover{background-color: #929473; color: #EAEAE5; transition: 0.5s;}
	.botoError{clear: both; background-color: #fff; padding: 4px; transition: 0.5s; border: 2px solid #ed7325; height: 40px; width: 100%; margin-bottom: 5px; border-radius: 8px; display: flex; align-items: center; justify-content: center;} 
	.botoError:hover{background-color: #ed7325; color: #fff; transition: 0.8s; font-family: 'Semibold';}
	.UnBannerPetit {width: 100%; padding-top: 110%; background-position: center center; background-repeat:no-repeat; position: relative; transition: 0.7s; margin: 0 auto;}
	.UnBannerPetit hr{	height: 1px;	width: 82px;	margin: 0px auto;	margin-top: 4%;	margin-bottom: 5%;	background-color: #555555;}
	.textSobreUnBannerPetit {	position: absolute; top: 40%;  width: 100%;text-align: center;transition: 0.7s;}
	.bannerDestacat{font-family: 'Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 40px; line-height: 40px; color:#eaeae5; display: inline-block; padding: 30px;background-color: rgba(0,0,0,0.3);  border-radius: 15px; max-width: 80%; transition: 0.7s;}
	.bannerDestacat2{font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 26px; color:#eaeae5; margin-top: 10px; transition: 0.7s;}
	a .UnBannerPetit:hover .bannerDestacat{	background-color: rgba(208,209,196,0.8); transition: 0.7s; color: #63644e;}
	a .UnBannerPetit:hover .bannerDestacat2{ transition: 0.7s; color: #63644e;}
	.UnCursDestacat {	padding: 10px 10px 15px 10px; min-height: auto;	background-color: rgba(255,255,255,0.7); border-radius: 15px;	transition: 0.7s;}
	.UnCursDestacat:hover {	background-color: rgba(146,148,115,0.8);	transition: 0.7s;}
	.UnCursDestacat:hover .subtitolCursDestacat{ color: #eaeae5 !important; transition: 0.7s; }
	.UnCursDestacat:hover .titolCursDestacat{ color: #eaeae5 !important;  transition: 0.7s;}
	.UnCursDestacat:hover .descrCursDestacat{ color: #eaeae5 !important; transition: 0.7s; }
	.infoCursDestacat {	width: 100%;	text-align: center;	font-size:	 20px;	line-height: 22px;}
	.subtitolCursDestacat {	font-size:   12px;transition: 0.7s;}
	.descrCursDestacat {	font-size:   14px;	line-height: 18px;	transition: 0.7s;}
	.dataCursDestacat { display:  inline-block; background-color: #d0d1c4; border-radius: 30px; padding: 5px 20px; margin-top: 10px; color: #63644e; font-size: 16px;	font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: uppercase; }
	.titolCursDestacat {text-transform: uppercase; font-size: 20px; line-height: 26px; transition: 0.7s; min-height: 55px; padding: 0 10px; margin-bottom: 5px;}
	.UnFormadorDestacat { padding: 56% 0 0 0; min-height: 460px; }
	.cursData, .cursHores, .formador, .cursPlaces{font-family: 'Semibold', Arial, Helvetica, sans-serif; }

	.infoFormadorDestacat {
		width: 100%;
		text-align: center;
		font-size:	 20px;
		line-height: 22px;
		background-color: #d0d1c4;
		padding: 70px 20px 20px 20px;
		border-radius: 15px;
		min-height: 290px;
	}
	.infoFormadorDestacat a { font-family: 'Semibold'; font-size: 15px;}
	h4.titolFormadorDestacat { text-transform: uppercase; font-size: 20px;}
	.descrFormadorDestacat {
		font-size:   16px;
		line-height: 16px;
		min-height: 80px;
	}
	.textNews { background-color: rgba(255,255,255,0.8);}
	.ajustContingut { margin-top:5%;margin-bottom:10px;min-height:500px; padding: 0 5%;}
	.bannerSlogan1 { text-align: left;font-size: 40px; line-height: 40px; color:#eaeae5; font-family: 'Semibold', Arial, sans-serif; }
	.bannerSlogan2 { text-align: left;font-size: 18px; color:#eaeae5; font-family: 'Bold', Arial, sans-serif; line-height: 22px;font-family: 'Light', Arial, Helvetica, sans-serif;}
	.nomesEscriptori { display: block;}
	.nomesMobile { display: none;}
	h2.crema { color: #6f6e6e; font-family: 'Regular', Arial, sans-serif; font-weight: normal; font-size: 24px;}
	.faltaTextTraduit {
		display:inline-block;background-color:yellow;color:black;
	}
	.txtClausulaConsentiment {
		margin: 20px 0px 10px 0px;
		padding: 10px 10px;
		border-top: 1px solid #d0d1c4;
		border-bottom: 1px solid #d0d1c4;
		font-size: 12px; line-height: 14px;
		background-color: rgba(255,255,255,0.4);
	}
	.galeriaTitol {} 
	.galeriaSubTitol {
		font-size: 26px;
		color:  #413e3e;
		font-family: 'Bold', Arial, Helvetica, sans-serif;
	}
	.galeriaDescr {
		color:  #413e3e;
	}
	.unCurs {
		padding:  20px 12px;
		border-bottom: 1px dashed red;
		margin-bottom: 20px;
		margin-top: 10px;
		background-color: rgba(255,255,255,0.6);
		border-radius:  12px;
		transition: 0.5s;
	}
	.unCurs:hover{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;transition: 0.5s;background-color: #d0d1c4;}
	.unCurs:hover .botoReservaCurs{background-color: #63644e; color: #fff;}
	.subtitolCurs { color: #413e3e; }
	.dataHoraCurs 	{ display:inline-flex; margin-top:20px;}
	.edatMinima 	{ margin-bottom: 15px;}
	.numPlaces 		{ margin-bottom: 15px;}
	.sensePadding 	{ padding: 0px!important; }
	.unDivAssistent { margin:  2px 0px; }
	.unDelsMeusCursos   { 
		border:1px solid #e4e4e4; 
		width:100%;
		padding:20px; 
		margin: 14px 0px;
		position:relative;
		display: inline-block;
		background-color: rgba(255,255,255,0.6);
		border-radius: 8px;
	}
	.infoCurs			{ display: inline-block; vertical-align: top; width: 50%; padding: 10px; background-color: #d0d1c4; min-height: 216px;}
	.infoReserva		{ display: inline-block; vertical-align: top; width: 49.5%; padding: 10px; background-color: rgba(146, 148, 115, 0.2); min-height: 216px; }
	.estatPendent		{     font-family: 'Semibold', Arial, Helvetica, sans-serif; display: inline-block; width: 120px; background-color: #f6bc6b; border-radius: 4px; text-align: center; color: white; font-size: 14px; text-transform: uppercase;}
	.estatConfirmada	{     font-family: 'Semibold', Arial, Helvetica, sans-serif; display: inline-block; width: 120px; background-color: #A4D59F;  border-radius: 4px; text-align: center; color: white; font-size: 14px; text-transform: uppercase;}
	.estatCancellada	{     font-family: 'Semibold', Arial, Helvetica, sans-serif; display: inline-block; width: 120px; background-color: #ea5151;   border-radius: 4px; text-align: center; color: white; font-size: 14px; text-transform: uppercase;}
	.resumReserva		{ display: inline-block; 	background-color: rgba(255,255,255,0.6);	border-radius: 8px; padding: 20px 40px !important;}
	.infoPlacesDisponibles 	{ display: inline-block; background-color: #A4D59F; padding: 4px; margin-top: 4px; padding: 5px 12px; border-radius: 8px; font-size: 14px;}
	.infoPlacesNoDisponibles{ display: inline-block; background-color: red; color: white; padding: 4px; margin-top: 4px;}
	.fotoFormador 		{ width: 100px; height: 100px; background-size: cover!important; border-radius: 50%; }
	.fotoCursEnLlistat 	{ max-width: 100%; margin-bottom: 10px; }
	.cursNoActiu		{ color:#413e3e; font-size: 14px; }
	.unProducte 		{ /*min-height: 326px!important;*/ margin-bottom:40px;}
	.imgDeGaleria 		{ width: 100%; padding-top: 90%; background-size: cover; background-position:center; border-radius: 15px; margin-bottom: 20px; border: 4px solid #929473; } 
	.imgNoticiaLlistat		{ width: 100%; padding-top: 10%; background-size: contain!important; background-position: center center!important; background-repeat: no-repeat!important; background-color: #ededed!important;}
	.extres 				{ border-top: 2px solid #ed7325;  margin-top: 0px; }

	#chat a {
		position: fixed;
		left: -90px;
		bottom: 45px;
		transition: 0.3s;
		padding: 10px 5px 10px 5px;
		width: 140px;
		text-decoration: none;
		font-size: 20px;
		color: white;
		border-radius: 0 5px 5px 0;
		display: inline-flex;
	}
	#chat a:hover { left: 0; }

	#whatsapp {
		border-top: 2px solid #444444;
		border-right: 2px solid #444444;
		border-bottom: 4px solid #444444;
		background-color: #ffffff;
		text-align: right;
	}
	.incbsite {
		padding: 0px;
		width: 100%;
		padding-top: 70px;
	}
	.incbsite img{width: 100%;}

	.mostraFormReserva{font-family: 'Bold', Arial, Helvetica, sans-serif; background-color:#63644e; display: inline-block; padding: 7px 40px; color: #EAEAE5 !important; text-align: center; font-size: 14px; border: 2px solid #63644e !important; -webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear; text-transform: uppercase; border-radius: 30px;}
	.mostraFormReserva:hover{ background-color: #929473; color: #eaeae5 !important; border: 2px dotted #63644e !important;-webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}

	.btn-success {
		color: #fff;
		background-color: #a4d59f !important;
		border-color: #a4d59f !important;
	}

	#form_curs label{font-size: 14px; margin-bottom: 15px;}
	.form-control{background-color: #eaeae5 !important;}


	.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
		outline: thin dotted;
		outline: none !important;
		outline-offset: -2px;
	}

	.formError{left: 0 !important; z-index: 5 !important;}
	.form-control{background-color: rgba(255,255,255,0.6) !important;    border: 0 !important;}
	#divFormReserva .control-label{padding-top: 12px;}
	.midaPetit{font-size: 12px;}



	/****    Masonry container    ****************************************************/
	.masonry {
		display: grid;
		grid-gap: 3em; /* [1] Add some gap between rows and columns */
		grid-template-columns: repeat( auto-fill, minmax( 20%, 1fr ) ); /* [2] Make columns adjust according to the available viewport */
		grid-auto-rows: auto; /* [3] Set the height for implicitly-created row track */
		margin-bottom: 50px;
	}
	.itemLlistat {
		background: #fff;
		width: 100%;
		text-align: center;
		-webkit-transition:1s ease all;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-shadow: 2px 2px 4px 0 #ccc;
		background-color: rgba(255,255,255,0.6);
		/*border-radius: 12px; */
		border-bottom: 2px solid #ed7325;
		transition: 0.5s;
	}

	.itemLlistat:hover{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;transition: 0.5s;  background-color: #ededed;}

	.itemLlistat img{max-width:100%;}

	@media only screen and (min-width: 300px) and (max-width: 679px){
		.masonry {
			grid-template-columns: repeat( auto-fill, minmax( 100%, 1fr ) );
		}
	}

	@media only screen and (min-width: 680px) and (max-width: 1023px){
		.masonry {
			grid-template-columns: repeat( auto-fill, minmax( 40%, 1fr ) );
		}
	}

	@media only screen and (min-width: 1024px) and (max-width: 1280px){
		.masonry {
			grid-template-columns: repeat( auto-fill, minmax( 36%, 1fr ) );
		}
	}
/****   Fi Masonry container    ****************************************************/


/****   Mockup mobile moviment   ***************************************************/

.item-img {	position: absolute;	float: left;	z-index: 10;	display: block;	width: 90%;	transform-origin: 50% 50%;	transform-style: preserve-3d;	-webkit-animation: floating 12s -1s infinite;	animation: floating 12s -1s infinite;}
.item-img img {	display: block;	width: 90%;	height: auto;	transform-origin: 50% 100%;	transform: translateZ(-5rem);}

@keyframes floating {
	0%, 100% {		transform: translateY(-5%);	}
	50% {		transform: translateY(0);	}
}

.item-img2 {	position: absolute;	float: left;	z-index: 5;	display: block;	width: 90%;	transform-origin: 50% 50%;	transform-style: preserve-3d;	-webkit-animation: floating2 9s -1s infinite;	animation: floating2 9s -1s infinite;}
.item-img2 img {	display: block;	width: 100%;	height: auto;	transform-origin: 50% 100%;	transform: translateZ(-5rem);}

@keyframes floating2 {
	0%, 100% {
		transform: translateY(-3%);
		transform: translateX(-3%);
	}
	50% {
		transform: translateY(0);
		transform: translateX(0);
	}
}

/****   Fi Mockup mobile moviment   ****************************************************/

/* INI Menús ------------------------------------------------------------------------------------------------------------------------------------------ */
.blanc {color:#fff !important;}
.badge {font-family: 'Semibold', Arial, Helvetica, sans-serif;}
.dropdown-menu > li > table > tbody > tr > td > h2 > a {  font-family: 'Bold';     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: 'Semibold'; 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; }
.dropdown {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 15px; color: #111111;text-transform: none; line-height: 15px; margin-top: 0px; text-transform: uppercase;padding: 5px 8px; border: 2px solid transparent; border-radius: 30px;}
.dropdown a {color: #6f6e6e !important; text-transform: uppercase; }
/*.menuhome { padding:5px 23px!important;}
*/.idiomes  { float:right; font-size:14px;font-family: 'Bold'; color: #eaeae5;}
.idiomes a {padding:0 6px;}
.icoXarxaSocial { margin: 0 0 0 5px;	filter: grayscale(1);}
.icoXarxaSocial:hover { filter: grayscale(0);}
.menulateral {
	width: 100%;
	margin: 10px 0px 14px 0;
	padding: 12px;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #ededed;
	font-style: normal;
	text-transform: uppercase;
	color: #1d1d1d;
	border-radius: 8px;
	border: 2px solid #ededed;
	transition: 0.5s;
}
.menulateral a{color:#1d1d1d!important;}
.menulateral1 {
	width: 100%;
	margin: 10px 30px 14px 0;
	padding: 12px;
	font-family: 'Semibold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	background-color: #ed7325;
	font-style: normal;
	text-transform: uppercase;
	color: #ffffff;
	border: 2px solid #707070;
	border-radius: 8px;

}
.menulateral1 a{color:#ffffff!important;}

.menulateral:hover{	border: 2px solid #707070; transition: 0.5s}
.buscar {
	float: right;
	display: none;
}
.botonbuscadory {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
}
.iconetaCistella {	cursor: pointer;}
.iconetaAmbNumCistell {	position: absolute; top: 10px; right: 12px; 	cursor: pointer; user-select: none;}
.botoIdiomes { list-style: none; margin-top: -15px;}

.botoIdiomes2 { border: 2px solid #d0d0d0; padding: 5px 14px 3px 14px; transition: 0.7s; background-color: #d0d0d0; border-radius: 15px; font-size: 11px; margin-right: 5px;}
.selIdioma{ border: 2px solid #ed7527; padding: 5px 14px 3px 14px; transition: 0.7s; background-color: #fff !important; border-radius: 15px; font-size: 11px; margin-right: 5px; color:#ed7527}
.botoIdiomes2:hover { background-color: #ed7527; transition: 0.7s; border: 2px solid #ed7527; color: #333;}

.menuGRAN { transition: all 0.7s ease; height: 133px;position: fixed; background-color: #eaeaea; padding: 8px 5%; width: 100%;z-index: 1200; border-bottom: 4px solid #ffffff;}
.menuScroll { height: 105px!important;  transition: all 0.7s ease; width: 100%; box-shadow: rgba(33, 35, 38, 0.3) 0px 10px 10px -10px;}

.barraVerd { width: 100%; z-index: 46; transition: all 0.7s ease; margin-top: 20px; padding-left: 0 !important; padding-right: 0 !important;}
.barraVerdAjust { margin-top: 0px !important; transition: all 0.7s ease;}
.iconesMenu { text-align: right;transition: all 0.7s ease;}
.ajustIconesMenu { text-align: right; margin-top: -1px; transition: all 0.7s ease;}
.navbar-right, .navbar-nav > li { float: none !important; }    
.navbar-nav > li { display: inline-block!important; }
.navbar-right { text-align: center!important; }
/* FIN Menús ------------------------------------------------------------------------------------------------------------------------------------------ */

.divXarxes{float: right; padding-left:20px;}
.imgBotiga{display: inline-block; max-width: 500px;  border-radius: 15px; border: 4px solid #eaeae5;}
.imgInstaHome{  width: 100%; border-radius: 15px; border: 4px solid #eaeae5; margin-bottom: 20px;}
.aNews{font-size: 12px;}
.caixaBannerPetit{padding: 0 50px !important;}
.galeriaInstagram{padding-top: 8%;}
.botoInstagram{margin-top: 50px;}
.item-img, .item-img2{top: 50px;}
.icoMenuMobile{width: 18px; height: 18px; margin-right: 15px; margin-top: -3px;}
.mm-panel{top: 130px !important;}
.wCurs{width:170px; display: inline-block;}
.caixaInscripcio{background-color: #d0d1c4; padding: 30px;}
.titResumAssistents{margin-bottom: 10px;}
.diaSetmanaGran {	display: block;}
.diaSetmanaPetit {	display: none;}
.formadorDest{font-size: 14px;}
.noticia_descripcio{padding-top: 20px; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px; font-size: 16px; line-height: 22px; }
.trTitol{border: 1px solid #d4d4d4; padding: 10px; font-weight: 700;}
table.taulaPrivacitat .td1{width: 20%; border: 1px solid #d4d4d4; padding: 10px;}
table.taulaPrivacitat .td2{width: 80%; border: 1px solid #d4d4d4; padding: 10px;}
/*.xarxes {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: auto; grid-column-gap: 30px;grid-row-gap: 0px;}
.xarxes1 { grid-column: auto / span 2; border: 5px solid white; background-color: #fff; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.xarxes2 { border: 5px solid white; background-color: #fff; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.xarxes3 { border: 5px solid white; background-color: #fff; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}*/
.divNoti {display: grid;grid-template-columns: repeat(3, 31%);grid-template-rows: 1fr;grid-column-gap: 4%;grid-row-gap: 0px;margin-top: 30px;	}
/*.noti1 { grid-area: 1 / 1 / 2 / 2; }
.noti2 { grid-area: 1 / 2 / 2 / 3; }
.noti3 { grid-area: 1 / 3 / 2 / 4; }*/
.color1 {color: #252525;}
.color2 {color: #8e2626;}
.color3 {color: #393261;}
.titolArea{font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 18px;	line-height: 26px; text-transform: uppercase;}
.contLogos #owl-insti img{width: 100%; max-width: 170px; margin: 0 auto;}
.contLogos #owl-altres img{width: 100%;max-width: 170px; margin: 0 auto;}
.contLogos #owl-membres img{width: 100%;max-width: 170px; margin: 0 auto;}
.imgInterior{background-position: center bottom; width: 100%; padding-top: 17%; background-size: cover; }

/* Animación con keyframe llamada "latidos" */
@keyframes latidos {
	from { transform: none; }
	50% { transform: scale(1.14); }
	to { transform: none; }
}
/* En la clase corazon vamos a llamar latidos en la animación  */
.corDonatiu {	animation: latidos 4s infinite;	transform-origin: center; max-width: 210px;}

.numeron{ font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 40px;	line-height: 45px;	color: #ed7527;}
.blocGris{background-color: #ededed; padding: 30px;  border-radius: 10px; margin-bottom: 30px;}

.interiorPage {display: grid;grid-template-columns: 1fr 25% 25%;grid-template-rows: 1fr;grid-column-gap: 40px;grid-row-gap: 40px; }
.interiorPage1 { grid-area: 1 / 1 / 2 / 2; }
.interiorPage2 { grid-area: 1 / 2 / 2 / 3; background-color: #fff; background-size: cover; background-position: center bottom; background-repeat: no-repeat}
.interiorPage3 { grid-area: 1 / 3 / 2 / 4; background-color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; }


.peuFoto{color: #ed7527; font-size: 13px; line-height: 19px;}
.molles{text-transform: uppercase; font-size: 10px; color: #ed7527;    line-height: 16px; }
h1.titInterior { font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 36px;	line-height: 45px;	color: #1c1c1c;	margin-bottom: 20px; margin-top: 0;}
h2.titInterior { font-family: 'Light', Arial, Helvetica, sans-serif;	font-size: 30px;	line-height: 35px;	color: #787878;	margin-bottom: 10px;}
.colum3 {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px; padding: 50px 0;}
.colum3a { grid-area: 1 / 1 / 2 / 2; }
.colum3b { grid-area: 1 / 2 / 2 / 3; }
.colum3c { grid-area: 1 / 3 / 2 / 4; }
.colum2 {display: grid;grid-template-columns: 30% 1fr;grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;}
.colum2a { grid-area: 1 / 1 / 2 / 2; }
.colum2b { grid-area: 1 / 2 / 2 / 3; }

.doscolumas {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.doscolumas1 { grid-area: 1 / 1 / 2 / 2; }
.doscolumas2 { grid-area: 1 / 2 / 2 / 3; }

ul.llistaAtendis li a{color:  #111;}
ul.llistaAtendis{padding-left: 3%;}
.ajustIntro{padding-right: 5%;}
.fonsDonatiu{padding: 50px 0;background-size: cover; background-position:center right;}
.bannerInterior{margin-top: 100px; padding: 0 !important; margin-bottom: 30px;}
.bottoncomprarpeque{	font-family: 'Semibold', Arial, Helvetica, sans-serif;  background-color:#ed7527; display: inline-block; padding: 10px 40px; color: #fff !important; text-align: center; font-size: 16px; line-height: 20px; text-transform: uppercase; border-radius: 6px;-webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
.bottoncomprarpeque:hover{color: #fff; background-color: #777; color: #fff !important; -webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
.ubicacio {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 30px;grid-row-gap: 0px;padding: 30px 0;border-bottom: 1px solid #ededed;}
.ubicacio_div1 { grid-area: 1 / 1 / 2 / 2; }
.ubicacio_div2 { grid-area: 1 / 2 / 2 / 3; }
.ubicacio_div3 { grid-area: 1 / 3 / 2 / 4; }
.ubicacio div a:hover{color: #ed7527 !important;}
.ubicacio_div2 img{  width: 100%;  height: 100%;  object-fit: cover;}
.ubicacio_div3 iframe{width: 100%; height: 100%;}
.cajaservei {    border-radius: 4px;    padding: 3px 20px;    background-color: #ededed;    display: inline-block;    margin: 6px 10px 4px 0;    text-transform: uppercase;    font-family: 'Regular';    font-size: 11px;    -webkit-transition: background-color 800ms linear;    -moz-transition: background-color 800ms linear;    -o-transition: background-color 800ms linear;    -ms-transition: background-color 800ms linear;    transition: background-color 800ms linear;}
.cajaservei:hover {    background-color: #e9732b; color: #fff !important;}
a .cajaservei{    color: #222 !important;}
a .cajaservei:hover{   color: #fff !important;}
.blocbizum {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;margin-bottom: 50px;}
.bizum_div1 { grid-area: 1 / 1 / 2 / 2; background-color:#f1f1f1;padding:14%;}
.bizum_div2 { grid-area: 1 / 2 / 2 / 3; background-color:#f1f1f1;padding:14%;}
.bizum_div3 { grid-area: 1 / 3 / 2 / 4; background-color:#f1f1f1;padding:14%;}
.iban {    border:  1px solid #ccc; text-align: center; border-radius: 6px; height: 43px;} 

.blocs2 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;margin-bottom: 50px;}
.blocs2_div1 { grid-area: 1 / 1 / 2 / 2; }
.blocs2_div2 { grid-area: 1 / 2 / 2 / 3; }
.blocs2_div3 { grid-area: 1 / 3 / 2 / 4; }

.fitxes{display: grid;gap: 20px 40px; grid-auto-rows: 190px;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); margin-bottom: 50px;}
.fitxes2{display: grid;gap: 20px 40px; grid-auto-rows: 40px;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); margin-bottom: 40px;}
.fitxes3{display: grid;gap: 20px 40px; grid-auto-rows: 170px;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); margin-bottom: 50px;}
.fitxa{display:  grid ;background-color: #fafafa; position: relative; align-items: center; padding: 0 20px; text-align: center; border-radius: 6px; border: 2px solid #ededed; transition: 0.5s;}
.fitxa p{text-align: center; font-size: 14px;}	
.fitxa span{font-family: 'Regular'; font-size: 16px; color: #333; font-weight: bold;  transition: 0.5s}
.fitxa a:hover{color: #ed7527 !important; transition: 0.5s;}
.fitxa:hover {transition: 0.5s; background-color: #ededed;}
.fitxa:hover span{color: #777 !important; transition: 0.5s; } 
.afdp .fitxa:hover span{color: #1b62f4 !important; transition: 0.5s;} 
.blau{color: #1b62f4 !important;}
.taronja{color: #ed7527 !important;}
.organs{display: grid;gap: 50px 30px; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); margin: 50px 0;}
.org_fitxa{display:  grid ; position: relative; align-items: start; padding: 0 20px; text-align: center; transition: 0.5s;}
.org_fitxa img{border: 2px solid #efefef; border-radius: 50%;}
.org_fitxa h5{font-family: 'Regular'; text-align: center; font-size: 14px; line-height: 16px; margin-top: 6%; color: #555; text-transform: uppercase;}  
.org_fitxa p{text-align: center; font-size: 14px;}  
.org_fitxa span{font-family: 'Regular'; font-size: 16px; color: #333; font-weight: bold;  transition: 0.5s}
.org_fitxa a:hover{color: #ddd !important; transition: 0.5s;}
.org_fitxa:hover span{color: #777 !important; transition: 0.5s; } 
.recent-work-wrap .recent-work-inner a{font-size: 14px;font-family: 'Semibold';}
.recent-work-wrap .recent-work-inner a: hover{color:  #fff !important;}
.fancybox-content h5{font-family: 'Semibold'; font-size: 24px; line-height: 24px; color: #222;  }
.fancybox-content h4{font-family: 'Regular'; font-size: 20px; line-height: 24px; color: #787878; margin-top: 5px; }
.fancybox-content b{font-family: 'Regular'; color: #444; margin-bottom: 5px; font-style: italic;}
.organs2 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;margin: 50px 0;}
.organs2_div1 { grid-area: 1 / 1 / 2 / 2; }
.organs2_int{display: grid;gap: 15px 30px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); margin: 50px 0;}
.organs2_div2 { grid-area: 1 / 2 / 2 / 3; }
.organs2_fitxa{display:  flex ; position: relative; align-items: start; padding: 0 20px; transition: 0.5s;}
.organs2_fitxa img{margin-right: 20px;}
.organs2_fitxa b a{color: #555;}
.contador{display: grid;gap: 30px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin: 30px 0; align-items: flex-start;}
.contador_fitxa{display:  grid ; position: relative; align-items: start; text-align: center; transition: 0.5s; margin}
.counter {  text-align: center;}
.counter .counter-icon {  color: #828282;  margin-bottom: 30px;}
.counter-icon img{	width: 50px !important;}
.contador_fitxa .counter-timer {  font-size: 36px;  line-height: 42px;  font-family: 'Semibold';  margin-top: 15px;}
.contador_fitxa .counter-title {  letter-spacing: 1.5px;  font-size: 16px;  line-height: 20px;  font-family: 'Regular';  color: #6f6e6e;}
.collabora {display: grid; grid-template-columns: 3fr 1fr; grid-template-rows: repeat(4, auto); grid-column-gap: 50px; grid-row-gap: 50px;}
.collabora_div1 { grid-area: 1 / 1 / 2 / 3; }
.collabora_div2 { grid-area: 2 / 1 / 3 / 2; }
.collabora_div3 { grid-area: 3 / 1 / 4 / 2; }
.collabora_div4 { grid-area: 4 / 1 / 5 / 2; }
.collabora_div5 { grid-area: 2 / 2 / 6 / 3; }
.collabora div:nth-child(n+2){			text-align: center;		}
.ombra{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}

.donatiu {display: grid;grid-template-columns: 2fr 1fr;grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;}
.donatiu_div1 { grid-area: 1 / 1 / 2 / 2; }
.donatiu_div2 { grid-area: 1 / 2 / 2 / 3; transition: 0.5s;}
.donatiu_div1 a:hover, .donatiu_div2 a:hover{color: #ed7527 !important; transition: 0.5s;}

.divAbans{display: flex !important; align-items: center !important; justify-content: center !important;cursor: pointer !important;width: 100% !important; max-width:  120px ;height: 58px !important;background: #d4d4d4 !important;color: #fff !important; font-size: 30px !important; font-family: 'Light' !important;transition: 0.5s !important; margin-bottom: 5px; }
.divAbans2{display: flex !important; align-items: center !important; justify-content: center !important;cursor: pointer !important;width: 100% !important; max-width:  120px;height: 40px !important;background: #d4d4d4 !important;color: #fff !important; font-size: 20px !important; font-family: 'Light' !important;transition: 0.5s !important;   margin-bottom: 5px;}
.divAbansEspe{align-items: center !important; justify-content: center !important;cursor: pointer !important;width: 100% !important;max-width: 120px !important; height: 58px !important;background: #d4d4d4 !important;color: #fff !important; font-size: 30px !important; font-family: 'Semibold' !important;transition: 0.5s !important;  margin-bottom: 10px;}
.opacity{background: #ed7527 !important; font-family: 'Semibold' !important; transition: 0.5s !important;}
.altre_quantitat_text{border:  1px solid red; width: 150px; height: 58px; text-align: center;}
.botoSuscriure input{background: transparent; border: 0;}

.corBanner{position: absolute; right: 5%; bottom: -80px; z-index: 999;}

.padLeft{padding-left: 0 !important;}

.opcioMarcada{display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width:  150px ;height: 58px !important;background: #ed7527 !important;color: #fff !important; font-size: 20px !important; font-family: 'Semibold' !important;transition: 0.5s !important; margin-right: 10px; margin-bottom: 20px; text-transform: uppercase; }

	.imgIG{ overflow-y: scroll; overflow-x: hidden; height: auto; max-height: 300px;}
	.imgIG div{display: inline-block; margin-bottom: 5px; width: 32.5%;}

.ajustItem{border-top: 2px solid #252525; padding: 2% 30px 40px 30px;}


.xarxes9{display: grid;gap: 30px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); margin: 10px 0; align-items: flex-start;}
.caixaXarxa{display:  grid ; position: relative; align-items: start; text-align: center; transition: 0.5s; background-color: rgba(255,255,255,0.55);  padding: 20px 0; justify-content: center; font-size: 24px; font-family: 'Semibold';border:  4px solid  #fff; border-radius: 10px; }
.caixaXarxa img{margin: 0 auto;}
.caixaXarxa:hover{background-color: rgba(255,255,255,0.9); transition: 0.5s; color: #ed7527; border:  4px solid  #ed7527;}
.icoXarxaSocial2{ margin-bottom: 10px !important; }









@media (min-width: 1004px) and (max-width: 1100px) {
	.icoConta{width: 30px !important;}
}
@media (min-width: 767px) and (max-width: 1003px) {
	.telConta, .adrConta { font-size: 16px;}
	.icoConta { width: 25px !important;}
	.cajaaclientes {	border:1px solid #e4e4e4; 	width:100%;	}
	.medidamarca { float:right;width:100%;max-width:110px;}
}


@media screen and (max-width: 1700px) {
.dropdown {    font-size: 13px;}
}

@media screen and (max-width: 1600px) {
.dropdown {    padding: 5px 4px;}
.menuGRAN {    height: 120px;}
.videohome{		height:320px}

}



@media screen and (max-width: 1440px) {
	.flex-caption img{width: 200px !important;}
	.ajustContingut{padding: 0 2%;}
	.menu-item.dropdown { padding: 5px 0px;}
	/*.nav.navbar-nav li a {padding: 7px 7px !important;}*/
	.corDonatiu { max-width: 180px;}
	.corBanner{right: 5%; bottom: -60px;}
	.dropdown {    padding: 5px 3px;}
	.contenedor {    max-width: 95%;}
	.videohome{		height:285px}
	.parent {display: grid;grid-template-columns: 3fr repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}	
	.delascajas {    min-height: 191px;}
	.delascajas2 {    min-height: 191px;}
}

@media (max-width: 1366px) {
	.contenedor{ max-width: 98%; }
	.dropdown {    font-size: 13px;	}
	.botoIdiomes2 {font-size: 12px;}
	.divXarxes{padding-left:30px;}
	.idiomes{font-size: 12px;}
	.bannerSlogan1{font-size: 30px; line-height: 36px;}
	h2{font-size: 30px; line-height: 36px;}
	h3{font-size: 24px; line-height: 30px;}
	h4{font-size: 20px; line-height: 26px;}
	h1.titInterior{font-size: 30px; line-height: 36px;}
	.contador{display: grid;gap: 30px; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); margin: 30px 0; align-items: flex-start;}
	.counter-icon img{	width: 40px !important;}
	.contador_fitxa .counter-timer {  font-size: 28px;  line-height: 34px;}
	.contador_fitxa .counter-title {  font-size: 18px;  line-height: 22px;}
	.corBanner{right: 4%; bottom: -45px;}
	.videohome{		height:270px}
}

@media (max-width: 1360px) {
	.cajaproductos {	width:100%; }
	.nav > li > a { padding: 0px 11px;}
}

@media (max-width: 1280px) {
	.delascajas > h3 {    font-size: 19px;    line-height: 22px;}	
	.delascajas2 > h3 {    font-size: 19px;    line-height: 22px;}	
	.contenedor{ max-width: 95%; }
	.dropdown{font-size: 12px;}
	.footer {	font-size: 15px; line-height: 20px;}
	.descnou.proveidor{font-size: 12px;}
	.descnou.marca{font-size: 12px;}
	h2 {font-size: 40px}
	.logo2{max-width: 150px;}
	.handle-counter input.relacionats{width: 40px !important;}
	.menu-item.dropdown { padding: 5px 3px;}
	.divXarxes{padding-left:15px;}
	.corDonatiu { max-width: 160px;}
	.footer{font-size: 12px; line-height: 24px;}
	.footerTel{font-size: 18px;}
	.footer b{font-size: 15px;}
	.videohome{		height:250px}

}

@media (max-width: 1150px) {
	h3 {    font-size: 15px;    }
	.nav>li>a{padding: 5px 12px !important;}
	.alonaranja > h3 {    font-size: 16px;    line-height: 26px;}	
	.delascajas > h3 {    font-size: 18px;    line-height: 22px;}
	.delascajas2 > h3 {    font-size: 18px;    line-height: 22px;}
	.delascajas {    padding: 15px;   width: 23.4%;}

	.interiorPage {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);}
	.interiorPage1 { grid-area: 1 / 1 / 2 / 3; }
	.interiorPage2 { grid-area: 2 / 1 / 3 / 2; }
	.interiorPage3 { grid-area: 2 / 2 / 3 / 3; }	
}

@media (max-width: 1024px) {
	.los60 {  margin-top: 17px;}
	.quienessomos {    width: 100%;    float: none;    margin: 0 0px 20px 0;}
	.interiorPage3 {    background-position: left bottom;}
	.menuGRAN { height: 85px;}
	.row {  margin-left: 0px!important;  margin-right: 0px!important;}
	.logo1 {    max-width: 270px; margin-top: -2px; }
	.ocho { padding-left:0px!important;}
	.flex-caption img { width: 120px !important;}
	.liFinal { padding-right: 30px;}
	.txtTaronja { font-size: 14px;}
	.similarh2 { font-size: 40px; line-height: 40px;}
	.inputbuscador { width: 125px;}
	.barraVerd { top:100px;}
	.menuScroll { height: 84px!important;}
	.titolNotiHome { font-size: 16px; line-height: 22px;}
	.footer {	font-size: 14px; line-height: 20px;}
	.modePagament { margin-bottom: 0px !important;}	
	.buscar {display: none}
	.borrar {display: none;}
	.navbar-nav{display:none!important;}
	.ajustIconesMenu{margin-top: 4px;}
	.divXarxes{float: right;}
	/*.UnCursDestacat{min-height: 450px;}*/
	.UnBannerPetit{padding-top: 132%;}
	body, p { font-size: 16px; line-height: 20px;}
	h1, h2, .bannerDestacat, .pvp2 { font-size: 30px; line-height: 30px;}
	.subtitolCursDestacat, .bannerDestacat2 {font-size: 12px; line-height: 20px;}
	.textSobreUnBannerPetit{top:  30%;}
	.aNews{font-size: 12px; line-height: 18px;}
	.inputayuda{max-width: 330px; height: 40px;}
	.footerTel{font-size: 16px;}
	.footerLinks a.peu{font-size: 12px;}
	.botoDescobreix, .bottoncomprar{ padding: 5px 30px !important; font-size: 14px !important; }
	.iconesMenu{position: absolute !important; top: 5px; right: 5px;}
	.centratLogo{text-align: center;}
	.notih2 { font-size: 20px; line-height: 24px;}
	.incbsite{padding-top: 50px;}
	.infoCurs, .infoReserva{font-size: 14px;}
	.infoCurs i, .infoReserva i{font-size: 12px;}
	.infoCurs i b, .infoReserva i b{font-size: 14px;}
	.wCurs{width:140px;}
	.infoCurs, .infoReserva{min-height: 205px;}
	.menulateral, .menulateral1{font-size: 10px; padding: 5px 10px;}
	.ajustPad0{padding: 6px !important;}
	.cursPassat{min-height: auto;}
	#form_curs label{font-size: 10px;}
	.caixaInscripcio{padding: 30px 15px;}
	.fiassistens{clear: both; border-bottom: 2px solid #ddd; margin-bottom: 5px; padding-bottom: 5px; width: 98.5%;}
	.formadorDest{font-size: 12px;}
	.titolCursDestacat{font-size: 16px; line-height: 20px; min-height: 45px;}
	.descrCursDestacat{font-size: 12px; line-height: 18px;}
	.iconesMenu{position: relative !important;}
	.icoXarxaSocial{margin: -6px 5px 0 5px;}
	.ajustIdiomes{margin-top: 4px !important;}
	.centratLogo{text-align: left; padding-left: 5% !important;}
	.bannerSlogan1{font-size: 26px; line-height: 32px;}
	.corDonatiu { max-width: 150px;}
	.divNoti{grid-column-gap: 20px;}
	.titolArea{font-size: 14px;}
	.titolVeure{font-size: 10px !important;}
	.dataNoti{font-size: 14px !important;}
	.icoContacte{color: #ed7325 !important; text-transform: none !important; font-size: 20px;}
	.bannerInterior{margin-top: 48px;}
	.txtClausulaConsentiment{font-size: 11px;}
	.txtClausulaConsentiment{font-size: 11px; padding: 20px 10px;}
	.peque2{margin-bottom: 30px;}
	.organs2 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
	.organs2_div1 { grid-area: 1 / 1 / 2 / 2; }
	.organs2_div2 { grid-area: 2 / 1 / 3 / 2; }
	.contador{display: grid;gap: 30px; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); margin: 30px 0; align-items: flex-start;}
	.counter-icon img{	width: 30px !important;}
	.contador_fitxa .counter-timer {  font-size: 24px;  line-height: 30px;}
	.contador_fitxa .counter-title {  font-size: 16px;  line-height: 24px;}
	.bannerInterior{margin-bottom: 40px;}
	.videohome{		height:265px}
	.alos76{max-width: 100%!important;}


}

@media (max-width: 1023px) {
.parent {grid-template-columns: 1fr;grid-template-rows: repeat(6, 1fr);}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 3 / 1 / 4 / 2; }
.div4 { grid-area: 4 / 1 / 5 / 2; }
.div5 { grid-area: 5 / 1 / 6 / 2; }
.div6 { grid-area: 6 / 1 / 7 / 2; }

.icoXarxaSocial {  margin: -6px 5px 0 1px;}
	.aparecer { display: block;}
	.inputbuscador { width:84%;}
	.ninoFora{display: none;}
	.doscolumas {display: grid;grid-template-columns: repeat(1, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.colum3 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.colum3a { grid-area: 1 / 1 / 2 / 2; }
.colum3b { grid-area: 1 / 1 / 3 / 3; }
.colum3c { grid-area: 3 / 1 / 4 / 2; }
	.blocs2_div1 { grid-area: 1 / 1 / 2 / 2; }
	.blocs2_div2 { grid-area: 2 / 1 / 3 / 2; }
	.blocs2_div3 { grid-area: 3 / 1 / 4 / 2; }
.fitxes3{ grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
.fitxes { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
.fitxes2{ grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
	.videohome{		height:333px}
}

@media screen and (min-width: 1025px) {
	#menuMobile{display:none;}
}

@media screen and (max-width: 991px) {
	.logo1 {width: 86%;    margin-top: -1px;}
	.iconesMenu {   margin-top: 5px;}
	.logoPetit{margin-top: -3px;}
	.contador {    gap: 20px;    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));    margin: 20px 0;}
	.contador_fitxa .counter-title {    font-size: 14px;    line-height: 19px;}
	.colum2 {    display: grid;    grid-template-columns: 50% 1fr;}
}

@media screen and (max-width: 820px) {
	.interiorPage {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto) auto;grid-column-gap: 0px;grid-row-gap: 20px;grid-auto-rows: auto;}
	.interiorPage1 { grid-area: 1 / 1 / 2 / 2; }
	.interiorPage2 { grid-area: 2 / 1 / 3 / 2; width: 100%; min-height: 600px;}
	.interiorPage3 { grid-area: 3 / 1 / 4 / 2; width: 100%; min-height: 600px;}
	.interiorPage4 { grid-area: 4 / 1 / 5 / 2; }
	.iconesMenu {display: none;}
}

@media screen and (max-width: 768px) {
	.footer img{display: none;}
	.footer a {    font-size: 18px; line-height: 34px;}
	h1{margin-top: 20px;}
	.idiomes { margin-left: 30px;}
	
	.aNews { font-size: 14px;}
	.barraVerd { display: none;}
	.inputayuda {  width: calc(100% - 170px);}
	.caixaModePagament { text-align: right;}
	.peu2 { font-size: 9px;}
	.ajustPeu { padding: 0 !important}
	.nomesEscriptori{display: none;}
	.nomesMobile{display: block; margin-top: 48px;}
	.iconesMenu{margin-top: 5px;}
	.titolCursDestacat{font-size: 16px; line-height: 20px;}
	.dataCursDestacat{font-size: 10px;}
	body, p { font-size: 14px; line-height: 18px;}
	h1, h2, .bannerDestacat{ font-size: 24px; line-height: 26px;}
	.subtitolCursDestacat, .bannerDestacat2 {font-size: 12px; line-height: 18px;}
	.UnCursDestacat{min-height: 400px;}
	.bannerDestacat{padding: 20px;}
	.textSobreUnBannerPetit{top:  30%;}
	.imgInstaHome{ border-radius: 10px; border: 2px solid #eaeae5;}
	.imgBotiga{width: 60%; margin: 0 auto; margin-top: 30px;}
	.inputayuda {    max-width: 260px;}
	.aNews {    font-size: 12px;}
	.item-img, .item-img2{top: 80px;}
	.footer .logo_blanc{text-align: center;}
	.botoSuscriure{padding: 7px 35px;}
	.caixaBannerPetit{padding: 0 40px !important;}
	.botoInstagram{margin-top: 0px;}
	.imgInstaHome{margin-bottom: 20px;}
	.imgBotiga{width: 84%;}
	.textNews{text-align: center;}
	.borrarMenuLateral{display: none;}
	.cursPassat{min-height: auto; margin-bottom: 20px;}
	#form_curs label{margin-bottom: 5px;}
	.UnFormadorDestacat{margin-bottom: 30px;}
	.centratLogo{text-align: center;}
	.ajustIdiomes{display: none;}
	.corDonatiu { max-width: 120px;}
	.footer img{width: 30px;}
	.ajustLinea{padding-top: 30px; border-top: 1px solid #ccc;}
	.ajustIntro{padding-right: 0; margin-bottom: 30px;}
	.fonsDonatiu{padding: 50px 0;background-size: cover; background-position: -80px center;}
	.divNoti {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
	.noti1 { grid-area: 1 / 1 / 2 / 2; }
	.noti2 { grid-area: 2 / 1 / 3 / 2; }
	.noti3 { grid-area: 3 / 1 / 4 / 2; }
	.titolArea{padding-bottom: 20px;}
	.ajustLinea div{margin-bottom: 20px;}
	.imgInterior{padding-top: 25%;}
	.ubicacio{   grid-template-columns: 40% repeat(2, 1fr);}
	.contador{display: grid;gap:30px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); margin: 30px 0; align-items: flex-start;}
	.counter-icon img{	width: 40px !important;}
	.contador_fitxa .counter-timer {  font-size: 20px;  line-height: 26px;}
	.contador_fitxa .counter-title {  font-size: 14px;  line-height: 20px;}

	.colum3 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
	.colum3a { grid-area: 1 / 1 / 2 / 2; }
	.colum3b { grid-area: 2 / 1 / 3 / 2; }
	.colum3c { grid-area: 3 / 1 / 4 / 2; }
	.colum2 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(auto, 1fr);grid-column-gap: 0px;grid-row-gap: 30px;}
	.colum2a { grid-area: 1 / 1 / 2 / 2; }
	.colum2b { grid-area: 2 / 1 / 3 / 2; }
	.collabora {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(5, auto);grid-column-gap: 0;grid-row-gap: 50px;}
	.collabora_div1 { grid-area: 1 / 1 / 2 / 5; }
	.collabora_div2 { grid-area: 2 / 1 / 3 / 5; }
	.collabora_div3 { grid-area: 3 / 1 / 4 / 4; }
	.collabora_div4 { grid-area: 4 / 1 / 5 / 4; }
	.collabora_div5 { grid-area: 5 / 1 / 6 / 4; display: flex; }

	.corBanner{right: 3%; bottom: -30px;}
	.bannerSlogan2{font-size: 16px; line-height: 20px;}
	.padLeft{padding-left: 12px !important;}

	.ajustItem{border-top: 2px solid #252525; padding: 2% 10px 40px 10px;}
	.titolArea{width: 75% !important; font-size: 12px;}
	.titolVeureMes{width: 25% !important; font-size: 8px !important; line-height: 12px;}
	.ajustItem img{max-height:  200px;}

}

@media screen and (max-width: 767px) {
	.parent {grid-template-columns: 1fr;grid-template-rows: repeat(6, auto); grid-gap: 5px;}	
	.delascajas {    padding: 15px;    width: 90%;margin-bottom: 5px; min-height: auto;}
	.delascajas2 {    padding: 15px;    width: 90%;margin-bottom: 5px; min-height: auto;}
	.linksFooter{display: grid;}
	.linksFooter a{padding: 10px 0;}
	.fora{display: none;}
	.diaSetmanaGran {	display: none;}
	.diaSetmanaPetit {	display: block;}
	.footer{display: block !important;}
	/*.xarxes {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
	.xarxes1 { grid-area: 1 / 1 / 2 / 2; }
	.xarxes2 { grid-area: 2 / 1 / 3 / 2; }
	.xarxes3 { grid-area: 3 / 1 / 4 / 2; }*/
	.donatiu {display: grid;grid-template-columns: 2fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
	.donatiu_div1 { grid-area: 1 / 1 / 2 / 2; }
	.donatiu_div2 { grid-area: 2 / 1 / 3 / 2; }

	h2{font-size: 26px; line-height: 32px;}
	h3{font-size: 20px; line-height: 26px;}
	h4{font-size: 16px; line-height: 22px;}
	h1.titInterior{font-size: 26px; line-height: 32px;}
	.de50{padding:10px 0;}
	.quienessomos{width: 100%; float: none; margin:0 0px 20px 0}

}


@media screen and (max-width: 679px) {
	.contenedor {    max-width: 99%;}
	.logo1 { width: 100% !important; margin-top: 0;}
	#blocNewsletter { height: auto; }
	.inputayuda { width: 100% !important;}
	.bottonayuda { width: auto !important;}
	.incPie2 { text-align: center;}
	.footer a { font-size: 17px; }
	.footer a.blanc { font-size: 25px;}
	.textNews { padding: 12% !important;}
	.menuScroll { height: 60px !important;}
	.ajustPadGrid { padding: 0 !important;}
	.idiomes { display: none;}
	.insta { margin-left: 35px;  margin-top: 2px;}
	.iconUser { margin-right: 10px !important;}
	.ajustPastilles { margin: 20px 0;}
	.ajustImgInsta { margin-bottom: 20px;}
	.caixaModePagament { text-align: center;}
	.peu2 { font-size: 15px !important;}
	.logoPetit {max-width: 90px !important;}
	.incPie2 {padding: 5% 0;}
	.unProducte{min-height: 340px !important;}
	.bannerSlogan1 {font-size: 7vw;    line-height: 7vw;}
	.bannerSlogan2 {font-size: 4.5vw;    line-height: 4.5vw; margin-top: 15px;}
	.footer{display: grid;}
	.peu2{padding: 0; font-size: 12px !important;}
	.logoPetit{max-width: 166px !important;    margin-left: -2%;}
	.caixaBannerPetit{padding: 0 0px !important;}
	.ajustMockup{height: 565px;}
	.item-img, .item-img2{top: 0px;}
	.footer, .footerTel{display: grid; text-align: center !important;}
	.footer img{margin:  0 auto !important; margin-bottom: 10px !important;}
	.footerLinks a.peu{font-size: 14px; padding-bottom: 10px;}
	.footer img .logo_blanc{width: 120px !important; }
	.incbsite{padding-top: 60px;}
	.telConta, .adrConta{display: block;}
	.pointerConta {margin-top: 20px !important}
	.unProducte{min-height: auto !important;}
	.infoCurs, .infoReserva{width: 100% !important; margin-bottom: 5px;}
	.fotoFormador{width: 150px; height: 150px; margin-bottom: 10px;}
	.afegirAssistent{height: 35px;}
	.resumReserva{padding: 20px 20px !important;}
	.titPetitsResum{width: 130px !important;}
	.caixaFons{min-height: auto; padding-bottom: 15px;}
	.itemCaixaFons{padding: 0 0;}
	.ajustLinea{margin-top: 30px;}
	.collabora_div5{display: block;}
	.ubicacio {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 30px;}
	.ubicacio_div1 { grid-area: 1 / 1 / 2 / 2; }
	.ubicacio_div2 { grid-area: 2 / 1 / 3 / 2; }
	.ubicacio_div3 { grid-area: 3 / 1 / 4 / 2; }
	.blocs2 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
	.interiorPage {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, 1fr) auto;grid-column-gap: 0px;grid-row-gap: 20px;grid-auto-rows: auto;}
	.interiorPage1 { grid-area: 1 / 1 / 2 / 2; }
	.interiorPage2 { grid-area: 2 / 1 / 3 / 2; width: 100%; min-height: 300px;}
	.interiorPage3 { grid-area: 3 / 1 / 4 / 2; width: 100%; min-height: 300px;}
	.interiorPage4 { grid-area: 4 / 1 / 5 / 2; }
.caixaFons{margin-bottom: 50px;}
.titolArea{width: 75% !important; font-size: 16px;}
	.titolVeureMes{width: 25% !important; font-size: 12px !important; line-height: 12px;}

}

@media (max-width: 600px) {
	.bottonayuda { width: 90px;}
	.inputayuda { width: calc(100% - 106px);}
	.ajustMockup{height: 490px;}
	.videohome{		height:180px}
}

@media only screen and (max-width: 1003px), (min-device-width: 300px) and (max-device-width: 1003px)  {
	/* 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:65px;	  
	}
	.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;
	}
}
@media (max-width: 400px) {
	.inputayuda{width: 62%;}
	.form_consen{height: auto;}
	.ajustMockup{height: 330px;}
}



@media screen and (max-width: 679px) {
	.blocbizum {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 50px;
	}

	.bizum_div1 { grid-area: 1 / 1 / 2 / 2; padding:10%;}
	.bizum_div2 { grid-area: 2 / 1 / 3 / 2; padding:10%;}
	.bizum_div3 { grid-area: 3 / 1 / 4 / 2; padding:10%;}

.divAbans{display: flex !important; align-items: center !important; justify-content: center !important;cursor: pointer !important;width: 100% !important;max-width: 100% !important; height: 58px !important;background: #d4d4d4 !important;color: #fff !important; font-size: 30px !important; font-family: 'Light' !important;transition: 0.5s !important;  margin-bottom: 10px;}
.divAbans2{display: flex !important; align-items: center !important; justify-content: center !important;cursor: pointer !important;width: 100% !important;max-width: 100% !important; height: 40px !important;background: #d4d4d4 !important;color: #fff !important; font-size: 20px !important; font-family: 'Light' !important;transition: 0.5s !important; margin-bottom: 10px;}
}