@import url("fontface.css");
@charset "utf-8";
/*GERAIS */
*{margin:0px; padding:0px;}
body{ width:100%; color:#6A8469; line-height:28px; font-size:15px; font-family:'robotoregular', Arial, Helvetica, sans-serif ; background-color:#FAFAF0; font-smooth:always; overflow-x:hidden; }

a:link {	color: #00FFBF;	text-decoration: none; }
a:visited {	color: #00FFBF;	text-decoration: none; }
a:hover {	color: #999; text-decoration: none; }
a:active {	color: #999; text-decoration: none; }

::-webkit-scrollbar { height: 12px; width: 12px; background:#FFF; }
::-webkit-scrollbar-thumb { background:#4BAD46;}
::-webkit-scrollbar-thumb:hover { background: #4BAD46;}
::-webkit-scrollbar-thumb:active { background:#4BAD46;}



body img{width: 100% auto; border:none;}
ul li{ list-style:none;}
.clear{ clear:both;}


.imagee {width: 100% ; height:auto; min-height:auto;}

.greydout { 
	-webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 10.5s ease;
  	transition: all 0.5s ease;


}
   
.greydout:hover {
   -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;

	
		
}



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

	
/*HOME */
h1{font-family: 'robotobold', Arial, Helvetica, sans-serif; font-size:38px; letter-spacing:1px; color:#204C2B; text-transform:uppercase; line-height:36px; }
h2{ font-family: 'robotobold', Arial, Helvetica, sans-serif; font-size:80px; color:#1F4C2B;  letter-spacing:-2px; line-height:36px; }
h3{ font-family: 'robotobold', Arial, Helvetica, sans-serif; font-size:45px; color:#1F4C2B; margin-top:20px; letter-spacing:-2px; padding:22px; line-height:46px;}


#parallax-container {
  display: block;
  height: auto;
}


.top{width:100%; height:115px; background-color:#FAFAF0; float:left;}
.centerlogo{ width:100%; position:absolute;z-index:3;}
.logo{ width:180px; height:auto; margin:auto; margin-top:8px;  }
.logo a:hover{-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;}
.bannerhome{ width:100%; margin:auto; margin-top:0px; float:left;}


.menu a:link{ font-size:20px; padding:4px 20px 0 20px;  color:#FFF; text-decoration:none; display:block; letter-spacing:2px; font-family: 'robotobold', Arial, Helvetica, sans-serif;}
.menu a:hover{ background-color:#4BAD46; text-decoration:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.menu a:visited{ color:#FFF; text-decoration:none;}

.animated menu{ width:60px; text-align:right; position: absolute; right:0px; top:0px; z-index:10;}

.frase{ padding:15px 15px 15px 0; position:absolute; z-index:3; color:#465740;  font-size:140px; left:10%; top:26%; font-family: 'robotobold', Arial, Helvetica, sans-serif; letter-spacing:-1px; line-height:120px;}

.baixo{width:100%; background-color:#FAFAF0; float:left;}

.bgbaixo{ width:100%; background-color:#FAFAF0; float:left;}
.centerbaixo{width:90%; margin-left:5%;  float:left;}

.intro{width:60%; margin-left:20%; margin-top:10%; margin-bottom:10%; text-align:center; float:left;}

.selos{width:100%; height:auto; margin-top:20px; margin-bottom:20px; text-align:center; float:left;}
.selos img{ max-width:800px;}


.pictureleft{width:48%; height:auto; margin-bottom:2%; background-color:#D2AF6F; float:left; display:block;}
.pictureleftcel{display: none;}

.pictureright{width:48%; height:auto; margin-left:4%; margin-bottom:2%; float:left;}

.textpictureleft{ width:60%; margin-left:20%; margin-top:20%; color:#FFF; text-align:right; font-size:18px; float:left; }

.advertising{width:100%; padding-top:10%; margin-top:-40%;  background-image:url(../img/bg_mandala.jpg); background-repeat:repeat-x; background-position:center top; float:left;}

.adleft{ width:46%; margin-top:12%; font-family: 'robotobold', Arial, Helvetica, sans-serif; font-size:90px; line-height:90px; color:#503F25; text-align:right; float:left;}

.adright{ width:46%; margin-left:4%; padding-bottom:4%; float:left;}
.adright img{ max-width:762px; height:auto;}

.3pic{ width:100%; height:auto; background-color:#6A8469;  float:left;}
.firstpic{ width:29.9%; height:auto;  float:left;}

.secondpic{width:70.1%; height:auto; float:left;}
.secondpic img{max-height:587px;}

.prefooterad{width:100%; height:549px; background-color:#6A8469; background-image:url(../img/prefooterad.png); background-repeat:repeat-x; background-position:center top; float:left;}
.prefooteradtext{ width:60%; margin-left:20%; font-family: 'robotobold', Arial, Helvetica, sans-serif; font-size:65px; line-height:65px; color:#fff; text-align:center; margin-top:10%; float:left; }

.footer{ width:100%; background-color:#465740; padding-top:5%; float:left}
.intofooter{ width:80%; margin-left:10%; text-align:center; float:left;}

.logofooter{ width:90%; margin-left:5%; float:left;}
.endfooter{ width:50%; margin-left:25%; margin-top:20px; font-size:16px; color:#FFFFFF; font-family: 'robotobold', Arial, Helvetica, sans-serif; float:left;}
.phonefooter{width:50%; margin-left:25%; margin-top:20px; color:#6A8469;  font-family: 'robotobold', Arial, Helvetica, sans-serif; font-size:26px; float:left;}
.mailfooter{width:100%; margin-top:20px; float:left;}

.redesfooter{width:80%; margin-left:10%; margin-top:50px; margin-bottom:20px;float:left;}
.margred{ margin-left:10px;}

.creditfooter{ width:100%; margin-top:4%; background-color:#2F392B; float:left;}
.webdesign{ width:80%; margin-left:10%; margin-top:1%; margin-bottom:1%;text-align:right; float:left;}



/*ABOUT */

.about{width:50%; margin-left:25%; margin-top:10%; margin-bottom:10%; text-align:center; float:left;}
.advertisingabout{width:100%; padding-top:10%; margin-top:-15%;  background-image:url(../img/bg_mandala_about.jpg); background-repeat:repeat-x; background-position:center bottom; float:left;}
.imgabout{ width:90%; margin:auto; margin-left:5%; padding-bottom:4%; text-align:center; float:left;}
.imgabout img{ max-width:762px;}

.pictureabout{ width:100%; margin-bottom:15%; float:left;}



/*PRODUTOS */

.largertext{ font-size:28px;}

.boxproducts{ width:100%; margin-bottom:5%; padding-bottom:45px; border-bottom: dotted 2px #BBBBBB; float:left;}

.boxlefttext{ width:48%; text-align:right; padding-top:7%; background-image:url(../img/bg_prod.png); border:dotted 4px #FAFAF0; float:left;}
.boxrightpicture{width:50%; text-align:center; float:left;}

.boxleftpicture{width:50%; text-align:center; float:left;}
.boxrighttext{ width:48%; text-align:left; padding-top:7%; background-image:url(../img/bg_prod.png); border:dotted 4px #FAFAF0; float:right;}

.textdescription{ width:65%; margin-top:-35px; margin-right:5px; float:right;}
.textdescriptionright{ width:65%; margin-top:-35px; margin-left:5px; float:left;}

.bgh{padding:6px; padding-right:20px; padding-left:20px; padding-bottom:20px;}


.gengibre{ background-image:url(../img/bg_gengibre.jpg); background-repeat:repeat-x; background-position:center bottom;}
.maracuja{ background-image:url(../img/bg_maracuja.jpg); background-repeat:repeat-x; background-position:center bottom;}
.mirtilo{ background-image:url(../img/bg_mirtilo.jpg); background-repeat:repeat-x; background-position:center bottom;}
.uva{ background-image:url(../img/bg_uva.jpg); background-repeat:repeat-x; background-position:center bottom;}



/*CONTATO */

.bgcontato{width:100%; padding-top:10%; margin-top:-10%;  background-image:url(../img/bg_contato.png); background-repeat:repeat-x; background-position:center top; float:left;}
.imgcontato{ width:40%; margin:auto; margin-left:30%; margin-top:00%; padding-bottom:4%; text-align:center; float:left;}
.imgcontato img{max-width:497px;}

.whats{width:100%; text-align:center; margin-top:40px; margin-bottom:100px; float:left;}
.whats img{ max-width:940px;}



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

body{font-size:13px;}
h1{font-size:30px;}	
h2{ font-size:70px; line-height:60px; }
h3{ font-size:34px; line-height:34px;}

.frase{ font-size:90px; left:10%; top:20%; line-height:75px;}

.adleft{ margin-top:10%; font-size:50px; line-height:40px;}

.firstpic{ width:100%; }

.secondpic{width:100%;}

.prefooteradtext{ font-size:45px; line-height:45px;}

.endfooter{font-size:14px;}
.phonefooter{font-size:22px;}



/*ABOUT */

.about{width:70%; margin-left:15%;}
.imgabout img{ max-width:640px;}


/*PRODUTOS */

.largertext{ font-size:22px;}


.boxlefttext{padding-top:0;}

.boxrighttext{ padding-top:0;}

.textdescription{ width:80%; margin-top:-55px; margin-right:18px; line-height:20px;}
.textdescriptionright{ width:80%; margin-top:-55px; margin-left:18px; line-height:20px;}

.bgh{ padding:6px 6px 6px 6px;}

.gengibre{ background-image:url(../img/bg_gengibre_t.jpg); background-repeat:repeat-x; background-position:center bottom;}
.maracuja{ background-image:url(../img/bg_maracuja_t.jpg); background-repeat:repeat-x; background-position:center bottom;}
.mirtilo{ background-image:url(../img/bg_mirtilo_t.jpg); background-repeat:repeat-x; background-position:center bottom;}
.uva{ background-image:url(../img/bg_uva_t.jpg); background-repeat:repeat-x; background-position:center bottom;}


}



@media screen and (max-width: 580px) {
	
body{line-height:20px;}
h1{font-size:20px; line-height:26px;}
h2{ font-size:50px; line-height:60px; }

	
.frase{ font-size:50px; left:10%; top:150px; line-height:40px;}

.intro{width:80%; margin-left:10%;}

.selos img{ max-width:580px;  height:auto;}
.pictureleft{ display:none;}
.pictureleftcel{ display:block; width:100%; margin-bottom:10%;}

.pictureright{width:100%; margin-left:0; margin-bottom:10%;}

.advertising{margin-top:-100%; }

.adleft{ width:90%; margin-top:5%; margin-left:5%; margin-bottom:10%; font-size:60px; line-height:60px;text-align:center;}
.adright{ width:90%; margin-left:0; margin-left:5%; text-align:center; float:left;}


.prefooterad{ height:350px;}

.endfooter{font-size:13px;}
.phonefooter{font-size:18px;}
.webdesign{text-align:center;}




/*ABOUT */

.about{width:80%; margin-left:10%;}



/*PRODUTOS */

.largertext{ font-size:18px;}

.boxlefttext{ width:80%; margin-left:10%; text-align:center; padding-top:0;}
.boxrightpicture{width:100%;margin-left:0;}


.boxleftpicture{width:100%; margin-right:0;}
.boxrighttext{ width:80%; margin-right:10%; text-align:center; padding-top:0; background:none; border:none; }



.textdescription{ width:100%; margin-top:-55px; margin-right:0; line-height:20px;}
.textdescriptionright{ width:100%; margin-top:-55px; margin-left:0; line-height:20px; }



.gengibre{ background-image:url(../img/bg_gengibre_c.jpg); background-repeat:repeat-x; background-position:center bottom;}
.maracuja{ background-image:url(../img/bg_maracuja_c.jpg); background-repeat:repeat-x; background-position:center bottom;}
.mirtilo{ background-image:url(../img/bg_mirtilo_c.jpg); background-repeat:repeat-x; background-position:center bottom;}
.uva{ background-image:url(../img/bg_uva_c.jpg); background-repeat:repeat-x; background-position:center bottom;}



}