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

body{font-size: 1rem; font-family: "Roboto", sans-serif; padding: 0px;	margin: 0px; color:#fff;}
#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; }
#contenedor2{	width:60%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:75%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

.ban1{margin-top:90px;}

#header{  width: 100%; height:90px; position:absolute; z-index:100; top:0%; background:#161616;}

#logo{ width:190px;  float:left;  padding:25px 0	}	
#logo img{width:100%}

#div-linea-1{width:100%; height:13px; margin-top:90px;  background: #B0842D; background: linear-gradient(90deg, rgba(176, 132, 45, 1) 0%, rgba(223, 182, 28, 1) 50%, rgba(176, 132, 45, 1) 100%); margin-bottom:13% }
#div-linea-2{width:100%; height:13px;  background: #B0842D; background: linear-gradient(90deg, rgba(176, 132, 45, 1) 0%, rgba(223, 182, 28, 1) 50%, rgba(176, 132, 45, 1) 100%); margin-top:13%; }

.bg-1{ background:url(../img/legacy-fresh_banner-image-full.jpg); background-size:100%; background-attachment: fixed;}
#titu-ban-1{ font-size: clamp(3rem, 3.5vw + 0.5rem, 3.8rem);  line-height: 1.2;  color:#fff; font-weight:800; margin-bottom:1%}
#titu-ban-2{ font-size: clamp(1.5rem, 2.5vw + 0.45rem, 2.2rem);  line-height: 1.5; color:#fff;  font-weight:500; }


ul .me{ font-size: 15px; letter-spacing: 0.5px; list-style: outside none none; margin: 0 auto; padding: 0;  text-align: center; }
ul.me li{ font-size:20px;	font-family: "Roboto", sans-serif;  list-style: outside none none;  display: inline-block;}
ul.me a {  display: inline-block;    padding: 10px 20px;}
.me li a:hover {  color:#BB09BF}

p{line-height:25px;}
footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}
#maps{	width: 100%;	height: 300px;	}

#separador1{width: 100%;  height: 70px;}
#separador2{width: 100%;  height: 100px;}
#separador3{width: 100%;  height: 40px;}

#ab-1{float:left; width:15%; border:0px solid #fff}
#ab-1 img{width:90%}
#ab-2{float:right; width:80%; border:0px solid #fff}
#ab-2 img{  float: right; width:45%; margin-top:-7%}
#ab-limon-1{display:block}
#ab-limon-2{display:none}

#titu-banner1{ font-size: clamp(2.5rem, 2.9vw + 0.5rem, 2.6rem);  font-weight:500; color:#3DB44E; margin-bottom:2%}
#txt-banner-1{color:#fff; font-size: clamp(1rem, 2.5vw + 0.45rem, 1.6rem);  line-height: 1.5;  font-weight:400; }

#ss1{width:18%; padding:1%; float:left; margin-top:1%; margin-bottom:4%}
#ss2{width:21%; padding:2%; float:left; margin-top:1%}
#ss2 img{width:80%;}

#gallery{width:30%; padding:1.5%; float:left; margin-top:1%}
#gallery img{width:100%;}

.bg-conta{ background:url(../img/BG.png); background-size:100%; background-attachment: fixed;}
#conta-1{width:50%; float:left; border:0px solid #09F}
#conta-2{width:45%; float:right; border:0px solid #09F}
.contact-img{width:70px}

#bot{background:#ACC82B; color:#fff; font-size:25px; border:0px; line-height:2; border-radius:40px; width:170px; margin-top:15px; }
#bot2{background:#7B7D91; color:#fff; font-size:20px; border:0px; }

a{   color: #fff;	text-decoration: none;	}
a:hover{    color: #7A7A7A;    text-decoration: none;	}

#f1{float:left; width:40%; text-align:left; color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:2; font-weight:400;}
#f2{float:left; width:20%; text-align:center; color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:2; font-weight:400;}
#f3{float:right; width:40%; text-align:right; color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:2; font-weight:400;}
#f5{ color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:3; font-weight:400; padding:2% 0}

.bg-2{ background:url(../img/legacy-fresh_banner-image-full.jpg); background-size:100%; background-attachment: fixed;}


.foo:hover{ animation: animated_div2 5s infinite;
-moz-animation: animated_div2 2s infinite;
-webkit-animation: animated_div2 2s infinite;
-o-animation: animated_div2 2s infinite;
border-radius: 5px;
-webkit-border-radius: 5px;
}

@keyframes animated_div2
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
100% {transform: rotate(0deg);left:0px;}
}

@-webkit-keyframes animated_div2
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
100% {transform: rotate(0deg);left:0px;}
}

@-moz-keyframes animated_div2
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
100% {transform: rotate(0deg);left:0px;}
}

@-o-keyframes animated_div2
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
100% {transform: rotate(0deg);left:0px;}
}


