
:root {
    --color-primario: #008000;
	--color-secundario: #7480b3;
	--color-txt:#525252;
	--color-txt-claro:#606060;
	--gris1: #e7ddc4;
	--gris2: #dedede;	
	--gris3: #e9e9e9;	

}

html{
  height: 100%;
}
.footerBlog {
  position:fixed;
  bottom:0px;
  width:100%;
  padding: 0px !important;  border: 0px !important;
}

.color1 {color: var(--color-primario);}
.color2 {color: var(--color-secundario);}
.bkcolor1 {background-color: var(--color-primario)}
.bkcolor2 {background-color: var(--color-secundario)}

.gris1 {color: var(--gris1)}
.gris {color: var(--color-txt)!important;}
.grisclaro { color: var(--color-txt-claro)!important;}

.bkgris1 {background-color: var(--gris1)}
.bkgris2 {background-color: var(--gris2)}
.bkgris3 {background-color: var(--gris3)}

/*referencia body {font-family: 'Montserrat', Helvetica, Arial, sans-serif;	text-rendering: optimizeLegibility;	font-size: 14px; line-height: 22px;}*/
.hiddenPC  { display:none}
.blanco {color:#fff !important;}


.naranja {color:#fbb900;}
.font{font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;}
.txt_14 {font-size:14px; }
.txt_12em {font-size:1.2em; }
.txt_15em {font-size:1.5em; line-height: 1.7;  }
.justify{ text-align:justify }
.linkblanco {color:#fff}
.linkblanco:hover {color:#fff}
.upper { text-transform: uppercase}
.regular { font-weight: 400 !important}
.bold600 { font-weight: 600;}

.imgresponsivecel {  max-width: 80%;  height: auto;}
.margincenter  {margin:0 auto !important}
.margin0 { margin:0px; }
.padding {padding:2em 1.5em 1em 1.5em; } 


.borde_redondo { -webkit-border-radius: 1em; -o-border-radius:1em; -ms-border-radius:1em;  -moz-border-radius: 1em; border-radius: 1em;}
.borde_r_redondo { -webkit-border-radius: 0 0 6em 0; -o-border-radius:0 0 6em 0; -ms-border-radius:0 0 6em 0;  -moz-border-radius: 0 0 6em 0; border-radius: 0 0 6em 0;}
.borde_r_redondo2 { -webkit-border-radius: 0 0 5em 0; -o-border-radius:0 0 5em 0; -ms-border-radius:0 0 5em 0;  -moz-border-radius: 0 0 5em 0; border-radius: 0 0 5em 0;}
.borde_l_redondo2 { -webkit-border-radius: 0 0 0 5em; -o-border-radius:0 0 0 5em; -ms-border-radius:0 0 0 5em;  -moz-border-radius: 0 0 0 5em; border-radius: 0 0 0 5em;}
.borde_rt_redondo2 { -webkit-border-radius: 0 5em 0 0; -o-border-radius:0 5em 0 0; -ms-border-radius:0 5em 0 0;  -moz-border-radius: 0 5em 0 0; border-radius: 0 5em 0 0;}

.bkbanner1 {background-image:url(../img/bk_campo.jpg); background-repeat:no-repeat; background-position:center left;  background-size:cover;  }
.bkmesa  {background-image:url(../img/bk_mesa.png); background-repeat:no-repeat; min-height:610px; }
.videomesa {position: absolute; top:135px; left:-215px}
.fotocasos {position: absolute; top:135px; left:-173px}
.bkcasos  {background-image:url(../img/bk_casos.png); background-repeat:no-repeat; background-color:  var(--color-secundario); min-height:610px; }

.bkmetas {background-image:url(../img/bkuvas.jpg); background-repeat:no-repeat; background-position:center left;  background-size:cover; min-height:610px}
.bkfoto {background-image:url(../img/foto.png); background-repeat:no-repeat; background-position:top center;  background-size:cover; min-height:450px }
.bkprod {background-image:url(../img/bk_proderecha.png); background-repeat:no-repeat; background-position:top right; background-color:#fff; padding:3em 0}

.bksoluciones {background-image:url(../img/bk_soluciones.png); background-repeat:no-repeat; background-position:top right; background-color:#fff; padding:3em 0; min-height:610px;}

.bksoluciones2 {background-image:url(../img/bk_soluciones1.png); background-repeat:no-repeat; background-position:top right; background-color:#fff; padding:3em 0; min-height:610px;}

.divflexprod {display: flex; }
.divprod { width: 30%; margin:10px auto; padding: 1em 1.5em}

.divsol {  margin: 0 25px; background-color:#97a0c5; -webkit-border-radius: 1em; -o-border-radius:1em; -ms-border-radius:1em;  -moz-border-radius: 1em; border-radius: 1em; min-height: 191px; padding: 20px 8px }
.divsol:hover {  background-color: var(--color-secundario); height: 220px; margin: 1px; font-size: 1.4em; padding-top: 40px;}

.divsol:hover .iconmetas {width: 115px}

.divsol p { color: #FFF; font-size: 1.2em; line-height: 1.2; font-weight: 600; margin:0px;  padding: 10px 0px;}

.bkcarusel {background-image:url(../img/bk_carusel.png); background-repeat:no-repeat; background-position:top left; text-align: right}
.bkcarusel2 {text-align: center; min-height: 400px; padding-top: 2em}

.bknosotros1 { background-image:url(../img/bknosotros.jpg); background-repeat:no-repeat; background-position:bottom center;  background-size:cover; min-height:550px }
/*.bknosotros {background-image:url(../img/nosotros.png); background-repeat:no-repeat; background-position:top center;  background-size:cover; min-height:600px }*/
.bknosotros2 {background-image:url(../img/bknosotros2.jpg); background-repeat:no-repeat; background-position:top center;  background-size:cover; min-height:600px }

.bkbeneficiostablet  {background-image:url(../img/bk_beneficios.png); background-repeat:no-repeat; background-position:bottom left; min-height:600px }
.bkbeneficios  {/*background-image:url(../img/bk_beneficios.png); background-repeat:no-repeat; background-position:bottom left;*/ min-height:600px }
.bkganaderia  {background-image:url(../img/bk_ganaderia.png); background-repeat:no-repeat; background-position:top right; min-height:600px }
.bksatelite  {background-image:url(../img/bk_satelite.png); background-repeat:no-repeat; background-position:top right; min-height:600px }
.txtsatelite{ margin-top: 110px; padding: 1em 1.5em; background: linear-gradient(to right, rgba(250, 250, 250, 1),rgba(250, 250, 250, 1), rgba(250, 250, 250, 0.1))}
.padding2 { padding:2em 1.5em 1em 1.5em; margin-top: 240px}

.bkcelapp {background-image:url(../img/bkcelapp.png); background-repeat:no-repeat; background-position:bottom left;  min-height:655px }

.bkmundo {background-image:url(../img/bkmundo.png); background-repeat:no-repeat; background-position:top center;  background-size:cover; min-height:900px }

.titulares {font-size: 3em; font-weight: 700; line-height: 1.1; font-family: 'Montserrat', Helvetica, Arial, sans-serif; padding: 0 10px; margin-bottom: 10px}

.bajada {font-size: 1.2em;  font-weight: 600; line-height: 1.2; font-family: 'Montserrat', Helvetica, Arial, sans-serif; padding: 0 5.5em 0 10px}
.anchobajada { width: 75%;  }
.anchobajada1 { width: 80%;  }

.hbbajada {font-size: 1.5em;  line-height: 1.2; font-family: 'Montserrat', Helvetica, Arial, sans-serif; padding: 2em 0 0 2em}
.hbbtn { position: absolute; left: -100px;top: 220px;}

.txtbeneficios { font-size: 1.2em; padding: 0 0 0 10px; line-height: 1.2; }

.titulos_blancos {color:#FFF; font-size:1.5em; padding:10px; line-height: 1.2; font-weight: 600; margin: 10px 0 10px 0px }
.titulos_blancos2 {color:#FFF; font-size:2em; padding:10px; line-height: 1.2; font-weight: 600; margin: 10px 0 10px 0px }
.txtprod {line-height: 1.4; font-size: 14px; padding: 14px 0px 0px 5px}
.txtprod1 {line-height: 1.4; font-size: 14px; padding: 0px 0px 0px 0px; margin: 0px;}
.iconprod {width: 72px; float: left; margin: 5px 5px 0 0;}
.btnprodfix { margin: 10px 0;}

.iconmetas { width: 100px }
.icontxt {font-size: 1.2em;  font-weight: 600; margin: 0px; padding: 10px 5px 20px 5px; line-height: 16px; }
span.light { font-size: 12px !important;  }

.celapptxt	 { padding: 60px 0 0 0}

/*botones */
.btn-blanco {
    border-color: #fff;
    color: #fff!important;
	font-weight: 600;
    text-shadow: 0 1px 0 rgb(0 0 0 / 25%);
    background-color: rgba(0, 0, 0, 0.5) }

.btn-blanco:hover {
    text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
    background-color: rgba(0, 0, 0, 0.8) }

.btn-blanco-trans {
    border-color: #fff;
    color: #fff!important;
	font-weight: 600;
    text-shadow: 0 1px 0 rgb(0 0 0 / 25%);
    background-color: transparent;}

.btn-blanco-trans:hover {
    background-color: rgba(0, 0, 0, 0.25)}

.btn-color1 {
    border-color: var(--color-primario);
    color: var(--color-primario)!important;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 10px 20px;
    background-color: rgba(250, 250, 250, 1) }
.btn-color1:hover {
	background-color: var(--color-primario);
	color:#FFF !important;
	border-color: #fff; }

.btn-color1on {
    border-color: var(--color-primario);
    color:#FFF !important;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 10px 20px;
    background-color: var(--color-primario)!important }
.btn-color1on:hover {
	background-color: rgba(250, 250, 250, 1);
	border-color: #fff; }
.btn-color2 {
    border-color: var(--color-secundario);
    color: var(--color-secundario)!important;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 10px 20px;
    background-color: rgba(250, 250, 250, 1) }

.btn-color2:hover {
	background-color: var(--color-secundario);
	color:#FFF !important;
	border-color: #fff;}

.btnprod {font-size: 12px; padding: 5px 10px; margin: 5px 0px; text-transform: uppercase}
.btncarusel { /*text-align: center*/ position: fixed; bottom: 0px; margin-bottom: 10px;}

.dividiomas {
	clear: right;
	float: right;
	top: 5px;
	position: relative;}

ul.idiomas { 
	margin: 0;
	padding: 0px 8px;
	width: auto;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	border:1px solid var(--color-txt);
	
}
ul.idiomas li {
	display: inline-block;	
	margin: 0;
	padding: 0px 3px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

ul.idiomas li a {
	display: block;
	text-align: center;
}

ul.idiomas li a:hover {
	text-decoration: none;
}
a.activo {	color: #339933 !important; }



/**/

.titulos_grandes {color: #fff !important; font-size: 3em;  font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-weight:500; margin-top:1em; line-height: 1.2 }

.subtitulos_blancos_small {color: #fff;  font-size: 1.4em; font-weight: 300; font-family: 'Montserrat', Helvetica, Arial, sans-serif; padding-bottom:1.2em }

.subtitulos_blancos {color: #fff;  font-size: 1.7em; line-height: 1.4; }
span.light { font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-size: 0.8em;}

.psubtitular {line-height: 29px;  font-size: 1.5em;   font-weight: 300; color:#fff}


.bkfrase {background-image:url(../img/Imagen-simple-poderosa-y-dinamica.jpg); background-repeat:no-repeat; background-position:center right; background-size:cover; min-height:600px;}
.bkfrase2 {background-image:url(../img/imagen-trazabilidad-certificada.jpg); background-repeat:no-repeat; background-position:center left;  background-size:cover; min-height:711px;}
.frases {color: #fff; font-size: 4em; line-height: 1.2; font-family: 'Montserrat light', Helvetica, Arial, sans-serif; margin-top:2.8em; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);}
.frase2 {color: #fff; font-size: 4em; line-height: 1.2; font-family: 'Montserrat light', Helvetica, Arial, sans-serif; margin-top:5em; margin-left:6.5em; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.8);}
span.comillas { color:#fbb03b; font-family: 'Montserrat regular', Helvetica, Arial, sans-serif; }

.bkvideo {background-image:url(../img/bk_derecha.png); background-repeat:no-repeat; background-position:top right; background-color:#4d4d4d; padding:3em 0}
.bkexito {background-image:url(../img/bk_izquierda.png); background-repeat:no-repeat; background-position:top left; background-color:#4d4d4d; min-height:640px}
.titulo_exito {color: #fff; font-size: 4em; line-height: 1.2; font-family: 'Montserrat light', Helvetica, Arial, sans-serif; padding: 0 0 0.5em 0; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);}
.btnlogo {padding:0em 2em; border:1px solid #777; background-color:#4d4d4d; border-radius: 1em; margin-top:6em}


.frasefunciones {color: #fff; font-size: 4em; line-height: 1.2; font-weight: 300; font-family: 'Montserrat light', Helvetica, Arial, sans-serif; margin-top:1.5em; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);}
.ttfunciones { color: #fff; font-size: 4.5em; line-height: 1.2; font-weight: 300; font-family: 'Montserrat light', Helvetica, Arial, sans-serif; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); 
margin-left: -150px;  margin-top: -40px;}

.pfunciones  {font-family: 'Montserrat light', Helvetica, Arial, sans-serif; font-size:1.2em; line-height: 1.7; color:#fff;  }
.ulfunciones {font-family: 'Montserrat light', Helvetica, Arial, sans-serif; font-size: 1.2em;  color: #fff; }
.ulfunciones li  {line-height: 1.7 !important; }
.bkfunciones {background-color:#333; padding:5em 0; background-image:url(../img/bk_derecha_movil.png); background-repeat:repeat-y; background-position:top right;}
.bkfunciones2 {background-color:#4d4d4d; padding:5em 0; background-image:url(../img/bk_derecha_movil.png); background-repeat:repeat-y; background-position:top right;}

blockquote.naranja { border-left: 1px solid #fbb900 !important;}

.derechos {font-size:12px; text-align:right }

.borde_r_blanco { background-image:url(../img/icons/bk_separador_vertical.png); background-repeat:no-repeat; background-position:top right; }

/*banner*/
.txt1_banner {position: absolute; top: 58%; left: 50%; transform: translateX(-50%);  color: #FFF;  font-size: 62px; line-height: 62px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);  width:98%; text-align:center; margin:0 auto;}
.txt2_banner {position: absolute; top: 69%; left: 50%; transform: translateX(-50%);  color: #FFF;  font-size: 22px; line-height: 22px; font-weight: 300; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.60);  width:98%; text-align:center; margin:0 auto;}


/*FORMULARIOS*/
label.txtform { color: var(--color-txt-claro); font-size: 1.2em; font-weight: normal; margin-bottom: 8px;}
input.form {
  flex: 1;
  display: block !important;
  background: transparent !important;
  border:none;
  border-bottom: 1px solid var(--color-txt-claro) !important;
  /* -webkit-border-radius: 1em; -o-border-radius:1em; -ms-border-radius:1em;  -moz-border-radius: 1em; border-radius: 1em;*/
  font-size: 1.1em !important;
  font-weight: 400 !important;
  color: var(--color-txt-claro) !important;
  padding: 0.2em 0.5em !important;
  margin-bottom: 1em;
  width: 100%;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  outline: none !important;
}


textarea {
  flex: 1;
  display: block;
  background: transparent;
  border-color: var(--color-txt-claro) transparent transparent var(--color-txt-claro);
  -webkit-border-radius: 2em 0 0 0; -o-border-radius:2em 0 0 0; -ms-border-radius:2em 0 0 0; 
  -moz-border-radius:2em 0 0 0;border-radius: 2em 0 0 0; 
  font-size: 1em;
  font-weight: 400;
  color: var(--color-txt-claro);
  padding: 0.5em;
  width: 100%;
  font-family:  'Montserrat', Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
  outline: none !important;
}

@media (max-width: 1200px)  {
.bksoluciones2 {background-image:url(../img/bk_soluciones2.png); background-repeat:no-repeat; background-position:top right; background-color:#fff; padding:3em 0; min-height:610px;}		
.ttfunciones {  font-size: 3.5em; margin-left: -150px;   }
/*.pfunciones  {font-size:1.4em; line-height: 1.4; color:#fff  }*/
.txtbeneficios { font-size: 1em;}	
}
@media (max-width: 1100px)  {
.bksatelite  {min-height:555px }	
.bkganaderia  {min-height:555px }	
.divflexprod {display: flex;  justify-content: center; flex-direction: column; }
.divprod { width: 90%; }


	
.txt1_banner { top: 50%; font-size: 42px; line-height: 42px;  }	
.txt2_banner { top: 59%; font-size: 22px;   }	
}

/*breakpoint*/
@media (max-width: 991px)  {
/*.dividiomas {top: 10px; right: 10px;  }*/
.imgresponsivecel {   max-width: 50%;   }
.bkmesa  {background-image: none !important; min-height:550px; }
.videoframehome { height:356px; max-width:633px; width:100%	} /*height:315px; max-width:560px;*/
.videomesa {position: relative; top:0px; left:0px; text-align: center;}
.fotocasos {position: relative; top:0px; left:0px}
.bkfoto {min-height:300px }
.bknosotros {min-height:300px }	
.bkcarusel {text-align: center; background-image: none;}		
.bkbeneficios  { background-image:none;}
.bkbeneficiostablet  {background-image:none;}
.txtbeneficios { font-size: 1.2em;}	
.bkprod {background-image: none; padding:3em 0.5em}
.bksoluciones {background-image:none;  }
.bksoluciones2 {background-image:none;  }
.bkmetas { padding: 1em 1.2em; min-height:none !important}	
.btncarusel { position: relative; bottom: 0px; }
.bajada { padding: 0 0 0 10px}
.anchobajada,
.anchobajada1 { width: 100%;  } 	
.celapptxt	 { background-color: rgba(250,250,250,0.85);  padding: 30px 10px; margin-top:190px}
.txtsatelite { padding: 30px 10px; margin-top:190px;  background: linear-gradient(to right, rgba(250, 250, 250, 0.85),rgba(250, 250, 250, 0.75))}	
.bkbhtxt { background-color: rgba(0,0,0,0.5)}
.hbbtn { position: relative; left: 0px;top: 0px; text-align: center}	
.padding2 {  margin-top: 400px}	
	
	
	
.frase2 {  margin-left:5em; }
.hiddenPC  { display: block;}
.txt1_banner { display:none !important }	
.txt2_banner { display:none !important }
.txt1_bannermovil {color: #FFF; font-size: 2.3em; line-height: 40px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);  width:98%; text-align:center; margin:0 auto; padding:0.5em 0}
.txt2_bannermovil {color: #FFF; font-size: 22px; line-height: 30px; font-weight: 300; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);  width:98%; text-align:center; margin:0 auto; padding:0 0.8em 0.5em 0.8em}
.ttfunciones {  font-size: 4.5em; margin-left: 0px;  }
.btnlogo { margin-top:0em; margin-bottom:2.5em;}

.borde_r_blanco { background-image:none; }

.bkexito {background-image:url(../img/bk_izquierda_movil.png);  }
img.pielogos { padding-right:80% !important  }	
.derechos { text-align:left}
}


@media (max-width: 600px) {
.hbbtn img {display: none}		
.titulares {font-size: 2.5em; }	
.imgresponsivecel {   max-width: 70%;   }
.bkfoto {min-height:120px }
.btncarusel { text-align: center; margin: 0 auto}
.btncarusel a {margin: 5px auto}
.bksatelite  {background-position:top center; }	
.bkganaderia  {background-position:top center; }	
	
.oculta { display: none;}	
.frase2 {  margin-top:0.2em; margin-left:0em; text-align: center; }
/*.bkfrase {background-position:center center !important}*/
.bkvideo {background-image:url(../img/bk_derecha_movil.png);  }	


.frasefunciones {font-size: 3em;}

}