@font-face {    font-family: 'Bold';    src: url('../fonts/GothamRounded-Bold.eot');    src: url('../fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'),        url('../fonts/GothamRounded-Bold.woff2') format('woff2'),        url('../fonts/GothamRounded-Bold.woff') format('woff'),        url('../fonts/GothamRounded-Bold.ttf') format('truetype'),        url('../fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Book';    src: url('../fonts/GothamRounded-Book.eot');    src: url('../fonts/GothamRounded-Book.eot?#iefix') format('embedded-opentype'),        url('../fonts/GothamRounded-Book.woff2') format('woff2'),        url('../fonts/GothamRounded-Book.woff') format('woff'),        url('../fonts/GothamRounded-Book.ttf') format('truetype'),        url('../fonts/GothamRounded-Book.svg#GothamRounded-Book') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Medium';    src: url('../fonts/GothamRounded-Medium.eot');    src: url('../fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'),        url('../fonts/GothamRounded-Medium.woff2') format('woff2'),        url('../fonts/GothamRounded-Medium.woff') format('woff'),        url('../fonts/GothamRounded-Medium.ttf') format('truetype'),        url('../fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');    font-weight: 500;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Light';    src: url('../fonts/GothamRoundedLight.eot');    src: url('../fonts/GothamRoundedLight.eot') format('embedded-opentype'),            url('../fonts/GothamRoundedLight.woff') format('woff'),         url('../fonts/oGothamRoundedLight.ttf') format('truetype'),         url('../fonts/GothamRoundedLight.svg#GothamRoundedLight') format('svg');    font-weight: normal;    font-style: normal;}


.productotemporada{padding: 20px; color:#fff; background-color: #6f8046;margin:0 0 20px 0;font-family: 'Light';line-height: 20px;font-size: 15px; text-align: left; background-image: url('../imgs/f-product1.png'); background-repeat: no-repeat; background-position: top left;}
.productotemporada h3{ color: #fff; font-size: 19px;font-family: 'Bold'; line-height: 23px; }


.feriatemporada{padding: 20px; color:#fff; background-color: #498046;margin: 20px 0;font-family: 'Light';line-height: 20px;font-size: 15px; text-align: left; background-image: url('../imgs/f-product2.png'); background-repeat: no-repeat; background-position: top left;}
.feriatemporada h3{ color: #fff; font-size: 19px;font-family: 'Bold'; line-height: 23px; }

.encerclat{padding: 20px; color:#000; background-color: #e1dacc;margin: 20px 0;font-family: 'Light';line-height: 20px;font-size: 15px; text-align: left;}

.especialh4 h4 {  font-size: 22px;  margin: 15px 0 10px 0;}
.degran{padding:40px 0;background: rgba(230,226,216,1);background: -moz-linear-gradient(-45deg, rgba(230,226,216,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(230,226,216,1)), color-stop(100%, rgba(255,255,255,1)));background: -webkit-linear-gradient(-45deg, rgba(230,226,216,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(-45deg, rgba(230,226,216,1) 0%, rgba(255,255,255,1) 100%);background: -ms-linear-gradient(-45deg, rgba(230,226,216,1) 0%, rgba(255,255,255,1) 100%);background: linear-gradient(135deg, rgba(230,226,216,1) 0%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e2d8', endColorstr='#ffffff', GradientType=1 );}
.cajaaliment{min-height: 190px;background-color: #f5f5f5; padding: 24px; text-align: left; border-radius: 0 0 20px 20px;}
.cajaaliment h4 {    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 24px;    line-height: 27px;    color: #413e3e;    margin: 0px 0 20px 0;}

body { font-family: 'Book' ,Arial, Helvetica, sans-serif;    color: #000;    line-height: 25px;    font-weight: normal;    font-style: normal;    font-size: 18px;	background-color: #fff;	background-repeat: repeat-x;    overflow-x: hidden;}

img  { border: 0; }
a:link 		{ text-decoration: none; color: #413e3e;}
a:visited	{ text-decoration: none; color: #413e3e;}
a:hover		{ text-decoration: none; color: #7a6d50 !important;}
a:active	{ text-decoration: none; color: #7a6d50;}
h1 {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 50px;
	color: #7a6d50;
	margin: 0;
}
h2 {
	font-family: 'Medium', Arial, Helvetica, sans-serif;
	font-size: 44px;
	line-height: 44px;
	color: #7a8c4c;
	margin:0;
}
.espiga h2 {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 34px;
	line-height: 44px;
	color: #7a8c4c;
	margin:0;
}

h3 {
	font-family: 'Medium', Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 20px;
	color: #171717;
	font-weight: bold;
	font-style: normal;	
	text-transform: uppercase;
	margin: 5px 0;
}
h4 {
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 27px;
	color: #413e3e;
	margin: 25px 0 20px 0;
}
a h4 {
	color: #413e3e;
}
p {
	margin: 0px;
}

h5{
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #7a6d50;
	margin: 0;
}

.deformeh3 > h3{font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 22px;	line-height: 25px;	color: #6f8046;	font-weight: normal;	font-style: normal;		margin: 0; text-transform: none;}

.contenedor {padding:0 5%!important;max-width: 1700px;margin:0 auto;}
.triotres{position: absolute; top: 0; left: 0; padding: 30px;}
.desplazarli li{margin-left:25px;}
.borrar{display: block;}
.aparecer{display: none;}
.vertical-centered-text { -ms-display: flex;   display: flex; }
.peque { font-family: 'Medium', Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 10px;	color: #b2b2b2!important;	margin: 0; text-transform: uppercase;}
a.peque { color: #b2b2b2!important;}
.peque a { color: #b2b2b2!important;}
.pequedelfooter {	font-family: 'Medium', Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 10px;	color: #7a6d50;	margin: 0; }
.footer{font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 20px;	color: #d0d1c4;  padding: 10px 0;    -ms-display: flex; display: flex;  align-items: center;  justify-content: center;}
.footer a{color: #EAEAE5; transition: 0.5s;}
.footer a:hover{color: #7a6d50 !important;transition: 0.5s;}
.footer a.peu2{color: #EAEAE5; transition: 0.5s;}
.footer a.peu2:hover{color: #929473 !important;transition: 0.5s;}
.footerLinks{display: grid; margin-top: 10px;}
.footerTel{font-size: 24px;}
.caixaFons{background-color: rgba(255,255,255,1); border-radius: 15px; min-height: 500px; transition: 0.5s;  text-align: left; font-size: 14px; line-height: 16px; padding: 0px;box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.3);}
.caixaFons:hover{background-color: rgba(222,222,222,0.7); transition: 0.5s;}
.logo1{width:100%; ;max-width:123px; transition: all 1s ease; margin-top: 0px;}
.logo_blanc{width: 100%; max-width: 120px; float: right;}
.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%;}
.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: 'Medium', 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: #7a6d50 0px solid;
	font-family: 'Medium', 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.divider
{
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 35px;
	margin-bottom:22px;
	border: 0;
	border-bottom: 1px solid #7a8c4c;}

hr.lineaverde { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: px;
	margin-bottom:18px;
	border: 0;
	border-bottom: 5px solid #6f8046;
	/*float: left;*/
}

hr.lineag { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 8px;
	margin-bottom:8px;
	border: 0;
	border-bottom: 1px solid #d5d9cd;
	/*float: left;*/
}
hr.lineaproducto { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 0;
	float: left;
	border-bottom: 1px solid #7a6d50;
}
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 #7a6d50 !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: #929473;
	font-weight: bold;
}
.form_consen{min-height:750px;}
.no_veure{
	display: none;
}
/*.noticia_imatge{
	width:25%;
	float:left;
}*/
.noticia_descripcio{
	padding: 15px 15px 15px 15px!important;
}
.noticia_descripcio p{font-size: 14px;line-height: 16px!important; margin-top: 12px;font-family: 'Semibold', Arial, Helvetica, sans-serif;}
.noticia_descripcio b{font-size: 16px;line-height: 16px!important;font-family: 'Light' ,Arial, Helvetica, sans-serif; }

.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 */
}
#blocNewsletter { padding: 0; background-image: url(../imgs/fonsNewsletter.jpg); background-size: cover;}
.dataNoti { background-color: #e2e591; display: inline-block; padding: 5px 20px; position: absolute; top: 0; left:5%; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 15px;	line-height: 26px;	color: #000;	font-weight: normal;}
.titolNotiHome { font-family: 'Leckerli One', Arial, Helvetica, sans-serif;	font-size: 24px;	line-height: 23px;	color: #413e3e; padding:0 20px;}

.inputNew { margin: 4px 0 !important; width:100% !important; padding: 8px 20px !important; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 15px !important; color:#fff !important; background-color: transparent; border: 1px solid #717171;}
.inputNew::placeholder { font-family:  'Book', Arial, Helvetica, sans-serif;   font-size: 14px;  color: #b9b9b9; font-style: italic;}
.inputNew option { font-family:  'Medium', 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; background-color: rgba(255,255,255,0.6); transition: 0.5s;}
.caixaInput:hover{ border: 1px solid #7a6d50; 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: 'Bold', Arial, Helvetica, sans-serif;	font-size: 26px;	line-height: 30px;	color: #413e3e;	font-weight: normal;	font-style: normal;		margin:10px 0 10px 0;}
.notih3 { font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 22px;	line-height: 22px;	color: #413e3e;	font-weight: normal;	font-style: normal;		margin: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 {  padding: 10px 20px 7px 20px; display: inline-block; text-align: center; font-size: 13px; transition: 0.5s; color:#7a6d50!important; border: 0; margin-left: 15px;margin-bottom: 50px;background-color: #f2f2f2;}
.tornarLila:hover { background-color: #d0d1c4; color:#fff; transition: 0.5s;}
.centrat { text-align: center;}
.peu  { font-family:'Semibold'; font-size: 16px; line-height: 21px; padding-left: 10px; text-transform: none;}
.peu2 { font-family:'Medium'; text-transform: uppercase; font-size: 14px; padding: 0 4% 0 0 ;}
.imgPeu { position: relative;}
.incPie2{background-color:#191919;width:100%;text-align:left;}
.centreCistellaResumida { margin-top: 20px; }
.botoDescobreix{	font-family: 'Bold', Arial, Helvetica, sans-serif;  border: 2px solid #7a6d50; background-color:#7a6d50; 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 #7a6d50;-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{	font-family: 'Bold', Arial, Helvetica, sans-serif; background-color:#7a6d50; display: inline-block; padding: 4px 20px; color: #EAEAE5; text-align: center; font-size: 14px; border: 2px solid #7a6d50; -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; border-radius: 30px 30px 0 30px ;}
.botoSuscriure:hover{color: #fff; background-color: #d0d1c4; color: #413e3e; border: 2px dotted #7a6d50;-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:#7a6d50; display: inline-block; padding: 7px 40px; color: #EAEAE5; text-align: center; font-size: 14px; border: 2px solid #7a6d50; -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 #7a6d50;-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: #7a6d50; 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{clear: both; background-color: rgba(255,255,255,0); padding: 4px; transition: 0.8s; border: 1px solid #555; height: 40px; width: 100%; margin-bottom: 5px; border-radius: 8px;} 
.botoError2{background-color: #ebebeb; padding: 4px 20px; color: #7a6d50; text-align: center;font-size: 19px; transition: 0.8s; border: 0; height: 30px;  border-radius: 8px;}
.botoError2:hover{background-color: #929473; color: #EAEAE5; transition: 0.8s;}
.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: 'Medium', 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: #7a6d50;}
a .UnBannerPetit:hover .bannerDestacat2{ transition: 0.7s; color: #7a6d50;}
.UnCursDestacat {	padding: 10px 10px 0 10px; min-height: 480px;	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:   18px;transition: 0.7s;}
.descrCursDestacat {	font-size:   16px;	line-height: 16px;	transition: 0.7s;}
.dataCursDestacat { display:  inline-block; background-color: #d0d1c4; border-radius: 30px; padding: 5px 20px; margin-bottom: 10px; color: #7a6d50; 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;}
.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:2.5%;margin-bottom:10px;min-height:500px; padding: 0;}
.bannerSlogan1 { text-align: center;font-size: 47px; line-height: 47px; color:#fff; font-family: 'Medium', Arial, sans-serif;}
.bannerSlogan1 span{color: #7a6d50;}
.bannerSlogan1b { text-align: center;font-size: 47px; line-height: 47px; color:#fff; font-family: 'bold', Arial, sans-serif;}

.menuhomeSup{display: flex; list-style: none; padding-left: 15px;}
.menuhomeSupLi{margin-right: 50px; }
a.menuhomeSupLi{color: #fff; text-transform: uppercase; font-size: 12px;}

.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: '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: #7a6d50; 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: cover!important; background-position: center center!important;}
.extres 				{ border-top: 1px solid #ccc;  padding: 10px 0;margin-top: 50px; text-align: center;}

#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: 0px;
}
.incbsite img{width: 100%;}

.mostraFormReserva{font-family: 'Bold', Arial, Helvetica, sans-serif; background-color:#7a6d50; display: inline-block; padding: 7px 40px; color: #EAEAE5 !important; text-align: center; font-size: 14px; border: 2px solid #7a6d50 !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 #7a6d50 !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    ****************************************************/
.masonryde4 {
	display: grid;
	grid-gap: 2em; /* [1] Add some gap between rows and columns */
	grid-template-columns: repeat( auto-fill, minmax( 31%, 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;
}
.masonry {
	display: grid;
	grid-gap: 2em; /* [1] Add some gap between rows and columns */
	grid-template-columns: repeat( auto-fill, minmax( 23%, 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;
}
.masonryampli {
	display: grid;
	grid-gap: 4em; /* [1] Add some gap between rows and columns */
	grid-template-columns: repeat( auto-fill, minmax( 21%, 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;
    padding: 0;
    width: 100%;
	-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: 8px; 
    border-bottom: 0px solid #7a6d50;*/
    transition: 0.5s;
    margin-bottom: 60px;
}

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

.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; font-size: 18px;}
.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: 'Bold', Arial, Helvetica, sans-serif;	font-size: 20px; color: #111111;text-transform: none; line-height: 15px; margin-top: 0px;}
.dropdown a {color: #fff !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;}
.menulateral {
	width: 100%;
	margin: 10px 0px 14px 0;
	padding: 12px 12px 12px 32px;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #d0d1c4;
	font-style: normal;
	text-transform: uppercase;
	color: #0b5b9a;
	border-radius:  50px 50px 0 50px;
	border: 1px solid #d0d1c4;
	transition: 0.5s;
}
.menulateral a{color:#111111!important;}
.menulateral1 {
	width: 100%;
	margin: 10px 30px 14px 0;
	padding: 12px 12px 12px 32px;
	font-family: 'Bold', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	background-color: #7a6d50;
	font-style: normal;
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 50px 50px 0 50px;

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

.menulateral:hover{	border: 1px solid #7a6d50; 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: 1px solid #7a6d50; padding: 2px 10px; transition: 0.7s; background-color: #d0d1c4; border-radius: 15px;}
.botoIdiomes2:hover { background-color: #eaeae5;border: 1px solid #7a6d50; transition: 0.7s;}
.menuGRAN { transition: all 0.7s ease; height: 100px;position: fixed; top: 30px; background-color: rgba(0, 0, 0, 0.35); padding: 15px 0; width: 100%;z-index: 1200;}
.menuScroll { height: 80px;  transition: all 0.7s ease; width: 100%; box-shadow: rgba(33, 35, 38, 1) 0px 10px 10px -10px; top: 0; background-color: rgba(0, 0, 0, 0.95); padding: 10px 0;} 
.logoPetit { max-width: 55px; transition: all 0.7s ease;}
.barraVerd { width: 100%; z-index: 46; 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  		 	{ padding: 7px 20px 7px 0;}
.menu-item.dropdown.selected a 	{ color: #7a8c4c!important;}
/* 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: -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;}

/*-----  3 Blocs  -----------------------------------------------------------------*/

.ZFN_blocsHome {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;}
.ZFN_blocHomeIndividual1 { grid-area: 1 / 1 / 2 / 2; background-image: url(../imgs/fonsDest1.jpg); background-size: cover; background-position: center right;  width: 100%; padding-top: 90%; text-align: right; padding: 50px 100px; border-radius: 20px; position: relative; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.ZFN_titolHomeIndividual1 {color: #7a8c4c; position: absolute; bottom: 30px; right: 90px;}
.ZFN_titolHomeIndividual1 div{font-size: 40px; font-family: 'Medium', Arial, sans-serif; margin-bottom: 20px;}
.ZFN_blocHomeIndividual2 { grid-area: 1 / 2 / 2 / 3; background-image: url(../imgs/fonsDest2.jpg); background-size: cover; background-position: center left;  width: 100%; padding-top: 90%;text-align: left; padding: 50px 100px; border-radius: 20px; position: relative; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.ZFN_titolHomeIndividual2 {color: #7a6d50; position: absolute; top: 50px; left: 90px;}
.ZFN_titolHomeIndividual2 div{font-size: 40px; font-family: 'Medium', Arial, sans-serif; margin-top: 20px;}
.ZFN_blocHomeIndividual3 { grid-area: 1 / 3 / 2 / 4; background-image: url(../imgs/fonsDest3.jpg); background-size: cover; background-position: bottom right;  width: 100%; padding-top: 90%; border-radius: 20px; position: relative;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.ZFN_b3Path{font-family: 'Medium', Arial, sans-serif; font-size: 13px; color: #a5a5a5; line-height: 15px;}
.ZFN_b3Titol{font-family: 'Book', Arial, sans-serif; font-size: 28px; line-height: 33px; color: #fff; margin-bottom: 10px;}
.ZFN_b3Titol span{font-family: 'Medium', Arial, sans-serif;}
.ZFN_amagar{display: none;}
.ZFN_amagarNotif {    margin-top: 0px;    font-size: 13px;    color: #fff !important;}
.ZFN_amagarNotif a {    font-size: 13px;    color: #fff !important;}
.ZFN_botoEnviar{ border: 0; padding: 8px 20px; max-width: 150px; text-transform: uppercase;font-family: 'Bold', Arial, Helvetica, sans-serif; background-color: #fff; float: right; font-size: 14px; border-radius: 20px 20px 0 20px; color: #515151; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.ZFN_botoEnviar:hover{background-color: #7a8c4c; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.ZFN_inputNew { margin: 4px 0 !important; width:100% !important; padding: 8px 20px !important; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 15px !important; color:#fff !important; background-color: transparent; border: 1px solid #717171;}
.ZFN_inputNew::placeholder { font-family:  'Book', Arial, Helvetica, sans-serif;   font-size: 14px;  color: #b9b9b9; font-style: italic;}
.ZFN_inputNew option { font-family:  'Book', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #666; font-style: italic;}
select .ZFN_inputNew { color: #000; border-radius: 0px !important;}
.ZFNlogo{max-width: 600px; margin-bottom: 30px;}
.ZFN-f-restaurantes{background-image: url(../imgs/fons-restaurante.png); background-position: top right; background-repeat: no-repeat; padding: 130px 0 0 0 ; margin-top: -50px;}

.ZFN-f-alimentos{background-image: url(../imgs/banner-alimentos.png); background-size: cover; background-repeat: no-repeat; padding: 40px 0;}

.ZFNrestaurantes{width: 100%; background-color:  rgba(149, 138, 115, 0.2); padding: 65px 30px 65px 30px; }

/*-----  Aliment de Temporada  -----------------------------------------------------------------*/

.ZFN_infoAlimentTemporada{background-color: #fff;border-radius: 20px !important; margin: 0 20px;}
.ZFN_imgAlimentTemporada{background-size: cover; background-position: center; width: 100%; padding-top: 80%; border-radius: 20px 20px 0 0;}
.ZFN_catAlimentTemporada{text-transform: uppercase; font-size: 12px; color: #a1a1a1;	font-family: 'Bold', Arial, Helvetica, sans-serif;}
h4.ZFN_titolAlimentTemporada{font-size: 20px; color: #171717;	font-family: 'Medium', Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; min-height: 55px;}
.ZFN_temporada{font-size: 16px; color: #7a8c4c;	font-family: 'Medium', Arial, Helvetica, sans-serif; margin-bottom: 15px;}

/*-----   Establiments Destacats  -----------------------------------------------------------------*/

.ZFN_establiments{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;}
.ZFN_establiments .ZFN_e1 { grid-area: 1 / 1 / 2 / 2;}
.ZFN_establiments .ZFN_e2 { grid-area: 1 / 2 / 2 / 3;}
.ZFN_establiments .ZFN_e3 { grid-area: 1 / 3 / 2 / 4;}
.ZFN_ImgEstabliment{background-size: cover; background-position: center; width: 100%; padding-top: 70%; position: relative;}
h4.ZFN_titolEstabliment{font-size: 20px; color: #7a6d50;	font-family: 'Medium', Arial, Helvetica, sans-serif; margin: 10px 0;}
.ZFN_botoMesInfo{ border: 0; padding: 8px 20px; font-family: 'Bold', Arial, Helvetica, sans-serif; background-color: #fff; margin-right: 7px;float: right; font-size: 14px; border-radius: 20px 20px 0 20px; color: #515151; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.ZFN_botoMes{font-size:  30px; font-family: 'Book', Arial, Helvetica, sans-serif; border-radius: 20px 20px 20px 0px; color: #515151; transition: 0.6s;  -webkit-transition: 0.6s; margin-right: 20px;/* Safari 3.1 to 6.0 */}
.ZFN_botoMesInfo:hover{background-color: #7a8c4c; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.ZFN_botonsMes{position: absolute; bottom:0; right:0px; width: 100%; height: 40px;}

/*-----   Mapa  -----------------------------------------------------------------*/

.ZFN_Mapa {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.ZFN_Mapa1 { grid-area: 1 / 1 / 2 / 2; background-color: #ddd9d2; padding: 50px 40px;}
.ZFN_Mapa2 { grid-area: 1 / 2 / 2 / 5; width: 100%; }
.ZFN_MapaTitol{text-transform: uppercase; font-size: 30px; line-height: 34px; color: #7a6d50; 	font-family: 'Medium', Arial, Helvetica, sans-serif; margin-bottom: 80px;}
.ZFN_MapaTitol span{text-transform: none; font-size: 14px; line-height: 14px; color: #000;}
.ZFN_inputLocal { margin: 4px 0 !important; width:70% !important; padding: 8px 20px !important; font-family: 'Medium', Arial, Helvetica, sans-serif; font-size: 15px !important; color:#171717 !important; background-color: #fff; border: 1px solid #7b7b7b;}
.ZFN_inputLocal::placeholder { font-family:  'Book', Arial, Helvetica, sans-serif;   font-size: 14px;  color: #b9b9b9; font-style: italic;}
.ZFN_inputLocal option { font-family:  'Book', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #171717; font-style: italic;}
select .ZFN_inputLocal { color: #000; border-radius: 0px !important;}
.ZFN_formLocal label{color: #7a6d50; margin-top: 20px; text-transform: uppercase; width: 100%;}
.ZFN_botoBuscar{ border: 0; padding: 8px 20px; margin-top: 20px; max-width: 150px; text-transform: uppercase;font-family: 'Bold', Arial, Helvetica, sans-serif; background-color: #000; font-size: 14px;  color: #fff; border-radius: 20px 20px 0 20px; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.ZFN_botoBuscar:hover{background-color: #7a8c4c; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}


/*-----   Agenda  -----------------------------------------------------------------*/


.card {        width: 100%;        height: auto;        position: relative;        display: inline-block;        transition: 0.8s;        text-align: center;    }
.card .img-top {        display: none;        position: absolute;        top: 0;        z-index: 99;        transition: 0.8s;        margin-left: auto;        margin-right: auto;        left: 0;        right: 0;        text-align: center;    }
.card:hover .img-top {        display: inline;        transition: 0.8s;    }

.ZFN_titolSeccio{font-family:  'Medium', Arial, Helvetica, sans-serif; color: #fff; font-size: 42px; text-transform: none; font-weight: normal; text-align: center; line-height: 42px;}
.ZFN_titolSeccioN{font-family:  'Medium', Arial, Helvetica, sans-serif; color: #212121; font-size: 42px; text-transform: none; font-weight: normal; text-align: center; line-height: 42px;}
.ZFN_entradaAgenda {padding:  20px 12px;	margin-bottom: 20px;	margin-top: 10px;	background-color: rgba(255,255,255,1);	border-radius:  18px;	transition: 0.5s;}
.ZFN_entradaAgenda:hover{transition: 0.5s;background-color: #ddd;}
.ZFN_agendaData, .ZFN_agendaHores{font-size: 17px; color: #171717;}




/*-----   Agenda  -----------------------------------------------------------------*/


.ZFNlogointerior{position: absolute; z-index: 3; top: 100px;}
.ZFNlogoint{max-width: 300px; margin-bottom: 60px;}
.parentTemplate {    margin-top: 0px!important;    margin-bottom: 50px;}






/*-----   Divider  -----------------------------------------------------------------*/

.ZFNdivider {text-align: center; border-bottom: 1px solid #cccccc;margin: 20px 0;}
.ZFNdivider img {width: 100px; margin-top: -12px; position: absolute;    margin-left: -50px;}





@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: 1680px) {
.ZFNlogointerior {    left: 7%;}
.bannerSlogan1b {    font-size: 36px;    line-height: 39px;}
}



@media screen and (max-width: 1600px) {
	.contenedor {padding-right: 4%;	padding-left: 4%;}
	.ZFN_b3Titol{font-size: 27px; line-height: 30px;  margin-bottom: 8px;}
	.inputNew {    margin: 3px 0 !important;    padding: 7px 20px !important;    font-family: 'Semibold', Arial, Helvetica, sans-serif;}
	.ZFN_inputLocal {    width: 90% !important;}	
}
@media screen and (max-width: 1440px) {
	.contenedor {padding-right: 4%!important;	padding-left: 4%!important;}
	.ajustContingut{padding: 0 2%;}
	.menu-item.dropdown { padding: 5px 5px;}
	.caixaSlogan1 {    padding: 50px 0 0 80px;    }	
	.ZFNlogo{max-width: 410px!important;}
	.ZFN_b3Titol {    font-size: 25px;    line-height: 27px;    margin-bottom: 8px;}
	.inputNew {    margin: 2px 0 !important;    padding: 4px 15px !important;}
	.ZFN_inputNew {    margin: 2px 0 !important;    padding: 4px 15px !important;}
	.ZFN_titolHomeIndividual2  { line-height: 15px;    font-size: 14px;  top: 33px;    left: 55px;}
	.ZFN_titolHomeIndividual1 {line-height: 15px;    font-size: 14px;      bottom: 24px;    right: 81px;}
}

@media (max-width: 1366px) {
	.dropdown {    font-size: 17px;	}
	.divXarxes{padding-left:30px;}
	.idiomes{font-size: 12px;}
	.ZFN_b3Path {    font-size: 12px;    color: #a5a5a5;    line-height: 15px;}
	.ZFN_MapaTitol {    font-size: 24px;    line-height: 30px;}

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

@media (max-width: 1280px) {
	.footer {	font-size: 15px; line-height: 20px;}
	.dropdown {    font-size: 16px;}	
	.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;}
	.ZFN_b3Titol {    font-size: 22px;    line-height: 24px;    margin-bottom: 8px;}
	.ZFN_b3Path {    font-size: 10px;    color: #a5a5a5;    line-height: 15px;}
	.inputNew {    margin: 2px 0 !important;    padding: 2px 15px !important;}
	.triotres{padding: 20px;}
	.ZFN_inputLocal {    width: 100% !important;    padding: 6px 20px !important;    font-size: 14px !important;}
	.bannerSlogan1 {    font-size: 37px;    line-height: 38px; }
	.ZFNlogo {    max-width: 338px!important;}
	.ZFN_MapaTitol {    font-size: 22px;    line-height: 28px;font-family: 'Bold'; }
	.ZFNlogoint{max-width: 248px; margin-bottom: 60px;}
	h1 {    font-size: 34px;    line-height: 33px;}
	.menulateral {    margin: 7px 0px 8px 0;    padding: 8px 12px 7px 19px;    font-size: 13px;}
	.menulateral1 {    margin: 7px 0px 8px 0;    padding: 8px 12px 7px 19px;    font-size: 13px;}
}

@media (max-width: 1150px) {
	h3 {    font-size: 15px;    }
	.nav>li>a{padding: 5px 12px !important;}
}

@media (max-width: 1024px) {
	.menuGRAN { height: 100px;}
	.row {  margin-left: 0px!important;  margin-right: 0px!important;}
	.contenedor {    width: 100%;    padding-right: 1%;    padding-left: 1%;}
	.logo1 {    max-width: 89px; margin-top: -2px; }
	.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:100px;}
	.menuScroll { height: 50px;}
	.titolNotiHome { font-size: 21px; line-height: 24px;}
	.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: 16px; line-height: 20px;}
	.textSobreUnBannerPetit{top:  30%;}
	.aNews{font-size: 12px; line-height: 18px;}
	.inputayuda{max-width: 330px; height: 40px;}
	.footerTel{font-size: 18px;}
	.footerLinks a.peu{font-size: 12px;}
	.peu2{font-size: ;}
	.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: 480px;}
	#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%;}
}
@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: 14px; line-height: 18px;}
	h1, h2, .bannerDestacat{ font-size: 24px; line-height: 26px;}
	.subtitolCursDestacat, .bannerDestacat2 {font-size: 14px; 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;}
	.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: 480px; margin-bottom: 20px;}
	#form_curs label{margin-bottom: 5px;}
	.UnFormadorDestacat{margin-bottom: 30px;}
}

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


@media screen and (max-width: 679px) {
	.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: 20px; }
	.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;}
	.menuGRAN { height: 100px; padding: 8px 0 !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: 10px !important;}
	.logoPetit{max-width: 50px !important;}
	.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;}
}
@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;}
}