@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;}
}