@import url('https://fonts.googleapis.com/css?family=Oswald:700|Roboto:400,700,900&display=swap');

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.os-animation1{opacity:0;}
.os-animation1{opacity:1;}
html,body{width:100%;height:100%;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ecf4ee;z-index:9999;}
#loader2{width:228px;height:60px;position:absolute;left:50%;top:50%;background:url(../imagenes/logo.png) no-repeat center 0;margin-left:-110px;margin-top:-30px;}
* {font-family: 'Roboto', sans-serif;
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
iframe{display:block;border:none;}

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}

#slide1{width:100%;height:100%;min-height:700px;}
#slide2{ background-color:#006e41;}
#slide3{ background-color:#ecf4ee;}
#slide4{background:url(../imagenes/separador.jpg) no-repeat 50% 50% fixed ;background-size:cover; height:500px; text-align:right;}
#slide5{ background-color:#ffffff;}
#slide6{ background-color:#ecf4ee;}
#slide7{ background-color:#006e41;}
#slide8{ background-color:#ffffff;}

#productores{ background-color:#ffffff;}
#separador2{background:url(../imagenes/separador2.jpg) no-repeat 50% 50% fixed ;background-size:cover; height:500px; text-align:right;}


#contacto{ background-color:#ecf4ee;}

#elheader{ width:100%; height:80px; background:url(../imagenes/cabo.png) no-repeat 50% 50%; position:absolute; z-index:10;}

#suite{ background-color:#f1f2f3;height:100%;min-height:600px;}

#reservame{background:url(../imagenes/reserva.jpg) no-repeat 50% 50%  ;background-size:cover; min-height:700px; height:100%; text-align:right;}

#logo{POSITION:absolute;z-index:4;left:5%;top:31px;width:150px;height:69px;}
#logomovil{display: none;}

#flecha{POSITION:relative;z-index:10;left:90%;bottom:80px; width:50px; height:50px;}

#flechas{POSITION:absolute;z-index:10;left:50%;bottom:20px; width:50px; height:50px; margin-left:-25px;}

#flotante1{POSITION:relative;z-index:3;bottom:132px; width:116px; height:157px; left:100%; margin-left:-116px;}

