@font-face {    font-family: 'Regular';    src: url('../fonts/AvenirLTStd-Book.eot');    src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),        url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),        url('../fonts/AvenirLTStd-Book.woff') format('woff'),        url('../fonts/AvenirLTStd-Book.ttf') format('truetype'),        url('../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Black';    src: url('../fonts/AvenirLTStd-Black.eot');    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),        url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),        url('../fonts/AvenirLTStd-Black.woff') format('woff'),        url('../fonts/AvenirLTStd-Black.ttf') format('truetype'),        url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');    font-weight: 900;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Heavy';    src: url('../fonts/AvenirLTStd-Heavy.eot');    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),        url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2'),        url('../fonts/AvenirLTStd-Heavy.woff') format('woff'),        url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'),        url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');    font-weight: 900;    font-style: normal;    font-display: swap;}

#twitter-widget-0 {border: 1px solid #cf6d03!important;}
body { font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #000000;    line-height: 30px;    font-weight: normal;    font-style: normal;    font-size: 20px;	background-color: #fff;	background-repeat: repeat-x;    overflow-x: hidden;}
img  { border: 0; }
a:link 		{ text-decoration: none; color: #000; transition: 0.5s;}
a:visited	{ text-decoration: none; color: #413e3e;}
a:hover		{ text-decoration: none; color: #cf6d00 !important; transition: 0.5s;}
a:active	{ text-decoration: none; color: #63644E;}
h1 {
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 42px;
	color: #222222;
	margin: 0px 0 15px 0;
}
h2 {
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 36px;
	color: #000;
	margin: 0px 0 0px 0;
}
h3 {
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 27px;
	color: #fff;
	margin: 0 0 15px 0;
}
h4 {
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 27px;
	color: #222;
	margin: 25px 0 20px 0;
}

h5 {
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #222;
	margin: 25px 0 20px 0;
}
a h4 {
	color: #413e3e;
}
p {
	margin: 0px;
}




#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;font-family:'robotomedium', Arial, Helvetica, sans-serif;font-size:22px;text-align:center;font-weight:normal;font-style:normal;line-height:24px;opacity:1; padding-top: 14%;}
.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:0;color:#f2f2f2;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 .overlay1{opacity:1;background-image:url('../imgs/negro.png')!important;text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.deponer{background-size: contain; background-position: center; min-height: 250px; width: 100%;font-size: 13px; background-repeat: no-repeat; }



.contenedor {padding:0;max-width: 90%;margin:0 auto;  /*border:  1px solid blue !important;*/}
.selectIdioma{margin-top: 15px !important;}

.desplazarli li{margin-left:25px;}
.borrar{display: block;}
.aparecer{display: none;}
.vertical-centered-text { -ms-display: flex;   display: flex; }
.caixaFons{min-height: 425px; transition: 0.5s;}
.caixaFons:hover{transition: 0.5s;}
.logo1{width:100%; ;max-width:500px; transition: all 1s ease; margin-top: 0;}
.logo_blanc{width: 100%; max-width: 120px; float: right;}
.inputcontacto {
	border: #555 1px solid;
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	padding: 4px;
	background-color: #FFFFFF;
	margin: 3px 0 3px 0;
	width: 89%;
}
.bottonbuscar {
	border: #cccccc 0px solid;
	font-family: 'Heavy', 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: 'Heavy', 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: 'Heavy', 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: 'Heavy', 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: 'Heavy', 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: 15px;
	color: #000;
	height: 40px;
	background-color: #fff;
	font-style: italic;
	width: calc(100% - 150px);
	padding-left: 18px;
	max-width: 350px;
	float: left;
	margin-right: 5px;
	border-radius: 6px;
}
.texto {
	font-family: 'Heavy', 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:15px;
	border: 0;
	border-bottom: 1px solid #e4e4e4;
	/*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 #63644e !important;
}
.pvp2 {
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 40px;
	color: #929473;
	font-weight: normal;
	font-style: normal; 
}
.data {
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #929473;
	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 */
}
.dataNoti {font-family: 'Heavy', Arial, Helvetica, sans-serif; font-size: 16px;	line-height: 22px;	color: #cf6d00; margin: 10px 0;}
.titolNotiHome { font-family: 'Heavy', Arial, Helvetica, sans-serif;	font-size: 22px;	line-height: 26px;	color: #000; margin-bottom: 5px;}
.inputNew { margin: 4px 0 !important; width:100% !important; padding: 0px 20px !important; font-family: 'Heavy', Arial, Helvetica, sans-serif; font-size: 15px !important; color:#333 !important;background-color: #efefef; 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 #ebebeb; padding: 2px 5px; margin-bottom: 8px; border-radius: 8px; background-color: #efefef; transition: 0.5s;}
.caixaInput:hover{ border: 1px solid #cf6d00; 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: 'Heavy', 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: 'Heavy', Arial, Helvetica, sans-serif;	font-size: 20px;	line-height: 26px;	color: #413e3e;	font-weight: normal;	font-style: normal;		margin:10px 0 10px 0; }*/

.svg1:hover { opacity: 0.7; transition: 0.5s;}
.tornarLila { background-color: #eaeae5; 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: #d0d1c4; color:#fff; transition: 0.5s; border-radius: 0 0 12px 12px;}
.centrat { text-align: center;}
.peu  { font-family:'Heavy'; font-size: 16px; line-height: 21px; padding-left: 10px; text-transform: none;}
.peu2 { font-family:'Regular'; text-transform: uppercase; font-size: 14px; padding: 0 2%;}
.imgPeu { position: relative;}
.centreCistellaResumida { margin-top: 20px; }
.botoDescobreix{	font-family: 'Heavy', Arial, Helvetica, sans-serif;  border: 2px solid #63644e; background-color:#63644e; display: inline-block; padding: 10px 40px; color: #EAEAE5; text-align: center; font-size: 20px; text-transform: uppercase; border-radius: 30px;-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;}
.botoDescobreix:hover{color: #fff; background-color: #d0d1c4; color: #413e3e; border: 2px dotted #63644e;-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;}





.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: 'Heavy', Arial, Helvetica, sans-serif; background-color:#63644e; display: inline-block; padding: 7px 40px; color: #EAEAE5; text-align: center; font-size: 14px; border: 2px solid #63644e; -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 #63644e;-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: #63644E; 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.8s;}
.botoError{font-family: 'Heavy', Arial, Helvetica, sans-serif;clear: both; background-color: rgba(255,255,255,0); display: flex; justify-content: center; align-items: center; padding: 4px; transition: 0.8s; border: 1px solid #555;  margin-bottom: 5px; border-radius: 8px; font-size: 16px;}  
.botoError:hover{background-color: #cf6d00; color: #fff; transition: 0.8s;border: 1px solid #cf6d00;}
.UnBannerPetit {width: 100%; padding-top: 130%; 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: relative; width: 100%;text-align: left;transition: 0.7s;}
.bannerDestacat{font-family: 'Heavy', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; line-height: 40px; color:#222; display: inline-block; transition: 0.7s; padding-top: 15px;}
.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: 'Heavy', 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: 'Heavy', 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: 'Heavy'; 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: center; font-size: 2.7vw; line-height: 2.7vw; color:#fff; font-family: 'Heavy', Arial, sans-serif; max-width: 60%; margin:  0 auto; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);}
.bannerSlogan2 { text-align: left; font-size: 1.5vw; color:#fff; font-family: 'Medium', Arial, sans-serif; margin-bottom: 40px; margin-top: 15px;}
.nomesEscriptori { display: block;}
.nomesMobile { display: none;}
.crema { color: #eaeae5;}
.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: 16px; line-height: 18px;
	background-color: rgba(255,255,255,0.4);
}
.galeriaTitol {} 
.galeriaSubTitol {
	font-size: 26px;
	color:  #413e3e;
	font-family: 'Heavy', 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: 'Heavy', 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: 'Heavy', 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: 'Heavy', 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: 2px; margin-bottom: 20px; border: 1px solid #000; } 
.imgNoticiaLlistat		{ width: 100%; padding-top: 10%; background-size: cover!important; background-position: center center!important;}

#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: 'Heavy', 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;
	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;}



/****   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; font-size: 18px;}
.badge {font-family: 'Heavy', Arial, Helvetica, sans-serif;}
.dropdown-menu > li > table > tbody > tr > td > h2 > a {  font-family: 'Heavy';     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: 'Heavy'; 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: 'Heavy', Arial, Helvetica, sans-serif;	font-size: 18px; color: #111111; line-height: 15px; margin-top: 0px; }
.dropdown a {color: #222222 !important;}
/*.menuhome { padding:5px 23px!important;}*/
.idiomes  { float:right; font-size:12px;font-family: 'Heavy'; color: #fff; background-color: #cf6d00; padding: 0px 0px; border-radius: 30px; min-width: 100px; text-align: center;}
.idiomes a {padding:10px 0;}
.icoXarxaSocial { margin: 0 0 0 5px;}
.menulateral {
	display: inline-flex;
	justify-content: left;
	align-items: center;
	width: 100%;
	margin: 0px 0px 10px 0;
	padding: 5px 12px;
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #ececec;
	color: #060606;
	border-radius: 8px;
	border: 1px solid #ececec;
	transition: 0.5s;
}
.menulateral a{color:#060606!important; transition: 0.5s;}
.menulateral1 {
	display: inline-flex;
	justify-content: left;
	align-items: center;
	width: 100%;
	margin: 0px 0px 10px 0;
	padding: 5px 12px;
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #cf6d00;
	color: #ffffff;
	border-radius: 8px;

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

.menulateral:hover{	transition: 0.5s; background-color: #cf6d00 !important;}
.menulateral:hover a{color: #fff !important; transition: 0.5s;}
.buscar {
	float: right;
	display: none;
}
.botonbuscadory {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Heavy', 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: 0px; min-width: 100px; text-align: center;}
.botoIdiomes2 { border: 1px solid #606060; padding: 0px 10px; transition: 0.7s; background-color: #e8e8e8; border-radius: 30px;}
.botoIdiomes2:hover { background-color: #0e656e;border: 1px solid #606060; transition: 0.7s; color:  #fff;}
.menuGRAN { transition: all 0.7s ease; height: 120px;position: fixed; background-color: #fff; width: 100%;z-index: 1200; padding-top: 20px; top: 0;}
.menuScroll { height: 100px;  transition: all 0.7s ease; width: 100%; box-shadow: rgba(33, 35, 38, 0.3) 0px 10px 10px -10px; background-color: #fff; padding-top: 10px;}
.logoPetit { max-width: 110px; transition: all 0.7s ease; margin-top: 10px;}
.barraVerd { width: 100%; z-index: 46; padding: 0px 0;transition: all 0.7s ease;}
.barraVerdAjust { margin-top: -5px !important; padding: 0px 0 0 5px !important; transition: all 0.7s ease;}
.iconesMenu { text-align: right; margin-top: 45px; transition: all 0.7s ease;}
.ajustIconesMenu { text-align: right; margin-top: 13px; 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; }
.menu-item a.mm-selected,  a.mm-selected  { color:#111111!important;}
.menu-item.dropdown  		 	{ border-radius: 25px; padding: 7px 0px;}
/*.menu-item.dropdown a 			{ text-transform: uppercase !important; }*/
.menu-item.dropdown.selected 	{    padding: 3px 15px;}
.menu-item.dropdown.selected a 	{ color: #cf6d00!important; border-bottom: 4px solid #cf6d00; padding: 3px 15px;}


.especialMenu{margin-left: 20px;}
/* FIN Menús ------------------------------------------------------------------------------------------------------------------------------------------ */

.divXarxes{float: left; padding-left:40px;}
.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: -9px;}

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



.icocontacte{      
	text-align: center;
	display: inline-block;
	margin-top: 0px;
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	font-weight: normal;
	font-style: normal;
	line-height: 15px;
	height: 35px;
	padding:  5px 11px 5px;
	margin-right: 50px;
	transition: 0.5s; 
}

.icocontacte img{margin-right: 10px; margin-top: -10px;}  



.twcrecim{display: inline-block; background-color: #ececec; padding: 0px 10px; margin: 0 10px;font-family: 'Heavy', Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 20px; color: #cf6d00;transition: 0.6s;}
.twrevir{display: inline-block; background-color: #ececec; padding: 0px 10px; margin: 0 10px;font-family: 'Heavy', Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 20px;  color: #0e656e;transition: 0.6s;}
.twrevista{display: inline-block; background-color: #ececec; padding: 0px 10px; margin: 0 10px;font-family: 'Heavy', Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 20px;  color: #dc752e;transition: 0.6s;}
.twdiatic{display: inline-block; background-color: #ececec; padding: 0px 10px; margin: 0 10px;font-family: 'Heavy', Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 20px;  color: #2d3047;transition: 0.6s;}
.icoSocial{width: 16px; margin: -6px 0 0 5px;}

.twrevista:hover,
.twdiatic:hover,
.twcrecim:hover,
.twrevir:hover{background-color: #ccc; transition: 0.6s;}

/* ----  Benvinguts  -------------------------------------  */
/*
.benvinguts {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);grid-row-gap: 0px;}
.benvinguts_div1 { grid-area: 1 / 2 / 2 / 3; text-align: right; }
.benvinguts_div2 { grid-area: 2 / 1 / 3 / 2; margin-top: 10px; text-align: right; margin-right: 10px;}
.benvinguts_div2 img{width: 100%; max-width: 60%;}
.benvinguts_div3 { grid-area: 2 / 2 / 3 / 3; margin-top: 10px;}
.benvinguts_div2 img{width: 100%;}
.benvinguts_div4 { grid-area: 1 / 3 / 3 / 4; margin-left: 40px; background-color: #fff; text-align: center;}
.benvinguts_div5 { grid-area: 2 / 4 / 3 / 5;  background-color: #cf6d00; max-height: 70%; position: relative; padding: 7% 22% 7% 7%; margin-top: 10px; color:  #fff; font-size: 14px; line-height: 20px;}
.benvinguts_div5 img{position: absolute; bottom: 0; left: 0; max-width: 80%;}
*/

/* ----  DIATIC  -------------------------------------  */
.diatic {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;align-items: center;}
.diatic_div1 { grid-area: 1 / 1 / 2 / 3; padding:3rem 10%; border-right: 8px solid #fff; transition: 0.7s;}
.diatic_div2 { grid-area: 1 / 3 / 2 / 4; text-align: center; position: relative; }
.diatic_div2 img{width: 100%; max-width: 250px;}
.diatic_div3 { grid-area: 1 / 4 / 2 / 5; background-size: cover; background-position: center; width: 100%; padding-top: 100%;}
.diatic:hover .diatic_div1{border-right: 8px solid #2d3047; transition: 0.7s; color: #2d3047}
.sepDiatic{background-color: #2d3047; width: 100%; max-width: 400px; height: 6px; margin-top: 50px; margin-bottom: 30px;}


/* ----  REVIR  -------------------------------------  */
.revir {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;align-items: center;}
.revir_div1 { grid-area: 1 / 3 / 2 / 5; padding:3rem 10%; border-left: 8px solid #fff;transition: 0.7s;}
.revir_div2 { grid-area: 1 / 1 / 2 / 2; background-size: cover; background-position: center; width: 100%; padding-top: 100%;}
.revir_div3 { grid-area: 1 / 2 / 2 / 3; text-align: center; position: relative;}
.revir_div3 img{width: 100%; max-width: 300px; mix-blend-mode: multiply;}
.revir:hover .revir_div1{border-left: 8px solid #0e656e; transition: 0.7s; color: #0e656e}

/* ----  CIÈNCIES  -------------------------------------  */
.ciencies {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;align-items: center;}
.ciencies_div1 { grid-area: 1 / 1 / 2 / 3; padding:2rem 10%; border-right: 8px solid #fff;transition: 0.7s;}
.ciencies_div2 { grid-area: 1 / 3 / 2 / 4; text-align: center; position: relative; }
.ciencies_div2 img{width: 100%; max-width: 400px; mix-blend-mode: multiply;}
.ciencies_div3 { grid-area: 1 / 4 / 2 / 5; background-size: cover; background-position: center right; width: 100%; padding-top: 100%;}
.ciencies:hover .ciencies_div1{border-right: 8px solid #dc752e; transition: 0.7s; color: #dc752e}

.sepCiencies{background-color: #dc752e; width: 100%; max-width: 400px; height: 6px; margin-top: 50px; margin-bottom: 30px;}


/* ----  PROJECTES ACTUALS  -------------------------------------  */
.projectesact {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; }
.projectesact_div1 { grid-area: 1 / 1 / 2 / 2; display:  flex; align-items: left;  justify-content: left; padding: 20px 0px 10px 0;}
.projectesact_div1 h2{color: #fff; }
.projectesact_div2 { grid-area: 1 / 2 / 2 / 3;  padding: 20px 0px 10px 0; text-align: right;}
.botoMes{font-family: 'Heavy';    background-color: #413e3e;    padding: 5px 20px;    text-transform: uppercase;    color: #fff;    font-size: 15px;    display: inline-flex;    justify-content: center;    
	align-items: center;    margin: 0px 0;    transition: 0.6s;    max-width: 90px;    border-radius: 8px;    min-width: 150px;}
	.botoMes:hover{background-color: #0e656e;  transition: 0.6s;}

/* ----  PROJECTES MULTIPLERS  -------------------------------------  */
.projectesmulti {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.projectesmulti_div1 { grid-area: 1 / 1 / 2 / 2; text-align: right; border-right: 2px solid #cf6d00; padding: 0 35px 0 50px; color: #fff;}
.projectesmulti_div1 h2{color:  #fff; margin-bottom: 15px; padding-right: 15px;}
.projectesmulti_div1 p{padding-right: 15px;}
.projectesmulti_div2 { grid-area: 1 / 2 / 2 / 3; margin:0 10% 10px 50px; background-size: contain; background-position: center left; background-repeat: no-repeat; }
.caixaDestacat{border:  1px solid #e0ab70; padding: 10px 15px; margin-bottom: 10px;}

/* ----  NEWSLETTER  -------------------------------------  */
#blocNewsletter { background-color: rgba(6, 6, 6, 0.8); padding: 10px; position: relative; overflow: hidden; }
.newsletter_acronim{position:absolute; display: flex; align-items: center; top: -55%; right:8%; width: 15%; opacity: 0.3;}
.newsletter {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;padding: 25px 0;}
.newsletter_div1 { grid-area: 1 / 1 / 2 / 2; display: flex; align-items: center; padding-right: 10%; }
.newsletter_div2 { grid-area: 1 / 2 / 2 / 3; display: flex; align-items: center; }
.newsletter_div2 p{color: #fff; font-size: 14px; line-height: 18px; padding-right: 20%;}
.newsletter_div2 a{color: #ccc !important; font-size: 14px; line-height: 16px;transition: 0.6s;}
.newsletter_div2 a:hover{color: #cf6d00 !important; transition: 0.6s;}
.newsletter_div3 { grid-area: 1 / 3 / 2 / 5; display: flex; align-items: center; }
h3.titolNewsletter{font-size: 14x !important; line-height: 24px;}

/* ----  FOOTER  -------------------------------------  */
.incPeu{background-color: #060606; padding: 40px 0;}
.icoXarxaSocial{width: 30px !important; opacity: 0.5; transition: 0.6s;}
.icoXarxaSocial:hover{ opacity: 0.8; transition: 0.6s;}
.footer {display: grid;grid-template-columns: repeat(4, 1fr) 15%;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; color: #fff;}
.footer a{color: #fff; transition: 0.6s;}
.footer a:hover;{color: #cf6d00; transition: 0.6s;}
.footer a.peuConta div{color:  #fff; font-size: 12px; line-height: 18px;  transition: 0.6s;}
.footer a.peuConta{color:  #cf6d00; font-size: 24px; line-height: 36px;  transition: 0.6s;}
.footer a.peuConta:hover div{color:  #cf6d00; transition: 0.6s;}
.footer img{ width: 20px; margin-right: 10px; align-items: flex-start;}
.footer_div1 { grid-area: 1 / 1 / 2 / 2; display: flex; font-size: 12px; line-height: 18px; align-items: flex-start;}
.footer_div2 { grid-area: 1 / 2 / 2 / 3; display: flex; font-size: 12px; line-height: 18px; align-items: flex-start;}
.footer_div3 { grid-area: 1 / 3 / 2 / 4; display: flex; font-size: 12px; line-height: 18px; align-items: flex-start;}
.footer_div4 { grid-area: 1 / 4 / 2 / 5; }
.footer_div5 { grid-area: 1 / 5 / 2 / 6; display: grid; font-size: 12px; line-height: 24px; text-align: right;}

.logo_uab{width: 100% !important; max-width: 80px; margin-left: 50px;}


/* ----  qui som / equip -------------------------------------  */
.interior{padding-top: 50px;}
.equip{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr)); grid-column-gap: 50px;}
.equip .card{ height: auto;  margin: 15px 0 50px 0; } 
.card img{width: 100%; }
.card a.equipico img{width: 20px; margin-right: 10px; }
.card a.equipico2 img{width: 40px; margin-right: 10px;}
.card a.equipico{float: left;} 
.card h3{color: #000; margin: 10px 0; }
.card .carrec{font-size: 16px; line-height: 21px;}

/* ----  REVIR -------------------------------------  */
.int_Revir {display: grid;grid-template-columns: 40% repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 20px;grid-row-gap: 0px; margin-bottom: 50px;}
.int_Revir_div1 { grid-area: 1 / 1 / 2 / 2; }
.int_Revir_div2 { grid-area: 1 / 2 / 2 / 3; margin-left: 10%; background-image: url(../imgs/tallers2.webp); background-size: cover; background-position: bottom right; position: relative; font-family: 'Heavy'; transition: 0.7s;}
.imgFonsRevir{background-size: cover; background-position: center left; width: 100%; padding-top: 55%; margin-top: 50px;}
.int_Revir_div3 { grid-area: 1 / 3 / 2 / 4;  background-image: url(../imgs/batxi.webp); background-size: cover; background-position: bottom right; position: relative; font-family: 'Heavy';}
.sepRevir{background-color: #0e656e; width: 100%; max-width: 400px; height: 6px; margin-top: 50px; margin-bottom: 30px;}

.int_Revir2{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fit, minmax(23rem, 2fr)); grid-column-gap: 7rem;}
.int_Revir2 .card{ margin: 0 0 40px 0;} 
.int_Revir2 h3{ font-size: 20px; color: #fff;     height: auto;    display: flex;    align-items: flex-end; min-height: 55px;}

.botoAqui2{font-family: 'Heavy'; background-color: #fff; padding: 5px 20px; text-transform: uppercase; color: #060606; font-size: 15px; display:flex; justify-content: center; align-items: center; margin: 20px 0; transition: 0.6s; max-width: 200px; border-radius: 8px;}
.botoAqui2:hover{ background-color: #0e656e; color: #fff; transition: 0.6s; }


/* ----  Revir tallers  -------------------------------------  */
.revir_tallers {display: grid;grid-template-columns: 25% 38% 1fr;grid-template-rows: 1fr;grid-column-gap: 80px;grid-row-gap: 0px; margin-bottom: 50px;}
.revir_tallers_div1 { grid-area: 1 / 1 / 2 / 2; padding-left: 33%; }
.revir_tallers_div2 { grid-area: 1 / 2 / 2 / 3; }
.revir_tallers_div3 { grid-area: 1 / 3 / 2 / 4; background-size: cover; background-position: center right; position: relative;font-family: 'Heavy'; }
.revir_tallers_div1 .botoVeure {font-family: 'Heavy'; background-color: #0e656e; padding: 5px 50px; text-transform: uppercase; color: #fff; font-size: 15px; display:inline-flex; justify-content: center; align-items: center; margin: 30px 0; transition: 0.6s;}
.revir_tallers_div1 .botoVeure:hover{background-color: #cf6d00; transition: 0.6s;}
.botoAqui{font-family: 'Heavy'; background-color: #fff; padding: 5px 20px; text-transform: uppercase; color: #060606; font-size: 15px; display:flex; justify-content: center; align-items: center; margin: 20px 0; transition: 0.6s; max-width: 90px; border-radius: 8px;}
.botoAqui:hover{ background-color: #0e656e; color: #fff; transition: 0.6s; }

/*efecte hover imatges*/

.revir_icon{position: absolute; top: 0; right: 0; width: 32%; height:25%; background-color: #333;z-index: 555; border-radius:50% 0 0 50%; display: flex; justify-content: center; align-items: center; padding-left: 3%;}
.revirBlocs {position: relative;overflow: hidden;margin: 10px 0 0 0;min-width: 230px;width: 100%;background: #0e656e;text-align: left;color: #ffffff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);font-size: 16px;border:  2px solid #0e656e;}
.revirBlocs * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.revirBlocs > img,.revirBlocs .image img {  -webkit-transform: scale(1.05);  transform: scale(1.05);  max-width: 100%;}
.revirBlocs > img {  vertical-align: top;  position: relative;  -webkit-filter: blur(5px);  filter: blur(5px);  opacity: 0.7;}
.revirBlocs figcaption,.revirBlocs .image {  -webkit-transition-delay: 0.4s;  transition-delay: 0.4s;}
.revirBlocs .image {  position: absolute;  top: 0;  bottom: 0%;  right: 0;  left: 0;  overflow: hidden;  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 0 rgba(255, 255, 255, 0.2);}
.revirBlocs .image img {  position: absolute;  top: 0;}
.revirBlocs figcaption {  position: absolute;  top: 100%;  bottom: 46px;  left: 20px;  right: 20px;  padding-top: 20px;  z-index: 1;}
.revirBlocs p {  margin: 0;}
.revirBlocs p {  font-size: 1em;  line-height: 1.2em; letter-spacing: 1px;  font-weight: 400;  opacity: 0;}
.revirBlocs:hover .read-more,.revirBlocs.hover .read-more,.revirBlocs:hover figcaption,.revirBlocs.hover figcaption {  opacity: 1;  -webkit-transform: translateX(0px);  transform: translateX(0px);}
.revirBlocs:hover figcaption,.revirBlocs.hover figcaption,.revirBlocs:hover .image,.revirBlocs.hover .image {  -webkit-transition-delay: 0s;  transition-delay: 0s;}
.revirBlocs:hover figcaption,.revirBlocs.hover figcaption {  top: 25%;}
.revirBlocs:hover .image,.revirBlocs.hover .image {  bottom: 75%;}
.revirBlocs:hover p,.revirBlocs.hover p {  opacity: 1;  -webkit-transition-delay: 0.2s;  transition-delay: 0.2s;}
/*fi efecte hover imatges*/

/* ----  Bloc General -------------------------------------  */
.general {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; margin-bottom: 50px;}
.general_div1 { grid-area: 1 / 1 / 2 / 2; }
.general_div1 ol, .general_div1 ul {padding-left: 3%;}

/* ----  Error -------------------------------------  */
.error {display: grid;grid-template-columns: 55% 1fr;grid-template-rows: 1fr;grid-column-gap: 80px;grid-row-gap: 0px;padding: 50px 0;}
.error_div1 { grid-area: 1 / 1 / 2 / 2; }
.error_div2 { grid-area: 1 / 2 / 2 / 3; text-align: center; }

/* ----  Contacte -------------------------------------  */
.contacte {display: grid;grid-template-columns: 1fr 55%;grid-template-rows: 1fr;grid-column-gap: 80px;grid-row-gap: 0px; margin-bottom: 50px;}
.contacte_div1 { grid-area: 1 / 1 / 2 / 2; }
.contacte_div2 { grid-area: 1 / 2 / 2 / 3; background-color: rgba(6, 6, 6, 0.8); padding: 40px; position: relative; overflow: hidden;}
.contacte_div2 img{width: 30px; margin-right: 15px; margin-top: 5px; }
.contacte_div2 a{color: #cf6d00; font-size: 20px;}
.dadesConta{clear: both; display:flex; justify-content: left; align-items: flex-start; margin-bottom: 20px;}
.dadesConta div{color: #fff; font-size: 14px;}
.dadesConta a:hover div{color: #bbb;}
.contacte_div1 .checks{font-size: 14px; line-height: 18px;}

.botoSuscriure{font-family: 'Heavy'; background-color: #cf6d00; padding: 5px 20px; text-transform: uppercase; color: #fff; font-size: 15px; display:flex; justify-content: center; align-items: center; margin: 0px 0; transition: 0.6s; max-width: 90px; border-radius: 8px;min-width: 150px;}
.botoSuscriure:hover{ background-color: #0e656e; color: #fff; transition: 0.6s; }
.botoSuscriure button{background-color: transparent; border: 0;text-transform: uppercase; }

/* ----  Llistat projectes -------------------------------------  */
.projecte_imatge{background-size:cover !important; background-position: center !important; background-repeat: no-repeat !important; width: 100%; padding-top: 70%; border: 1px solid #ddd; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.llistat_projectes {display: grid;grid-template-columns: 15% 1fr;grid-template-rows: 1fr;grid-column-gap: 80px;grid-row-gap: 0px;}
.llistat_projectes_div1 { grid-area: 1 / 1 / 2 / 2; }
.llistat_projectes_div2 { grid-area: 1 / 2 / 2 / 3; }

.llistat_projectes_graella{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr)); grid-column-gap: 50px; grid-row-gap: 50px; margin-bottom: 50px;}
.llistat_projectes_graella .card{ height: auto;  margin: 15px 0 50px 0;} 
.llistat_projectes_graella h3{color: #222; font-size: 20px; line-height: 26px;}
.llistat_projectes_graella p{font-size: 16px; line-height: 20px;}

.projecte_ima{ width: 100%; border-bottom: 2px solid #ddd; box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 20px -20px; }

/* ----  Projecte -------------------------------------  */
.projecte {display: grid;grid-template-columns: 1fr 25%;grid-template-rows: 1fr;grid-column-gap: 80px;grid-row-gap: 0px;}
.projecte_div1 { grid-area: 1 / 1 / 2 / 2; }
.projecte_div2 { grid-area: 1 / 2 / 2 / 3; }
.opcioExtra{background-color: #cf6d00 ;border:  2px solid #cf6d00; color: #fff; padding: 5px 10px; display: flex; justify-content: left; align-items: center;font-family: 'Heavy'; font-size: 14px; margin-bottom: 10px;  transition: 0.5s; }
.opcioExtra:hover{background-color: #fff; border:  2px solid #cf6d00; transition: 0.5s; color: #cf6d00; cursor:  pointer;}

.tornar{display: flex; align-items: center; border-top:  2px solid #bcbcbc; padding: 10px 0;font-family: 'Regular'; font-size: 12px; transition: 0.5s; margin-top: 50px;}
.tornar img{height: 20px; margin-right: 15px;}
.projecte_div1 a{color: #cf6d00}


a:hover .tornar{color: #0e656e;font-family: 'Heavy'; transition: 0.5s;}

/* ----  Llistat notícies -------------------------------------  */
.noticia_imatge{background-size:cover !important; background-position: center !important; background-repeat: no-repeat !important; width: 100%; padding-top: 70%; border: 1px solid #ddd; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}

.llistat_noticies {display: grid;grid-template-columns: 15% 1fr;grid-template-rows: 1fr;grid-column-gap: 80px;grid-row-gap: 0px;}
.llistat_noticies_div1 { grid-area: 1 / 1 / 2 / 2; }
.llistat_noticies_div2 { grid-area: 1 / 2 / 2 / 3; }
.llistat_noticies_graella{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr)); grid-column-gap: 80px;}
.llistat_noticies_graella .card{ height: auto;  margin: 0 0 50px 0;} 
.llistat_noticies_graella h3{color: #222; font-size: 20px; line-height: 26px;}
.llistat_noticies_graella p{font-size: 16px; line-height: 20px;}
.path   { font-family: 'Heavy', Arial, Helvetica, sans-serif;	font-size: 10px; color: #777; line-height: 16px; text-transform: uppercase;}
.path a { font-size: 12px; color: #777;}

/* ----  Revista Ciències -------------------------------------  */
.botoVeure {font-family: 'Heavy'; background-color: #dc752e; padding: 10px 50px; text-transform: uppercase; color: #fff; font-size: 15px; display:inline-flex; justify-content: center; align-items: center; margin: 30px 0; transition: 0.6s;}
.botoVeure:hover{background-color: #0e656e; transition: 0.6s;}
.int_cienc {display: grid;grid-template-columns: repeat(2, 1fr) 40%;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; margin-bottom: 50px;}
.int_cienc_div1 { grid-area: 1 / 1 / 2 / 3; }
.int_cienc_div2 { grid-area: 1 / 3 / 2 / 4; margin-left: 10%; }
/*------- blocs*/
.int_ciencies{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fit, minmax(23rem, 2fr)); grid-column-gap: 7rem;}
.int_ciencies .card{ margin: 0 0 40px 0;} 
.int_ciencies h3{ font-size: 20px; min-height: 54px; height:  auto; display: flex; align-items: flex-end; color: #fff;}
/*------- efecte hover imatges*/
.ciencies_icon{position: absolute; top: 0; right: 0; width: 32%; height:25%; background-color: #333;z-index: 555; border-radius:50% 0 0 50%; display: flex; justify-content: center; align-items: center; padding-left: 3%;font-family: 'Black'; font-size: 3vw; color: #dc752e; }
.cienciesBlocs {position: relative;overflow: hidden;margin: 10px 0 0 0;min-width: 230px;width: 100%;background: #dc752e;text-align: left;color: #ffffff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);font-size: 16px;border:  2px solid #dc752e;}
.cienciesBlocs * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.cienciesBlocs > img,.cienciesBlocs .image img {  -webkit-transform: scale(1.05);  transform: scale(1.05);  max-width: 100%;}
.cienciesBlocs > img {  vertical-align: top;  position: relative;  -webkit-filter: blur(5px);  filter: blur(5px);  opacity: 0.7;}
.cienciesBlocs figcaption,.cienciesBlocs .image {  -webkit-transition-delay: 0.4s;  transition-delay: 0.4s;}
.cienciesBlocs .image {  position: absolute;  top: 0;  bottom: 0%;  right: 0;  left: 0;  overflow: hidden;  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 0 rgba(255, 255, 255, 0.2);}
.cienciesBlocs .image img {  position: absolute;  top: 0;}
.cienciesBlocs figcaption {  position: absolute;  top: 100%;  bottom: 46px;  left: 20px;  right: 20px;  padding-top: 20px;  z-index: 1;}
.cienciesBlocs p {  margin: 0;}
.cienciesBlocs p {  font-size: 0.9em; line-height: 1.5em; letter-spacing: 1px;  font-weight: 400;  opacity: 0;}
.cienciesBlocs:hover .read-more,.cienciesBlocs.hover .read-more,.cienciesBlocs:hover figcaption,.cienciesBlocs.hover figcaption {  opacity: 1;  -webkit-transform: translateX(0px);  transform: translateX(0px);}
.cienciesBlocs:hover figcaption,.cienciesBlocs.hover figcaption,.cienciesBlocs:hover .image,.cienciesBlocs.hover .image {  -webkit-transition-delay: 0s;  transition-delay: 0s;}
.cienciesBlocs:hover figcaption,.cienciesBlocs.hover figcaption {  top: 25%;}
.cienciesBlocs:hover .image,.cienciesBlocs.hover .image {  bottom: 75%;}
.cienciesBlocs:hover p,.cienciesBlocs.hover p {  opacity: 1;  -webkit-transition-delay: 0.2s;  transition-delay: 0.2s;}
/*fi efecte hover imatges*/

/* ----  Noticies -------------------------------------  */
.noticia {display: grid;grid-template-columns: 1fr 40%;grid-template-rows: 1fr;grid-column-gap: 80px;grid-row-gap: 0px; align-items: flex-start;}
.noticia_div1 { grid-area: 1 / 1 / 2 / 2; }
.noticia_div2 { grid-area: 1 / 2 / 2 / 3; }

/* ----  Taller -------------------------------------  */

.opcioTaller{background-color: #0e656e; border:  2px solid #0e656e; color: #fff; padding: 5px 10px; display: flex; justify-content: left; align-items: flex-start; font-family: 'Heavy'; font-size: 14px; line-height: 20px; margin-bottom: 10px; text-transform: uppercase;transition: 0.5s;}
.opcioTaller .titoltaller{min-width: 20%;}
.opcioTaller:hover{background-color: #fff; transition: 0.5s; color: #0e656e; cursor:  pointer;}
.colorrevir{color: #0e656e;}

/* ----  Diatic interior -------------------------------------  */
.botoVeureDiatic {font-family: 'Heavy'; background-color: #2d3047; padding: 10px 50px; text-transform: uppercase; color: #fff; font-size: 15px; display:inline-flex; justify-content: center; align-items: center; margin: 30px 0; transition: 0.6s;}
.botoVeureDiatic:hover{background-color: #ffc34b; transition: 0.6s;}

/*------- efecte hover imatges*/
.diatic_icon{position: absolute; top: 0; right: 0; width: 32%; height:25%; background-color: #2d3047;z-index: 555; border-radius:50% 0 0 50%; display: flex; justify-content: center; align-items: center; padding-left: 3%;font-family: 'Black'; font-size: 3vw; color: #ffc34b; }
.diaticBlocs {position: relative;overflow: hidden;margin: 10px 0 0 0;min-width: 230px;width: 100%;background: #000000;text-align: left;color: #ffffff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);font-size: 16px;border:  2px solid #2c3047;}
.diaticBlocs * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.diaticBlocs > img,.diaticBlocs .image img {  -webkit-transform: scale(1.05);  transform: scale(1.05);  max-width: 100%;}
.diaticBlocs > img {  vertical-align: top;  position: relative;  -webkit-filter: blur(5px);  filter: blur(5px);  opacity: 0.7;}
.diaticBlocs figcaption,.diaticBlocs .image {  -webkit-transition-delay: 0.4s;  transition-delay: 0.4s;}
.diaticBlocs .image {  position: absolute;  top: 0;  bottom: 0%;  right: 0;  left: 0;  overflow: hidden;  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 0 rgba(255, 255, 255, 0.2);}
.diaticBlocs .image img {  position: absolute;  top: 0;}
.diaticBlocs figcaption {  position: absolute;  top: 100%;  bottom: 46px;  left: 20px;  right: 20px;  padding-top: 20px;  z-index: 1;}
.diaticBlocs p {  margin: 0;}
.diaticBlocs p {  font-size: 0.9em; line-height: 1.5em; letter-spacing: 1px;  font-weight: 400;  opacity: 0;}
.diaticBlocs:hover .read-more,.diaticBlocs.hover .read-more,.diaticBlocs:hover figcaption,.diaticBlocs.hover figcaption {  opacity: 1;  -webkit-transform: translateX(0px);  transform: translateX(0px);}
.diaticBlocs:hover figcaption,.diaticBlocs.hover figcaption,.diaticBlocs:hover .image,.diaticBlocs.hover .image {  -webkit-transition-delay: 0s;  transition-delay: 0s;}
.diaticBlocs:hover figcaption,.diaticBlocs.hover figcaption {  top: 25%;}
.diaticBlocs:hover .image,.diaticBlocs.hover .image {  bottom: 75%;}
.diaticBlocs:hover p,.diaticBlocs.hover p {  opacity: 1;  -webkit-transition-delay: 0.2s;  transition-delay: 0.2s;}
/*fi efecte hover imatges*/

.taulaPrivacitat td {border: 1px solid #ccc; padding: 20px;font-family: 'Regular';}

.ajustTextNoti{padding-right: 5% !important;}
.tallTxt {  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden;}



@media (min-width: 1921px) {
	.contenedor{width: 2500px}
	.diatic,
	.revir,
	.ciencies{width: 2500px !important; margin: 0 auto;}
	.bannerSlogan1{font-size: 60px; line-height: 66px;}
	.logo1{margin-top: -5px;}
	.int_Revir_div3{background-position: center;     min-height: 435px;}

}




@media (min-width: 1004px) and (max-width: 1100px) {
}
@media (min-width: 767px) and (max-width: 1003px) {
	.cajaaclientes {	border:1px solid #e4e4e4; 	width:100%;	}
	.medidamarca { float:right;width:100%;max-width:110px;}
}
@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {
	.flex-caption img{width: 200px !important;}
	.ajustContingut{padding: 0 2%;}
	.newsletter_acronim {    top: -18%;    right: 3%;    }	
	.dropdown {    font-size: 17px;	}
	.llistat_projectes_graella{grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr));}
	/*.int_Revir2 h3{min-height: 55px;}*/
	.int_ciencies h3{min-height: 82px;}

}

@media (max-width: 1366px) {
	.divXarxes{padding-left:30px;}
	.idiomes{font-size: 12px;}
	body {    line-height: 27px;    font-size: 18px;    }	
	.nav.navbar-nav li a{ padding: 7px 10px !important;}
	.diatic_div2 img{max-width: 200px;}
	.revir_div3 img, .ciencies_div2 img{max-width: 250px;}
	h1{font-size: 30px; line-height: 36px;}
	h2{font-size: 26px; line-height: 32px;}

}
@media (max-width: 1360px) {
	.cajaproductos {	width:100%; }
}
@media (max-width: 1280px) {
	.dropdown {    font-size: 15px;}	
	.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 0px;}
	.divXarxes{padding-left:15px;}
	.nav.navbar-nav li a{padding: 7px 10px !important;}

	.footer {grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, auto);grid-row-gap: 20px; grid-column-gap: 20px;}
	.footer_div1 { grid-area: 1 / 1 / 2 / 2; }
	.footer_div2 { grid-area: 1 / 2 / 2 / 3; }
	.footer_div3 { grid-area: 1 / 3 / 2 / 4; }
	.footer_div4 { grid-area: 1 / 4 / 2 / 5; text-align: right; }
	.footer_div5 { grid-area: 2 / 1 / 3 / 5; display: inline-block; text-align: center; border-top: 1px solid #aaa; padding-top: 10px;}
	.footer_div5 a{padding: 0 20px; }
	.incPeu{padding: 40px 0 10px 0;}
	.logo_uab{margin-left: 20px;}
}

@media (max-width: 1150px) {
	h3 {    font-size: 15px;    }
	/*.nav.navbar-nav li a{padding: 7px 8px !important;}*/
}

@media (max-width: 1100px) {
	h3 {    font-size: 15px;    }
	.dropdown {    font-size: 14px;}	

	.nav.navbar-nav li a{padding: 7px 6px !important;}
}
@media (max-width: 1024px) {
	.menuGRAN { height: 60px;}
	.row {  margin-left: 0px!important;  margin-right: 0px!important;}
	.logo1 {    max-width: 300px; margin-top: -12px; }
	.logoPetit { max-width: 40px !important;}
	.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:6px;}
	.menuScroll { height: 50px;}
	.titolNotiHome { font-size: 18px; line-height: 24px;}
	.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: 32px;}
	.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%;}
	.caixaFons{min-height: 395px;}
	.formadorDest{font-size: 12px;}
	.titolCursDestacat{font-size: 16px; line-height: 20px; min-height: 45px;}
	.descrCursDestacat{font-size: 12px; line-height: 18px;}
	.menuScroll .logo1{margin-top: -4px;}
	.twcrecim{font-size: 10px;}
	.idiomes, .botoIdiomes{font-size: 10px; min-width: 80px;}

	h1{font-size: 26px; line-height: 32px;}
	h2{font-size: 24px; line-height: 30px;}
	.dataNoti{font-size: 12px;}
	.diatic_div2 img{max-width: 150px;}
	.revir_div3 img, .ciencies_div2 img{max-width: 200px;}
	.projectesmulti{grid-template-columns: 60% 1fr;}
	.projectesmulti_div2{    margin: 0 10px 10px 30px;    background-size: contain;    background-position: center left;    background-repeat: no-repeat;}
	h3.titolNewsletter{font-size: 14px !important; line-height: 20px;}
	.newsletter{    grid-template-columns: repeat(3, 1fr);}
	.botoSuscriure {min-width: 100px;}
	.llistat_projectes_graella{grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));}

}


	@media (max-width: 1023px) {
		.aparecer { display: block;}
		.inputbuscador { width:84%;}
	}
	@media screen and (min-width: 1025px) {
		#menuMobile{display:none;}
	}

	@media screen and (max-width: 991px) {
		.logo1 { width:63%; margin-top:-21px; }
		.iconesMenu {   margin-top: 5px;}
		.logoPetit{margin-top: -3px;}
	}

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

		h1{margin-top: 20px;}
		.idiomes { margin-left: 30px;}
		.logo1 { width: 200px; margin-top: 0px;}
		.aNews { font-size: 14px;}
		.barraVerd { display: none;}
		.inputayuda {  width: calc(100% - 170px);}
		.caixaModePagament { text-align: right;}
		.peu2 { font-size: 10px;}
		.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: 16px; line-height: 22px;}
		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;}
		.ajustPeu{display: block !important; margin-top: 10px; text-align: right;}
		.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;}
		.menuGRAN{padding-top: 10px;}

		.footer {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows: repeat(3, auto);
			grid-column-gap: 20px;
			grid-row-gap: 20px;
		}

		.footer_div1 { grid-area: 1 / 1 / 2 / 2; }
		.footer_div2 { grid-area: 1 / 2 / 2 / 3; }
		.footer_div3 { grid-area: 1 / 3 / 2 / 4; }
		.footer_div4 { grid-area: 2 / 1 / 3 / 4; text-align: center;}
		.footer_div5 { grid-area: 3 / 1 / 4 / 4; }

		.inputayuda{width: 100%; margin-bottom: 5px; z-index: 10;}
		.newsletter_acronim{z-index: -1; width: 32%; top: -35%;}
		.newsletter_div2{align-items: flex-start;}
		.diatic_div2 img{max-width: 120px;}
		.revir_div3 img, .ciencies_div2 img{max-width: 150px;}
		.equip{ grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));}
		.ajustTextNoti{padding-right: 0 !important;}


	}

	@media screen and (max-width: 767px) {
		.diaSetmanaGran {	display: none;}
		.diaSetmanaPetit {	display: block;}



		.diatic_div2 img{max-width: 200px;}
		.revir_div3 img, .ciencies_div2 img{max-width: 250px;}

		.diatic {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
		.diatic_div1 { grid-area: 2 / 1 / 3 / 2; border-top: 8px solid #fff; border-right: none; transition: 0.7s;}
		.diatic_div2 { grid-area: 1 / 1 / 2 / 2; padding: 10% 0; }
		.diatic_div3 { grid-area: 3 / 1 / 4 / 2; }
		.diatic_div4 { grid-area: 4 / 1 / 5 / 2; }
		.diatic:hover .diatic_div1{border-top: 8px solid #2d3047; border-right: none; transition: 0.7s; color: #000}

		.revir {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
		.revir_div1 { grid-area: 3 / 1 / 4 / 2; border-top: 8px solid #fff; border-left: none; transition: 0.7s;}
		.revir_div2 { grid-area: 4 / 1 / 5 / 2;  }
		.revir_div3 { grid-area: 1 / 1 / 2 / 2; padding: 10% 0;}
		.revir:hover .revir_div1{border-top: 8px solid #0e656e; border-left: none; transition: 0.7s; color: #000}

		.ciencies {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
		.ciencies_div1 { grid-area: 2 / 1 / 3 / 2; border-top: 8px solid #fff; border-right: none; transition: 0.7s;}
		.ciencies_div2 { grid-area: 1 / 1 / 2 / 2; padding: 10% 0; }
		.ciencies_div3 { grid-area: 3 / 1 / 4 / 2; }
		.ciencies_div4 { grid-area: 4 / 1 / 5 / 2; }
		.ciencies:hover .ciencies_div1{border-top: 8px solid #dc752e; border-right: none; transition: 0.7s; color: #000}


		.projectesmulti {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 20px;}
		.projectesmulti_div1 { grid-area: 1 / 1 / 2 / 2; padding: 0; border-right: none; border-bottom: 2px solid #cf6d00;}
		.projectesmulti_div2 { grid-area: 2 / 1 / 3 / 2; width: 100%; padding-top: 80%; background-position: center; background-size: cover; margin: 0;}


		.footer {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(5, auto);grid-column-gap: 0px;grid-row-gap: 30px;}
		.footer_div1 { grid-area: 1 / 1 / 2 / 2; }
		.footer_div2 { grid-area: 2 / 1 / 3 / 2; }
		.footer_div3 { grid-area: 3 / 1 / 4 / 2; }
		.footer_div4 { grid-area: 4 / 1 / 5 / 2; padding: 35px 0;}
		.footer_div5 { grid-area: 5 / 1 / 6 / 2; display: grid;grid-row-gap: 20px; padding: 20px 0; font-size: 14px;  }
		.footer a.peuConta{font-size: 30px;}


		.newsletter {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, 1fr);grid-column-gap: 0px;grid-row-gap: 10px;}
		.newsletter_div1 { grid-area: 1 / 1 / 2 / 2; padding: 0;}
		.newsletter_div2 { grid-area: 2 / 1 / 3 / 2; padding: 0; }
		.newsletter_div3 { grid-area: 3 / 1 / 4 / 2; }
		.newsletter_acronim{top: 0; width: 70%;}


		.int_Revir {display: grid;grid-template-columns: 40% repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 20px;grid-row-gap: 0px; margin-bottom: 50px;}
		.int_Revir_div1 { grid-area: 1 / 1 / 2 / 2; }
		.int_Revir_div2 { grid-area: 1 / 2 / 2 / 3; margin-left: 10%; background-image: url(../imgs/tallers2.webp); background-size: cover; background-position: bottom right; position: relative; font-family: 'Heavy'; transition: 0.7s;}

		.int_Revir {grid-template-columns: 1fr;grid-template-rows: repeat(3, 1fr);grid-column-gap: 0px;grid-row-gap: 30px;}
		.int_Revir_div1 { grid-area: 1 / 1 / 2 / 2; }
		.int_Revir_div2 { grid-area: 2 / 1 / 3 / 2; margin-left: 0; font-size: 30px; line-height: 32px;}
		.int_Revir_div3 { grid-area: 3 / 1 / 4 / 2; font-size: 30px; line-height: 32px;}

		.llistat_projectes_graella{grid-row-gap: 50px;}

		.projecte{display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
		.projecte_div1 { grid-area: 1 / 1 / 2 / 2; }
		.projecte_div2 { grid-area: 2 / 1 / 3 / 2; }
		.opcioTaller .titoltaller {    min-width: 38%;}


		.int_cienc {grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
		.int_cienc_div1 { grid-area: 1 / 1 / 2 / 2; }
		.int_cienc_div2 { grid-area: 2 / 1 / 3 / 2; margin-left: 0; font-size: 30px; line-height: 32px;}
		.int_cienc_div3 { grid-area: 3 / 1 / 4 / 2; font-size: 30px; line-height: 32px;}
		.ciencies_icon, .diatic_icon  {font-size: 16vw;}

		.llistat_projectes_graella .card{margin: 0;}



		.llistat_noticies  {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
		.llistat_noticies_div1 { grid-area: 1 / 1 / 2 / 2; }
		.llistat_noticies_div2 { grid-area: 2 / 1 / 3 / 2; }
		.menulateral, .menulateral1{font-size: 16px; text-align: center; display: inline-block;}


		.noticia{display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
		.noticia_div1 { grid-area: 1 / 1 / 2 / 2; width: 95%; }
		.noticia_div2 { grid-area: 2 / 1 / 3 / 2; }










	}


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

		.logo1 { width: 100% !important; margin-top: 0; max-width: 250px;}
		#blocNewsletter { height: auto; }
		.inputayuda { width: 100% !important;}
		.bottonayuda { width: auto !important;}
		.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;}
		.unProducte{min-height: 340px !important;}
		.bannerSlogan1 {font-size: 7vw;    line-height: 7vw;}
		.bannerSlogan2 {font-size: 4.5vw;    line-height: 4.5vw; margin-top: 15px;}
		.peu2{padding: 0; font-size: 10px !important;}
		.logoPetit{max-width: 50px !important;}
		.caixaBannerPetit{padding: 0 0px !important;}
		.ajustMockup{height: 565px;}
		.item-img, .item-img2{top: 0px;}
		.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;}
		.equip{ grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));}
		.card h3{line-height: 18px;}
		.inputayuda {    max-width: 100%;}


	}
	@media (max-width: 600px) {
		.bottonayuda { width: 90px;}
		.inputayuda { width: calc(100% - 106px);}
		.ajustMockup{height: 490px;}
	}
	@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;}
	}

	.unaColumnaDe4 {
		display: inline-block;
		width: 25%;
	}