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

body{  font-family: 'Roboto', sans-serif; padding: 0px;	margin: 0px; color:#232323; font-size:19px; line-height:25px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor11{	width:350px;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; position:absolute;z-index:200; margin-left:5%;}
#contenedor2{	width:80%;	border: 0px solid #F60;	float:right; text-align:right; margin-right:5%;}
#contenedor3{	width:70%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#header{min-height:55px;  border:0px solid#C30;  width: 100%;}
#reds{width:220px;  height:41px; float:right; text-align:right; margin-top:20px;  }
	
#logo{width:350px; float:left; border: 0px solid #F60;	 position:absolute;z-index:200; }
#logo img{width:100%; }
#logo2{display:none }


#banner{position:relative;margin-top:px }
#espa{display:block; width:350px; border:1px solid #09F}

p, #binetas{font-size:19px; line-height:25px; text-align:left}
h1{color:#152C6F;  font-family: 'Roboto', sans-serif; font-size:45PX; font-weight:800; line-height:55px; margin: 10px 0; }
h2{color:#BA2C2A;   font-family: 'STIX Two Text', serif; font-size:25PX; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#f1{float:left; width:33%; border: 0px solid #0C6; margin-top:1PX; }
#f2{float:left; width:33%; text-align:center;margin-top:0PX;  }
#f3{float:left; width:33%; text-align:right; margin-top:1PX; margin-bottom:1px }

#separador1{width:100%; height:50px}
#separador2{width:100%; height:25px}

a.txt1{ background:#0E193E; color:#fff; font-family: 'STIX Two Text', serif; font-size:30PX; line-height:50px;padding:7px 14px;  border-radius:3px;	}
a.txt1:hover{ background:#127C09;    text-decoration: none;	}

a.txt2{ background:#fff; color:#E01E15; font-family: 'STIX Two Text', serif; font-size:30PX; line-height:50px;padding:7px 14px;  border-radius:3px;	}
a.txt2:hover{ background:#E01E15; color:#fff;  text-decoration: none;	}

#desa1{width:21%; margin:1%; float:left; background:#F2F2F2; color:#232323;  padding:1%; text-align:center; min-height:220px; box-shadow: 2px 2px 5px #999;}
#des1{background:#BA2C2A; color:#FFF; text-align:center; padding:2%; margin-bottom:10px; margin-top:10px}

#cua1{width:45%; float:left; text-align:center; margin-top:70px; margin-bottom:70px  }
#cua1 img{width: 400px; }
#cua2{width:45%; float:right; text-align:center; }

#con1{width:45%; float:left; text-align:center; }
#con2{width:45%; float:right; background:#F2F2F2; padding-left:5%; padding-right:5%;}

.bg0{background:url(../img/index/Banner-3.png); background-attachment:fixed; background-size:100%; min-height:500px}

.bg-1{background:url(../img/index/Banner.png); background-attachment:fixed; background-size:100%; min-height:500px}

.bg1{background:url(../img/index/Banner-5.png); background-attachment:fixed; background-size:100%; min-height:500px}

.bg2{background:url(../img/index/Banner-6.png); background-attachment:fixed; background-size:100%; min-height:500px}
.bg-2{background:url(../img/index/banner-About%20Us.jpg); background-attachment:fixed; background-size:100%; min-height:500px}
.bg-3{background:url(../img/index/banner-Quality.jpg); background-attachment:fixed; background-size:100%; min-height:500px}
.bg-4{background:url(../img/index/banner-services.jpg); background-attachment:fixed; background-size:100%; min-height:500px}


#about1{width:40%; float:left; text-align:center; }
#about2{width:55%; float:right;}

#serv1{width:40%; float:left; text-align:center; background:url(../img/index/Banner-7.png); background-attachment:fixed; background-size:40%; min-height:500px}
#serv2{width:50%; float:right; background:#F2F2F2; padding-left:5%; padding-right:5%;}

#products1{width:45%; float:left; }
#products2{width:45%; float:right;}


#cont1{height:35px; background:#FFF; width:90%; border:0px; margin-top:3px; color:#666; font-size:15px; border:0PX solid #999;  border-radius:2px; margin-bottom:15px;}
#cont2{height:120px; background:FFF; width:90%; border:0px; margin-top:3px;  margin-bottom:10px; color:#666; font-size:15px; border:0PX solid #999;  border-radius:2px}
#bot{background:#BA2C2A; color:#fff; font-size:20px; line-height:20px; padding:13px 15px 10px 15px; border:0px; font-family: 'STIX Two Text', serif; letter-spacing: 1px; border-radius:1px }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#honey{float:left; width:20%;}
#honey img{width:90%; margin-bottom:15px;}
#honey1{background:#BA2C2A; color:#FFF; width:90%; line-height:2}

#jelly{float:left; width:20%; margin-bottom:50px}
#jelly img{width:90%; margin-bottom:0px;}
#jelly1{background:#BA2C2A; color:#fff; width:85%; line-height:1.3; padding:2.5%}


@media screen and (min-width: 1024px) and (max-width: 1295px) {
#contenedor1{border: 0px solid #F00;	}
#contenedor2{	width:80%;	border: 0px solid #F60;	float:right; text-align:right; margin-right:5%;}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:290px; float:left; border: 0px solid #F60;	 margin-bottom:15px; }
#logo img{width:100%; }

.bg0{background:url(../img/index/Banner-3.png); background-attachment:fixed; background-size:120%; min-height:500px}
.bg-1{background:url(../img/index/Banner.png); background-attachment:fixed; background-size:100%; min-height:500px}
.bg1{background:url(../img/index/Banner-5.png); background-attachment:fixed; background-size:100%; min-height:500px}
.bg2{background:url(../img/index/Banner-6.png); background-attachment:fixed; background-size:100%; min-height:500px}

#cua1{width:45%; float:left; text-align:center; margin-top:70px; margin-bottom:70px  }
#cua1 img{width: 400px; }
#cua2{width:45%; float:right; text-align:center; }

#conta1{width:50%; float:left; border:0px solid #09F; margin-left:5%}
#conta2{width:40%; float:right; border:0px solid #09F;}

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{border: 0px solid #0F6;	}
#contenedor2{	width:80%;	border: 0px solid #F60;	float:right; text-align:right; margin-right:5%;}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:290px; float:left; border: 0px solid #F60;	 margin-bottom:15px; }
#logo img{width:100%; }

.bg0{background:url(../img/index/Banner-3.png); background-attachment:fixed; background-size:140%; min-height:500px}
.bg-1{background:url(../img/index/Banner.png); background-attachment:fixed; background-size:130%; min-height:400px}
.bg1{background:url(../img/index/Banner-5.png); background-attachment:fixed; background-size:130%; min-height:400px}
.bg2{background:url(../img/index/Banner-6.png); background-attachment:fixed; background-size:130%; min-height:400px}

#desa1{width:45%; margin:1.5%; float:left; background:#F2F2F2; color:#232323;  padding:1%; text-align:center; min-height:220px; box-shadow: 2px 2px 5px #999;}
#des1{background:#BA2C2A; color:#FFF; text-align:center; padding:2%; margin-bottom:10px; margin-top:10px}

#cua1{width:100%; float:none; text-align:center; margin-top:0px; margin-bottom:50px  }
#cua1 img{width: 400px; }
#cua2{width:100%; float:none; text-align:center; }

#con1{width:40%; float:none; text-align:center; margin-left:30% }
#con1 img{ margin-top:30px;}
#con2{width:90%; float:none; background:#F2F2F2; padding-left:5%; padding-right:5%;}

h1{color:#152C6F;  font-family: 'Roboto', sans-serif; font-size:31PX; font-weight:800; line-height:41px; margin: 10px 0; }
h2{color:#BA2C2A;   font-family: 'STIX Two Text', serif; font-size:21PX; }

#serv1{width:40%; float:left; text-align:center; background:url(../img/index/Banner-7.png);  background-attachment:none; background-size:100%; min-height:365px}
#serv2{width:50%; float:right; background:#F2F2F2; padding-left:5%; padding-right:5%;}

#f1{float:left; width:30%; border: 0px solid #0C6; margin-top:1PX; }
#f2{float:left; width:40%; text-align:center;margin-top:20PX;  }
#f3{float:left; width:30%; text-align:right; margin-top:1PX; margin-bottom:1px }

#separador1{width:100%; height:35px}
#separador2{width:100%; height:25px}

.bg-2{background:url(../img/index/banner-About%20Us.jpg); background-attachment:fixed; background-size:130%; min-height:400px}
.bg-3{background:url(../img/index/banner-Quality.jpg);  background-attachment:fixed; background-size:130%; min-height:400px}
.bg-4{background:url(../img/index/banner-services.jpg);  background-attachment:fixed; background-size:130%; min-height:400px}

#honey{float:left; width:33%;}
#honey img{width:90%; margin-bottom:15px;}
#honey1{background:#BA2C2A; color:#FFF; width:90%; line-height:2}

#jelly{float:left; width:33%; margin-bottom:50px}
#jelly img{width:90%; margin-bottom:0px;}
#jelly1{background:#BA2C2A; color:#fff; width:85%; line-height:1.3; padding:2.5%}

}

@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{border: 0px solid #03F;	}
#contenedor2{	width:80%;	border: 0px solid #F60;	float:right; text-align:right; margin-right:5%;}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:290px; float:left; border: 0px solid #F60;	 margin-bottom:15px; }
#logo img{width:100%; }

.bg0{background:url(../img/index/Banner-3.png); background-attachment:none; background-size:150%; background-position:-150px; min-height:350px}
.bg-1{background:url(../img/index/Banner.png); background-attachment:fixed; background-size:130%; min-height:300px}
.bg1{background:url(../img/index/Banner-5.png); background-attachment:fixed; background-size:130%; min-height:300px}
.bg2{background:url(../img/index/Banner-6.png); background-attachment:none; background-size:100%; min-height:300px}

p, #binetas{font-size:19px; line-height:25px; text-align:left}
h1{color:#152C6F;  font-family: 'Roboto', sans-serif; font-size:35PX; font-weight:800; line-height:55px; margin: 10px 0; }
h2{color:#BA2C2A;   font-family: 'STIX Two Text', serif; font-size:21PX; }

a.txt1{ background:#0E193E; color:#fff; font-family: 'STIX Two Text', serif; font-size:30PX; line-height:50px;padding:7px 14px;  border-radius:3px;	}
a.txt1:hover{ background:#127C09;    text-decoration: none;	}

a.txt2{ background:#fff; color:#E01E15; font-family: 'STIX Two Text', serif; font-size:30PX; line-height:50px;padding:7px 14px;  border-radius:3px;	}
a.txt2:hover{ background:#E01E15; color:#fff;  text-decoration: none;	}


#desa1{width:45%; margin:1.5%; float:left; background:#F2F2F2; color:#232323;  padding:1%; text-align:center; min-height:220px; box-shadow: 2px 2px 5px #999; margin-bottom:15px}
#des1{background:#BA2C2A; color:#FFF; text-align:center; padding:2%; margin-bottom:10px; margin-top:10px}

#cua1{width:100%; float:none; text-align:center; margin-top:0px; margin-bottom:50px  }
#cua1 img{width: 300px; }
#cua2{width:100%; float:none; text-align:center; }

#con1{width:40%; float:none; text-align:center; margin-left:30% }
#con1 img{ margin-top:30px;}
#con2{width:90%; float:none; background:#F2F2F2; padding-left:5%; padding-right:5%;}

#about1{width:70%; float:none; text-align:center;  }
#about2{width:100%; float:none; margin-top:30px}

#serv1{width:100%; float:left; text-align:center; background:url(../img/index/Banner-7.png) no-repeat; background-attachment:none; background-size:60%; min-height:500px; margin-left:20%;}
#serv2{width:90%; float:right; background:#F2F2F2; padding-left:5%; padding-right:5%;}

#products1{width:100%; float:left; }
#products2{width:100%; float:right;}

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:5PX; }
#f2{float:left; width:100%; text-align:center; margin-top:15PX;  }
#f3{float:left; width:100%; text-align:center; margin-top:15PX; margin-bottom:1px }

#separador1{width:100%; height:35px}
#separador2{width:100%; height:25px}

.bg-2{background:url(../img/index/banner-About%20Us.jpg); background-attachment:fixed; background-size:160%; min-height:350px}
.bg-3{background:url(../img/index/banner-Quality.jpg);  background-attachment:fixed; background-size:160%; min-height:350px}
.bg-4{background:url(../img/index/banner-services.jpg);  background-attachment:fixed; background-size:160%; min-height:350px}


#honey{float:left; width:33%;}
#honey img{width:90%; margin-bottom:15px;}
#honey1{background:#BA2C2A; color:#FFF; width:90%; line-height:2}

#jelly{float:left; width:33%; margin-bottom:50px}
#jelly img{width:90%; margin-bottom:0px;}
#jelly1{background:#BA2C2A; color:#fff; width:85%; line-height:1.3; padding:2.5%}

}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{border: 0px solid #000;	}
#contenedor2{	width:80%;	border: 0px solid #F60;	float:right; text-align:right; margin-right:5%;}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

body{  font-family: 'Roboto', sans-serif; padding: 0px;	margin: 0px; color:#232323; font-size:17px; line-height:21px; }

#reds{width:220px;  height:41px; float:right; text-align:right; margin-top:10px;  }

#logo{width:230px; float:left; border: 0px solid #F60;	margin-top:-10px }
#logo img{width:100%; }

.bg0{background:url(../img/index/Banner-3.png); background-attachment:none; background-size:140%; background-position:-100px; min-height:300px}
.bg-1{background:url(../img/index/Banner.png); background-attachment:none; background-size:100%; min-height:248px}
.bg1{background:url(../img/index/Banner-5.png); background-attachment:none; background-size:100%; min-height:248px}
.bg2{background:url(../img/index/Banner-6.png); background-attachment:none; background-size:100%; min-height:248px}


p, #binetas{font-size:19px; line-height:25px; text-align:left}
h1{color:#152C6F;  font-family: 'Roboto', sans-serif; font-size:30PX; font-weight:800; line-height:40px; margin: 10px 0; }
h2{color:#BA2C2A;   font-family: 'STIX Two Text', serif; font-size:21PX; }

a.txt1{ background:#0E193E; color:#fff; font-family: 'STIX Two Text', serif; font-size:30PX; line-height:50px;padding:7px 14px;  border-radius:3px;	}
a.txt1:hover{ background:#127C09;    text-decoration: none;	}

a.txt2{ background:#fff; color:#E01E15; font-family: 'STIX Two Text', serif; font-size:30PX; line-height:50px;padding:7px 14px;  border-radius:3px;	}
a.txt2:hover{ background:#E01E15; color:#fff;  text-decoration: none;	}


#desa1{width:45%; margin:1.5%; float:left; background:#F2F2F2; color:#232323;  padding:1%; text-align:center; min-height:220px; box-shadow: 2px 2px 5px #999; margin-bottom:15px}
#des1{background:#BA2C2A; color:#FFF; text-align:center; padding:2%; margin-bottom:10px; margin-top:10px}

#cua1{width:100%; float:none; text-align:center; margin-top:0px; margin-bottom:50px  }
#cua1 img{width: 300px; }
#cua2{width:100%; float:none; text-align:center; }

#con1{width:60%; float:none; text-align:center; margin-left:20% }
#con1 img{ margin-top:30px;}
#con2{width:90%; float:none; background:#F2F2F2; padding-left:5%; padding-right:5%;}

#about1{width:100%; float:none; text-align:center; }
#about2{width:100%; float:none; margin-top:30px}

#serv1{width:100%; float:left; text-align:center; background:url(../img/index/Banner-7.png) no-repeat; background-attachment:none; background-size:60%; min-height:370px; margin-left:20%;}
#serv2{width:90%; float:right; background:#F2F2F2; padding-left:5%; padding-right:5%;}

#products1{width:100%; float:left; }
#products2{width:100%; float:right;}

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:5PX; }
#f2{float:left; width:100%; text-align:center; margin-top:15PX;  }
#f3{float:left; width:100%; text-align:center; margin-top:15PX; margin-bottom:1px }

#separador1{width:100%; height:25px}
#separador2{width:100%; height:25px}

.bg-2{background:url(../img/index/banner-About%20Us.jpg); background-attachment:none; background-size:160%; min-height:300px}
.bg-3{background:url(../img/index/banner-Quality.jpg);  background-attachment:none; background-size:160%; min-height:300px}
.bg-4{background:url(../img/index/banner-services.jpg);  background-attachment:none; background-size:160%; min-height:300px}


#honey{float:left; width:33%;}
#honey img{width:90%; margin-bottom:15px;}
#honey1{background:#BA2C2A; color:#FFF; width:90%; line-height:2}

#jelly{float:left; width:33%; margin-bottom:50px}
#jelly img{width:90%; margin-bottom:0px;}
#jelly1{background:#BA2C2A; color:#fff; width:85%; line-height:1.3; padding:2.5%}

}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	border: 0px solid #0C0;	}
#contenedor11{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; position:none;z-index:-110; margin-left:5%;}
#contenedor2{	width:80%;	border: 0px solid #F60;	float:right; text-align:right; margin-right:5%;}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

body{  font-family: 'Roboto', sans-serif; padding: 0px;	margin: 0px; color:#232323; font-size:17px; line-height:21px; }

#reds{width:220px;  height:41px; float:none; text-align:left; margin-top:10px; }

#logo{display:none }
#logo img{width:100%; }

#logo2{display:block; width:200px; float:none; border: 0px solid #F60; margin: 0px auto 0px; overflow:hidden; margin-bottom:15px; margin-top:15px;  }
#logo2 img{width:100%; }

.bg0{background:url(../img/index/Banner-3.png); background-attachment:none; background-size:180%; background-position:-170px; min-height:260px}
.bg-1{background:url(../img/index/Banner.png); background-attachment:none; background-size:100%; min-height:165px}
.bg1{background:url(../img/index/Banner-5.png); background-attachment:none; background-size:100%; min-height:165px}
.bg2{background:url(../img/index/Banner-6.png); background-attachment:none; background-size:100%; min-height:163px}

p, #binetas{font-size:17px; line-height:20px; text-align:left}
h1{color:#152C6F;  font-family: 'Roboto', sans-serif; font-size:25PX; font-weight:800; line-height:35px; margin: 10px 0; }
h2{color:#BA2C2A;   font-family: 'STIX Two Text', serif; font-size:19PX; }

a.txt1{ background:#0E193E; color:#fff; font-family: 'STIX Two Text', serif; font-size:25PX; line-height:50px;padding:7px 14px;  border-radius:3px;	}
a.txt1:hover{ background:#127C09;    text-decoration: none;	}

a.txt2{ background:#fff; color:#E01E15; font-family: 'STIX Two Text', serif; font-size:25PX; line-height:50px;padding:7px 14px;  border-radius:3px;	}
a.txt2:hover{ background:#E01E15; color:#fff;  text-decoration: none;	}

#desa1{width:95%; margin:1.5%; float:left; background:#F2F2F2; color:#232323;  padding:1%; text-align:center; min-height:192px; box-shadow: 2px 2px 5px #999; margin-bottom:15px}
#des1{background:#BA2C2A; color:#FFF; text-align:center; padding:2%; margin-bottom:10px; margin-top:10px}

#cua1{width:100%; float:none; text-align:center; margin-top:0px; margin-bottom:50px  }
#cua1 img{width: 200px; }
#cua2{width:100%; float:none; text-align:center; }

#con1{width:100%; float:none; text-align:center; margin-left:00% }
#con1 img{ margin-top:30px;}
#con2{width:90%; float:none; background:#F2F2F2; padding-left:5%; padding-right:5%;}

#about1{width:100%; float:none; text-align:center; }
#about2{width:100%; float:none; margin-top:30px}

#serv1{width:100%; float:left; text-align:center; background:url(../img/index/Banner-7.png); background-attachment:none; background-size:100%; min-height:370px;}
#serv2{width:90%; float:right; background:#F2F2F2; padding-left:5%; padding-right:5%;}

#products1{width:100%; float:left; }
#products2{width:100%; float:right;}

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:5PX; }
#f2{float:left; width:100%; text-align:center; margin-top:15PX;  }
#f3{float:left; width:100%; text-align:center; margin-top:15PX; margin-bottom:1px }

#separador1{width:100%; height:25px}
#separador2{width:100%; height:25px}

.bg-2{background:url(../img/index/banner-About%20Us.jpg); background-attachment:none; background-size:160%; min-height:250px}
.bg-3{background:url(../img/index/banner-Quality.jpg);  background-attachment:none; background-size:160%; min-height:250px}
.bg-4{background:url(../img/index/banner-services.jpg);  background-attachment:none; background-size:160%; min-height:250px}


#honey{float:left; width:50%;}
#honey img{width:90%; margin-bottom:15px;}
#honey1{background:#BA2C2A; color:#FFF; width:90%; line-height:2}

#jelly{float:left; width:50%; margin-bottom:50px}
#jelly img{width:90%; margin-bottom:0px;}
#jelly1{background:#BA2C2A; color:#fff; width:85%; line-height:1.3; padding:2.5%}

}