:root {
    --corporatiu: #004851;
    --corporatiu-dark: #003941;
    --corporatiu-alt: #AD841F;
}

.row .f-elem-container {
	justify-content: space-between;
    display: flex;
    flex-flow: wrap;
}

.f-cnt { float: left; width: fit-content; margin-top: 10px; }

.f-right { float:right; width:410px; }



.txt-darkgreen{
	font-size: 19px;
    font-weight: 700;
    color: #00464f;
    padding: 0px 6% 0px 0px;
    margin: 0px;
    line-height: 35px;
}

a.btn1-lnk {float: left; margin-right: 10px;}


.div_btn_lnk1 {
	border-top: 1px solid;
	float: left;
    width: 100%;
    padding-top: 10px;
}

.f-right {
    width: 299px;
}
.banc-aliments img {width: 130px; }

.f-right .f-btm-lnk {
    margin-top: 30px;
    margin-right: 40px;
    width: 140px;
}


/* 2023 START */

#smoothmenu.ddsmoothmenu ul li ul li.red{ background:var(--corporatiu); }
#smoothmenu.ddsmoothmenu ul li ul li.green{ background:var(--corporatiu-alt); }
#smoothmenu.ddsmoothmenu ul li a:hover, #smoothmenu.ddsmoothmenu ul li a.selected, #smoothmenu.ddsmoothmenu ul li a.selected:hover, #smoothmenu.ddsmoothmenu ul li a.active, #smoothmenu.ddsmoothmenu ul li a.active:hover{ border-bottom: 8px solid var(--corporatiu); }
#smoothmenu.ddsmoothmenu ul li ul li.red1{ background:var(--corporatiu); }
#smoothmenu.ddsmoothmenu ul li:last-child a, #smoothmenu.ddsmoothmenu ul li:last-child a:hover{ color:var(--corporatiu); }
#smoothmenu.ddsmoothmenu ul li ul li:last-child span a, #smoothmenu.ddsmoothmenu ul li ul li:last-child span a:hover{ color:var(--corporatiu-alt); }
#smoothmenu.ddsmoothmenu ul li ul li:last-child a, #smoothmenu.ddsmoothmenu ul li ul li:last-child a:hover{ color:white; }
#smoothmenu.ddsmoothmenu ul li ul li.red span a{ color:var(--corporatiu); }
#smoothmenu.ddsmoothmenu{ margin-top:20px; }
#smoothmenu.ddsmoothmenu ul li ul li span a{ font-size:12px; }
/*Color1.0*/



.flexslider .flex-caption{ background:var(--corporatiu); }

.top-lft span { background:var(--corporatiu); }
.top-lft { background:var(--corporatiu); }

.prodcuct-pad ul li h2 { background:var(--corporatiu); border:2px solid var(--corporatiu); }

.dishes1{ background:var(--corporatiu); }
.dishes1:hover{ background:var(--corporatiu-dark); }

.maroon-box{ background:var(--corporatiu); }
.txt-maroon { color: var(--corporatiu); }
.sub-section .maroon-left { background:var(--corporatiu); }
.f-right a.lnk-btn { background:var(--corporatiu); }
.comprar-txt { color:var(--corporatiu); }
a.maroon-btn { background:var(--corporatiu); }
.product-maroon { background:var(--corporatiu); }
.btn:hover { background:var(--corporatiu); border:1px solid var(--corporatiu); }
.map-text { background:var(--corporatiu); }
a.btn1-lnk { background:var(--corporatiu); }


/*Color1.0 HOVER*/
.prodcuct-pad ul li h2:hover, .prodcuct-pad ul li:hover h2  { background:var(--corporatiu-dark); border:2px solid var(--corporatiu-dark); }
.sub-section .maroon-left:hover { background:var(--corporatiu-dark); }
.dishes1:hover{ background:var(--corporatiu-dark); }
.f-right a.lnk-btn:hover {  background:var(--corporatiu-dark); }
a.maroon-btn:hover {  background:var(--corporatiu-dark); }
.product-maroon:hover { background: var(--corporatiu-dark); }
a.btn1-lnk:hover {  background:var(--corporatiu-dark); }


/*Color1.1*/
.dishes2 { background:var(--corporatiu); }
.txt-yellow { color:var(--corporatiu);}
.yellow-box { background:var(--corporatiu); }
.product-yellow { background:var(--corporatiu); }

