.ancho100{ width:100%;}
.txtweb{color:#8a8a8a; font-size:15px; font-family:"metropolisregular";}
.txtweb strong{ color: #4064aa;}
.txtweb2{font-size: 15px; font-family: "metropolisregular"; color: #1a294d; margin:0px;}
.txtweb2 strong{ color: #4064aa;}
.txtwebazul{font-size: 18px; font-family: "metropolislight"; color: #4064aa;}
.txtwebazul2{font-size: 15px; font-family: "metropolissemi_bold"; color: #4064aa;}
.sep145{ margin:0px 0px 145px 0px !important;}
.sep145v2{ margin:0px 0px 145px 0px !important;}
.alt251{ height:251px;}
.responini{}

.impulsosocio{font-size: 17px; font-family: "metropolislight"; color: #1a294d; margin:0px; max-width:956px; text-align:left;}
.caparelativa{ position:relative;}
.anchoweb{ max-width:1188px; width:95%; margin:0px auto;}
.anchoweb2{ max-width:1407px; width:95%; margin:0px auto;}
.anchoprincipio{ max-width:1077px; margin:0px 0px; width:100%;}
.anchoprincipio .vc_row{ margin:0px 0px;}
.lineavertical{ width:1px; height:55px; margin:0px auto; background:#4064aa;}
.banner{width:100%; height: 736px; margin:0px; padding:0px;}
.banner2{width:100%; height: 378px; margin:0px; padding:0px;}
.banner3{width:100%; height: 580px; margin:0px; padding:0px;}
#imgbanner{ position:absolute; right:5%; bottom:20px; width:90%;}
#imgbanner img{ max-width:100%; height:auto;}
#imgbanner .wpb_single_image .vc_figure{ max-width:auto !important; width:90%;}
#imgbanner .wpb_single_image .vc_single_image-wrapper{ max-width:auto !important; width:90%;}
.bannertxt{color:#fff; font-size: 50px; line-height:50px; max-width: 1188px; width: 95%; margin: 0px auto 0px auto; text-shadow: 1px 1px 9px rgb(0, 0, 0);}
.bannertxt2{color:#4064aa; font-size: 50px; line-height:50px; max-width: 1188px; width: 95%; margin: 0px auto 0px auto; text-shadow: 1px 1px 9px rgb(0, 0, 0);}
.montania{width:100%; height: 378px; margin:0px; padding:0px; /*background-attachment: fixed;*/ background-position: center center; background-repeat: no-repeat; background-size: cover;}
.ahumado{width:100%; height: 311px; margin:0px; padding:0px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.ubagogroup{ color:#4064aa; font-family:"metropolissemi_bold"; font-size:30px; line-height:30px;}
.titulosinicio{ /*color: #fff; background: rgba(64,100,170, 0.8);*/ color:#00375e; font-weight: bold; /*position: absolute; padding:3px 4% 3px; top: 43px; left: 0px; width: 81%;*/ margin:0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:21px;}
.titulosinicio p{ line-height:25px;}
.pezinicio{position: absolute; top: 0px; left: 0px; width: 39%;}
.pezinicio img{ max-width:100%; height:auto;}

.pezdch{position: absolute; bottom: 0px; right: 0px; width: 35%;}
.pezdch img{ max-width:100%; height:auto;}

.tradicion{text-align: left; position: relative; width: 308px; margin: 0px auto 0px; font-family: "metropolisextra_light"; color: #0f2143; font-size: 45px; padding: 0px 0px 0px;}
.txttradicion{max-width: 456px; width: 95%; margin: 0px 0px 0px auto; font-family:"metropolisregular"; color:#8a8a8a; font-size:15px; position:relative;}
.lineatradicion{width: 390px; position: absolute; bottom: 14px; right: -261px; height: 1px; background: #3b3b3b;}
.lineaahumado{ max-width:365px; width:98%; height:1px; background:#4064aa; margin:0px 0px 100px auto;}
.conocernos{font-family: "metropolislight"; font-size: 18px;color: #1a294d; text-align: right; margin: 38px 0px 0px;}
.anclainicio {/*width: 400px;*/ width:260px; float: left; margin: 0px 0px 0px -142px; position: relative;}
.anclainicio img{ max-width:100%; height:auto;}
.anclatxt{position: absolute;/*top: 45px;right: -10px;*/ top:50px; right:-50px;font-weight: bold;color: #00375e;text-align: left;/*font-size: 41px; line-height:50px;*/font-size: 31px; line-height:40px;text-transform: uppercase;font-family: "metropolisbold";}
.productosinicio {/*max-width: 824px;*/ max-width:934px; float: right; margin-top:28px;}
.productosiniciotitulo{color: #00375e;text-align: left;font-size: 14px;font-family: "metropolisregular";font-weight: bold;text-transform: uppercase;height: 46px; margin:0px;}
.productosiniciotitulo p{margin:0px; padding:0px;}
.productosiniciotxt{color: #6b6b6b;font-size: 13px;text-align: left;}
.colprodini{position:relative;}
.colprodini a{position:absolute;top:0px;left:0px;width:100%;height:100%;display:block;}
.verprodini {font-size: 14px;text-align: center;color: #6b6b6b;padding: 8px 0px 0px;border-top: 1px solid #9a9a9a;margin: 15px 0px 0px;opacity: 0;transition: all 0.2s ease-in-out;}
.verprodinig {color: #81754f;}
.inicioreceta{margin:115px auto 128px; max-width:1188px; width:95%;}

.cuerporeceta{width: 18.09%; position: relative; float: left; display: block;}
.tituloreceta{background: #f6f6f6;font-family: "metropolisbold";font-size: 70px;color: #424242;text-transform: uppercase;position: absolute;top: 0px;left: -123px;width: 282px; z-index: 2;}
.tituloreceta div{margin: 0px 0px 0px 91px;}
.imgreceta{float: left;width: 61.02%;position: relative;}
.imgreceta img{max-width:100%; height:auto;}
.lineareceta {width: 20%; height: 1px; background: #6b6b6b; position: absolute; top: 89px; left: 2.48%; z-index: 3;}
.txtreceta{float: left; width: 19.52%; text-align: left; margin: 75px 0px 0px 1.25%;  font-family: "metropolisregular";  font-size: 15px;   color: #8a8a8a;}
.txtreceta2 {margin: 38px 0px 0px; color: #00375e; font-family: "metropolissemi_bold"; font-size: 15px;}
.txtreceta2 a{ color:#00375e; text-decoration:none;}
.txtreceta2 a:hover{text-decoration:underline;}

.tituloestandar{ color:#4064aa; font-size:35px; text-align:center; margin:20px 0px; font-family: "metropolisextra_light";}
.colorazul{color:#4064aa;}
.txtestandar{ color:#8a8a8a; font-family: "metropolissemi_bold"; font-size: 15px;}

#noticiaizq{float:left; width:68.77%; margin:0px 0px 0px 0px; padding:0px 0 0px; position:relative;}
#noticiaizq2{background:#f6f6f6; width:97%; margin:50px 0px 0px 3%; padding:55px 0px 0px;}
#noticiaizq2 .vc_column-inner{ padding:0px;}
#imgnotini{ position:absolute; top:-50px; left:-3%; width:58.75%;}
.cuerponotini{ width:207px; margin:0px 80px 0px auto; padding:0px 0px 0px ;}
#titulonotini{ color:#00375e; font-size:19px; line-height:19px; text-transform:uppercase; text-align:left; margin:0px 80px 20px auto; font-family:"metropolisbold";}
#enlacenotini{ margin:41px 80px 30px auto; padding:0px 28px 0px 0px; text-align:right;}
#noticiadch{ float:right; width:31%; position:relative; padding: 0px; margin: 0px;}
#noticiadch .vc_column-inner{ padding:0px;}
.cuerponotini2{ width:198px; margin:0px 0px 0px auto;}
#noticiasubago{color:#00375e; text-align:left; font-size:41px; line-height:41px; text-transform:uppercase; margin:49px 0px 100px auto; font-family:"metropolisbold"; padding:0px;}
#lineanotini{ position:absolute; top:70%; left:-3px; width:140px; height:1px; background:#a8a8a8;}

#footer2 { max-width: 1188px;  width: 95%; font-size: 13px; margin: 0px auto; padding: 24px 0px; color:#8a8a8a;}
#footer2izq {float: left; font-family: "metropolismedium";}
#footer2dch {float: right;}

.tituloapartados{ color:#4064aa; font-family:"metropolisextra_light"; text-align:left; font-size:26px; line-height:26px;}
.tituloapartados p{ padding:0px; margin:0px;}
.tituloapartados strong{font-family: "metropolisbold";}
.txtapartado1{ color:#8a8a8a; font-size:15px; font-family:"metropolisregular"; max-width: 424px; width:100%; margin:15px 0px 40px auto;}

.verapartado{color:#0f2143; font-family:"metropolisextra_light"; text-align:left; font-size:18px;}
.verapartado a{color:#c52329; text-decoration:none; font-family: "metropolisbold";}
.verapartado a:hover{text-decoration:underline;}
.txtipospeces{color:#0f2143; font-family:"metropolisextra_light"; text-align:center; font-size:18px;}
.zonavideo{ position:relative;}
.zonavideo img{ max-width:100%; height:auto;}
.zonavideo iframe{ width:100%; height:100%; position:absolute; top:0px; left:0px;}
.zonavideo .vc_column-inner{ padding:0px 0px;}
.zonaizq{ float:left; width:48%;}

.zonasalazonizq{ float:left; width:48%; margin:0px !important;}
.zonasalazonizq2{ float:left; width:48%; margin:0px !important;}
.zonasalazonizq2v2{ display: inline-block; width:48%; vertical-align: middle; margin:0px 2% 0px 0px !important;}

.zonadch{ float:right; width:48%;}
.zonadch .vc_col-sm-12{ float:none;}
.zonasalazondch{ float:right; width:48%; margin:0px !important;}
.zonasalazondch .vc_col-sm-12{ float:none;}
.zonasalazondch2{ float:right; width:48%; margin:0px !important;}
.zonasalazondch2v2{  display: inline-block; width:48%; vertical-align: middle; margin:0px 0px 0px 2% !important;}

.zonavalornutricional{ max-width: 481px; margin: -40px auto 0px auto;}
.zonavalornutricional2{ max-width: 299px; margin: 10px auto 0px; display: flex; justify-content: center; text-align: center;}

.zonavalornutricional2 div{color:#fff; background: #3164a9; width: 90px; height: 90px; vertical-align: middle; display: flex; align-items: center; justify-content: center; border: 0px solid; border-radius: 100%; font-family: "metropolisbold"; margin: 0px 5px; font-size: 12px;}
.titulovalor{color:#4064aa; text-align: center; font-size: 18px;}

.zonaizq50{float:left; width:50%;}
.zonaizq50v2{ display: inline-block; width:48%; margin: 0px 2% 0px 0px !important; vertical-align: middle; padding: 0px !important;}
.img100 img{ max-width:100%; height:auto; margin:0px !important; padding:0px !important;}
.img90{}
.img90 img{ width:90%; height:auto;}
.col521{max-width:521px; margin:0px auto 0px 0px;}
.col630{ max-width:630px; margin:0px auto 0px 0px;}
.anchoexp{ max-width:554px; width:95%; margin:0px 0px 60px auto;}
.anchoahumado{ max-width: 425px; width:95%; margin:0px 0px 60px auto;}
.ancho557{ max-width:554px; width:95%; margin:0px 0px 50px auto;}

.txtsalazon{ width:98%; margin:0px 0px 0px auto;}

.especialidades{ color:#1a294d; font-size:35px; line-height:35px; text-align:left; font-family:"metropolismedium"; margin: 0px 0px 10px;}
.especialidades p{ padding:0px; margin:0px;}

.enlacesinicio a{ position:absolute; top:0px; left:0px; display:block; padding:0px; margin:0px; width:100%; height:100%; z-index:2;}

/*GARANTIA*/
.tituloapartados2{ color:#4064aa; font-family:"metropolisextra_light"; text-align:left; font-size:35px; line-height:35px; max-width:555px; width:95%; margin:0px 0px 25px !important;}
.tituloapartados2 p{ padding:0px; margin:0px;}
.minitituloapartados2{ color:#1a294d; font-family:"metropolislight"; text-align:left; font-size:17px; line-height:22px; max-width:555px; width:95%; margin:0px 0px 0px !important; text-transform:uppercase;}
.minitituloapartados2 p{ padding:0px; margin:0px;}
.minitituloapartados3{ color:#1a294d; font-family:"metropolislight"; text-align:left; font-size:17px; line-height:22px; margin:0px 0px 0px !important; text-transform:uppercase;}
.minitituloapartados3 p{ padding:0px; margin:0px;}

.minitituloapartados4{ color:#acacac; font-family:"metropolismedium"; text-align:left; font-size:33px; line-height:33px; margin:0px 0px 0px !important; text-transform:uppercase;}
.minitituloapartados4 p{ padding:0px; margin:0px;}

.titulosubapartados2{ color:#4064aa; font-family:"metropolisregular"; font-weight:bold; text-align:left; font-size:18px; margin:40px 0px 22px !important;}
.titulosubapartados2 p{ padding:0px; margin:0px;}
#cuerpogarantia{ max-width:865px; width:98%; /*margin:40px auto;*/margin:40px auto 40px 0px; float:none;}
#cuerpogarantia2{margin:40px auto 40px 0px;}
#cuerpogarantia3{margin:40px auto 40px 0px; line-height: 27px;}
.colgarantia{ float:left; width:18%; margin:0px 1% 10px; text-align:center;}
.colgarantia img{ max-width:100%; height:auto;}
.colgarantia2{ float:left; width:48%; margin:0px 1% 10px; text-align:center;}
.colgarantia2 img{ max-width:100%; height:auto;}
.guiongarantia{ float:left; width:1.70%; height:1px; background:#4064aa; margin:11px 0px 0px !important;}
.txtgarantia{ float:right; width:97%;}

.garantiaizq{ width:53.79%; height:292px; float:left; margin:0px 0px 0px 0px;}
.garantiadch{ width:43.12%; float:left; margin:119px 0px 0px 2%;}

#datosgarantia{ max-width:519px; float:left; width:95%;}
.anchogarantia{ max-width:419px; width:100%; margin:35px 0px 0px auto;}
/*FIN GARANTIA*/

/*LOGISTICA*/
.anchologistica{ max-width:748px; width:95%; }
.logisticaizq{float:left; width:21.71%; margin:24px 0px 70px; padding:49px 0px 0px;}
.logisticadch{float:right; width:73.73%; margin:24px 0px 70px;}
.logisticadch img{max-width:100%; height:auto;}
.zonaiconologistica{ margin:44px 0px 0px 0px; padding:0px;}
.numeros{ font-family:"metropolisextra_light"; /*font-size:37px;*/ color:#1a294d; float:left; width:10%;  font-size: calc(18px + (27 - 18) * ((100vw - 300px) / (1188 - 300))); line-height:26px;}
.imgnumero{float:left; border-left:1px solid #1a294d; width:89.44%; margin:0px;}
.imgnumero img{ max-width:100%; height:auto;}
.txtnumeros{font-family:"metropolisregular"; font-weight:bold; font-size:18px; color:#8a8a8a; text-align:left; margin:17px 0px 0px auto; width:91.44%;}
.cologistica{ width:23%; margin:0px 1% 10px; float:left; padding:0px; height:190px;}
/*FIN LOGISTICA*/ 

/*SALAZONE*/
.maestrossalazon{ max-width:357px; width:95%; margin:0px 0px 60px auto;}
.maestrossalazon2{ max-width:487px; width:95%; margin:0px 0px 60px auto;}
.txtapartadosalazon{ color:#8a8a8a; font-size:15px; font-family:"metropolisregular"; max-width: 634px; width:80%; margin:15px 0px 40px auto;}
.txtapartadosalazon2{ color:#8a8a8a; font-size:15px; font-family:"metropolisregular"; max-width: 487px; width:95%; margin:15px 0px 40px auto;}
.txtapartadosalazon3{max-width: 487px; width:95%; margin:0px 0px 10px auto;}
.logoanfabasa{width: 40%; display: inline-block; vertical-align: middle; margin: 0px 10% 0px 0px;}
.logoanfabasa img{ width: 100%; height: auto;}
.anfabasa{width: 50%; display: inline-block; vertical-align: middle; margin: 0px 0px 0px 0px;}

.titulosalazonbacalao{ font-size:35px; line-height:35px; font-family:"metropolisextra_light"; color:#4064aa;}
.titulosalazonbacalao2{ font-size:35px; line-height:35px; font-family:"metropolisbold"; color:#4064aa;}
.txtbacalao{ margin:-60px 0px 80px !important;}
.titulobacalaodesalado{color: #4064aa; font-family: "metropolisbold"; max-width: 634px; width: 80%; margin: 15px 0px 40px auto;}
.bacalaodesalado{ display:inline-block; text-align:left; width:68%;}
/*.bacalaodesalado span{font-size: 17px !important; line-height:17px !important;}*/
.bacalaodesaladoimg{display:inline-block; text-align:right; width:30%;}
.bacalaodesaladoimg img{ max-width:100%; height:auto;}

.bacalaopunto{ display:inline-block; width:48%; margin:0px 0px 70px; font-size:35px; line-height:35px; text-align:left; color:#4064aa;}
.bacalaopuntotxt{ display:inline-block; margin:0px 0px 70px 2%; width:48%; font-family: "metropolislight"; text-align: left; font-size:17px; line-height:17px;}


#bacalaoizq{width: 25%;display: inline-block;vertical-align: top; margin: 0px 5% 0px 0px;}
#bacalaoizq img{ max-width: 100%; height: auto;}
#bacalaodch{width: 70%; display: inline-block; vertical-align: top;}
#bacalaotxtizq{width: 45%;display: inline-block;vertical-align: top; margin: 0px 5% 0px 0px;}
#bacalaotxtdch{width: 45%; display: inline-block; vertical-align: top; margin: 0px 0px 0px 5%;}

#titulobacalaosal{font-family: "League Gothic Condensed"; color: #0e1c42; font-size: 70px; text-transform: uppercase; line-height: 70px;}
#titulobacalaosal2{font-family: "League Gothic Condensed"; color: #25b5c1; font-size: 50px; text-transform: uppercase; line-height: 50px;}
#titulobacalaosal3{font-family: "League Gothic Condensed"; color: #25b5c1; font-size: 37px; text-transform: uppercase; padding: 0 0 35px; line-height: 37px;}
#lomo{ width: 80%; margin: 0px auto;}
#lomo img{ max-width: 100%; height: auto;}
.titulomaruca{color:#0e1c42; text-align: center; font-family: "League Gothic Condensed"; font-size: 50px; line-height: 50px; text-transform: uppercase;}

/*FIN SALAZONE*/

/*TRAZABILIDAD*/
.titulotraza{color: #1a294d;  font-size: 40px;font-family: "metropolislight"; text-align: left; text-transform: uppercase; margin: 80px 0px 0px 0px; padding: 0px;}
.zonaiconotraza{margin: 40px 0px 0px 0px; padding: 0px;}
.coltrazabilidad{width:14.66%; margin:0px 1% 10px; float:left; padding:0px; height:190px;}
.coltrazabilidad div{ padding:0px;}
.numerostra{ font-family:"metropolisextra_light"; /*font-size:37px;*/ color:#1a294d; float:left; width:10%;  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1188 - 300))); line-height:20px;}
/*FIN TRAZABILIDAD*/

/*ORIGEN*/
.tituloflota{color: #1a294d; font-family: "metropolislight"; text-align: left; font-size: 40px; margin: 0px 0px 0px 0px; padding: 0px; /*font-size: calc(18px + (40 - 22) * ((100vw - 300px) / (1188 - 300)));*/ line-height:49px;}
.zonaflota{ margin:56px 0px 0px; padding:0px;}
.colorigen{width:23%; margin:0px 1% 10px; float:left; padding:0px;}
.colorigen div{ padding:0px !important; margin:0px;}
.colorigen img{ max-width:100%; height:auto;}

.colorigen2{width:23%; margin:0px 1% 10px; float:left; padding:0px;}
.colorigen2 div{ padding:0px !important; margin:0px;}
.txtorigen{font-family:"metropolisregular"; font-weight:bold; font-size:17px; color:#8a8a8a; text-align:left; margin:17px 0px 0px !important;}
/*FIN ORIGEN*/

/*PLANTACION*/
#zonaprodpla{ margin:75px 0px 80px 0px !important; padding:0px !important;}
.plantasizq{ float:left; width:50%; margin:0px 0px !important; padding:0px !important;}
#cuerpoplantaizq{ max-width:554px; width:95%; margin:0px 0px 0px auto !important; padding:0px !important; float:none; position:relative; height:188px;}
#tituloprodfabrica{ /*width:202px;*/ position:absolute; top:0px; left:0px; color:#4064aa; font-family:"metropolisextra_light"; font-size:40px; line-height:40px; margin:0px;}
#iconomarruecabverd{ width:158px; position:absolute; top:10px; /*left:145px;*/ left:26.17%; display:none;}
#iconomarruecabverd img{ max-width:100%; height:auto;}
#cuerpomarruecabverd{ width:131px; position:absolute; /*bottom:0px; right:16.24%;*/ top:70px; left:0px; color:#1a294d; font-size:20px; line-height:20px; font-family:"metropolisbold"; margin:0px !important;}
.plantasdch{ float:left; width:50%; margin:0px 0px !important; padding:0px !important; height:188px;}

#listcolprod{ margin:48px auto 80px !important; padding:0px !important;}
.colprodfa{ /*float:left;*/ /*width:9.11%;*/ /*margin:0px 2% 20px 0px !important;*/ color:#4064aa; font-size:15px; line-height:15px; font-family:"metropolisbold";}
.colplanta{/*padding:0px 5% 0px 0px; border-right:1px solid #1a294d; margin:0px 5% 0px 0px;*/ width:20% !important; display:inline-block; vertical-align:top; float:none !important; padding:0px 5% 0px 0px;}
.colplanta > .vc_column-inner{ padding:0px !important;}
.colplanta  .wpb_single_image.vc_align_left{ text-align:center !important;}
.colplanta2  .wpb_single_image.vc_align_left{ text-align:center !important;}

.colplanta2{ margin:0px; width:20% !important;display:inline-block; vertical-align:top; float:none !important; padding:0px 5% 0px 0px;}
.colplanta2 > .vc_column-inner{ padding:0px !important;}
.flechaproduccion{ text-align:center; font-size: 31px; line-height: 31px;}
#tituloproceso{ max-width:1188px; width:98%; margin:0px auto -6px !important; padding:0px !important; color:#acacac; font-family:"metropolissemi_bold"; font-size:33px; line-height:33px; text-align:left; text-transform:uppercase;}
#zonaproceso{ background:#efefef; padding:41px 0px !important; margin:0px 0px 91px !important;}
#cuerpoproceso{ margin:0px auto !important; padding:0px !important; max-width:1188px; width:98%;}
.colproceso{ float:left; width:23%; margin:0px 1% !important; padding:0px !important;}
.colproceso div{ padding:0px !important; margin: 0px auto !important;}
.txtproceso{ font-family:"metropolisbold"; font-size:13px; line-height:13px; color:#1a294d; text-align:center; margin:10px auto 0px !important; padding:0px !important; max-width:185px; width:95%;}
.txtproceso p{ margin:0px !important;}

/*FIN PLANTACION*/

/*NOSOTROS*/
#zonapresen{ margin:0px 0px 116px !important; padding:0px !important; width:100%;}
#zonapresenizq{ float:left; width:40%; margin:0px; padding:0px;}
#zonapresendch{ float:right; width:55%; margin:0px; padding:0px;}
#cuerpozonepresent{ max-width:655px; width:95%; margin:0px auto 0px 0px !important;}
.titulopresent{ color:#4064aa; font-size:35px; line-height:35px; text-align:left;  font-family:"metropolisextra_light"; max-width:505px; margin:0px 0px 48px auto !important; width:95%; padding:0px !important;}
.titulopresent p{ padding:0px !important; margin:0px !important;}
.txtpresent{color:#8a8a8a; font-size:15px; font-family:"metropolisregular"; max-width:458px; width:95%; margin:0px auto 17px 0px !important; padding:0px !important;}

.verapartado2{color:#0f2143; font-family:"metropolislight"; text-align:right; font-size:18px; margin:0px;}
.verapartado2 a{color:#c52329; text-decoration:none; font-family: "metropolisbold";}
.verapartado2 a:hover{text-decoration:underline;}

.nosotrosizq{ float:left; width:48%; margin:0px !important;}
.nosotrosdch{ float:right; width:48%; margin:0px !important;}
.titulonosotros{ color:#4064aa; font-size:35px; line-height:35px; text-align:left;  font-family:"metropolisextra_light";}
.titulonosotros p{ padding:0px !important; margin:0px !important;}
.sepnos1{ margin:0px 0px 34px;}
.sepnos2{ margin:0px 0px 69px;}
#zonaprincipios{ margin:112px 0px 93px !important;}
.colprincipio{ width:120px; /*height:120px; border:1px solid #000; border-radius:100%;*/ float: left; /*margin:0px 57px 20px 0px !important;*/ font-weight:bold; color:#4064aa; text-align:center; font-size:17px; font-family:"metropolislight"; line-height:17px; text-transform:uppercase;}
.colprincipio p{}
.colprincipio strong{ font-size:7px; line-height:7px !important; font-family:"metropolisbold" !important;}
.colprincipio .vc_column-inner{ padding:0px;}
.colprincipio .wpb_wrapper{ height:100%;}
.colprincipio .wpb_content_element{ margin:0px;}
.sepprinci{ margin:0px 30px; border-right:1px solid #ff0000;}
#tablaprincipio{display:table; width:100%; max-width:827px; margin:0px 0px;}
#tablaprincipiofil{display:table-row; width:100%;}
.tablaprincipiocol1{display:table-cell; width:18%; padding:0px 2% 0px 0px; border-right:1px solid #ff0000; color:#0f2143; text-align:center; font-size:17px;font-family:"metropolisbold"; line-height:17px; text-transform:uppercase; vertical-align: middle;}
.tablaprincipiocol2{display:table-cell; width:18%; padding:0px 1%; border-right:1px solid #ff0000; color:#0f2143; text-align:center; font-size:17px; font-family:"metropolisbold"; line-height:17px; text-transform:uppercase; vertical-align: middle;}
.tablaprincipiocol2 span{ color:#4064aa; font-family:"metropolislight"; font-size:12px; line-height:25px;}
.tablaprincipiocol3{display:table-cell; width:18%; padding:0px 0px 0px 2%; color:#0f2143; text-align:center; font-size:17px;font-family:"metropolisbold"; line-height:17px; text-transform:uppercase; vertical-align: middle;}

.tablaprincipio{ display:table; width:100%; height:100%;}
.tablaprincipiofil{ display:table-row; width:100%;}
/*.tablaprincipiocol{ display:table-cell; width:100%; height:100%; vertical-align:middle;}*/
#cifras{ font-size:42px; line-height:42px; font-family:"metropolissemi_bold"; text-align:right; color:#fff; margin:73px 0px 0px !important; padding:0px !important; width:210px;}
.titucif{font-size:26px; line-height:26px; font-family:"metropolissemi_bold"; text-align:center; color:#fff; margin:0px 0px 44px !important; padding:0px !important;}
.titucif2{font-size:26px; line-height:26px; font-family:"metropolislight"; text-align:center; color:#fff; margin:44px 0px 0px !important; padding:0px !important; text-transform:uppercase;}
.colodometro1{ float:left; width:25%; margin:0px 0 !important;}
.colodometro{ float:left; width:25%; margin:0px 0 !important;}
/*.numcifras{ width:100% !important; margin:44px 0px !important; font-size:56px; font-family:"metropolissemi_bold"; line-height:56px; text-align:center;}*/
.lvca-grid-container{ margin:0px !important; width:100%;}
.lvca-grid-container.lvca-grid-desktop-4 .lvca-grid-item{ float:none; width:100%; margin:0px; text-align: center;}
.lvca-odometers .lvca-odometer .lvca-number{font-size:56px; font-family:"metropolissemi_bold"; line-height:56px; text-align:center; margin:0px; color:#fff;}
#zonamapa{ margin:113px 0px 15px; width:100%; padding:0px;}

.tablanosotros{ display:table; max-width:1188px; width:95%; margin:0px auto;}
.tablanosotrosf{ display:table-row; width:100%; float: none; margin:0px; padding:0px;}
.tablanosotrosf > .vc_column-inner{ padding:0px;}
.tablanosotrosc{display:table-cell; width:50%; vertical-align:middle; margin: 0px; padding:0px; float: none;}
.tablanosotrosc .vc_column-inner{ float:none; padding:0px;}
.cuerpnosotrosc{ max-width:458px; width:95%; margin:100px auto 0px !important; padding:0px; float: none;}
.cuerpnosotrosc .vc_column-inner{ padding:0px;}
.sep143{ margin:143px 0px 35px;}
#zonamapa .vc_column-inner{ padding:0px;}

#zonamarca{width:66.38%; margin:0px auto 0px 0px; padding:60px 60px 60px 0px; background:#f6f6f6; float:none;}
#zonamarca2{width:66.38%; margin:0px auto 0px 0px; padding:0px 0px 0px 0px; float:none;}
.cuerpomarca{ max-width:836px; width:95%; margin:0px 0px 0px auto; padding:0px; float:none;}
.cuerponuestrasmarcas{width: 281px; padding: 0px; background: #f6f6f6; margin: 0px -281px 0 0; float: right; height: 105px;}
.titulonuestrasmarcas{color: #004e9e; text-align: left; font-size: 40px; font-family: "metropolisbold"; margin: 42px 0px 0px 71px; line-height: 40px; text-transform: uppercase;}
.colmarca{ float:left; width:18%; margin:0px 1% 20px; text-align: center !important; filter: grayscale(100%);}
.colmarca img{ max-width:100%; height:auto;}
.colmarca:hover{ filter: grayscale(0%);}
#pecesnosotros{ position:absolute; top:0px; right:0px; text-align:right; margin:0px; padding:0px;}
#pecesnosotros img{ width:90%; height:auto;}
/*FIN NOSOTROS*/

/*HISTORIA*/
#zonacronologia{ width:100%; padding:68px 0px; margin:94px 0px 0px; background:#f6f6f6;}
#masde40{ color:#4064aa; font-size:35px; line-height:35px; text-align:left;  font-family:"metropolisextra_light"; max-width:480px; margin:0px 0px 80px !important; width:95%; padding:0px !important;}
#masde40 p{ padding:0px !important; margin:0px !important;}
#cuerpotxtmas40{ margin:0px 0px 17px 0px; max-width:471px; width:95%; padding:0px;}

#cuerpopreshistoria{ max-width:790px; width:95%; margin:61px 0px 43px auto; padding:0px; float:none;}
#cuerpopreshistoria .vc_column-inner{ margin:0px; padding:0px;}
#peces_historia{ position:absolute; top:0px; left:0px; margin: 0px; padding: 0px;}
#peces_historia img{ max-width:80%; height:auto;}
#historiaizq{ float:left; width:51.76%; margin:0px; padding:0px;}
#historiadch{ float:right; width:42.72%; height:266px; margin:0px; padding:0px;}
#cuerponuestrosincios{ max-width:627px; width:95%; margin:0px 0px 0px auto; padding:0px; float:none;}
#cuerponuestrosincios .vc_column-inner{ padding:0px; margin:0px;}
#lineahistoria{ width:80.06%; margin:0px 0px 60px auto; background:#3b3b3b; padding:0px;}
.titulohistoria{ color:#4064aa; font-size:35px; line-height:35px; text-align:left; margin:0px 0px 60px; padding:0px; font-family:"metropolisextra_light";}
.titulohistoria p{ padding:0px !important; margin:0px !important;}

#tituloacontecimientos{color:#4064aa; font-size:35px; line-height:35px; text-align:left; margin:0px auto 46px; padding:0px; font-family:"metropolisextra_light"; max-width:1188px; width:95%;}

#zonaproductosclasic{ margin:76px 0px; width:100%; padding:0px;}
.sep108{ margin:0px 0px 108px;}
.sep67{ margin:0px 0px 67px !important;}
.tituloevolucion{ font-family:"metropolisbold"; font-size:43px; color:#004e9e; text-align:left; margin:0px 0px 70px; padding:0px; text-transform: uppercase;}
.colprodclasic{ float:left; margin:0px 2% 30px 0px; padding:0px; width:23%; text-align:center !important;}
.colprodclasic img{ max-width:100%; height:auto;}

.anioscronologicos{ font-size:71px; line-height:71px; text-align:left; color:#394456; max-width:180px; width:100%;}
.lineacronologica{ width:100%; height:1px; background:#4064aa; margin:25px 0px;}
.anchocronologica{ text-align:left; max-width:180px; width:100%;}
.imgcronologica{ position:absolute; top:0px; left:0px; width:100%;}
.imgcronologica img{ max-width:100%; height:auto;}
.gallery-cell{ width:300px;}
/*FIN HISTORIA*/

/*RECETAS*/

.tituloapartadorecetas{font-size:46px; text-align:left; background:#fafafa; padding:6px 0px 6px 58px; width:186px; float:left; text-transform:uppercase; color:#424242; font-family:"metropolisbold"; margin:0px 0px 101px;}
.textopresentacionrecetas{ width:60%; margin:11px 0px 0px 0px; padding:0px; float:right; text-align:left;}
.listarecetas{ display:inline-block; width:33.33%; padding:0px 2% 0px 0px; margin:0px 0px 59px; position:relative; vertical-align: top;}
.listarecetas .vc_column-inner{ padding:0px;}
.listarecetas .vc_col-sm-12{ float:none;}
.listarecetas .vc_column_container{ padding:0px;}
.listarecetaimg{ width:100%; position:relative; margin:0px; padding:0px;}
.listarecetaimg img{ max-width:100%; height:auto;}
.enlacerecetas{ display:none; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(64,100,170,0.5); color: #fff; text-decoration:none; text-align: center; text-transform: uppercase; padding: 28% 0 0; font-family:"metropolisregular";}

.listarecetaimg:hover .enlacerecetas { display:block; color: #fff; text-decoration:none; font-family:"metropolisregular";}

.listarecetastipo{ margin:19px 0px; width:100%; font-size:13px; line-height:13px; font-family:"metropolisregular"; text-transform:uppercase; color:#6b6b6b;}
.listarecetastitulo{ margin:0px 0px; width:100%; font-size:17px; line-height:17px; font-family:"metropolisbold"; text-transform:uppercase; color:#4064aa;}
#paginarecetas{ margin:142px 0px 0px; padding:0px; width:100%;}
#detrecetaizq{ float:left; width:27.35%; margin:0px 0px; padding:0px;}
#detrecetaizq .vc_column-inner{ padding:0px;}
#detrecetaizq .vc_row{ margin:0px 0px;}
#detrecetadch{ float:right; width:62.62%; margin:0px 0px; padding:0px;}
#detrecetadch .vc_column-inner{ padding:0px;}
#detrecetadch .wpb_content_element{ padding:0px; margin:0px;}
#detrecetadch img{ max-width:100%; height:auto;}
#zonapreparacion{ float:left; width:59.76%; margin:0px; padding:0px;}
#zonaingredientes{float:right; width:36.85%; margin:0px; padding:35px 43px; background:#fafafa;}
#cuerpopreparacion{ float:right; max-width:779px; width:95%; margin:0px; padding:0px;}
#cuerpopreparacion .vc_column-inner{ padding:0px;}
#cuerpoigredientes{ float:left; max-width:273px; width:95%; margin:0px; padding:0px;}
#cuerpoigredientes .vc_column-inner{ padding:0px;}
#btatras{ display:block;}
#btatras2{ display:none;}
.enlaceatras{ margin:0px 0px 19px; padding:0px;}
.enlaceatras a{ color:#c52329; text-decoration:none;}
.enlaceatras a:hover{ text-decoration:underline;}

.enlaceatrasg{ margin:0px 0px 19px; padding:0px;}
.enlaceatrasg a{ color:#fff; text-decoration:none;}
.enlaceatrasg a:hover{ text-decoration:underline;}

.tipoplato{text-transform:uppercase; text-align:left; margin:0px 0px 18px; padding:0px; color:#6b6b6b; font-family:"metropolisregular"; font-size:13px; line-height:13px;}
#tituloreceta{ color:#4064aa; font-family:"metropolisbold"; text-transform:uppercase; font-size:25px; line-height:25px; margin:0px 0px 32px; padding:0px;}
.titulosrecetas{ color:#00375e; font-family:"metropolisbold"; text-transform:uppercase; font-size:14px; text-align:left; margin:0px 0px 25px; padding:0px; float:none;}
.fechareceta{ font-size:13px; line-height:13px; color:#6b6b6b; font-family:"metropolisregular"; margin:0px 0px 115px; padding:0px;}
.datosrecetas{ margin:0px; padding:0px;}
.iconorecetas{ float:left; width:25px; margin:0px 5px 0px 0px; padding:0px;}
.iconorecetas .vc_column-inner{ padding:0px;}
.iconorecetas .wpb_single_image{ margin:0px;}
.iconorecetas img{ max-width:100%; height:auto;}
.txticonorecetas{ color:#c52329; text-align:left; float:left; width:130px; font-family:"metropolisregular"; font-size:13px; line-height:13px; text-transform:uppercase; margin:4px 0px 0px; padding:0px;}
.txticonorecetas .vc_column-inner, .txticonorecetas .wpb_content_element{ padding:0px; margin:0px;}
.txtdatosrecetas{color:#6b6b6b; text-align:left; font-family:"metropolisbold"; font-size:13px; line-height:13px; margin:4px 0px 20px; padding:0px;}
.sep68{ height:68px;}
/*FIN RECETAS*/

/*PRODUCTOS*/
#paginaproductos{ margin:182px 0px 0px; padding:0px;}
#paginaproductos2{ margin:50px 0px 0px; padding:0px;}
#detaprodizq{ width:48%; margin:0px; padding:0px; float:left;}
#detaproddch{ width:48%; margin:0px; padding:0px; float:right;}
.tituloproducto{ font-size:27px; line-height:27px; font-family:"metropolislight"; text-align:left; color:#4064aa; padding:0px; margin:0px 0px 52px;}
.tituloproductog{ color:#81754f;}
.tituloapartadoproducto{ text-transform:uppercase; color:#00375e; font-family:"metropolisbold"; text-align:left; font-size:14px; line-height:14px; padding:0px; margin:0px 0px 13px;}
.colenvases{ /*float:left; width:33.33%; padding:0px 2% 0px 0px; margin:0px 0px 10px;*/ width: 32.33%; padding: 0px 2% 0px 0px; margin: 0px 0px 10px; display: inline-block; vertical-align: top;}
.colenvases img{ max-width:100%; height:auto; margin:0px 0px 10px;}
.colodorado{ color:#81754f;}
/*FIN PRODUCTOS*/

/*CONTACTO*/
#titulotrabaja{color:#4064aa; font-family:"metropolisextra_light"; text-align:center; font-size:45px;}
#titulotrabaja2{color:#4064aa; font-family:"metropolisextra_light"; text-align:left; font-size:35px; max-width: 580px; margin: 0px auto 30px 0px; line-height: 33px;}
#titulotrabaja2 strong{ font-family:"metropolisbold";}
#lineatrabaja{ max-width:390px; width: 95%; height: 1px; background: #000; margin: 36px auto 80px;}
#lineatrabaja2{ max-width:390px; width: 95%; height: 1px; background: #000; margin: 23px auto 23px 0px;}
.txttrabajaconosotros{ color:#1a294d; font-size: 16px; /*text-align: left;*/ text-align: center; line-height: 23px;  font-family:"metropolisextra_light";}
.txttrabajaconosotros strong{ font-family: "metropolissemi_bold";}
.txttrabajaconosotros a{font-family: "metropolissemi_bold"; color:#1a294d; text-decoration: none;}
.txttrabajaconosotros a:hover{text-decoration: underline;}

.txttrabajaconosotros2{color:#0f2143; font-size: 14px; /*text-align: left;*/ text-align: center; font-family:"metropolismedium";}

.paraenlaces a{ color:#c52329; text-decoration:none;}
.paraenlaces a:hover{ text-decoration:underline;}

.tituloscontacto{color:#0f2143; font-family:"metropolisextra_light"; text-align:left; font-size:45px;}
.tituloscontacto p{ padding:0px; margin:0px;}
.contactoizq{ width:62.79%; float:left;}
.contactoizq2{ width:50%; float:left;}
.contactodch{ width:37.12%; float:left;}
/*.contactodch3{  width: 47.12%; display: inline-block; vertical-align: middle; margin:0px !important;}*/
.contactodch3{  width: 47.12%; display: block; margin:0px auto !important;}
.contactodch2{ width:50%; float:left;}
#imgcontacto{ /*width:57.28%;*/ width:47.28%; height:400px; /*float:left;*/ display: inline-block; vertical-align: middle; margin:0px 0px 0px 0px;}
#datoscontacto{ max-width:432px; float:left; width:95%; margin:24px 0px 0;}
#datoscontacto2{ max-width:432px; float:left; width:95%; margin:24px 0px 0;}
.formulariodecontacto{max-width: 680px; width: 95%; /*margin: 0px 0px 0 5%;*/ margin: 0px auto 0px;}
.txtcontacto2{font-family:"metropolissemi_bold"; color:#4064aa; font-size:15px;}
.septxtcontacto2{ margin:100px 0px 0px !important;}
.azulcontacto{ font-family:"metropolisbold"; color:#4064aa; /*font-size:20px;*/ font-size: 16px;}
.rojocontacto{font-family:"metropolissemi_bold"; color:#c52329; /*font-size:20px;*/ font-size: 16px;}
/*#dondeestamos{ width:251px; position:absolute; left:0px; top:-69px; background:rgba(64,100,170,0.8); color:#fff; font-size:26px; line-height:26px; font-family:"metropolisbold"; padding:60px 28px 29px 83px;}*/
#dondeestamos{ width:251px; position:absolute; right:0px; top:-69px; background:rgba(64,100,170,0.8); color:#fff; font-size:26px; line-height:26px; font-family:"metropolisbold"; padding:60px 28px 29px 83px;}
#mapa{ width:100%; height:441px;}
#mapa div{ height:100%;}
.lineacontacto{ position:absolute; bottom:20px; right:9%; width:53%; height:1px; background:#3b3b3b; margin:0px;}
/*FIN CONTACTO*/

#lineaconservas{ max-width:365px; width:95%; margin:40px 0px 0px auto; height:1px; background:#4064aa;}

@media only screen and (max-width: 1530px){
	.pezdch{bottom: -70px;}
}

@media only screen and (max-width: 1460px){
	#pecesnosotros img{width: 60%; height: auto;}
	.montania{ height:248px;}
}

@media only screen and (max-width: 1360px){
	/*.titulobacalaodesalado {font-size: 24px; line-height: 25px;}*/
}

@media only screen and (max-width: 1340px){
	.txtbacalao {margin: 0px 0px 80px !important;}
}

@media only screen and (max-width: 1300px){
	#cuerpopreshistoria{ margin:41px 0px 43px auto;}
	#peces_historia img{ max-width:60%;}
	#masde40{ margin:0px auto 50px !important;}
}

@media only screen and (max-width: 1260px){
	.bacalaopunto{font-size:28px; line-height:28px;}
	.bacalaopuntotxt{font-size:17px; line-height:17px;}
}
@media only screen and (max-width: 1220px){
	.cuerporeceta {width: auto;float: none; display: block; margin: 0px auto 100px 134px;}
	.lineareceta{ display:none;}
	.imgreceta {width: 60%; position: relative;}
	.txtreceta {width: 35%;}
	#pecesnosotros img{width: 40%; height: auto;}
	
}
@media only screen and (max-width: 1190px){
	.pezinicio{ width:32%;}
	.colprincipio{ margin:0px 27px 20px 0px !important;}
	#cuerpopreshistoria {max-width: 640px;}
	#peces_historia img {max-width: 50%;}
	#pecesnosotros{ top:-30px;}
	
	
}
@media only screen and (max-width: 1160px){
	.anclainicio {width: 400px; float: none; margin: 0px auto 22px;}
	.productosinicio{ float:none; margin: 0px auto;}
    
    /*.zonavalornutricional2 div{width: 100px; height: 100px; font-size: 12px;}*/
}

@media only screen and (max-width: 1100px){
	.titulobacalaodesalado{width: 95%;}
	.txtapartadosalazon, .txtapartadosalazon2, .txtapartadosalazon3{width: 95%;}
}

@media only screen and (max-width: 1090px){
	.titucif{font-size: 22px; line-height: 21px; margin:0px 0px 14px !important;}
	.titucif2 {font-size: 20px; line-height: 21px; margin: 14px 0px 0px !important;}
	.lvca-odometers .lvca-odometer .lvca-number{font-size: 40px; line-height:40px;}
	.lvca-odometers .lvca-odometer .lvca-number span{font-size: 40px; line-height:40px;}
	#cifras {font-size: 37px; line-height: 37px; text-align: center; margin: 0px 0px 30px !important; width: 100%;}
	.colodometro1{ float:none; width:100%; margin:0px 0px 20px !important;}
	.colodometro{ float:left; width:33.33%; margin:0px 0 !important;}
	
	
	.cuerponotini{margin:0px 20px 0px auto;}
	#titulonotini{margin:0px 20px 20px auto;}
	#enlacenotini{ margin:41px 20px 30px auto;}
}

@media only screen and (max-width: 1075px){
	.txtnumeros{ font-size:14px;}
	.coltrazabilidad{ width:31.33%;}
	#titulotrabaja{font-size:35px;}
	
	#cuerpomarruecabverd{right: 5.24%;}
	/*#iconomarruecabverd{ left:31.17%;}*/
	.colprodfa{ font-size:16px; line-height:16px;}
	.flechaproduccion{font-size: 30px; line-height: 30px;}
	#pecesnosotros img {width: 40%;}
	#peces_historia{ top:-60px;}
}

@media only screen and (max-width: 1065px){
    .contactoizq{width: 54.79%;}
    .contactodch {width: 45.11%;}
}

@media only screen and (max-width: 1000px){
	#tituloreceta{font-size: 20px; line-height: 20px; margin: 0px 0px 65px;}
	
	.bacalaopunto{width:98%; margin:0px 0px 10px;}
	.bacalaopuntotxt{margin:0px 0px 70px; width:98%;}
}

@media only screen and (max-width: 950px){
	.lineacontacto{width: 37%;}
	.montania{ height:168px; background-position: center left !important;}

	#bacalaoizq {width: 35%; margin: 0 5% 0 0;}
	#bacalaodch {width: 60%;}
	#bacalaotxtizq{ display: block; width: 100%;}
	#bacalaotxtdch {width: 85%; display: block;	margin: 0px auto;}
	
}

@media only screen and (max-width: 930px){
	#zonapresenizq{ float:none; width:100%; margin:0px 0px 30px;}
	#zonapresendch{ float:none; width:100%; }
	#cuerpozonepresent{margin: 0px auto !important; float:none;}
	#zonamarca{width: 100%; padding: 60px 1%;}
	#zonamarca2{width: 100%; margin:50px auto 0px;}
	.cuerpomarca {margin: 0px auto 0px;}
	.cuerponuestrasmarcas{ margin:0px auto 0px; height:auto; padding:15px; float:none;}
	.titulonuestrasmarcas{margin: 0px;}
	#pecesnosotros{ display:none;}
}



@media only screen and (max-width: 900px){
	.lineatradicion{right: -131px; width: 270px;}
	
	.garantiaizq { width: 100%; height: 222px; float: none;}
	.garantiadch { width: 95%; float: none; margin: 49px auto 0px auto;}
	.logisticaizq{ padding:0px 0px 0px; float:none; width:100%;}
	.logisticadch{float:none; width:100%;}
	
	.colorigen{width:31.33%;}
	.colorigen2{width:100%; margin:0px 0px 20px -32px; float:none;}
	
	#historiaizq{ width:100%; float:none; margin:0px 0px 30px;}
	#historiadch{ width:100%; float:none;}
	#cuerponuestrosincios{ margin:0px auto;}
	
	.colenvases{ float:none; width:185px; padding:0px 0px 0px 0px; margin:0px 0px 10px;}
	#noticiadch{float: none; width: 100%;}
	#noticiasubago{margin: 0px 0px 10px;}
	.cuerponotini2{ width:100%;}
	#lineanotini{ display:none;}
	#noticiaizq{float: none; width: 100%; margin:20px 0px 0px 0px;}
	#noticiaizq2 {width: 100%; margin: 20px 0px 0px 0; padding: 0px 0px 0px;}
	#imgnotini {position: relative; top: 0; left: 0; width: 90%; margin: 30px auto 0px; text-align: center;}
	#titulonotini {margin: 20px auto; width: 90%;}
	.cuerponotini { margin: 0px auto; width: 90%;}
	
	.titulobacalaodesalado{width: 95%;}
	.txtapartadosalazon, .txtapartadosalazon2, .txtapartadosalazon3{width: 95%;}
	
	.zonasalazonizq2, .zonasalazonizq2v2{ float:none; width:95%; margin:0px auto;}
	.zonasalazondch2, .zonasalazondch2v2{ float:none; width:100%; margin:0px;}
}

@media only screen and (max-width: 885px){
    .contactoizq {width: 100%; float: none;}
	.contactodch {width: 100%; float: none; margin: 40px 0px 0px !important;}
}

@media only screen and (max-width: 860px){
	.plantasizq{ float:none; width:100%;}
	.plantasdch{ float:none; width:100%; margin:20px 0px 0px !important;}

	#cuerpoplantaizq { max-width:424px; margin: 0px auto !important; float: none;}
	.colplanta, .colplanta2{ width:33.33% !important; margin:0px 0px 20px !important; }
}

@media only screen and (max-width: 830px){
	#peces_historia{ display:none;}
	#cuerpopreshistoria{ margin:41px auto;}
    
    #imgcontacto{ width:100%; /*float:none;*/ display:block; margin:0px 0px 20px 0px; height:300px;}
	.contactodch3{ /*float:none;*/display:block; max-width:400px; margin:40px auto 0px !important; width:95%;}
}

@media only screen and (max-width: 790px){
.tituloapartadorecetas{float:none;}
.textopresentacionrecetas{ width:100%; float:none; margin:0px 0px 41px 0px;}
}

@media only screen and (max-width: 768px){
	.banner {height: 456px;}
	.banner3{height: 380px;}
	.bannertxt, .bannertxt2{font-size: 30px; line-height:30px;}
	.tituloapartados{ font-size:19px; line-height:19px;}
	.zonaizq{ float:none; width:100%; margin:0px;}
	.zonasalazonizq{ float:none; width:95%; margin:0px;}
	.txtapartadosalazon, .txtapartadosalazon2, .txtapartadosalazon3{max-width: 634px; width: 95%; margin: 15px auto 40px;}
	
	.zonadch{ float:none; width:100%; margin:0px;}
	.zonasalazondch{ float:none; width:100%; margin:0px;}
	.txtapartado1{max-width: 768px; margin: 15px 0px 15px;}
	
	.zonaizq50{float:none; width:100%;}
    .zonaizq50v2{ display: block; width: 100%; margin: 0px 0px 30px 0px !important;}
	.img90 img{ width:100%; height:auto;}
	.col630{ max-width:780px; width: 95%; margin: 0px auto 0px;}
	.col521{max-width:521px; width: 95%; margin:0px auto 0px; float:none !important;}
	
	.pezdch {width:55%; bottom: -30px;}
	.sep145{ margin:0px 0px 75px 0px !important;}
	.sep145v2{ margin:0px 0px 145px 0px !important;}
	.lineaahumado{margin:0px 0px 50px auto;}
	
	
	#imgcontacto{ float:none; width:100%; margin:0px 0px 50px !important;}
	#datoscontacto{ float:none; margin:20px auto 0px !important;}
	.txtcontacto2 p{ text-align:center !important;}
	.septxtcontacto2{ margin:50px 0px 0px !important;}
	
	.cologistica{ width:48%;}
	
	/*.colprodfa{ width:31.33%;}*/
	.flechaproduccion{ display:none;}
	.cuerpnosotrosc{ margin:10px auto 0px !important;}
	.sep143 {margin: 63px 0px 35px;}
	
	.tituloevolucion {font-size: 33px; margin: 0px 0px 40px;}
	
	#btatras{ display:none;}
	#btatras2{ display:block;}
	
	#detrecetaizq{ float:none; width:100%; margin:50px 0px 0px;}
	#detrecetadch{ float:none; width:100%; margin:0px 0px; padding:0px;}
	#detrecetadch img {margin: 30px 0px 0px;}
	#zonapreparacion{ float:none; width:100%; margin:0px; padding:0px;}
	#zonaingredientes{float:none; width:100%; margin:0px 0px 50px;}
	#cuerpopreparacion{ float:none; max-width:796px; width:95%; margin:0px auto; padding:0px;}
	#cuerpoigredientes{ float:left; max-width:273px; width:95%; margin:0px; padding:0px;}
	#tituloreceta {margin: 0px 0px 45px;}
	.sep68 {height: 38px;}
	
	.tituloapartadorecetas {margin: 0px 0px 20px;}
	.listarecetas{ display:inline-block; width:50%; padding:0px 2% 0px 0px;}
	
	#paginaproductos {margin: 142px 0px 0px;}
	#detaprodizq{ width:95%; margin:0px auto; padding:0px; float:none;}
	#detaproddch{ width:95%; margin:0px auto; padding:0px; float:none;}
	.tituloproducto{ font-size:24px; line-height:24px;}
	
	.tablaprincipiocol1, .tablaprincipiocol2, .tablaprincipiocol3{ display:block; width:190px; margin:0px auto 30px; padding:0px; border-right:0px;}
	.responini{ max-width:327px; width:95%; margin:0px auto;}
	
	.minitituloapartados4{font-size: 23px; line-height: 23px;}
}

@media only screen and (max-width: 680px){
	.tradicion{max-width: 456px;width: 95%; margin: 0px 0px 0px auto;}
	.lineatradicion{display:none;}
	.pezinicio{ display:none;}
	
	.imgreceta {width: 100%; float:none;}
	.txtreceta {width: 100%; float:none; margin:75px 0px 0px 0;}
	
	.colgarantia { float: left; width: 48%; margin: 0px 1% 40px;  text-align: center;}
	.coltrazabilidad{ width:48%;}
	.titulotraza{ font-size:25px;}
	.txtorigen{ font-size:13px;}
	#tituloproceso{font-size: 26px; line-height: 28px;}
	.colproceso{width: 48%; margin:0px 1% 30px !important;}
	.txtproceso{ height:40px;}
	
	.titulonosotros{ font-size:25px; line-height:25px;}
	.titulopresent{ font-size:25px; line-height:25px;}
	#masde40{ font-size:25px; line-height:25px;}
	.titulohistoria{ font-size:25px; line-height:25px;}
}

@media only screen and (max-width: 650px){
	.colodometro{ float:none; width:95%; margin:0px auto 40px !important;}
}

@media only screen and (max-width: 600px){
	.nosotrosizq{ float:none; width:95%; margin:0px auto 30px !important;}
	.nosotrosdch{ float:none; width:95%; margin:0px auto 30px !important;}
	.sepnos2 { margin: 0px 0px 29px;}
	#zonaprincipios {margin: 62px 0px 93px !important;}
	.colmarca{width: 48%;}
	.colprodclasic{ width:48%; margin: 0px 1% 30px;}
	#tituloprodfabrica{font-size: 32px; line-height: 32px;}
	
}

@media only screen and (max-width: 570px){
	#cuerpoplantaizq {max-width: 300px; height: 248px;}
	
	.colprincipio{ margin:0px 9% 20px 0px !important}
}

@media only screen and (max-width: 550px){
	.colorigen{ max-width:213px; margin:0px auto 30px; float:none; width:95%;}
	
	.colplanta, .colplanta2{ width:95% !important; margin:0px auto 20px !important; text-align:center;}

	#bacalaoizq{ display:none;}
	#bacalaodch{ width: 100%;}
	
}

@media only screen and (max-width: 500px){
	.anclainicio { width: 290px; float: none; margin: 0px auto 22px -70px;}
	.anclatxt {top: -8px;right: -20px; font-size: 34px; line-height:43px;}
	.cuerporeceta{ margin:0 0 20px 11px; }
	.tituloreceta {font-size: 42px; position: relative; top: 0px; left: 0; width: 282px; margin: 0;}
	.tituloreceta div {margin: 0px 0px 0px 71px;}
	.pezdch {width:70%; bottom: -30px;}
	.lineacontacto{ display:none;}
	.tituloscontacto{font-size: 35px;}
    #titulotrabaja{font-size:20px;}
	
	.cologistica{ width:98%;}
	
	.coltrazabilidad{ width:98%;}
    
    .zonavalornutricional2 div{width: 80px; height: 80px; font-size: 11px;}
	
	/*.colprodfa{ width:98%; margin:0px 1% 20px; float:none; text-align:center;}*/
	
	.colproceso{width: 95%; margin:0px auto 30px !important; float:none;}
	#tituloproceso{font-size: 18px; line-height: 23px;}
	.tituloapartados2{font-size:25px; line-height:25px;}
	.tituloevolucion { font-size: 27px;}
	
	.listarecetas{ display:inline-block; width:100%; padding:0px 0px;}
	#noticiasubago{font-size: 26px; line-height: 26px;}
	
	.titulobacalaodesalado {font-size: 17px; line-height: 20px;}
    
    .txttrabajaconosotros a {font-size: 12px;}
}