@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,100italic,100,300italic,400italic,700,700italic,900);

body { padding:0px; margin:0px; background:#f7f6f6; font-size:14px; color:#676767; font-family: 'Lato', sans-serif; font-weight:400; line-height:20px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #3B3B3B; text-decoration: none; }
div { margin: 0; padding: 0; }
p { font-size:14px; line-height:22px; padding:0px; margin:0px; text-align:left; color:black; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; }
a{ color: #999999; outline:none; }
a:hover { color: #1b1f23; }
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
html, body{height:100%;}
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.row { float:none; width:1024px; padding:0px; margin:0 auto;  position:relative;}
.row2 { float:left; padding:0px 28px; width:968px; }
.formulari p{ font-size: 15px;}
.pad28 { padding-left:28px; padding-right:28px; width:968px; }
header { float:left; position:relative; width:100%; background:url(../img/textura-bg.jpg) repeat center top; -webkit-box-shadow:0 8px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 8px 6px rgba(0, 0, 0, 0.2); box-shadow:0 8px 6px rgba(0, 0, 0, 0.2); padding:0px; margin:0px; z-index:99999;  }
.top-lft { float:left; position:relative; width:160px; background:#800a2b; text-transform:uppercase; z-index:99999; }
.top-lft span { display:block; width:86%;  padding:0 7%; background:##7F142D; line-height:32px; font-size:12px; font-weight:700; color:#ffffff; cursor:pointer; }
.top-menu { position:absolute; top:30px; background:#800a2b; width:86%; padding:5px 7% 10px; display:none; }
.top-menu a { display:block; line-height:20px; font-size:12px; font-weight:700; color:#ffffff; cursor:pointer; }
.top-menu a:hover { text-decoration:underline; color:#ffffff; }
.logo { isplay:none; float:right; position:absolute; right:0; z-index:10; padding:40px 0px 0px; margin:0px 40px 0px 0px; }
.search-box { float:right; position:relative; z-index:10; background:#FFFFFF; padding:0px 10px; margin:0px 0px 45px ; }
.search-txtbox { background:#FFFFFF; font-family:"Lato",sans-serif; font-weight:400; font-size:12px; color:#979797; border:0px; width:118px; height:35px; line-height:30px; padding:0px 0px 0px 5px; margin:0px; }
.shadow-box { position:relative; -webkit-box-shadow:0px -1px 10px rgba(0, 0, 0, 0.4)!important; -moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.4); box-shadow:0 1px 10px rgba(0, 0, 0, 0.4); }
.white-bg { position:absolute; height:10px; top:-5px; left:0px; width:100%; background:#ffffff; font-size:1px; line-height:1px; }
.banner-pad { padding-top:95px; padding-bottom:6px; background-color:#ffffff; }
.banner-pad img { float:left; width:100%; }
.banner-home { position:relative; float:left; width:100%; }
.banner-home img { float:left; width:100%; }
.prodcuct-pad { float:left; margin:0; padding-top:30px; padding-bottom:30px; background:#ffffff }
.prodcuct-pad ul { float:left; width:100%; text-align:center; }
.prodcuct-pad ul li { position:relative; display:inline-block; margin:0 5px; width:336px; text-align:left; background:#000000; }
.prodcuct-pad ul li .prod-img { float:left; width:100%; background:#000000; }
.prodcuct-pad ul li:hover .prod-img { opacity:.85; }
.prodcuct-pad ul li h2 { float:left; background:#7F142D; border:2px solid #7F142D; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#ffffff; height:25px; line-height:24px; padding:10px 0; width:98.9%; text-align:center; }
.prodcuct-pad ul li.origen h2 { float:left; background:#00464F; border:2px solid #00464F; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#ffffff; height:25px; line-height:24px; padding:10px 0; width:98.9%; text-align:center; }
.prodcuct-pad ul li h2:hover, .prodcuct-pad ul li:hover h2  { background:#560B1E; border:2px solid #560b1e; }
.prodcuct-pad ul li.origen h2:hover, .prodcuct-pad ul li.origen:hover h2 { background:#082C2E; border:2px solid #082c2e; }
.prod-logo { position:absolute; top:0px; left:50%; margin-left:-105px; width:190px; background:rgba(255, 255, 255, 0.7); padding:10px 10px 25px; text-align:center; }
.prod-logo img { float:left; }
.dishes-pad { float:left; padding-top:55px; padding-bottom:30px; background:#ffffff }
.dishes-pad li { float:left; margin-bottom:12px; position:relative; }
.dishes-pad li a { display:block; float:left; width:100%; }
.dishes-pad img { float:left; width:100%; }
.dish-txt h2 { font-size:40px; line-height:41px; font-weight:700; color:#ffffff; }
.dish-txt h2 span { display:block; }
.dish-txt p { font-size:18px; line-height:23px; font-weight:400; color:#ffffff; padding-top:5px; }
.dishes1 { width:100%; background:#7f142d; }
.dishes1:hover { background:#560b1e; }
.dish-txt { position:relative; }
.dishes1 .dish-img { float:right; width:314px; }
.dishes1 .dish-txt { float:left; position:relative; width:650px; text-align:center; padding-top:125px; }
.dishes1 .dish-txt p { text-align:center; }
.dishes2 { width:320px; background:#af841d; margin-right:12px; }
.dishes2:hover { background:#77581c; }
.dishes2 .dish-txt { float:left; width:80%; margin:25px 12% 25px 8%; min-height:265px; }
.dishes2 .dish-img { float:right; width:100%; }
.dishes2 p { position:absolute; font-weight:300; font-style: italic; bottom:0px; left:0px; padding:0px; }
.dishes3 { width:636px; background:#00464f; }
.dishes3:hover { background:#082c2e; }
.dishes3 .dish-img, .dishes4 .dish-img { float:left; width:50%; }
.dishes3 .dish-txt, .dishes4 .dish-txt { float:left; width:37%; margin:25px 8% 25px 5%; min-height:260px; }
.dishes3 p, .dishes4 p { font-weight:300; padding:0px; }
.dishes3 h2 , .dishes4 h2 { position:absolute; bottom:0px; left:0px; font-size:40px; line-height:41px; font-weight:700; color:#ffffff; }
.dishes4 { width:636px; background:#548045; }
.dishes4:hover { background:#3a5630; }
.clients-pad { float:left; margin:0; padding:45px 5%; width:90%; background:#ffffff }
.client-txt { float:left; width:33%; margin-right:5%; }
.client-txt h2 { font-weight:700; color:#000000; font-size:40px; padding-bottom:30px; }
.client-txt p { font-weight:300; font-size:18px; line-height:23px; }
.clients { float:left; width:62%; }
.clients li { float:left; width:20%; padding:0 2.5%; text-align:center; }
.clients li span { display:block; font-size:12px; font-weight:400; color:#000000;line-height:17px; padding-top:2px; }
.clients li:hover span { color:#800a2b; text-decoration:none;  }
.clients li:hover span.yellow { color:#b1841d; }
.clients li:hover span.maroon { color:#800a2b; }
.clients li:hover span.dark-green { color:#004750; }
.clients li:hover span.green { color:#8c8049; }


/**********************************************************/
.cont-pad { background:#ffffff; float: left; margin: 0px 0px 30px 0px; padding-bottom: 30px; padding-top: 90px; }
.cont-pad p{font-size:17px;color:#676767;line-height:24px;}
.about-box { float:left; background:#ffffff; width:100%; padding:0px 0px; margin:0px 0px; font-weight:400; font-size:17px; color:#676767; line-height:24px; }
.left-box { float:left; width:44%; padding:4% 5% 1% 3%; margin:0px 0px;}
.left-box p {font-weight:300; font-size:16px; color: black;font-family: 'Lato', sans-serif;font-weight: 400;line-height: 20px;}
.right-box { float:left; width:44%; padding:4% 2% 1% 2%; margin:0px 0px;}
.right-box p{font-weight:300; font-size:16px; color: black;font-family: 'Lato', sans-serif;font-weight: 400;line-height: 20px;}
sup { font-size:11px; }
.cont1-pad { background:#ffffff; float: left;/* margin: 0px 0px 30px 0px; padding:0px 0px 30px 0px; */ }
.cont1-pad p{font-size:16px;color:black;line-height:24px;}
.cont2-pad { float: left; margin:-78px 0 0; padding:0px;  }
.maroon-box { float:left; width:95%; background:#7F142D; font-weight:700; font-size:25px; color:#FFFFFF; padding:0px 0px 6px 5%; line-height:46px; margin:0px; }
.darkgreen-box { float:left; width:95%; background:#00464F; font-weight:700; font-size:25px; color:#FFFFFF; padding:0px 0px 6px 5%; line-height:46px; margin:0px; }
.green-box { float:left; width:95%; background:#548045; font-weight:700; font-size:25px; color:#FFFFFF; padding:0px 0px 6px 5%; line-height:46px; margin:0px; }
.txt-green { font-size:19px; font-weight:700; color:#548045; padding:0px 6% 0px 0px; margin:0px; line-height:35px; }
.txt-maroon { font-size:19px; font-weight:700; color:#7F142D; padding:0px 6% 0px 0px; margin:0px; line-height:35px; }
.txt-yellow { font-size:19px; font-weight:700; color:#AF841D; padding:0px 6% 0px 0px; margin:0px; line-height:35px; }
.yellow-box { float:left; width:95%; background:#AF841D; font-weight:700; font-size:25px; color:#FFFFFF; padding:0px 0px 6px 5%; line-height:46px; margin:0px; }
.cont1-pad figure img { float:left; }
.text-section { float:left; width:89%; padding:3% 6% 3% 5%; margin:0px; }
.text-section strong { color:#000000; }
.img-section { float:left; width:96%; /*padding:3% 2% 3% 2%;*/padding:0 2% 3% 2%; margin:0px; }
.img-section ul { padding:0px; margin:0px; }
.img-section ul li { float:left; list-style-type:none; padding:0px .75% 1.5%; margin:0px; width:23.5%; }
.img-section ul li img { float:left; width:100%; }
.sub-section { float:left; width:97%; position:relative; font-weight:400; font-size:13px; line-height:18px; padding:0px 1.5% 3% 1.5%; margin:0px; }
.sub-section ul { padding:0px; margin:0px; }
.sub-section ul li { float:left; width:48%; list-style-type:none; padding:0px 1% 1%; margin:0px; }
.sub-section ul li:last { float:left; width:50%; list-style-type:none; padding:0px 0px 1% 0px; margin:0px; }
.sub-section ul li a { color:#FFFFFF; }
.sub-section ul li span { display:block; font-weight:700; font-size:16px; padding:1% 0px 5% 0px; margin:0px; }
.lnk { position:absolute; bottom:12px; font-weight:700; font-size:14px; padding:0px 26px 0px 0px; margin:0px; }
.empty-space { padding:25px 0; }

.sub-section .maroon-left { float:left; position:relative; width:100%; background:#7F142D; padding:0px; margin:0px; }
.sub-section .maroon-left:hover { background:#560B1E; }
.sub-section .maroon-left p{font-weight: 400; line-height:18px;font-size: 13px; color: #FFFFFF}
.sub-section .img-box { float:left; width:238px; padding:0px; margin:0px; background:#000000; }
.sub-section .img-box img { float:left; max-height:100%; }
.sub-section li:hover .img-box img { opacity:0.85; }
.sub-section .img-txt { float:left; width:42%; padding:3% 5% 3% 3%; margin:0px; }
.sub-section .green-right { float:left; position:relative; width:100%; background:#00464F; padding:0px; margin:0px; }
.sub-section .green-right:hover { background:#082c2e; }
.sub-section .green-right p{ line-height:18px;font-size:13px; color: #FFFFFF}


.shadow2 { background:url(../img/shadow-bg.png) repeat-x bottom left; padding-bottom:15px; }

/****  Footer CSS  ****/
footer { float:left; width:100%; background:url(../img/textura-bg.jpg) repeat center top; -webkit-box-shadow:0 -4px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 -4px 8px rgba(0, 0, 0, 0.2); box-shadow:0 -4px 8px rgba(0, 0, 0, 0.2); padding:0px 0 30px; margin:0px; min-height:113px; }
.f-lft{ float:left; width:390px; }
footer a.lnk-btn { float:left; font-size:15px; font-weight:700; color:#ffffff; padding:0px 12px; height:34px; line-height:34px; text-transform:uppercase; letter-spacing:1.5px; }
.f-lft a.lnk-btn { background:#000000; margin-right:5px; }
.f-lft a.lnk-btn:hover {  background:#4c4c4c; }
.f-lft a.ico-fb { float:left; background:url(../img/jotri-fb.png) no-repeat 0px 0px; width:34px; height:34px;    margin-right: 5px; }
.f-lft a.ico-fb:hover {opacity: 0.7;}
.f-lft a.ico-ins { float:left; background:url(../img/jotri-ins.png) no-repeat 0px 0px; width:34px; height:34px;    }
.f-lft a.ico-ins:hover {opacity: 0.7;}
.f-lft a.ico-tw { float:left; background:url(../img/jotri-tw.png) no-repeat 0px 0px; width:34px; height:34px; margin-right: 5px; }
.f-lft a.ico-tw:hover {opacity: 0.7;}
.f-lft span { float:left; font-size:12px; font-weight:400; color:#767676; letter-spacing:1px; line-height:16.5px; padding-top:20px; padding-left:12px; }
.f-lft strong { display:block; font-weight:700; color:#000000; }
.f-lft span a { color:#767676; }
.f-lft span a:hover { color:#800a2b; }
.f-right { float:right; width:340px; }
.f-right a { float:right; }
.f-right a.lnk-btn { float:right; background:#7f142d; width: -webkit-fill-available; }
.f-right a.lnk-btn:hover {  background:#560b1e; }
.f-right .el-gourmet { float:right; margin-top:20px;}
.f-right .el-gourmet img { float:right; }
.f-right .f-btm-lnk { float:right; margin-top:50px; margin-right:20px; font-size:12px; font-weight:400; color:#767676; letter-spacing:1px; line-height:18px; }
.f-right .f-btm-lnk a { float:none; color:#767676; }
.f-right .f-btm-lnk a:hover { color:#800a2b; }

.product-pad { padding-top:95px; padding-bottom:0; background-color:#ffffff; }
.inner-banner { float:left; width:100%; height: 230px; background:#bdbdbd; }
.prod-banner { width:305px; margin:0 auto; }
.prod-banner h2 { float:left; background:#800a2b; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#ffffff; height:25px; line-height:24px; padding:7px 0; width:100%; text-align:center; }
.logo-prod { float:left; width:100%; text-align:center; padding:20px 0; background:#ffffff; margin-top:45px; }
.carousel-pad { float: left; width:90%; margin:60px 5%; padding:0px; }
.dotted-line { float:left; width:100%; background:url(../img/dotted-line.jpg) repeat-x left bottom; height:2px; line-height:2px; font-size:1px; margin:-5px -3% 0; width: 106%; }
.prod-li-pad  { float: left; width:100%; margin:0px; padding:0px; }
.prod-li-pad ul li { float:left; position:relative; width:21.8%; margin:0 1.6% 35px; padding:0px; cursor:pointer; /*height:300px;*/}
.prod-li-pad ul li .prod-img { float:left; width:100%; position:relative; }
.prod-li-pad ul li .prod-img img { float:left; width:100%; }
.prod-li-pad ul li span { float:left; width:93.5%; border:1px solid #909865; padding:10px 3%; margin-top:6px; font-size:14px; font-weight:400; color:#909865; text-transform:uppercase; text-align:center; line-height:22px; letter-spacing:.5px; }
.prod-li-pad ul li:hover span { background:#868f54; color:#ffffff; }
.prod-li-pad ul li label { position:absolute; right:0px; top:12px; background:#00464f; width:56px; line-height:14px; font-weight:700; color:#ffffff; font-size:11px; padding:5px 7px;cursor:pointer; }
.prod-li-pad ul li  #label2 { position: absolute;right: 0px;top: 12px;background: black;width: 56px;line-height: 14px;font-weight: 700;color: #ffffff;font-size: 11px;padding: 12px 7px;cursor: pointer;}
.prod-li-pad ul li  #label3 { position: absolute;right: 0px;top: 57px;background: black;width: 56px;line-height: 14px;font-weight: 700;color: #ffffff;font-size: 11px;padding: 12px 7px;cursor: pointer; }
.prod-list-pad { float:left; width:100%; padding:40px 0 0; background:#ffffff; }
.prod-detail-pad { float:left; position:relative; background-color:#ffffff; padding-bottom:40px; padding-top:105px; }
.detail-banner { float:left; width:470px; margin-left:5px; }
.detail-caption { position:absolute; background:#919865; width:165px; padding:13px 25px 20px; left:45px; top:-1px; }
.detail-caption h3 { font-weight:700; color:#ffffff; font-size:30px; padding-bottom:35px; line-height:32px; letter-spacing:2px; }
.detail-caption h3 span { display:block; }
.detail-caption p { font-weight:400; font-style:italic; color:#ffffff; font-size:14px; padding:0px; line-height:18px; }
.carousel-imgpad { float:left; width:226px; margin:0 20px; }
.detail-img { float:left; width:100%; margin-bottom:18px; }
.detail-img img, .detail-banner img { float:left; width:100%; }
.img-carousel { float:left; width:100%; background:#ffffff; padding:0px 0; }
.prod-desc { float:left; width:222px; margin-right:5px; }
.desc-pad { float:left; width:100%; margin-bottom:15px; }
.desc-pad h2 { float:left; width:90%; background:#000000; font-weight:700; color:#ffffff; font-size:14px; line-height:30px; letter-spacing:1px; text-transform:uppercase; padding:0 5%; }
.desc-pad .desc { float:left; width:90%; font-weight:700; color:#000000; font-size:13px; line-height:22px; padding:8px 5%; }
.desc-pad .desc li { float:left; width:45%; margin-right:5%; }
.desc-pad .desc span { display:inline-block; width:25%; margin-bottom:5px; }
.desc-pad.preparat .desc li { float:left; width:100%; margin:5px 0 15px; }
.desc-pad.preparat .desc li img { vertical-align:middle; margin-right:15px; }
.desc-tab-pad { float:left; width:99%; margin:35px .5% 0; }


/*********************************************************/
.comprar-pad { position:relative; width:1024px; padding:0px; margin:0px auto -39px; }
.comprar-txt { position:absolute; top:70px; font-weight:700; font-size:20px; color:#7F142D; line-height:28px; left:5%; }
.comprar-txt span { display:block; font-weight:700; font-size:18px; letter-spacing:1px; color:#000000; padding:0px 0px 10px 0px; margin:0px; }
a.maroon-btn { display:inline-block; background:#7f142d; margin-right:5px; font-size:15px; font-weight:700; color:#ffffff; padding:0px 15px; height:34px; line-height:34px; text-transform:uppercase; letter-spacing:1.5px; margin-top:30px; }
a.maroon-btn:hover {  background:#560b1e; }

.actual-pad { background: #ffffff; margin-bottom: 0px; padding-bottom: 30px; padding-top: 95px; }
.itat-pad { background: #FFFFFF; color:#FFFFFF; margin-bottom: 0px; padding-top: 30px; padding-bottom: 30px; }
.product-maroon { float:left; width:100%; background: #7F142D; position:relative; color:#FFFFFF; letter-spacing:1px; padding:0px; margin:0px 0px 25px 0px; }
.product-maroon:hover { background: #560b1e; }
.product-yellow { float:left; width:100%; background: #AF841D; position:relative; color:#FFFFFF; letter-spacing:1px; padding:0px; margin:0px 0px 25px 0px; }
.product-yellow:hover { background: #77581c; }
.product-green { float:left; width:100%; background: #00464F; position:relative; color:#FFFFFF; letter-spacing:1px; padding:0px; margin:0px 0px 25px 0px; }
.product-green:hover { background: #082c2e; }
.itat-pad img { float:left; padding: 0px; margin: 0px; }
.itat-pad .txt { float:left; width:21%; font-size:15px; line-height:18px; padding:2% 1.5% 0px 1.5%; margin:0px; }
.itat-pad .txt span { display:block; font-size:15px; padding:0px 0px 10px 0px; margin:0px; }
.itat-pad .txt p {  
font-size: 15px !important;
line-height: 18px!important;
color: #FFFFFF !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
font-family: 'Lato', sans-serif;
}
.itat-pad .selector a {color:#black;}
.itat-pad  .selector span.current.prev{color:#767676;}
.itat-pad h2 { font-weight:400; font-size:16px; padding:0px;  margin:0px; }
a.sublink { display:block; position:absolute; bottom:10px; right:10px; background:url(../img/plus-icon.png) 0px 2px no-repeat; font-size:14px; color:#ffffff; padding:0px 0px 0px 20px; }
a.sublink:hover { text-decoration:underline; }
.caption { position:absolute; width:76%; text-align:center; letter-spacing:3px; argin-left:3%; text-shadow:2px 3px 4px rgba(0, 0, 0, 0.7); font-weight:700; top:35%; font-size:40px; line-height:30px; color:#FFFFFF; }
.caption span { display:block; font-size:17px; letter-spacing: 1px; margin:10px 0px 0px 0%; text-shadow:1px 2px 3px  rgba(0, 0, 0, 0.8); }

.slide-box { display:none; float:left; width:90%; position:relative; padding:3% 5% 3% 5%; margin:0px 0px 25px 0px; color:#3c3c3b; font-size:16px; -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.4)!important; -moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.4); box-shadow:0 3px 6px rgba(0, 0, 0, 0.4); }
.actualitat-desc { float:left; width:55%; margin-right:2%;  padding: 5% 0px;}
h5 { font-weight:bold; font-size:15px; color:#000000; padding:0px 0px 5px 0px; margin:0px; }
.slide-box .img-right { float:right; width:43%; /*padding:100px 0px 30px 0px;*/    padding: 10% 0; margin:0px; }
.slide-box span { display:block; }
.slide-box ul { padding:10px 0px 20px 0px; margin:0px; }
.slide-box ul li { float:none; list-style-type:none; background:url(../img/dot.jpg) 0px 11px no-repeat; padding:1px 0px 0px 10px; margin:0px; color:#3c3c3b; font-size:16px; width:auto; }

.map-left { float:left; width:60%; padding:0px; margin:0px 3% 0px 0px; }
.map-left iframe { width:100%; height:681px;}
.map-right { float:left; width:37%; font-size:15px; padding:10px 0px 0px 0px; margin:0px; }
.map-right h2 { font-weight:700; color:#000000; font-size:35px; padding-bottom:30px; }
.txtbox { width:90%; height:36px; line-height:36px; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#b3b3b3; border-radius:3px; padding:0px 10px 0px 10px; margin:0px 0px 20px 0px; border:0px solid #CCCCCC; -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0	, 0.2); box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2); }
.txtarea { width:90%; height:136px; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#b3b3b3; border-radius:3px; padding:10px 10px 0px 10px; margin:0px 0px 10px 0px; border:0px solid #CCCCCC; -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0	, 0.2); box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2); }
.map-right span { font-size:13px; color:#b3b3b3; }
.btn { background:#000000; border:1px solid #000000; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#FFFFFF; cursor:pointer; padding:4px 5% 4px 5%; margin:20px 0px 0px 0px; }
.btn:hover { background:#7F142D; border:1px solid #7F142D;  }

.map-text { position:absolute; float:left; background:#7F142D; color:#FFFFFF; width:230px; padding:50px 15px 10px 15px; margin:-45px 0px 0px 28px; }
.map-text span { font-size:13px; }

.img-btm-box { float:left; width:100%; padding:10px 0px 10px 0px; margin:0px; }
.img-btm-box img { float:left; padding:0px 2% 0px 0px; margin:0px; }
a.btn-lnk { float:left; background:#00464f; color:#FFFFFF; font-weight:700; letter-spacing:2px; text-decoration:none; line-height:21px; padding:5px 10px 5px 10px; margin:0px; }
a.btn-lnk:hover {  background:#082c2e;text-decoration:none; }
a.btn1-lnk { float:right; background:#7f142d; color:#FFFFFF; font-weight:700; letter-spacing:2px; text-decoration:none; line-height:21px; padding:5px 10px 5px 10px; margin:0px; }
a.btn1-lnk:hover {  background:#560b1e;text-decoration:none; }


.ens-pad { float:left; margin:0; padding:80px 5% 45px 5%; width:90%; background:url(../img/shadow-bg.png) left bottom repeat-x #ffffff; }
.map-pad { float:left; margin:0; padding:58px 2% 45px 2%; margin:0px; width:96%; background:url(../img/shadow-bg.png) left top repeat-x #ffffff; }
.pad-box { float:left; background:#ffffff; width:100%; padding:0px 0px 20px 0px; margin:0px 0px; font-weight:400; font-size:17px; color:#676767; line-height:24px; }

/********Contact Slider************/
.slider-cont { position: relative; top: 0px; left: 0px; margin:30px 0px 0px 0px; width: 1024px; height: 600px; overflow: hidden; }
.slider-cont1 { cursor: move; position: absolute; left: 0px; top: 0px; width: 1024px; height: 600px; overflow: hidden; }
.jssora13l, .jssora13r { display: block;  position: absolute; width:28px; height:28px; cursor: pointer; background: url(../img/nav.png) no-repeat; overflow: hidden; }
.jssora13l { background-position: 0px 0px; top: 123px; left: 30px; }
.jssora13r { background-position: -29px 0px; top: 123px; right: 30px; }
.jssora13l:hover { background-position:0px -28px; }
.jssora13r:hover { background-position: -29px -28px; }
.jssora13l.jssora13ldn { background-position: 0px 0px; }
.jssora13r.jssora13rdn { background-position: -29px 0px; }
.llistaingredients{ float:left; width:90%; font-weight:700; color:#000000; font-size:13px; line-height:22px; padding:7px; }
.llistaingredients li{float:left; width:20%; margin-right:5%;}

.llistavalors{ float:left; width:90%; font-weight:700; color:#000000; font-size:13px; line-height:22px; padding:8px 5%; }

.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.linknoticia{    cursor: pointer;}
.img-right{padding: 5% 0px;float:left;}
.fitxaActualitat{    float: left;width: 90%;position: relative;padding: 3% 5% 3% 5%;margin: 0px 0px 25px 0px;color: #3c3c3b;font-size: 16px;-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4)!important;-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);}
.fitxaActualitat ul{float:left; width:100%;} 
.opacity{opacity:0.5} 
.missatgeDisponibilitat{font-size: 12px;opacity: 1 !important;font-weight: bold;}
.star{font-size: 15px !important;padding-right: 15%;}
.btn-negre{cursor:default;background:black !important; width:80px; margin-left:10px !important;}
.btn-negre:hover{background:black}
.espai {padding-left: 3%;}
.disclaimer {float: left; font-size: 15px;font-style: italic; margin-top: 10px;margin-top: 60px;}

.CookieDeclaration { display: none; }
: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 */
@charset "utf-8";
/* CSS Document */

.ddsmoothmenu{
background:none;
width:100%;
float:left;
padding:0px;
margin:0px;
font-size:13px; 
font-weight:400;
text-transform:uppercase;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
list-style-type: none;
text-align:left;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline-block;
padding:0px 0px 0px 0px; 
margin:0px;
line-height:30px;
}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; line-height:45px; text-decoration: none; color: #3C3C3B/*#000000*/; text-decoration:none; padding:0px 20px 0px 20px; margin:0px 0px; }
.ddsmoothmenu ul li:last-child a, .ddsmoothmenu ul li:last-child a:hover{ color:#7F142D; }
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block; }



.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.selected:hover, .ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a.active:hover{
display:block; color:#3C3C3B; text-decoration:none; border-bottom:8px solid #7F142D; margin-bottom:-15px;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
/*left:0;*/
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0px;
margin:8px 0px 0px 0px;
width:538px;
border-top: 0x solid #dadada;
z-index:0;
top:45px!important;
left:0px!important;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
padding:0;
margin:0;
border-right:0px;
line-height:17.5px;
text-align:left;

}
.ddsmoothmenu ul li ul li.red{
background:#7F142D; float:left; width:100%;
}
.ddsmoothmenu ul li ul li.green{
background:#00464F; float:left; width:100%;
}
.ddsmoothmenu ul li ul li.red1{
background:#7F142D; float:left; width:125px; padding:10px 15px; line-height:20px; color:#FFFFFF; text-transform:none;
}
.ddsmoothmenu ul li ul li.red1 a{
padding-left:0px;
}
.ddsmoothmenu ul li ul li.red1 strong {
font-size:14px; font-weight:700;
}

.ddsmoothmenu ul li ul li.red span{
background:#FFFFFF; float:right; width:375px; padding:0px 0px 13px 0px;
}
.ddsmoothmenu ul li ul li.green a, .ddsmoothmenu ul li ul li.green a:hover { margin-top:5px;}
.ddsmoothmenu ul li ul li.green span{ background:#FFFFFF; float:right; width:375px; padding:5px 0px 8px 0px; }
.ddsmoothmenu ul li ul li.red span a, .ddsmoothmenu ul li ul li.green span a{ float:left;   text-align:left; width:28%; }
.ddsmoothmenu ul li ul li.red span a { color:#7F142D; }
.ddsmoothmenu ul li ul li.red span a:hover{ color:#560B1E; }
.ddsmoothmenu ul li ul li.green span a, .ddsmoothmenu ul li ul li.green span a:hover { color:#082C2E; margin:0px;  }
.ddsmoothmenu ul li li:last-child a, .ddsmoothmenu ul li li:last-child a:hover  { color:#FFFFFF; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
text-transform:none;
padding: 0px 0px 0px 20px;
margin: 0;
color:#FFFFFF;
line-height:20px;
}
.ddsmoothmenu ul li ul li a:hover{ color:#FFFFFF; border-bottom:0px!important; font-weight:bold; text-decoration:underline; margin: 0px 0px 0px 0px; }

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 #container {width: 80%; max-width: 800px; margin: 0 auto;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; width:100%; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; zoom: 1;}
.flex-caption {position:absolute; top:100px; padding:25px; background:#7F142D; width:350px; z-index:9999; }
.flex-caption h2 { font-size:30px; font-weight:700; line-height:30px; color:#ffffff; letter-spacing:1px; padding-bottom:5px; }
.flex-caption p { font-size:18px; font-weight:400; line-height:23px; color:#ffffff; padding:0px; }


/* Direction Nav */
.flex-direction-nav { display:none; }
.flex-direction-nav li a {width:25px; height:50px; margin: -25px 0 0; display: block; ackground: url(../img/direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .flex-next {background-position: -25px 0; right:20px;}
.flex-direction-nav li .flex-prev {left:20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; z-index:9999; text-align: center;}
.flex-control-nav li {margin: 0 0 0 1px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 18px; height: 18px; display: block; background:url(../img/direction_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: -17px 0;}
.flex-control-nav li a.flex-active {background-position: -17px 0; cursor: default;}

.flex-btn{background:#b98b57; color:#fff;padding:10px 45px; border-radius:3px; line-height:60px;font-family: 'PT Sans Narrow', sans-serif; }


.flexslider-home .flex-control-nav { display:none; }
/***   Core Owl Carousel CSS File v1.3.3   ***/

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } 
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{ float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-carousel  .owl-item .item { margin:0 5px; text-align:center; }
.owl-carousel  .owl-item .item img { width:120px; height:76px; max-width:120px; }

/***   Owl Carousel Owl Theme v1.3.3   ***/

.owl-theme .owl-controls{ text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin:0;
padding:0;
font-size: 12px;
background:none;
text-indent:-999999px;
position:absolute; top:50%; margin-top:-15px; background:url(../img/small-arrow.png) no-repeat 0px 0px; width:20px; height:30px; filter: Alpha(Opacity=100); opacity:1; 
}

#owl-prod.owl-carousel .owl-item .item span { float: left; font-size: 12px; font-weight: 400; margin-top: -10px; width: 100%; }
#owl-prod.owl-carousel .owl-item .item span.color1 { color:#aa2852; }
#owl-prod.owl-carousel .owl-item .item span.color2 { color:#548045; }
#owl-prod.owl-carousel .owl-item .item span.color3 { color:#acb265; }
#owl-prod.owl-carousel .owl-item .item span.color4 { color:#d89a24; }
#owl-prod.owl-carousel .owl-item .item span.color5 { color:#e6815a; }
#owl-prod.owl-carousel .owl-item .item span.color6 { color:#95804b; }
#owl-prod.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-4%; }
#owl-prod.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-4%; background-position: 0px -30px; }
#owl-prod.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background-position: -21px -30px; }
#owl-prod.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-position: -21px 0px; }

#prod-detail.owl-carousel  .owl-item .item { margin:0; text-align:center; }
#prod-detail.owl-carousel  .owl-item .item img { float:left; width:100%; max-width:450px; }
#prod-detail.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:1%; }
#prod-detail.owl-theme .owl-controls .owl-buttons div.owl-next{ right:1%; background-position: 0px -30px; }
#prod-detail.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background-position: -21px -30px; }
#prod-detail.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-position: -21px 0px; }
.owl-carousel .owl-item {
	height:100%;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }


.owl-item .item a:hover span { text-decoration:underline; font-weight:700!important; }
.owl-carousel  .owl-item .item a.active span { text-decoration:underline; padding-bottom:30px; argin-bottom:-20px; font-weight:700!important; background:url(../img/active-icon.png) center bottom no-repeat; }


.r-tabs .r-tabs-nav { margin: 0; padding: 0; }
.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; }
.r-tabs .r-tabs-panel { float:left; background:#ffffff; width:97%; min-height:230px;  color:#3d3d3d; font-size:16px; padding:20px 1.5% 0; margin-bottom:30px; position:relative; z-index:9999; display: none; }
.r-tabs .r-tabs-accordion-title { display: none; }
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block; }
.tab-content-pad h1 { text-transform:uppercase; }
.tab-content-pad p { color:#3d3d3d; font-size:15px; padding:5px 0px 10px 0px; margin:0px; }
.r-tabs .r-tabs-accordion-title { float:left; width:100%; margin:3px 0 2px 0; }
.r-tabs .r-tabs-accordion-title a { float:left; width:94%; border:1px solid #919865; background:#ffffff; color:#81894e; font-size:13px; font-weight:700; text-transform:uppercase; padding:0 2.5%; line-height:32px; letter-spacing:1px; display:block; }
.r-tabs .r-tabs-accordion-title.r-tabs-state-active a, .r-tabs .r-tabs-accordion-title a:hover { color:#afafaf; }

.r-tabs .r-tabs-nav { float:left; width:98%; padding:0 1%; border-bottom:1px solid #919865; }
.r-tabs .r-tabs-tab { float:left; margin-right:10px; }
.r-tabs-tab a { float:left; border:1px solid #919865; background:#ffffff; color:#81894e; font-size:13px; font-weight:700; text-transform:uppercase; padding:0 10px; margin-bottom:-1px; line-height:28px; letter-spacing:1px; }
.r-tabs-tab.r-tabs-state-active a, .r-tabs-tab a:hover, .r-tabs .r-tabs-accordion-title.r-tabs-state-active a, .r-tabs .r-tabs-accordion-title a:hover { background:#919865; color:#ffffff; }

.r-tabs .r-tabs-accordion-title a { float:left; border:1px solid #919865; }
 




/* Accordion responsive breakpoint */
@media only screen and (max-width: 767px) { 

}


/* ##############################################################################################
	
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

################################################################################################# */

/* hide the link until viewport size is reached */
a.meanmenu-reveal { display: none; }

/* when under viewport size, .mean-container is added to body */
.menu-container { position:relative; z-index: 9999; }

.mean-container .mean-bar { float:left; width:100%; position:relative; padding:0; top:0px; left:0; z-index:9999; margin:5px 0; }
.mean-container .mean-bar .menu-head { 
float:left; font-weight:700; font-size:16px; color: #800a2b; text-transform:uppercase; background:#c7ac66; padding:8px 3% 8px 3%; width:92%; height:22px; line-height:22px; 
border: 1px solid #c7ac66;
}
.mean-container a.meanmenu-reveal {
width:25px; height:24px; padding:9px 10px 7px 10px;
position: absolute; top: 0; right: 0;
cursor: pointer;
text-decoration: none; font-size:13px; text-indent: -9999em; line-height: 22px;
font-size: 1px;
display: block;
background:#800a2b;
outline:none;
}
.mean-container a.meanmenu-reveal:hover { background:#800a2b; }
.mean-container a.meanmenu-reveal.meanclose { background:#800a2b; color:#ffffff;  }
.mean-container a.meanmenu-reveal span { display: block; background:#FFFFFF; height: 3px; margin-top: 3px; }
.mean-container a.meanmenu-reveal:hover span, .mean-container a.meanmenu-reveal.meanclose span {  background:#edeeee; }
.mean-container .mean-nav { float: left; background:#c7ac66; width:100%; margin:0; position:absolute; top:41px; }

/*  1st Level Menu  */
.mean-container .mean-nav ul { 
float:left; margin: 0; width:99.8%; list-style-type: none; padding:0; 
border: 1px solid #b99d56;
}
.mean-container .mean-nav ul li { position: relative; float: left; width:100%; padding:0px; margin:0px; background:#c7ac66; border-bottom: 1px solid #b99d56;  font-size:14px; font-weight:400; }
.mean-container .mean-nav ul li:hover { background:#c7ac66; }
.mean-container .mean-nav ul li.mean-last { border-bottom:none; }
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 92%;
padding:7px 4% 7px !important;
margin: 0;
text-align: left;
text-decoration: none;
text-transform:none;
color:#000000;
font-size:14px;
line-height:22px;
}
.mean-container .mean-nav ul li:hover a, .mean-nav ul li.active a, .mean-container .mean-nav ul li:focus a { background:#bfa156; color:#800a2b; }
.mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }

/*  2nd Level Menu  */
.mean-container .mean-nav ul li ul { border:none; width:98%!important; margin:0px 1% 7px;  padding:0px; background:#f7f7f7!important; }
.mean-container .mean-nav ul li ul li { border-bottom:1px solid #eeeeee; line-height:20px; background:#ffffff!important; }
.mean-container .mean-nav ul li:hover ul li { border-bottom:1px solid #e5e5e5; }
.mean-container .mean-nav ul li.red1 {  width:90%; padding:10px; }
.mean-container .mean-nav  ul li:hover ul li.red1 a, .mean-container .mean-nav ul li.red1:hover a, .mean-container .mean-nav ul li li.red1 a { padding-left:0px!important; background:#ffffff!important; }

.mean-container .mean-nav ul li ul li.red a, .mean-nav ul li.active ul li.green a { background:#800a2b!important; color:#ffffff!important; }
.mean-container .mean-nav ul li ul li.green a, .mean-nav ul li.active ul li.green a { background:#00464f!important; color:#ffffff!important; }
.mean-container .mean-nav ul li li a { width:94%; padding:2px 3% !important; font-size:14px; font-weight:400; color:#2d3e50; border-bottom:1px solid #FFFFFF; line-height:30px; visibility: visible; text-transform: none; }

/*  3rd Level Menu  */
.mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; }
.mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; }
.mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; }

/*  Menu Expand  */
.mean-container .mean-nav ul li a.mean-expand {
width:50%;
height: 26px;
border: none !important;
position: absolute; right: 0; top: 0; 
font-size:20px!important; color:#800a2b; text-align: right; line-height:26px; font-weight:700;
padding:5px 4% 5px !important;
background:none;
z-index: 2;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked { font-size:20px!important; padding:5px 4% 5px 5% !important; color:#800a2b!important; }
.mean-container .mean-nav ul li:hover a.mean-expand.mean-clicked { color:#800a2b!important; }
.mean-container .mean-nav ul li a.mean-expand:hover { font-size:20px!important; background: none;color:#800a2b; }
.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; }
.mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } 

@charset "utf-8";
/* CSS Document */

input[type="submit"], input[type="button"], input[type="text"], input[type="password"], textarea { -webkit-border-radius:0; -webkit-appearance: none; }

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}
/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1280px) {
	body{ overflow-x:hidden;}
}


@media screen and (min-width:1010px) and (max-width: 1030px) {
img {max-width:100%; }
/*.row {  width:1000px;}
.row2, .pad28 { padding-left:20px; padding-right:20px; width:960px; }
.logo { margin-right:32px;}*/
}

@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row { width:768px; }
.row2, .pad28 { padding-left:15px; padding-right:15px; width:738px; }
.logo { width:210px; margin:0px 15px 0 0; padding-top:87px; }
.ddsmoothmenu ul { padding-left:0px; }
.ddsmoothmenu ul li a { padding:0 13px; }
.ddsmoothmenu ul li ul li.red span, .ddsmoothmenu ul li ul li.green span { width:389px; }
.banner-pad { padding-top:65px; }
.flex-caption { top:75px; padding: 15px; }
.flex-caption h2 { font-size:26px; line-height:26px; }
.flex-caption p { font-size: 16px; line-height:20px; }
.dishes-pad li { margin-bottom:8px; }
.dishes1 .dish-img { width:35%; }
.dishes1 .dish-txt { width:65%; padding-top: 95px; }
.dishes2 { width:33%; margin-right:1%; }
.dishes3, .dishes4 { width:66%; }
.dish-txt h2 { font-size:28px; line-height:28px; }
.dish-txt p { font-size: 16px; line-height: 20px; }
.dishes2 .dish-txt { margin: 15px 6%; min-height:210px; width: 88%; }
.dishes3 .dish-txt, .dishes4 .dish-txt { margin:15px 3%; min-height:200px; width:44%; }
.clients-pad { padding:25px 2.5%; width:95%; } 
.client-txt h2 { font-size:28px; line-height:28px; padding-bottom:15px; }
.client-txt { margin-right:1%; width:37%; }
.sub-section ul li { padding:0 0 20px 0; width:100%; }
.sub-section .img-txt { padding: 3%; width: 60%; }
.left-box { padding:2% 2% 1% 1%; width: 47%; }
.right-box { padding:2% 1% 1% 2%; width: 47%; }
.maroon-box, .darkgreen-box, .yellow-box, .green-box { padding: 0 0 6px 3%; width: 97%; }
.text-section { padding: 3% 3% 3% 3%; width:94%; }
.sub-section { padding:0 2.5% 3%; width:95%; }
.about-box { font-size:16px; line-height:22px; }
.prod-li-pad ul li { margin: 0 1.5% 35px; width:30.3%;}
.comprar-pad, .itat-banner, .itat-banner img { width:100%; }
.itat-pad { margin-bottom:15px; padding-bottom:15px; }
.slide-box { padding: 20px 3%; width:94%; margin-top:-20px; }
.itat-pad .txt { padding:15px 3% 25px; width:60%; }
.actualitat-desc { width:58%; }
.slide-box .img-right { width:40%; }
.itat-banner .caption { width:100%; top:25%; font-size:30px; line-height:30px; letter-spacing:2px;  }
.itat-banner .caption span { line-height:20px; margin-top:5px; }
.carousel-imgpad { margin:0 0 0 20px; }
.prod-desc { width:99%; margin:20px .5% 0; }
.desc-pad { margin-right:2%; margin-bottom:0px; width:32%; }
.desc-pad.preparat { margin-right:0px; }
.desc-pad.preparat .desc li { margin:5px 0 7px; }
.ens-pad { padding:15px 3% 45px; width:94%; }
.pad-box .left-box { padding: 4% 2% 1% 2%; width: 46%; }
.pad-box .right-box {padding: 4% 2% 1% 2%; width: 46%; }
.map-right h2 { margin-top:-5px; padding-bottom:20px; }
.map-left { width:55%; }
.map-right { width:42%; }
.txtarea { height:90px; margin-bottom:5px; }
.txtbox { margin-bottom:15px; }
.btn { margin-top:0px; }
.r-tabs-tab a { padding:0 9px; }

}

@media screen and (max-width:767px) {
body { -webkit-text-size-adjust: none; }
img {max-width:100%; }
.row { width:100%; }
.row2, .pad28 { padding-left:2%; padding-right:2%; width:96%; }
header { min-height:200px; }
.logo { margin:0; padding:10px 0; position: relative; width:100%; text-align:center; }
.search-box { margin:0px; }
.search-txtbox { height:32px; }
.banner-pad, .product-pad, .actual-pad { padding-top:30px; }
.flex-caption { top:75px; padding: 15px; }
.flex-caption h2 { font-size:26px; line-height:26px; }
.flex-caption p { font-size: 16px; line-height:20px; }
.prodcuct-pad ul li { float: left; width:49%; margin:0 2% 0 0; }
.prodcuct-pad ul li:last-child { margin:0; }
.dishes-pad li { margin-bottom:8px; }
.dishes1, .dishes2, .dishes3, .dishes4 { width:100%; }
.dishes1 .dish-img, .dishes2 .dish-img, .dishes3 .dish-img, .dishes4 .dish-img { float:left; width:40%; }
.dishes1 .dish-txt { width:60%; padding-top: 95px; }
.dishes2 .dish-txt, .dishes3 .dish-txt, .dishes4 .dish-txt { position:inherit; margin:15px 3%; min-height:205px; width:54%; }
.dishes2 p, .dishes3 h2, .dishes4 h2 {  width:54%; bottom:15px; left:43%; }
.dish-txt h2 { font-size:26px; line-height:26px; }
.dish-txt p { font-size: 15px; line-height: 20px; }
.clients-pad { padding:20px 2%; width:96%; } 
.client-txt h2 { font-size:26px; line-height:26px; padding-bottom:10px; }
.client-txt { margin-right:1%; width:37%; }
.client-txt p { font-size:15px; line-height:20px; }
.mean-container .mean-nav ul li ul li span.links { float:left; padding:10px 0; padding: 10px 0; width: 100%; background:#fff; }
.mean-container .mean-nav ul li ul li span.links a { width:30.3%; background:#ffffff!important; padding:0 0 0 3% !important; line-height:20px; }
.mean-container .mean-nav ul li ul li span.links a:hover { text-decoration:underline; }
.mean-container .mean-nav ul li ul li.red span.links a { color:#800a2b!important; }
.mean-container .mean-nav ul li ul li.green span.links a { color:#00464f!important; }

.cont-pad { padding-top:30px; }
.sub-section { padding:0 3% 3%; width:94%; }
.sub-section ul li { padding:0 0 20px 0; width:100%; }
.sub-section .img-box { width:40%;}
.sub-section .img-box img { width:100%;}
.sub-section .img-txt { padding:15px 3%; width:54%; }
.left-box { padding:2% 1.5% 1% 1%; width: 47.5%; }
.right-box { padding:2% 1% 1% 1.5%; width: 47.5%; }
.maroon-box, .darkgreen-box, .yellow-box, .green-box { padding: 0 0 6px 3%; width: 97%; }
.text-section { padding:20px 3% 25px; width:94%; }
.img-section ul li { width:31.3%; padding:0 1% 2% }
.about-box { font-size:16px; line-height:22px; }
.prod-li-pad ul li { margin: 0 1.5% 35px; width:30.3%;}
.prod-li-pad ul li span { letter-spacing:0px; }
.carousel-pad { margin:38px 5%; }
.comprar-pad, .itat-banner, .itat-banner img { width:100%; }
.itat-pad { margin-bottom:15px; padding-bottom:15px; }
.slide-box { padding: 20px 3%; width:93%; margin:-20px 0.5% 25px; }
.itat-pad .txt { padding:15px 3% 25px; width:60%; }
.actualitat-desc { width:100%; margin:0; }
.slide-box .img-right { width:40%; }
.slide-box .img-right { width:100%; padding:0px 0 20px; text-align:center; }
.slide-box .img-right img { float:none; }
.itat-banner .caption { width:100%; top:20%; font-size:30px; line-height:30px; letter-spacing:1px; }
.itat-banner .caption span { line-height:20px; margin-top:5px; }
.prod-detail-pad { padding-top:50px; padding-bottom:2px; }
.detail-banner { width:100%; margin:0px 0 20px; }
.detail-caption { padding: 13px 3% 20px; width: 35%; }
.carousel-imgpad { width:40%; margin:0 5% 0 0; }
.prod-desc { width:55%; margin:0; }
.desc-pad { margin-bottom:25px; }
.desc-pad.preparat { margin-right:0px; }
.r-tabs .r-tabs-nav { display:none; }
.r-tabs .r-tabs-accordion-title { display:block; }
.desc-tab-pad { margin:25px 0.5% 40px; width:100%; }
.r-tabs .r-tabs-panel.r-tabs-state-active { width:94%; border:1px solid #919865; padding:10px 2.5% 15px; margin-bottom:5px; }
.map-left { width:100%; margin:0px 0px 30px;  }
.map-left img { width:100%; }
.map-right { width:100%; }
.txtarea { height:120px; width:94%; }
.txtbox { width:94%; margin-bottom:15px; }
.btn { margin-top:0px; }
.pad-box .left-box { padding: 4% 2% 1% 2%; width: 46%; }
.pad-box .right-box {padding: 4% 2% 1% 2%; width: 46%; }
.ens-pad { padding:15px 3% 45px; width:94%; }
}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.map-left iframe { width:100%; height:350px;}
.llistaingredients li{float:left; width:40%; margin-right:5%;}
.flex-caption { bottom:0px; padding:7px 3%; top: auto; width:94%; text-align:center; background:rgba(128,10, 43, .8); }
.flex-caption p { display:none; }
.flex-caption h2 { font-size:18px; line-height:18px; padding-bottom:2px; }
.prodcuct-pad ul li { margin: 0 5% 20px; width:90%; }
.prodcuct-pad ul li:last-child { margin: 0 5% 0px; }
.dishes1 .dish-txt { padding-top:15%; }
.dishes2 .dish-txt, .dishes3 .dish-txt, .dishes4 .dish-txt { min-height:100px; }
.client-txt { margin-right:0%; margin-bottom:10px; width:100%; }
.clients { width:100%; }
footer{ padding:20px 0 30px;}
.f-lft { width:100%; }
.f-right { float:left; margin-top:20px; }
.f-right a.lnk-btn { float:left;width:210px;}
.f-right .f-btm-lnk{float:left;width:140px;}
.f-lft span { padding-top:15px; width:350px; }
footer a.lnk-btn { font-size:13px; }
.f-right { width:230px; }
.left-box, .right-box { padding:12px 1%; width:98%; }
.sub-section .img-box { width:45%;}
.sub-section .img-txt { width:49%; }
.maroon-box, .darkgreen-box, .yellow-box, .green-box { font-size:20px; padding:9px 3%; width:94%; line-height:25px; }
.about-box { font-size:15px; }
.prod-li-pad ul li { width:47%;}
.itat-pad li { float:left; /*width:100%; */overflow:hidden; }
.itat-pad .txt { padding:15px 3% 40px; width:94%; }
.itat-banner  { width:110%; margin:0 -5%;  }
.itat-banner .caption { top:10%; font-size:28px; line-height:30px; margin:0 5%; }
.itat-pad { margin-bottom:0px; padding-bottom:0px; }
.desc-pad { margin-bottom:20px; }
.desc-pad.preparat .desc li { margin: 5px 0 8px; }
.carousel-imgpad { margin: 0 4% 0 0; width: 46%; }
.prod-desc { width: 50%; }
.detail-caption { width:40%; }
.img-carousel { padding:15px 0; }
a.btn-lnk, a.btn1-lnk { letter-spacing:1px; }
.pad-box .left-box { padding:20px 3%; width:94%; }
.pad-box .right-box {padding:0 3% 20px; width:94%; }

}

@media screen and (max-width:550px) {
.map-left iframe { width:100%; height:300px;}
.img-section ul li { width:48%; padding:0 1% 2%; }
.img-section ul li img { width:100%; }
.comprar-txt { top:50px; line-height: 26px; }
.comprar-txt span { padding: 0 0 8px; }
.slide-box { padding: 20px 4%; width:90%; margin:-20px 1% 25px; }
.txtarea { width:90%; }
.txtbox { width:90%; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

.row2, .pad28 { padding-left:2.5%; padding-right:2.5%; width:95%; }
.top-lft { width:100%; }
.search-box { width:90%; padding:0 5%; margin-top:5px; }
.search-txtbox { width:90%; }
.search-txtbox a { float:right }
.dishes1 .dish-img, .dishes2 .dish-img, .dishes3 .dish-img, .dishes4 .dish-img, .f-right, .f-lft { width:100%; }
.dishes1 .dish-txt { width:100%; min-height:125px; padding-top:50px; }
.dishes2 .dish-txt, .dishes3 .dish-txt, .dishes4 .dish-txt { width:94%; min-height:145px; position:relative; }
.dishes2 p, .dishes3 h2, .dishes4 h2 { bottom:0px; left:0%; width:100%; }
.clients li { padding:10px 2.5%; width:45%; }
.f-right a.lnk-btn { width:79%; padding:0px 9px; text-align:left; }
.f-right .el-gourmet { margin-right: 7px; }
.prodcuct-pad ul li, .prodcuct-pad ul li:last-child { margin-left:0; margin-right:0px; width:100%; }
.f-lft span { width:100%;}
.f-right .f-btm-lnk { margin-top:40px; }
.f-lft a.lnk-btn { width:79%; padding:0 3%;    margin-right: 20%;}
.f-lft a.ico-fb { float:left; }
.f-lft a.ico-fb{margin-top:5px;}
.f-lft a.ico-tw{margin-top:5px;}
.f-lft a.ico-ins{margin-top:5px;}
.mean-container .mean-nav ul li ul li span.links a { width:47%; }
.text-section { padding: 20px 4% 25px; width: 92%; }
.sub-section { padding:0 4% 20px; width:92%; }
.maroon-box, .darkgreen-box, .yellow-box, .green-box { padding:9px 4%; width:92%; }
.sub-section .img-box { width:100%;}
.sub-section .img-txt { width:94%; padding:15px 3% 10px; }
.sub-section .img-txt .lnk { position:relative; padding-top:30px; }
.txt-green { font-size:16px; line-height:28px; }
.prod-banner { width:250px; }
.logo-prod { padding:10px 0 0; }
.carousel-pad { width:84%; padding:0 6%; margin:38px 2%; }
#owl-prod.owl-theme .owl-controls .owl-buttons div.owl-prev { left:-8%; }
#owl-prod.owl-theme .owl-controls .owl-buttons div.owl-next { right:-8%; }
.dotted-line { margin:-5px -8% 0; width: 116%; }
a.maroon-btn { margin-top:20px;}
.itat-pad .txt { padding:15px 4% 40px; width:92%; }
.itat-banner .caption { top:10%; font-size:22px; line-height:24px; margin:0 5%; letter-spacing:0px; }
.prod-detail-pad { padding-top:30px; }
.detail-caption { width:50%; padding:8px 4% 15px; top:30px; left:3%; background:rgba(145, 152, 101, 0.8); }
.detail-caption h3 { padding-bottom:15px; font-size:26px; line-height:26px; }
.detail-caption p { line-height:16px; }
.carousel-imgpad { width:100%; margin:0 0 20px 0; }
.img-carousel { padding:20px 0; }
.prod-desc { width:100%; }
a.btn-lnk, a.btn1-lnk { letter-spacing:1px; }

}
@media screen and (max-width:419px) {
.row2, .pad28 { padding-left:3%; padding-right:3%; width:94%; }
.prod-li-pad ul li {  margin: 0 5% 10%; width:90%;    height: auto !important;}
.prod-li-pad ul li a{display: block;float: left;width: 100%;}
.prod-li-pad ul li:last-child { margin-bottom:20%; }
.comprar-txt { line-height: 20px; font-size: 16px; text-align:center; width:90%; top:10%; }
.comprar-txt span { padding: 0 0 5px; font-size: 16px; }
.slide-box { padding: 20px 5%; width:88%; }
.slide-box { font-size:15px; line-height:22px; }
.slide-box ul { padding:5px 0 20px; }
.slide-box ul li { font-size:15px; line-height:20px; padding:1px 0 3px 10px; }
a.btn-lnk, a.btn1-lnk { letter-spacing:1px; width:84%; padding:5px 3%; margin:5px 5% 0; text-align:center; }
.pad-box .left-box { padding:20px 4%; width:92%; }
.pad-box .right-box {padding:0 4% 20px; width:92%; }
}

@media screen and (max-width:319px) {
.img-section ul li { width:96%; padding:0 2% 4%; }
footer a.lnk-btn { letter-spacing:1px;}
}

@media screen and (max-width: 479px) {
	.f-lft a.lnk-btn { width: 85%; }
	.f-right a.lnk-btn { width: 85%; }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.f-right {width: 260px;}
.fundacio-maragall img { width: 100px;}
}
@media screen and (min-width: 532px) and (max-width: 1023px){
.f-lft { width: 270px; }
.f-lft a { margin-bottom: 5px; }
}

@media screen  and (max-width: 640px){
.f-right .f-btm-lnk { margin-right: 5px;}
.f-right .el-gourmet {
    float: left;
    margin-left: 10px;
}
}
/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
	float: left;
	color: #A1A1A1;
	font-size:14px;
	line-height:24px;
	text-align: center;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	
}
.compact-theme span {
	color:black !important;
	font-weight: bold!important;
}

.compact-theme a:hover {
	text-decoration: none;
	
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	
}


/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

.light-theme a, .light-theme span {
	float: left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/

.dark-theme a, .dark-theme span {
	float: left;
	color: #CCC;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #555; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
	background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
}

.dark-theme a:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
html
{
	/* killing 300ms touch delay in IE */
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}


#container
{
	
	width: 41.25em; /* 660 */
	text-align: center;
	padding: 0 1.25em; /* 20 */
	margin: 3.125em auto 6.25em; /* 50 100 */
}
	#container h1
	{
		font-size: 2.125em; /* 34 */
		line-height: 0.882em; /* 30 (34) */
		text-transform: uppercase;
	}
		#container h1 span
		{
			font-size: 0.588em; /* 20 (34) */
			line-height: 1em; /* 20 (20) */
			color: #aaa;
			display: block;
		}
		#container h1 a:hover,
		#container h1 a:hover span,
		#container h1 a:focus,
		#container h1 a:focus span
		{
			color: #666;
		}

	#container h2
	{
		border-top: 1px solid #ddd;
		padding-top: 1.875em; /* 30 */
		margin-top: 1.875em; /* 30 */
		margin-bottom: 0.625em; /* 10 */
	}
		#container h2 span
		{
			color: #666;
		}
		#container h2[data-caption]:before
		{
			font-size: 0.875rem;
			font-weight: 300;
			color: #fff;
			background-color: #c00;
			display: inline-block;
			content: attr( data-caption );
			padding: 0.125rem 0.313rem; /* 2 5 */
			margin-right: 0.625rem; /* 10 */

			-webkit-transform: rotate( -8deg );
			-ms-transform: rotate( -8deg );
			transform: rotate( -8deg );
		}

	#container ul
	{
	}
		#container li
		{
			display: inline-block;
			margin: 0.625em; /* 10 */
		}
			#container img
			{
				width: 8.75em; /* 140 */
				height: 8.75em; /* 140 */
				border-color: #eee;
				border: 0.625em solid rgba( 255, 255, 255, .5 ); /* 10 */

				-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
				box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */

				-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
				transition: box-shadow .3s ease, border-color .3s ease;
			}
				#container img:hover,
				#container img:focus
				{
					border-color: #fff;

					-webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
					box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
				}

footer
{
	font-size: 0.875em; /* 14 */
	color: #aaa;
	border-top: 1px solid #ddd;
	padding-top: 2.143em; /* 30 (14) */
	margin-top: 0; /* 30 (14) */
}


/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
	top: 25%!important;
	left: 35% !important;
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	width: 400px !important;
	height: 400px !important;
	-ms-touch-action: none;
	touch-action: none;
    border: 4px solid rgba( 255, 255, 255, .5 );
	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
	border-radius: 50%;
}
#imagelightbox-loading
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 48%;
	padding: 0.625em; /* 10 */
	margin: -1.25em 0 0 -1.25em; /* 20 */

	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
	#imagelightbox-loading div
	{
		width: 1.25em; /* 20 */
		height: 1.25em; /* 20 */
		background-color: #fff;

		-webkit-animation: imagelightbox-loading .5s ease infinite;
		animation: imagelightbox-loading .5s ease infinite;
	}

	@-webkit-keyframes imagelightbox-loading
	{
		from { opacity: .5;	-webkit-transform: scale( .75 ); }
		50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
		to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
	}
	@keyframes imagelightbox-loading
	{
		from { opacity: .5;	transform: scale( .75 ); }
		50%	 { opacity: 1;	transform: scale( 1 ); }
		to	 { opacity: .5;	transform: scale( .75 ); }
	}


/* OVERLAY */

#imagelightbox-overlay
{
	background-color: #fff;
	background-color: rgba( 255, 255, 255, .9 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	text-align: left;
	background-color: #666;
	border-radius: 50%;
	position: fixed;
	z-index: 10002;
	top: 2.5em; /* 40 */
	right: 2.5em; /* 40 */

	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
	#imagelightbox-close:hover,
	#imagelightbox-close:focus
	{
		background-color: #111;
	}
	#imagelightbox-close:before,
	#imagelightbox-close:after
	{
		width: 2px;
		background-color: #fff;
		content: '';
		position: absolute;
		top: 20%;
		bottom: 20%;
		left: 50%;
		margin-left: -1px;
	}
	#imagelightbox-close:before
	{
		-webkit-transform: rotate( 45deg );
		-ms-transform: rotate( 45deg );
		transform: rotate( 45deg );
	}
	#imagelightbox-close:after
	{
		-webkit-transform: rotate( -45deg );
		-ms-transform: rotate( -45deg );
		transform: rotate( -45deg );
	}


/* CAPTION */

#imagelightbox-caption
{
	text-align: center;
	color: #fff;
	background-color: #666;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
}


/* NAVIGATION */

#imagelightbox-nav
{
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	border-radius: 20px;
	position: fixed;
	z-index: 10001;
	left: 50%;
	bottom: 3.75em; /* 60 */
	padding: 0.313em; /* 5 */

	-webkit-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	transform: translateX( -50% );
}
	#imagelightbox-nav button
	{
		width: 1em; /* 20 */
		height: 1em; /* 20 */
		background-color: transparent;
		border: 1px solid #fff;
		border-radius: 50%;
		display: inline-block;
		margin: 0 0.313em; /* 5 */
	}
	#imagelightbox-nav button.active
	{
		background-color: #fff;
	}


/* ARROWS */

.imagelightbox-arrow
{
	width: 3.75em; /* 60 */
	height: 7.5em; /* 120 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	vertical-align: middle;
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	margin-top: -3.75em; /* 60 */
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus
{
	background-color: #666;
	background-color: rgba( 0, 0, 0, .75 );
}
.imagelightbox-arrow:active
{
	background-color: #111;
}
	.imagelightbox-arrow-left
	{
		left: 2.5em; /* 40 */
	}
	.imagelightbox-arrow-right
	{
		right: 2.5em; /* 40 */
	}
	.imagelightbox-arrow:before
	{
		width: 0;
		height: 0;
		border: 1em solid transparent;
		content: '';
		display: inline-block;
		margin-bottom: -0.125em; /* 2 */
	}
		.imagelightbox-arrow-left:before
		{
			border-left: none;
			border-right-color: #fff;
			margin-left: -0.313em; /* 5 */
		}
		.imagelightbox-arrow-right:before
		{
			border-right: none;
			border-left-color: #fff;
			margin-right: -0.313em; /* 5 */
		}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}
	@-webkit-keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}
	@keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}
@media only screen and (max-width: 1400px) /* 660 */
{
	#imagelightbox{
		width: 300px !important;
		height: 300px !important;
	}
}
@media only screen and (max-width: 1000px) /* 660 */
{
	#imagelightbox{
		width: 250px !important;
		height: 250px !important;
	}
}
@media only screen and (max-width: 775px) /* 660 */
{
	#imagelightbox{
		width: 200px !important;
		height: 200px !important;
	}
}

@media only screen and (max-width: 600px) /* 660 */
{
	#imagelightbox{
		width: 150px !important;
		height: 150px !important;
	}
}

@media only screen and (max-width: 320px) /* 660 */
{
	#imagelightbox{
		width: 150 !important;
		height: 150px !important;
	}
}

@media only screen and (max-width: 41.250em) /* 660 */
{
	#container
	{
		width: 100%;
	}
	#imagelightbox-close
	{
		top: 1.25em; /* 20 */
		right: 1.25em; /* 20 */
	}
	#imagelightbox-nav
	{
		bottom: 1.25em; /* 20 */
	}

	.imagelightbox-arrow
	{
		width: 2.5em; /* 40 */
		height: 3.75em; /* 60 */
		margin-top: -2.75em; /* 30 */
	}
	.imagelightbox-arrow-left
	{
		left: 1.25em; /* 20 */
	}
	.imagelightbox-arrow-right
	{
		right: 1.25em; /* 20 */
	}
}

@media only screen and (max-width: 20em) /* 320 */
{
	/*#imagelightbox{
		height: 100px !important;
	}*/
	
	.imagelightbox-arrow-left
	{
		left: 0;
	}
	.imagelightbox-arrow-right
	{
		right: 0;
	}
}