/*Color1.1 HOVER*/
.dishes2:hover { background:var(--corporatiu-dark); }
.product-yellow:hover { background:var(--corporatiu-dark); }

/*Color1.2*/

.prodcuct-pad ul li.origen h2 { background:var(--corporatiu); border:2px solid var(--corporatiu);}
.dishes3 { background:var(--corporatiu); }
.darkgreen-box { background:var(--corporatiu); }
.sub-section .green-right { background:var(--corporatiu); }
.prod-li-pad ul li label { background:var(--corporatiu); }
.product-green { background:var(--corporatiu); }
a.btn-lnk { background:var(--corporatiu); }

/*Color1.2 HOVER*/
.product-green:hover { background:var(--corporatiu-dark); }
a.btn-lnk:hover {  background:var(--corporatiu-dark);}
.prodcuct-pad ul li.origen h2:hover, .prodcuct-pad ul li.origen:hover h2 { background:var(--corporatiu-dark); border:2px solid var(--corporatiu-dark); }
.dishes3:hover { background:var(--corporatiu-dark); }
.sub-section .green-right:hover { background:var(--corporatiu-dark); }

/*Color1.3*/

.dishes4 { background:var(--corporatiu); }
.green-box { background:var(--corporatiu); }
.txt-green { color:var(--corporatiu); }

/*Color1.3 HOVER*/
.dishes4:hover { background:var(--corporatiu-dark); }

/*Color2*/
/*.dishes3 { background:var(--corporatiu-alt); }*/
.prodcuct-pad ul li.origen h2 { background:var(--corporatiu-alt); border:2px solid var(--corporatiu-alt);}

/*.darkgreen-box { background:var(--corporatiu-alt); }*/
.sub-section .green-right { background:var(--corporatiu-alt); }
.prod-li-pad ul li label { background:var(--corporatiu-alt); }
/*.product-green { background:var(--corporatiu-alt); }*/
a.btn-lnk { background:var(--corporatiu-alt); }

