@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Glegoo:400,700');
body {background-color:#fff; font-size:17px; color:#000; font-family: 'Glegoo', sans-serif; font-weight:300;  line-height:27px; margin: 0; letter-spacing: 0.2px;}

/*HEADER*/
#productos #header {background-image: url(../img/Background-productos.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#header-scroll {width: 100%; height: 40px; background-color: #000; position: fixed; top: 0; display: none; z-index: 199; border-bottom: solid 1px #333;}
#header .content {height: 650px;}
#ayr #header {background-image: url(../img/background-ayr.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#bigblu #header {background-image: url(../img/background-bigblu.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#gourmar #header {background-image: url(../img/background-gourmar.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#consignaciones #header {background-image: url(../img/background-consignaciones.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#news #header {background-image: url(../img/background-news.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#news.usaweb #header {background-image: url(../img/background-news-usa.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#responsibility #header {background-image: url(../img/Background-resposability.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
.usatuna {background-image: url(../img/background-tuna.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
.usaswordfish {background-image: url(../img/background-swordfish.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#mercamadrid #header {background-image: url(../img/background-mercamadrid.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#pulpo #header {background-image: url(../img/background-pulpo.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px;}
#news #header .content {height: 450px;}
#responsibility #header .content {height: 400px;}
#usa-product #header .content {height: 500px;}
#mercamadrid #header .content {height: 450px;}
#new #header .content {height: auto;}
#receta #header .content {height: auto;}
#home .logo {float: none; width: 45%; margin: 20px auto;}
#header .menu {float: right; margin: 2px 0;}
.menu {margin: 10px 0;}
.menu ul {list-style:none; position:relative; margin: 10px 0; padding:0; font-size: 16px; font-weight: 700; text-align: center}
.menu ul li {display: inline; position:relative; padding-bottom: 2px; margin: 0 7px;}
.menu ul li:hover {border-bottom: solid 2px #002F82;}
.menu ul a {color:#002F82; text-decoration:none;}
.menu ul ul{display:none; position:absolute; top:100%; left:0; padding:5px 0 0 0; margin: 0;}
.menu ul ul li a {float:none; width:185px; display: block; background-color: rgba(102, 126, 160, 0.95); color: #fff; text-align: left;  padding: 10px 25px; font-size: 18px; }
.menu ul ul li {padding: 0;  margin: 0 !important; }
.menu ul ul li a:hover {background-color: #f7969b; color: #fff;}
.menu ul li:hover > ul{display:block}
.selected {border-bottom: solid 2px #002F82;}
.logo {float: left; width: 220px; margin: 5px 30px 0 0;}
.logo img, .logo-footer img, .logo-scroll img {width: 100%;}
.logo img:hover, .logo-footer img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7;}
.logo.mobileon {position: absolute; top: 2px; left: 5%; width: 170px; z-index: 999; margin: 7px 30px 0 0;}

#ConfremarUsa .bigbanner {height: auto;}
.usaweb .menu {float: right; margin: 1%}
.usaweb .menu ul {font-weight: 300;}
.usaweb .menu ul li:hover {border-bottom: solid 2px #fff;}
.usaweb .selected {border-bottom: solid 2px #fff;}
#new.usaweb .selected {border-bottom: solid 2px #002F82;}
#new.usaweb .menu ul li:hover {border-bottom: solid 2px #002F82;}
.usaweb .menu ul a {color:#fff; text-decoration:none;}
#new.usaweb .menu ul a {color:#002F82; text-decoration:none;}
.usaweb .logo {float: left; width: 350px; margin: 5px 30px 0 0;}
.usaweb .footer .menu {float: none; text-align: center;  }
.usaweb .footer .menu ul li {border-right: solid 1px #fff; padding: 0 20px; margin: 0;}
.usaweb .footer .menu ul {font-size: 14px; font-weight: 500;}
.usaweb .footerUp {margin-top: 60px;}
.usaweb.menu ul li:hover {border-bottom: none;}
.usaweb .footer .logofooter {float: left; margin: 3% 3% 1% 30%;}
.usaweb .footer .USAcontact {float: left; font-size: 14px; line-height: 20px; margin-top: 2%;}
.usaweb .footer {margin-top: 0 !important}
.logo.new {display: none;}
#new.usaweb .logo.new {display: block;}
#new.usaweb .logo {display: none;}
.colum-izq {float: left; width: 68%;}
.colum-dcha {float: right; width: 27%;}
.fabricagallery {float: left; width: 18%; margin: 1%}
.fabricatext {width: 98%; margin: 0 auto;}
.socialheader {float: right; margin-top: 15px;}
.socialheader img {float: left; margin-right: 10px; width: 30px;}
.back {float: left; margin-top: 15px;}
/*END HEADER*/

/*FOOTER*/
.footer {width: 100%; padding: 15px 0 10px 0; background-color:#00A5D6; display: table; color: #fff; }
.footer a {color: #fff !important}
.footer a:hover {color: #f0f1f5 !important}
.footer p {font-size: 15px; line-height: 20px;}
.footer h3 {margin-top: 0; font-size: 24px;}
.logo-footer {width: 215px; margin: 40px auto 0 auto;}
.footer .menu ul li:hover {border-bottom: solid 2px #fff;}
#home .footer {background-image: none;}
#mercamadrid .footer, #gourmar .footer {margin-top: 80px;} {margin-top: 80px;}
#productos .footer {padding-top: 0;}
.footerUp {width: 100%; margin-bottom: -8px;}
#cookieWarnBox {font-size: 14px !important}
/*END FOOTER*/

/*LINKS*/
a img {text-decoration: none;border: 0 none;}
a:link {color:#1886d3;}      /* unvisited link */
a:visited {color:#1886d3;}  /* visited link */
a:hover {color:#5f84aa;}  /* mouse over link */
a:active {color:#1886d3;}  /* selected link */
.roll:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7;}
/* END LINKS*/



.content {max-width: 1300px; margin: 0 auto; padding: 0 20px}
.clear {clear:both;}
img {width: 100%}
a img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s;}
.hidden {display: none !important;}
.mobileon {display: none !important}
.mobileoff {display: block}
.x3 {float: left; width: 29%; text-align: center;}
.x3_cv {float: left; width: 29%; text-align: left;}

.x3 img {height: 85px; width: auto;}
.cellleft {margin-right: 4%}
.cellmid {margin: 0 2%;}
.cellright {margin-left: 4%;}
.left {float: left !important}
.right {float: right !important;}
.video-container {position: relative; padding-bottom: 53.7%; padding-top: 30px; height: 0; overflow: hidden; width:100%; margin: 0 auto 0 auto;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: 0;}
#menumobile {text-align: center; font-size: 22px; line-height: 30px;}
#newsletter {float: left; width: 40%; padding: 1%}
.contact {float: left; width: 25%; padding: 1%; margin-top: 35px;}
.emailon{display: none;}
.video-container {position: relative; padding-bottom: 53.7%; padding-top: 30px; height: 0; overflow: hidden; width:100%; margin: 0 auto 0 auto;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: 0;}
.fancybox {float: left; width: 29%; margin: 2%;}
.x2 {width: 48%;}
.x2_cv {width: 48%; float: left;}
.bigbanner {width: 100%; position: relative; margin-bottom: -8px; height: 530px; overflow: hidden;}
.bigbanner .content {width: 100%; height: 100%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; z-index: 900;}
.language {float: right; padding: 1px 5px 1px 30px; background-image: url(../img/ico-language.png); background-repeat: no-repeat; background-position: 3px center; background-size: 20px; border: solid 1px #002F82; border-radius: 4px; font-size: 13px; margin: 10px 0 0 10px; cursor: pointer; width:15px;}
.language:hover {background-color:#00A5D6;}
.language a {text-decoration: none; color: #002F82 !important}
.ui-dropdown-list li.language {float: none; padding-left: 28px}
.banner {position: absolute; left: -50%;}
.homeconfremar {width: 100%; background-image: url(../img/background-confremar2.jpg); background-repeat: no-repeat; background-position: center -160px; background-size: auto}
.homeconfremar .content {color: #fff;}
.homeconfremar .content .mid {text-align: center; font-weight: 400;}
.homeconfremar .content h1 {text-align: center; font-weight: 400; padding-top: 70px; margin-top: 0; font-size: 46px; line-height: 52px;}
.homeconfremar .content h2 {text-align: center; margin-top: 50px;}
.x4 {float: left; width: 21%; margin: 2%;}
#home .x4 {text-align: center; text-decoration: none; cursor: pointer; color: #fff;}
#home .x4 img {max-width: 295px;}
#home .x4:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s; color: #fff; }
#home .footer {background: none;}
#usa {width: 100%; margin-top: 20px; height: 650px;}
.logo-usa {max-width: 450px; margin: 80px auto 20px auto;}
.logofooter {margin: 15px auto; max-width: 280px;}.logofooter {margin: 15px auto; max-width: 280px;}
.logohomemobile {display: none;}
.product {width: 21%; margin: 2%; float: left; position: relative; cursor: pointer; height: 250px; text-align: center}
.product h2 {text-align: center; font-size: 20px; line-height: 28px;}
.caption { display: none; position: absolute; top: 0;left: 0; background-color: rgba(255,255,255, 0.9); width: 100%;height: 100%;}
.product img {max-height: 200px; width: auto;}
#brochures {width: 100%; background-image: url(../img/background-ocean.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; display: table; text-align: center; color: #fff;}
.brochure {float: left; width: 27%; margin: 0 2%; padding-bottom: 2%;}
.brochure img {max-width: 160px;}
.company-info {width: 450px; background-color: rgba(255, 255, 255, 0.85); padding: 2%; margin-top: 50px;}
.company-info-img {width: 290px; margin: 0 auto;}
.blog {max-width: 900px; margin: 80px auto; display: table;}
.blogimg {float: left; width: 30%; margin-right: 5%}
.blogtext {float: left; width: 65%; margin-top: -20px;}
.ayrcategory {background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; display: table; padding-bottom: 20px; border-bottom: dashed 1px #002F82}
.ayrproduct {float: left; width: 18%; margin: 1%; text-align: center;}
.ayrproduct h3 {font-size: 20px; font-weight: normal; margin-top: 0;}
#ayrprecocinados {background-image: url(../img/background-precocinado.jpg);}
#ayrverduras {background-image: url(../img/background-verduras.jpg);}
#ayrpescado {background-image: url(../img/background-pescado.jpg);}
.bigbluproducts {float: left; width: 29%; margin: 2%;}
#bigblu .footer {margin-top: 80px;}
#gourmar .product p {font-size: 16px; line-height: 22px;}
.consiganacionesproducts {float: left; width: 21%; margin: 2%;}
a.new {display: inline-block; vertical-align: top; text-decoration: none; color: #000; width: 29%; margin: 1.5%;}
.new:hover {color:#1886d3;}
.new p {font-size: 15px; margin: 4px 0}
.new h2 {font-size: 20px; line-height: 28px; text-align: left; margin: 2px 0;}
.new img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s; color: #fff; }
#news .footer, #new .footer, #pulpo .footer, #receta .footer {margin-top: 70px;}
.pulpocontent {display: grid; grid-template-columns: 20% 20% 20% 20% 20%;}
.pulpoproduct {float: left; width: 18%; height: auto; margin: 1%;}
.pulpoproduct h3 {font-size: 20px; font-weight: normal; margin-top: 0; text-align: center;}
#pulpo h2 {margin-top: 80px;}
a.pulpoproduct {color: #000; text-decoration: none;}
a.pulpoproduct:hover {color: aliceblue#1886d3;}
.pulporeceta {height: 350px;}
.pulpofabrica {height: auto;}
.pulpoproduct img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s; color: #fff; }
.ingredientescontent {display: grid; grid-template-columns: 33% 33% 33%}
.ingredientes {margin: 2%;}
.ingredientes p, .paso p {margin: 0;}
.pasoscontent {display: grid; grid-template-columns: 33% 33% 33%}
.paso {margin: 5%;}
.certificacion {float: left; width: 45%; margin: 1.2%; padding: 1%; background-color: rgba(255, 255, 255, 0.75);
border: solid 1px #d7d7d7;}
.certificacion img {max-height: 120px; width: auto;}
#certificaciones {background-image: url(../img/background-certificaciones.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}
#contacto_cv {background-image: url(../img/background-certificaciones.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}
#contacto_cv #header .content {height: 100px;}
#contacto_cv .footer {margin-top: 80px;}
#legal #header .content {height: 100px;}
#legal .footer {margin-top: 80px;}
.legalul {text-decoration: none;}
#legal h2 {text-align: left;}
.legaldestacado {width: 80%;background-color: #8be0fa;margin: 0 auto;padding: 1% 2%;border-radius: 10px;}
#certificaciones #header .content {height: 100px;}
#certificaciones .footer {margin-top: 80px;}
#fabricas {background-image: url(../img/background-fabricas.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}
#fabricas #header .content {height: 100px;}
#fabricas .footer {margin-top: 80px;}
.fabricaizq {float: left; width: 48%; margin: 1% 1% 1% 0; padding:  1% 1% 1% 0;}
.fabricadcha {float: left; width: 48%; margin: 1% 0 1% 1% ; padding: 1% 0 1% 1%;}
.video {float: left; width: 45%; margin: 0 2% 50px 0}
.video_rep {float: left; width: 95%;}

.text-fabricas {float: left; width: 53%;}
.fabricaslider {position: relative; width: 98%; margin: 0 auto;}
#lightSlider, #lightSliderMobile {padding: 0; margin:0; list-style: none; height: auto !important}
#madrid, #murcia, #vigo {list-style: none;padding: 0; margin: 0;}
.cS-hidden {height: 1px;opacity: 0;filter: alpha(opacity=0);overflow: hidden;}
#mapmercamadrid {max-width: 1300px;}
.x3homeusa {float: left; width:  29%; padding: 1% 2%; text-decoration: none;}
.productusa {position: relative; margin-bottom: -7px}
.productusa h2 {position: absolute; top 3%; width: 100%; z-index: 10; color: #002F82; font-size: 36px;}
.ship {position: relative}
.ship p {position: absolute; top: 15%; width: 90%; margin: 0 5%; text-align: center; color: #fff; font-size: 24px; line-height: 32px;}
.x3homeusa:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; }
.x3homeusa img:hover {zoom: 1; filter: alpha(opacity=100); opacity: 1;}
.infousa {padding: 0 2%}
.titleusa {font-size: 45px;line-height: 36px;font-weight: bold;position: absolute;z-index: 999;top: 35%;text-align: center;width: 100%;color: #fff;text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.39);}
#responsibility h1, #usa-product h1  {font-size: 45px;line-height: 36px;font-weight: bold;text-align: center;width: 100%;color: #fff;text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.39); margin-top: 10%;}
.reasonwhy {width: 100%; margin: 30px 0; display: table;}
.reasonimg {position: relative; width: 22%; display:table-cell;}
.reasonimg h2 {position: absolute; top: 35%; width: 90%; margin: 0 5%; text-align: center; color: #fff; font-size: 32px; line-height: 40px;}
.reasontext h2 {text-align: center; color: #fff; font-size: 32px; line-height: 40px;}
#usa-product .reasontext { padding: 0 3% 3% 3%; display: table-cell;}
.reasontext { padding: 3%; display: table-cell;}
.reasontext p {color: #fff;}
.code {background-image: url(../img/background-code-ethics.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
.codeimg {background-image: url(../img/code-ethics.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
.sustainability {background-image: url(../img/background-sustainability-projects.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
.sustainabilityimg {background-image: url(../img/sustainability-projects.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
.corporate {background-image: url(../img/background-corporate-responsibility.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
.corporateimg {background-image: url(../img/corporate-responsibility.png); background-repeat: no-repeat; background-size: cover; background-position: center top;}
.tunaship {background-image: url(../img/background-ship-tuna.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
.tunashipimg {background-image: url(../img/product-tuna-ship.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
#mercamadrid .x4 {margin: 0 2%}
#mercamadrid .x4 h3 {margin-top: 0;}
.google-maps {position: relative; padding-bottom: 75%; /* This is the aspect ratio*/ height: 0; overflow: hidden;margin-bottom: 30px;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.b-blanco {background: #fff !important; border: 0 !important; -moz-box-shadow: 0px 0px 3px #414141; -webkit-box-shadow: 0px 0px 3px #414141; box-shadow: 0px 0px 3px #414141;}
a.b-blanco  {text-decoration: none; color:#000 !important;}
a.b-blanco:hover {background: #000 !important; color:#fff !important;}

#contacto_cv .mid {border-bottom: dashed 1px #b7b7b7; margin-top: 35px;}
.logoar img, .logogr img{max-width: 235px !important; margin-top: 14px;}
.error_404 { width: 600px;   margin-left: auto;  margin-right: auto;}
.centrar { text-align:center;}
.social {width: 130px; margin: 20px auto; display: table}
.social img {float: left; width: 35px !important; margin-right: 8px;}


.logoconbig {max-width: 480px; margin: 10px auto;}
.sporttag {text-align: center; font-size: 30px;}
.bannersport li {width: 100%;height: 690px;overflow: hidden;position: relative;}
.bannersport li> .slidesport {position:absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; min-height: 100%; min-width: 100%;}
.bannersportmobile li {width: 100%;}
.bannersport img {width: auto}
#sport .fancybox {float: left; width: 31%; margin: 2% 2% 2% 0;}
.fonsisport {float: left; width: 31%; margin: 2% 2% 2% 0;}
.fonsisporttext {float: right; width: 65%}
.sportquote {font-size: 24px; line-height: 32px; margin-top: 30px;}
.socialsport {text-align: center}
.socialsport img {margin-right: 10px; width: 45px;}
#sport h1 {color: #002f82}
#sport h3 {text-align: center;}
.flagrace {width: 110px; margin: 45px auto;}
.sportmobileon {display: none}
.sportname {font-style: italic; margin-top: -15px;}
#sport .language {margin: 15px 0 0 10px;}


/*BLOG AYR*/
#blog img, #blogproduct img  {width: 100%;}
#blog h1 {font-size: 18px; text-align: left;}
.blogheader .menu {margin: 20px 0 0 40px; float: left;}
#blog h3 {text-align: center; color: #fff; font-size: 32px;}
.bloglogo {float: left; width: 240px;}
.bloglogoconfremar {float: right; width: 205px; margin-top: 28px}
.blogheader {width: 100%; display: table; margin: 10px 0;}
#slider {width: 100%; margin: 20px 0 30px 0; position: relative; overflow: hidden;}
#slider ul {padding: 0; margin: 0;}
.blogh1 {color: #00a5d6; font-size: 48px; font-weight: bold;}
.bannerproduct1 {background-image: url(../img/blog/banner-pizza-caprichosa.jpg)}
.bannerproduct2 {background-image: url(../img/blog/banner-bacalao-rebozado.jpg)}
.bannerproduct3 {background-image: url(../img/blog/banner-paninis.jpg)}
.bannerproduct4 {background-image: url(../img/blog/banner-ajetes-trigueros-gambas.jpg)}
#bloglightSlider li {background-repeat: no-repeat; background-position: center top; height: 400px; background-size: cover}
.blogdestacado {width: 100%; display: table; background-color: #68bfd5; margin-top: 30px; padding-bottom: 25px}
.blogdestacado ul {list-style:none; margin: 20px 0; padding:0; width: auto;}
.blogdestacado ul li {display: inline; display: inline-block; margin: 0 2%; width: 20%;}
.slogan {font-size: 22px; line-height: 30px; text-align: center}
.blogbig {width: 98%; border-radius: 5px; border: solid 1px #DEDEDE; display:inline-block; overflow: hidden; margin-top: 20px;}
.blogbig h2 {font-size: 29px; line-height: 37px; font-weight: 400; margin-top: 15px; text-align: left; width: 95%;}
.blogbig p {width: 95%;}
.blogbig img {float: left; width: 55% !important; margin-right: 2%;}
.blogbig img:hover, .blogitem img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s;}
.blogtag {height: 22px; padding: 3px 10px; background: #aaa; font-size: 12px; line-height: 22px; font-weight: 700; text-transform: uppercase; color: #fff; display: inline; border-radius: 3px;}
.blogbigtext {margin-top: 30px;}
.blogbig a, .blogitem a {text-decoration: none; color: #4d5767 !important;}
.blogbig a:hover, .blogitem a:hover {color: #73829a !important;}
.blogitem {float: left; width: 31.5%; margin: 2% 1.5% 0 0; border-radius: 5px; border: solid 1px #DEDEDE; overflow: hidden;}
.blogitem img {width: 100%}
.blogitemtext {position: relative; padding: 5%;}
.blogitemtext p {margin-top: 8px}
.blogitem .blogtag {position: absolute; top: -35px}
.blogitem h2 {font-size: 20px; line-height: 28px; font-weight: 600; margin-top: 4px; text-align: left; width: 95%;}
.blogbigimage {width: 100%; height: 450px; background-position: center; background-size: cover; margin: 20px 0 5px 0;}
#blogin h1{text-align: center; font-size: 45px; line-height: 53px; font-weight: 600; margin-bottom: 0;}
#blogin .footer, #blog .footer {margin-top: 0;}
.blogtagin {margin: -15px auto 20px auto; text-align: center; display: inline-block ;}
#blogin .blogtag {font-size: 14px;}
a.blogtag {text-decoration: none; color:#fff !important}
.rule {width: 184px; border-bottom: 4px solid; border-top: none; border-left: none; border-right: none; border-color: #50bbff; margin: 30px auto;}
.postcontent {max-width: 800px; margin: 0 auto 45px auto;}
.postcontent img {width: 100%; }
.postcontent h2 {font-size: 26px; line-height: 34px; font-weight: 500; margin: 20px 0 -10px 0; text-align: left;}
blockquote {margin: 80px 0; padding: 40px; font-size: 26px; line-height: 44px; font-weight: 500; color: #50bbff; text-align: center; position: relative}
blockquote:before {content: ""; background: #50bbff; position: absolute; top: 0; left: 35%; height: 2%; width: 35%;}
blockquote:after {content: ""; background: #50bbff; position: absolute; bottom: 0; left: 35%; height: 2%; width: 35%;}
.socialcolor {width: 120px; margin: 40px auto; display: table;}
.socialcolor img {float: left; width: 45px; margin-right: 15px;}
.socialcolor img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s;}
.author {width: 85%; margin: 20px auto; text-align: center;}
.author img {width: 100px;}
.author p {color: #8492a6; font-size: 17px; line-height: 22px;}
.authorname {font-size: 22px !important; font-weight: 500; margin-top: 5px; color:#4d5767 !important;}
.related {width: 100%; padding: 40px 0; background-color: #f0f1f5; display: table;}
.relateditem {float: left; width: 22.5%; margin: 2% 1.5% 0 0; border-radius: 5px; border: solid 1px #DEDEDE; overflow: hidden; background-color: #fff;}
.relateditem img {width: 100%}
.relateditem .blogitemtext {padding: 0 5%;}
.relateditem h3 {font-size: 22px; line-height: 30px; font-weight: 400; margin-top: 2px; text-align: left; width: 95%;}
.relateditem a {text-decoration: none; color: #4d5767 !important;}
.relateditem a:hover {color: #73829a !important;}
.adtester .button {background-color: #fff;}
.adtester a.button {color: #000 !important;}
.adtester a.button:hover {background-color: #f0f1f5; color: #000 !important;}
.blogad {width: 100%; border-radius: 10px; display: table; margin: 30px 0; background-color: #68bfd5; text-align: center; color: #fff;}
.blogad img {width: 45%;}
.blogsalud {background-color: #50a835 !important;}
.blogrecetas {background-color: #68bfd5 !important;}
.blogprecocinados {background-color: #cc232a !important;}
.blogvegetales {background-color: #27a22d !important;}
.blogpescados {background-color: #009fe3 !important;}
.blogproduct {float: left; width: 40%;}
.blogproducttext {float: right; width: 58%}
#blogproduct h1 {font-size: 48px; font-weight: bold; line-height: 56px; color: #00a5d6; margin-top: 0;}
#blogproduct h2 {text-align: left; color: #00a5d6; margin-bottom: -10px;}
#blogproduct .footer, #blogproductlist .footer {margin-top: 30px;}
#productinfo input[type='text'], #productinfo input[type='email'] {float: left; width: 24%; margin: 12px 2% 10px 0; height: 30px; font-size: 15px; padding: 3px;}
#productinfo {font-size: 14px;}
#productsearch {width: 60%; margin: 30px auto 45px auto;display: table;}
#productsearch input[type='text'], #productsearch .select-style {float: left; width: 35%; margin: 10px 2% 10px 0; height: 40px; font-size: 15px; padding: 0 3px;}
.blogproductitem {float: left; width: 22%; margin: 1% 1.5%; height: 450px;}
#blogproductlist h2 {color: #00a5d6; font-size: 24px; line-height: 32px;}
.credits {font-size: 12px; line-height: 18px; color: #999;}
.videoWrapper { overflow:hidden; position: relative; padding-bottom: 56.30%; /* 16:9 */ height: 0; margin-bottom: 20px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.caption {font-size: 16px; text-align: center; font-style: italic; margin: -15px 0 30px 0;}
/*END BLOG AYR*/


/*PAGINATION*/
.pagination {display: inline-block; padding-left: 0; margin: 20px 0;border-radius: 4px}
.pagination>li {display: inline}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 2;
color: #fff;cursor: default;background-color: #68bfd5; border-color: #68bfd5}
.pagination>li>a, .pagination>li>span {position: relative; float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #68bfd5;text-decoration: none;background-color: #fff;border: 1px solid #ddd}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #68bfd5;background-color: #eee;border-color: #ddd}

/*END PAGINATION*/



/*BUTTONS*/
.button{padding: 7px 13px; text-align: center; font-size: 15px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 10px 0; background-color: #2dbd78; font-weight: 500;}
a.button {text-decoration: none; color: #fff !important; text-transform: uppercase;}
a.button:hover {background-color: #7cd6ab; color:#fff !important; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.button-ghost{padding: 8px 20px; text-align: center; font-size: 18px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 10px 0; font-weight: 500; border: solid 1px #fff;}
a.button-ghost {text-decoration: none; color: #fff !important; text-transform: uppercase;}
a.button-ghost:hover {background-color: rgba(251, 247, 255, 0.5); color:#fff !important; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.button-ghost-color{padding: 8px 20px; text-align: center; font-size: 18px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 10px 0; font-weight: 500; border: solid 1px #002F82;}
a.button-ghost-color {text-decoration: none; color: #002F82 !important; text-transform: uppercase;}
a.button-ghost-color:hover {background-color: #002F82; color:#fff !important; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/*END BUTTONS*/

/*FORMULARIOS*/
.input-style{border: 1px solid #ccc; width: 320px; height:35px; overflow: hidden; background-color:#fff; margin:0 15px 15px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.input-style input[type='text'], .input-style input[type='email']{padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: #fff; background-image: none; -webkit-appearance: none; font-size: 14px;}
.select-style {border: 1px solid #ccc; width: 180px; height:35px; border-radius: 3px; overflow: hidden;background: #fafafa url("../img/icon-select.png") no-repeat 99% 50%; margin:0 15px 15px 0;}
.s-year {width: 90px !important;}
.select-style select {padding: 9px 5px; width: 100%; border:none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 14px; color: #999;}
.action-style .cta {padding: 8px;}
.empresas {width: 590px !important;}
input[type="button"] {border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;background-color: #5599ce; color: #eee;font-weight: bold;font-size: 24px;margin: 0 auto 10px auto;text-transform: uppercase; width: 200px; border:0px; cursor:pointer; height: 50px;}
input[type="button"]:hover { background-color: #0c7ed5; }
textarea {width: 90%; height: 150px; margin-bottom: 10px; border: solid 1px #c2c2c2; font-size: 14px;}
#contacto .input-style {width: 90%}
#contacto form span {font-size: 14px;}
#contacto_cv .input-style {width: 90%}
#contacto_cv form span {font-size: 14px;}

form .boton {margin: 20px 0;}
input[type="checkbox"] {margin-right: 10px;}
.label {float: left; margin-right: 10px;}
/*FIN FORMULARIOS*/


/*FONTS*/
h1 {font-size: 34px; line-height: 42px; font-weight: 500; text-align: center;}
h2 {font-size: 28px; line-height: 36px; font-weight: 500; text-align: center;}
h3 {font-size:22px;line-height:32px; font-weight: 400;}
.center {text-align: center !important}
.big {font-size: 24px; line-height: 36px; font-weight: 300;}
.small {font-size: 15px; line-height: 20px;}
.top30 {margin-top: 30px;}
.top0 {margin-top: -5px;}
.red {color: #d20615}
.price {font-size: 40px;}
.mid {font-size:22px; line-height: 30px; font-weight: bold;}
.textLeft {text-align: left;}
.legal { font-size:12px !important; margin-top: 30px; text-align: center;}
.strike {text-decoration: line-through;}
/*END FONTS*/

/*SCROLL TO TOP*/
.cd-top {display: inline-block;height: 40px; width: 40px;position: fixed;bottom: 40px;right: 5%;/* image replacement properties */overflow: hidden;text-indent: 100%;white-space: nowrap;background: url(../img/scroll-top.png) no-repeat center 50%; background-size: 85%; visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}
/*FIN SCROLL TO TOP*/

/*LANGUAGE SELECTOR*/
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* LANGUAGE SWITCHER */
.ui-dropdown-list {position: relative; }
p.ui-dropdown-list-trigger {margin-top: 0;}
.ui-dropdown-list-trigger strong {position: relative;z-index: 999;}
.ui-dropdown-list ul {visibility: hidden; opacity: 0;position: absolute;right: 0;top: 45px;margin-top: 0;padding: 0;z-index: 1000;transition: visibility 0s, opacity 0.5s linear; }
.ui-dropdown-list li {list-style-type: none;}

/* JS interactivity */
.no-js .ui-dropdown-list ul,
.ui-dropdown-list.active ul {
	visibility: visible;
  opacity: 1;
}
/* END LANGUAGE SWITCHER */




/*! lightslider - v1.1.5 - 2015-10-31
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
    position: absolute;
    Bottom: 5%;
    right: 47%;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #1886d3;
    border-radius: 30px;
    display: inline-block;
    height: 12px;
    overflow: hidden;
    text-indent: -999em;
    width: 12px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #fff;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
    width: 100%;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}






/*! #######################################################################

	MeanMenu 2.0.7
	--------

	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 */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #002F82;;
	padding: 4px 0;
	min-height: 35px;
	z-index: 999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 10px 15px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
    width: 25px;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 5px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #002F82;
	margin-top: 45px;
}

.mean-container .mean-nav ul {
	padding: 10px;
	margin: 0;
	width: 93%;
	list-style-type: none;
    margin-left: 7px;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 90%;
    margin-bottom: 20px;
    color: #fff;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	margin: 0;
	text-align: left;
	color: #fff;
/*
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
*/
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li ul {padding-top: 40px;} 

.mean-container .mean-nav ul li li a {
	width: 100%;
	padding: 5px 10px;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
    float: none;
}

.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%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 18px;
	height: 22px;
	padding: 2px 5px 5px 5px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
/*
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
*/
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}










@media only screen and (min-width: 1501px) {
    .product {width: 15%; margin-bottom:50px;}
    .product img {max-height: 220px;}
    #gourmar .product {width: 21%;}
    .bigbanner {height: 680px;}
    #responsibility #header .content {height: 550px;}
    .logoar img, .logogr img{max-width: 235px !important; margin-top: 14px;}
}


@media only screen and (min-width: 2001px) {
    #ayr #header {background-position: center -200px;}
    .bigbanner {height: 800px;}
}


@media only screen and (min-width: 2501px) {
    .homeconfremar {background-size: 100%} 
    .bigbanner {height: 900px;}
}


@media only screen and (max-width: 1160px) {
    .menu ul li {margin-right: 7px;}
    .logo {width: 210px;}
    #header .content {height: 250px;}
    #ayr #header .content, #bigblu #header .content, #gourmar #header .content, #consignaciones #header .content {height: auto;}
    #news #header .content {height: 250px;}
    #responsibility #header .content {height: 250px;}
    .pulpocontent {grid-template-columns: 25% 25% 25% 25%;}
    .pulpoproduct {margin: 2%;}
    .product {width: 29%;}
    .ui-dropdown-list.mobileoff {display: none;}
    #sport .ui-dropdown-list.mobileoff {display: block;}
    .logo {float: none; position: absolute, top: 2px left: 2%; z-index: 999; width: 200px;}
    .mobileon {display: block !important;}
    .mobileoff {display: none;}
    #home .logo {padding-top: 60px; width: 65%;}
    #home .logo.mobileon {display: none !important}
    #home .logo.mobileoff {display: block !important}
    .bloglogo {width: 200px; margin: 10px auto 0 auto; float: none;}
    .blogbig .button {display: none;}
    #productinfo input[type='text'], #productinfo input[type='email'] { width: 22%;}
    #productsearch {width: 80%;}
    .pulpoproduct {height: 200px;}
    .pulporeceta {width: 29%; height: 400px;}
   

}
@media only screen and (max-width: 980px) {
    .x4 {width: 41%;}
    .homeconfremar {background-position: center top; background-size: cover;}
    .homeconfremar .content h1 {padding-top: 30px;}
    #header .content {height: 250px;}
     #productos #header {background-size: cover; padding-top: 60px;}
    .product {width: 29%;}
    #gourmar .product {width: 44%;}
    .ayrproduct {width: 30%; margin: 1%; height: 300px;}
    .consiganacionesproducts {width: 46%;}
    .pulpocontent {grid-template-columns: 33% 33% 33%;}
    .product {width: 45%;}
    a.new {width: 45.5%}
    .blogbigtext {margin-top: 5px;}
    .relateditem {width: 48%;}
    .blogproductitem {width: 30%;}
    #productsearch {width: 100%;}
    #productsearch input[type='text'], #productsearch .select-style {width: 31%;}
    .pulpoproduct {width: 45%; height: auto}
    .pulporeceta {height: 500px}
    #sport .fancybox {width: 48%;}
    .sportquote {margin-top: auto}
}
@media only screen and (max-width: 750px) {
    .bigbanner {height: auto;}
    .relateditem {width: 48%;}
    .blogadtext {width: 37%}
    .blogadimg {width: 55%;}
    .blogitem {width: 48%;}
    .blogbigtext {padding: 3%;}
    .blogbig img {width: 100% !important; margin-bottom: 15px; }
    .blogdestacado ul li {width: 45%;}
    .blogproductitem {height: 400px;}
    .pulporeceta {height: 430px}
    .fabricagallery {width: 48%}
    .sportmobileon {display: block;}
    .sportmobileoff {display: none;}
    .fonsisport, .fonsisporttext {float: none; width: 98%; margin: 10px 0;}
    

}
@media only screen and (max-width: 630px) {
    .x4 {width: 98%; margin: 0;}
    .homeconfremar {background-image: url(../img/background-confremar-mobile.jpg);  background-position: center top; background-size: cover}
    #usa {height: auto; margin-bottom: 60px;}
    #home .x4 {margin-bottom: 60px;}
    #home .x4 img {width: 70%;}
    .logofooter {width: 75%;}
    .footer .menu ul li {display: block; margin: 10px 0;}
    .footer .menu ul li:hover {border: 0;}
    .logohomemobile {display: block; padding: 80px 0 0 0;}
    #home .logo {padding-top: 60px; width: 85%;}
    #header .content {height: 200px;}
    .product {width: 98%;}
    .pulpoproduct {width: 98%;}
    .brochure {width: 45%;}
    #brochures {background-size: cover;}
    .company-info, .blogtext {width: 98%;}
    .blogimg {float: none; width: 70%; margin: 0 auto;}
    .blog {width: 98; margin: 30px 0;}
    .ayrproduct {width: 46%; margin: 2%;}
    #ayrpescado {background-image: url(../img/background-pescado-mobile.jpg)}
    #ayrprecocinados {background-image: url(../img/background-precocinado-mobile.jpg)}
    #ayrverduras{background-image: url(../img/background-verduras-mobile.jpg)}
    .company-info-img {width: 250px;}
    .bigbluproducts, .consiganacionesproducts {width: 98%; margin: 2% 0;}
    a.new {width: 98%}
    .pulpocontent {grid-template-columns: 50% 50%;}
    .ingredientescontent, .pasoscontent  {display: grid; grid-template-columns: 98%}
    .certificacion {float: none; margin: 30px 0; width: 98%; border: 0; background: none; }
    #certificaciones {background: none;}
    .google-maps iframe {position: absolute;top: 0;left: 0;width: 85% !important;height: 85% !important;}
    .bannerproduct1 {background-image: url(../img/blog/banner-pizza-caprichosa-mobile.jpg)}
    .bannerproduct2 {background-image: url(../img/blog/banner-bacalao-rebozado-mobile.jpg)}
    .bannerproduct3 {background-image: url(../img/blog/banner-paninis-mobile.jpg)}
    .bannerproduct4 {background-image: url(../img/blog/banner-ajetes-trigueros-gambas-mobile.jpg)}
    #blogin h1 {font-size: 35px; line-height: 43px;}
    blockquote {margin: 40px 0;font-size: 22px; line-height: 30px;}
    .blogadimg, .relateditem {width: 100%;}
    .blogadtext {width: 95%;}
    #blog h1 {margin: 10px 0 10px 0;}
    .blogitem {width: 94%; margin: 4% 1.5% 0 0;}
    #blog #bloglightSlider li {height: 300px;}
    .blogad img {width: 96%;}
    #productinfo input[type='text'], #productinfo input[type='email'] {float: none; width: 98%; margin: 0 0 15px 0;}
    .blogproduct, .blogproducttext {width: 97%; float: none;}
    .blogproductitem {width: 45%; display: inline-block; float: none; height: auto;}
    #productsearch input[type='text'], #productsearch .select-style {width: 98%;}
    #sport .fancybox {width: 98%; float: none;}
    #sport .fancybox img {margin-bottom: 25px;}
    .sportquote {font-size: 22px; line-height: 30px;}
    #sport h1 {font-size: 30px; line-height: 38px;}
    #sport h2 {font-size: 26px; line-height: 34px;}
    .logoconbig {margin-top: 30px;}
    .sporttag {font-size: 22px;}
    .bannersport li {width: 100%; height: auto; overflow: hidden; position: relative;}
    .bannersport img {width: 100%}
}

@media only screen and (max-width: 480px) {
/*h2 {font-size: 19px; line-height: 36px; font-weight: 500; text-align: center;}*/
.fabricadcha p, .fabricaizq p { font-size:14px;}
.colum-dcha {float: left; width: 90%;}
.input-style{border: 1px solid #ccc; width: 270px; height:35px; overflow: hidden; background-color:#fff; margin:0 15px 15px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.input-style input[type='text']{padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: #fff; background-image: none; -webkit-appearance: none; font-size: 14px;}
.x3_cv {float: left; width: 89%; text-align: left;}


    
}