.smooth{color:#ffffff;font-size:12px;font-family: 'Roboto', sans-serif; text-transform:uppercase; text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; font-weight:700;}
.smooth:hover{color:#ffe010; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.nuevomens{color:#ffffff;font-size:12px;font-family: 'Roboto', sans-serif; text-transform:uppercase; text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; font-weight:700;}
.nuevomens:hover{color:#ffe010; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}


.smooth2{color:#6d6a72;font-size:12px;font-family: 'Roboto', sans-serif; text-transform:uppercase; text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; font-weight:700;}
.smooth2:hover{color:#ffe010; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.nuevomens2{color:#6d6a72;font-size:12px;font-family: 'Roboto', sans-serif; text-transform:uppercase; text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; font-weight:700;}
.nuevomens2:hover{color:#ffe010; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.texto1{color:#006e41;font-size:45px;font-family: 'Oswald', sans-serif;}
.texto2{color:#ffffff;font-size:45px;font-family: 'Roboto', sans-serif;font-weight:700;}
.texto3{color:#ffffff;font-size:20px;font-family: 'Roboto', sans-serif; line-height:150%; }
.texto4{color:#006e41;font-size:40px;font-family: 'Roboto', sans-serif;font-weight:700;}
.texto5{color:#646469;font-size:40px;font-family: 'Roboto', sans-serif;font-weight:700;}
.texto6{color:#ffffff;font-size:70px;font-family: 'Roboto', sans-serif;font-weight:700;}
.texto7{color:#646469;font-size:32px;font-family: 'Roboto', sans-serif;}
.texto8{color:#646469;font-size:22px;font-family: 'Roboto', sans-serif;font-weight:700;}
.texto9{color:#969696;font-size:16px;font-family: 'Roboto', sans-serif; }
.texto10{color:#646469;font-size:55px;font-family: 'Roboto', sans-serif;font-weight:700;}
.textonius{color:#ffe010;font-size:40px;font-family: 'Roboto', sans-serif;font-weight:700;}
.texto11{color:#ffffff;font-size:40px;font-family: 'Roboto', sans-serif;font-weight:700;}


.texto12{color:#3a6e45;font-size:45px;font-family: 'Roboto', sans-serif;font-weight:700;}
.texto13{color:#3a6e45;font-size:27px;font-family: 'Roboto', sans-serif;font-weight:700;}
.texto14{color:#646469;font-size:27px;font-family: 'Roboto', sans-serif;font-weight:400; line-height:150%;}

.texto15{color:#6d6a72;font-size:15px;font-family: 'Roboto', sans-serif;font-weight:400;}
.texto16{color:#3a6e45;font-size:15px;font-family: 'Roboto', sans-serif;font-weight:700; line-height:150%;}

.texto17{color:#6d6a72;font-size:20px;font-family: 'Roboto', sans-serif;font-weight:400;}
.texto18{color:#3a6e45;font-size:20px;font-family: 'Roboto', sans-serif;font-weight:700; line-height:150%; text-decoration:none;}

#pie{ width:100%; background-color:#1d252b; }
#flechu{POSITION:relative;z-index:4;right:-45%;bottom:80px; width:50px; height:50px;}

#arriba, #arriba1, #arriba2{display:inline-block;vertical-align:top;}
#arriba{width:1200px;vertical-align:middle; text-align:left; }
#arriba1{width:260px;margin-right:-4px; background-color:#ffffff; text-align:left;}
#arriba2{width:940px;margin-right:-4px; background-color:#006e41; line-height:80px; text-align:right;}
.latabla{ width:650px;}

#conoceme, #conoceme1, #conoceme2, #conoceme2{display:inline-block;vertical-align:top;}
#conoceme{width:1200px;vertical-align:middle; text-align:left; }
#conoceme1{width:550px;margin-right:-4px;  text-align:left;}
#conoceme2{width:100px;margin-right:-4px;  text-align:left;}



.elogo1{ display:block;}
.elogo2{ display:none;}

.elbrocoli{ width:95%; max-width:1212px; margin-top:-100px;}

#flotante2{POSITION:relative;z-index:3; width:205px; height:205px; left:10%; top:-102px;}

.elbrocoli2{ width:95%; max-width:1212px; text-align:left;}

#iconos, #iconos1{display:inline-block;vertical-align:top;}
#iconos{width:1200px;vertical-align:middle; text-align:left; }
#iconos1{width:240px;margin-right:-4px;  text-align:center;}

#proceso, #proceso1, #proceso2{display:inline-block;vertical-align:top;}
#proceso{width:1200px;vertical-align:middle; text-align:left; }
#proceso1{width:550px;margin-right:-4px;  text-align:left;}
#proceso2{width:100px;margin-right:-4px;  text-align:center;}


#certificame, #certificame1, #certificame2{display:inline-block;vertical-align:top;}
#certificame{width:1200px;vertical-align:middle; text-align:left; }
#certificame1{width:390px;margin-right:-4px;  text-align:left; line-height:110px;}
#certificame2{width:270px;margin-right:-4px;  text-align:center;}

.lali{ width:100%; height:27px;}


#pieses, #pieses1, #pieses2, #pieses3{display:inline-block;vertical-align:top;}
#pieses{width:1200px;vertical-align:middle; text-align:left; }
#pieses1{width:325px;margin-right:-4px;  text-align:left;}
#pieses2{width:825px;margin-right:-4px;  text-align:left;}
#pieses3{width:50px;margin-right:-4px;  text-align:left;}


#contact, #contact1, #contact2, #contact3{display:inline-block;vertical-align:top;}
#contact{width:1200px;vertical-align:middle; text-align:left; }
#contact1{width:420px;margin-right:-4px;  text-align:left;}
#contact2{width:160px;margin-right:-4px;  text-align:left;}
#contact3{width:620px;margin-right:-4px;  text-align:center;}

.transparente{background-color:#ffffff;text-align:left; padding-left:20px;HEIGHT:70px;width:96%;border:1px solid #ffffff;font-size:20PX;color:#646469;font-family: 'Roboto', sans-serif;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px;}

.boton1{background-color:#006e41;text-align:center;HEIGHT:50px;width:100%;border:1px solid #3a6e45;font-size:18PX;color:#ffe010;font-family: 'Roboto', sans-serif;cursor:pointer;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px;}


#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: 0px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #ffe100;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: #006e41;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  text-align: right;
  margin-right:52px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
  font-size: 45px;
  opacity:.65;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;font-size: 48px;
  opacity:1;-webkit-transition: .25s;
  transition: .25s;
}
.overlay ul li a:after {
  font-size: 55px;
  opacity:.65;-webkit-transition: .25s;
  transition: .25s;
  
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


@media screen and (max-width:1300px){
 
}

@media screen and (max-width:1210px){
#arriba{width:900px;vertical-align:middle; text-align:left; }
#arriba1{width:250px;margin-right:-4px; background-color:#ffffff; text-align:left;}
#arriba2{width:650px;margin-right:-4px; background-color:#006e41; line-height:80px; text-align:right;}
.latabla{ width:630px;}


#pieses{width:90%;vertical-align:middle; text-align:center; }
#pieses1{width:100%;margin-right:0px;  text-align:center;}
#pieses2{ display:none;}
#pieses3{width:100%;margin-right:0px;  text-align:center;}

#conoceme{width:1000px;vertical-align:middle; text-align:left; }
#conoceme1{width:475px;margin-right:-4px;  text-align:left;}
#conoceme2{width:50px;margin-right:-4px;  text-align:left;}

#iconos{width:960px;vertical-align:middle; text-align:left; }
#iconos1{width:240px;margin-right:-4px;  text-align:center;}

#proceso{width:950px;vertical-align:middle; text-align:left; }
#proceso1{width:450px;margin-right:-4px;  text-align:left;}
#proceso2{width:50px;margin-right:-4px;  text-align:center;}

#certificame{width:810px;vertical-align:middle; text-align:left; }
#certificame1{width:100%;margin-right:0px;  text-align:center; line-height:110px;}
#certificame2{width:270px;margin-right:-4px;  text-align:center;}

#contact{width:900px;vertical-align:middle; text-align:left; }
#contact1{width:350px;margin-right:-4px;  text-align:left;}
#contact2{width:50px;margin-right:-4px;  text-align:left;}
#contact3{width:500px;margin-right:-4px;  text-align:center;}

}

@media screen and (max-width:1010px){
#conoceme{width:90%;vertical-align:middle; text-align:left; }
#conoceme1{width:100%;margin-right:0px;  text-align:left;}
#conoceme2{width:100%;margin-right:0px;  text-align:left;}
}

@media screen and (max-width:970px){
#iconos{width:720px;vertical-align:middle; text-align:left; }
#iconos1{width:240px;margin-right:-4px;  text-align:center;}	

#proceso{width:90%;vertical-align:middle; text-align:left; }
#proceso1{width:100%;margin-right:0px;  text-align:left;}
#proceso2{ display:none;}

}

@media screen and (max-width:910px){
#arriba{width:90%;vertical-align:middle; text-align:left; }
#arriba1{width:100%;margin-right:-4px; background-color:#ffffff; text-align:left;}
#arriba2{display:none;}
.latabla{ display:none;}

#menumovil{ z-index:9999;position: fixed;top: 27px;;
  right: 30px;
  height: 27px;
  width: 35px; display:block;}

#elheader{ width:100%; height:80px; background:url(../imagenes/cabo2.jpg) no-repeat 50% 50%; position:absolute; z-index:10;}
#flecha{POSITION:relative;z-index:4;left:50%;bottom:80px; width:50px; height:50px; margin-left:-25px}

#slide4{background:url(../imagenes/separador.jpg) no-repeat 50% 50%  ;background-size:cover; height:500px; text-align:center;}

#contact{width:90%;vertical-align:middle; text-align:left; }
#contact1{width:100%;margin-right:0px;  text-align:left;}
#contact2{ display:none;}
#contact3{width:100%;margin-right:0px;  text-align:center;}

.transparente{background-color:#ffffff;text-align:center; padding-left:0px;HEIGHT:50px;width:100%;border:1px solid #ffffff;font-size:20PX;color:#646469;font-family: 'Roboto', sans-serif;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px;}

.boton1{background-color:#006e41;text-align:center;HEIGHT:50px;width:100%;border:1px solid #3a6e45;font-size:18PX;color:#ffe010;font-family: 'Roboto', sans-serif;cursor:pointer;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px;}
}

@media screen and (max-width:910px){
#certificame{width:400px;vertical-align:middle; text-align:left; }
#certificame1{width:100%;margin-right:0px;  text-align:center; line-height:110px;}
#certificame2{width:400px;margin-right:0px;  text-align:center;}
}

@media screen and (max-width:720px){	

.smooth{font-size:14px; color:#ffffff;}


#flotante2{POSITION:relative;z-index:3; width:205px; height:205px; left:50%; margin-left:-102px; top:-120px;}

#iconos{width:420px;vertical-align:middle; text-align:left; }
#iconos1{width:210px;margin-right:-4px;  text-align:center;}

}

.ball {
    margin: 0 auto;
    -moz-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
}

@-moz-keyframes spin {
    0% {
opacity: 1;   -moz-transform: translateY(-5px); }

    100% {
opacity: 1;  -moz-transform: translateY(5px);   }
}



@-webkit-keyframes spin {
    0% {
opacity: 1; -webkit-transform: translateY(-5px); }

    100% {
opacity: 1; -webkit-transform: translateY(5px); }  
}


.ball2{-moz-animation:spin2 1.5s infinite linear;-webkit-animation:spin2 1.5s infinite linear;-0-animation:spin2 1.5s infinite linear;animation:spin2 1.5s infinite linear;}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(-6px);}
}
@-webkit-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(-6px);}
}
@-o-keyframes spin2{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(-6px);}
}
@-moz-keyframes spin2{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-webkit-keyframes spin{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}
.flecha3{-moz-animation:spin3 1.5s infinite linear;-webkit-animation:spin3 1.5s infinite linear;-0-animation:spin3 1.5s infinite linear;animation:spin3 1.5s infinite linear;}
@-moz-keyframes spin3{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-webkit-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin3{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}