@media screen and (min-width: 768px) and (max-width: 1170px) {
#contenedor1{ border:0px solid #C39 }
#contenedor2{ width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{ width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{ width:170px;  float:left;  padding:25px 0	}	
#logo img{width:100%}

#div-linea-1{width:100%; height:11px; margin-top:90px;  background: #B0842D; background: linear-gradient(90deg, rgba(176, 132, 45, 1) 0%, rgba(223, 182, 28, 1) 50%, rgba(176, 132, 45, 1) 100%); margin-bottom:13% }
#div-linea-2{width:100%; height:11px;  background: #B0842D; background: linear-gradient(90deg, rgba(176, 132, 45, 1) 0%, rgba(223, 182, 28, 1) 50%, rgba(176, 132, 45, 1) 100%); margin-top:13%; }

.bg-1{ background:url(../img/legacy-fresh_banner-image-full.jpg); background-size:100%; background-attachment: fixed;}
#titu-ban-1{ font-size: clamp(3rem, 3.5vw + 0.5rem, 3.8rem);  line-height: 1.2;  color:#fff; font-weight:800; margin-bottom:1%}
#titu-ban-2{ font-size: clamp(1.5rem, 2.5vw + 0.45rem, 2.2rem);  line-height: 1.5; color:#fff;  font-weight:500; }

#titu-banner1{ font-size: clamp(2.5rem, 2.9vw + 0.5rem, 2.6rem);  font-weight:500; color:#3DB44E; margin-bottom:2%}
#txt-banner-1{color:#fff; font-size: clamp(1rem, 2.0vw + 0.45rem, 1.6rem);  line-height: 1.5;  font-weight:400; }

#ab-1{float:left; width:15%; border:0px solid #fff}
#ab-1 img{width:150PX}
#ab-2{float:right; width:75%; border:0px solid #fff}
#ab-2 img{  float: right; width:45%; margin-top:-7%}

#ss1{width:20%; padding:0%; float:left; margin-top:1%; margin-bottom:4%}
#ss2{width:21%; padding:2%; float:left; margin-top:1%}
#ss2 img{width:80%;}

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

#f1{float:left; width:40%; text-align:left; color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:2; font-weight:400;}
#f2{float:left; width:20%; text-align:center; color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:2; font-weight:400;}
#f3{float:right; width:40%; text-align:right; color:#fff; font-size: clamp(1rem, 5vw, 1.1rem); line-height:2; font-weight:400; margin-top:1.5%}
#f5{ color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:3; font-weight:400; padding:2% 0}

.contact-img{width:70px}

.bg-2{ background:url(../img/legacy-fresh_banner-image-full.jpg); background-size:140%; background-attachment: fixed;}

}


@media screen and (min-width: 480px) and (max-width: 767px) {
#contenedor1{ border:0px solid #f60 }
#contenedor2{ width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{ width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{ width:160px;  float:left;  padding:25px 0	}	
#logo img{width:100%}

#div-linea-1{width:100%; height:11px; margin-top:90px;  background: #B0842D; background: linear-gradient(90deg, rgba(176, 132, 45, 1) 0%, rgba(223, 182, 28, 1) 50%, rgba(176, 132, 45, 1) 100%); margin-bottom:18% }
#div-linea-2{width:100%; height:11px;  background: #B0842D; background: linear-gradient(90deg, rgba(176, 132, 45, 1) 0%, rgba(223, 182, 28, 1) 50%, rgba(176, 132, 45, 1) 100%); margin-top:18%; }

.bg-1{ background:url(../img/legacy-fresh_banner-image-full.jpg); background-size:132%; background-attachment: fixed;}
#titu-ban-1{ font-size: clamp(2.5rem, 3.5vw + 0.5rem, 3.8rem);  line-height: 1.2;  color:#fff; font-weight:800; margin-top:23%; margin-bottom:1%}
#titu-ban-2{ font-size: clamp(1.5rem, 2.5vw + 0.45rem, 2.2rem);  line-height: 1.5; color:#fff;  font-weight:500; }

#titu-banner1{ font-size: clamp(2.6rem, 2.9vw + 0.5rem, 2.6rem);  font-weight:500; color:#3DB44E; margin-bottom:2%}
#txt-banner-1{color:#fff; font-size: clamp(1.4rem, 2.0vw + 0.45rem, 1.6rem);  line-height: 1.5;  font-weight:400; }

#ab-1{float:none; width:100%;	margin: 0px auto 0px;	overflow:hidden; border:0px solid #fff }
#ab-1 img{width:150PX;}
#ab-2{float:none; width:100%; border:0px solid #fff; text-align:center; margin-bottom:5%}
#ab-2 img{  float: right; width:45%; margin-top:-7%}

#ss1{width:33%; padding:0%; float:left; margin-top:1%; margin-bottom:4%}
#ss2{width:46%; padding:2%; float:left; margin-top:1%}
#ss2 img{width:75%;}

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

#f1{float:left; width:40%; text-align:left; color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:2; font-weight:400;}
#f2{float:left; width:20%; text-align:center; color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:2; font-weight:400;}
#f3{float:right; width:40%; text-align:right; color:#fff; font-size: clamp(1rem, 5vw, 1.1rem); line-height:2; font-weight:400; margin-top:1.5%}
#f5{ color:#fff; font-size: clamp(1rem, 5vw, 1.4rem); line-height:3; font-weight:400; padding:2% 0}

#ab-limon-1{display:none}
#ab-limon-2{display:block}

#gallery{width:47%; padding:1.5%; float:left; margin-top:1%}
#gallery img{width:100%;}

.bg-conta{ background:url(../img/BG.png); background-size:100%; background-attachment: fixed;}
#conta-1{width:100%; float:left; border:0px solid #09F; margin-bottom:35px}
#conta-2{width:100%; float:right; border:0px solid #09F}
.contact-img{width:60px}

.bg-2{ background:url(../img/legacy-fresh_banner-image-full.jpg); background-size:185%; background-position:-300px 0; background-attachment: fixed;}

}