/*Color2 HOVER*/
/*.dishes3:hover { background:#3b8ec7; }*/
.sub-section .green-right:hover { background:#3b8ec7; }
/*.product-green:hover { background: #3b8ec7; }*/
a.btn-lnk:hover {  background:#3b8ec7;}
.prodcuct-pad ul li.origen h2:hover, .prodcuct-pad ul li.origen:hover h2 { background:#3b8ec7; border:2px solid #3b8ec7; }

/*FONTS*/

@font-face {
    font-family: Agrandir-Grand;
    src: url("fonts/Agrandir-Grand.otf") format("opentype");
}
@font-face {
    font-family: Agrandir-GrandHeavy;
    src: url("fonts/Agrandir-GrandHeavy.otf") format("opentype");
}
@font-face {
    font-family: Agrandir-GrandItalic;
    src: url("fonts/Agrandir-GrandItalic.otf") format("opentype");
}
@font-face {
    font-family: Agrandir-GrandLight;
    src: url("fonts/Agrandir-GrandLight.otf") format("opentype");
}
@font-face {
    font-family: PTSerif;
    src: url("fonts/PTSerif.ttc") format("opentype");
}
@font-face {
    font-family: Montserrat-Regular;
    src: url("fonts/Montserrat-Regular.ttf") format("opentype");
}
@font-face {
    font-family: Montserrat-Bold;
    src: url("fonts/Montserrat-Bold.ttf") format("opentype");
}

h1, h2, h3{ font-family:Agrandir-Grand; }
h4{ font-family:Montserrat-Regular; }
h1{ font-size:40px; line-height:42px; }
h2, .dishes3 h2, .dishes4 h2, .dish-txt h2, .client-txt h2{ font-size:35px; line-height:40px; }
h3{ font-size:26px; line-height:30px; }
h4{ font-size:16px; line-height:18px; }
body { font-size:14px; font-family: Montserrat-Regular; font-weight:400; line-height:20px; }
.search-txtbox { font-family:Montserrat-Regular; font-weight:400; font-size:12px; line-height:30px; }
.left-box p {font-weight:300; font-size:16px; color: black;font-family:Montserrat-Regular;font-weight: 400;line-height: 20px;}
.right-box p{font-weight:300; font-size:16px; color: black;font-family:Montserrat-Regular;font-weight: 400;line-height: 20px;}
.itat-pad .txt p {  
font-size: 15px !important;
line-height: 18px!important;
font-weight: 400 !important;
letter-spacing: 0px !important;
font-family:Montserrat-Regular;
}
.txtbox { line-height:36px; font-family:Montserrat-Regular; font-weight:400; font-size:13px; }
.txtarea { font-family:Montserrat-Regular; font-weight:400; font-size:13px; }
.btn { font-family:Montserrat-Regular; font-weight:400; font-size:13px; }

/*altres*/
.f-lft{ width: 400px; }
.itat-pad h2{ font-size:16px;line-height:22px; }
.yellow-box{ font-family:Agrandir-Grand; font-size:26px;padding-top: 12px;line-height: 39px; }
.maroon-box{ font-family:Agrandir-Grand; font-size:26px;padding-top: 12px;line-height: 39px; }
.darkgreen-box{ font-family:Agrandir-Grand; font-size:26px;padding-top: 12px;line-height: 39px; }
.green-box{ font-family:Agrandir-Grand; font-size:26px;padding-top: 12px;line-height: 39px; }
.dish-txt p{ font-size: 16px; }


header { background: white; }
footer { background: white; }

.flexslider .flex-caption p{ font-size:16px;line-height: 22px; }
.client-txt p{ font-size:16px;line-height: 22px; }
.top-menu{ background:var(--corporatiu-dark); }
.prod-li-pad ul li label{ width: 63px; }
.prod-banner h2{ height: 46px; font-size: 21px; }
.logo-prod{ margin-top: 25px; }

.navbar .logo img{ width:90%;float:right; }
.prod-logo{ padding: 10px 10px 13px; }


.jssora13l{ background:url(../img/CUINATSJOTRI-onComprar-fletxa-esquerra.svg) no-repeat; }
.jssora13l:hover{ filter: brightness(0.9);background-position:unset; }
.jssora13r{ background:url(../img/CUINATSJOTRI-onComprar-fletxa-dreta.svg) no-repeat; }
.jssora13r:hover{ filter: brightness(0.9);background-position:unset; }

.logo-prod img{ width:80%; }
.itat-pad .txt{ padding: 2% 1.5% 20px 1.5%; }
.dishes4 h2{ font-size: 32px; }

.flexslider .flex-caption h2{ line-height: 35px; }

.prodcuct-pad ul li h2{ font-weight:unset; }
.prodcuct-pad ul li.origen h2{ font-weight:unset;}

.prodcuct-pad ul li{ width: 404px; }
.prodcuct-pad ul li h2{ width: 99.1%; }

.left-box p{ line-height: 22px; }
.right-box p{ line-height: 22px; }
.cont1-pad p{ line-height: 22px; }

.txt-darkgreen{ color:var(--corporatiu); }

.llistavalors h1{ font-size:16px;line-height:18px; } 

.ens-pad{ padding: 40px 5% 45px 5%; }

.map-text span{ font-size: 12px; }

span.con-tel{ font-size: 10px;letter-spacing: 1.5px; }

.map-text strong{ font-family: Montserrat-Bold; }
.map-text{ line-height:18px; }
.map-text .con-tit{ font-size:14px;line-height:21px; }

.navbar #smoothmenu ul li ul{ width: 550px; }
span.links{ width: 435px;display:flex;flex-wrap: wrap; }

#smoothmenu.ddsmoothmenu ul li ul li.red span{width: 435px;}

#smoothmenu.ddsmoothmenu ul li ul li.green span{width: 435px;}

.itat-pad .caption span{ font-family: Agrandir-Grand; }

.about-box strong{ font-weight:unset;font-family: 'Montserrat-Bold'; }

.menu.mean-container a.meanmenu-reveal{ background:var(--corporatiu); }
.menu.mean-container a.meanmenu-reveal:hover{ background:var(--corporatiu-dark); }
.menu.mean-container a.meanmenu-reveal.meanclose{ background:var(--corporatiu-dark); }
.menu.mean-container .mean-bar .menu-head{ color:white; }

@media screen and (max-width:767px) { .navbar .logo img{ width:70%;float:unset; } }
/* 2023 END */