@media screen and (min-width: 300px) and (max-width: 479px) {
#contenedor1{	border:0px solid #000 }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#header{  width: 100%; height:70px; position:absolute; z-index:100; top:0%; background:#161616;}

#logo{ width:130px;  float:left;  padding:15px 0	}	
#logo img{width:100%}

#div-linea-1{width:100%; height:11px; margin-top:70px;  background: #B0842D; background: linear-gradient(90deg, rgba(176, 132, 45, 1) 0%, rgba(223, 182, 28, 1) 50%, rgba(176, 132, 45, 1) 100%); margin-bottom:18% }
#div-linea-2{width:100%; height:11px;  background: #B0842D; background: linear-gradient(90deg, rgba(176, 132, 45, 1) 0%, rgba(223, 182, 28, 1) 50%, rgba(176, 132, 45, 1) 100%); margin-top:18%; }

.bg-1{ background:url(../img/legacy-fresh_banner-image-full.jpg); background-size:140%; background-attachment: fixed;}
#titu-ban-1{ font-size: clamp(1.7rem, 3.5vw + 0.5rem, 3.8rem);  line-height: 1.2;  color:#fff; font-weight:800; margin-top:25%; margin-bottom:1%}
#titu-ban-2{ font-size: clamp(1.3rem, 2.5vw + 0.45rem, 2.2rem);  line-height: 1.5; color:#fff;  font-weight:400; }

#titu-banner1{ font-size: clamp(2.1rem, 2.9vw + 0.5rem, 2.6rem);  font-weight:500; color:#3DB44E; margin-bottom:2%}
#txt-banner-1{color:#fff; font-size: clamp(1.2rem, 2.0vw + 0.45rem, 1.6rem);  line-height: 1.5;  font-weight:400; }

#ab-1{float:none; width:100%;	margin: 0px auto 0px;	overflow:hidden; border:0px solid #fff }
#ab-1 img{width:150PX;}
#ab-2{float:none; width:100%; border:0px solid #fff; text-align:center; margin-bottom:5%}
#ab-2 img{  float: right; width:45%; margin-top:-7%}

#ss1{width:33%; padding:0%; float:left; margin-top:1%; margin-bottom:4%}
#ss2{width:46%; padding:2%; float:left; margin-top:1%}
#ss2 img{width:75%;}

#separador1{width: 100%;  height: 40px;}
#separador2{width: 100%;  height: 40px;}
#separador3{width: 100%;  height: 20px;}

#f1{float:left; width:100%; text-align:center; color:#fff; font-size: clamp(0.8rem, 5vw, 1.1rem); line-height:2; font-weight:400;}
#f1 img{width:70px}
#f2{float:left; width:100%; text-align:center; color:#fff; font-size: clamp(0.8rem, 5vw, 1.1rem); line-height:2; font-weight:400; margin-top:3.5%}
#f3{float:right; width:100%; text-align:center; color:#fff; font-size: clamp(0.8rem, 5vw, 1.1rem); line-height:2; font-weight:400; margin-top:1.5%}
#f5{ color:#fff; font-size: clamp(0.8rem, 5vw, 1.1rem); line-height:1.5; font-weight:400; padding:2% 0; margin-bottom:3%}
#f5 img{margin-bottom:20px}
	 
#ab-limon-1{display:none}
#ab-limon-2{display:block}

#gallery{width:47%; padding:1.5%; float:left; margin-top:1%}
#gallery img{width:100%;}

.bg-conta{ background:url(../img/BG.png); background-size:100%; background-attachment: fixed;}
#conta-1{width:100%; float:left; border:0px solid #09F; margin-bottom:35px}
#conta-2{width:100%; float:right; border:0px solid #09F}
.contact-img{width:50px}

.bg-2{ background:url(../img/legacy-fresh_banner-image-full.jpg); background-size:270%; background-position:-300px 0; background-attachment: fixed;}

}
/* CSS Carrusel */