*{ margin: 0; padding: 0 }

body{ font-family: 'Roboto Regular', sans-serif; overflow-x: hidden; }
a{ list-style: none; text-decoration: none }

.faixa{ width: 100%; height: 52px; background: #A1B969; line-height:52px; color: #FFF; font-size: 13px;}
.topo{ margin-right:20px; }
.img-logo{
	height: 89px;
	width: 70px;
	display: block; /*span é in-line e precisamos de um bloco*/
	background: url('../interface/logo.png') no-repeat;
	background-size: contain;/*esta imagem de fundo vai ter o mesmo tamanho que decidimos acima*/
}

.navbar-toggle{ margin-bottom: 80px; }

.navbar{height: auto; margin-bottom: 2px; }
.nav { padding: 40px 45px ; }
.navbar-nav>li>a {
	padding: 0px 30px;
	font-size: 15px;
	font-weight: 500;
	color: #442658;
	margin-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1.4em;
}

.navbar-nav>li>a:hover{
	background: #FFF;
	color: #777777;
}

.icon-bar{ background: #442658 }

/********************slide*******************************/

.slider {
	margin-top:10px;
}

.item img{ width: 100%; }


#carousel-slider .carousel-indicators {
  bottom: 0px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #A1B969;
}

#carousel-slider a i {
  border: 1px solid  #A1B969;;
  border-radius:50%;
  font-size: 30px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color: #A1B969;
}

#carousel-slider a i:hover {
  background: #A1B969;
  color:#fff;
  border: 1px solid  #A1B969;
}

#carousel-slider 
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:50px;
  top:265px;
}

#carousel-slider .carousel-control.right i {
  right: 50px;
  top:265px;
}

#carousel-slider
.carousel-control.left, 
#carousel-slider
.carousel-control.right {
  background: none;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 150px;
  font-size:40px;
  left: 15%;
  z-index: 10;
  padding-bottom: 0px;
  color: #fff;
  text-align: center;
}

.carousel-caption  h2 {
	font-size:60px;
	color: #A1B969;
}

.carousel-caption  h2 span {
	font-size:60px;
	color: #fff;
}

.carousel-caption  p {
  font-size:30px;
  margin-top:30px;
  color:#fff;
}

.text-center img{ width: 33%; }
#links img{ width: 25%; height:auto; float:left; margin-left: -1px; 
  -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
      -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
       -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
        -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
           transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}
#links img:hover{ -webkit-transform: scale(1.5);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);   }
/***************************************************/

.produtos{ width: 100%; height: 208px; background:#A6B680}
.produtos h2{ margin-top: 140px; color:#FFF; }
.linha{ width: 100%; height: 4px; background: #A6CE39; margin-top: -7px; }
.img-produtos{ margin-top: 40px;} 
.img-produtos img { width: 100%; }
.img-produtos img:hover{ margin-top: -20px;  -webkit-transition-duration: .5s; }
.esquerdo{ float: left; color: #FFF; margin-left: 50px; color: #FFF}
.direito{ line-height: 30px; float: left; margin-left: 3px; color: #FFF}


.galeria h2{ color:#323438}

.img-galeria .col-md-3{ margin-top: 50px; }

.blog { width: 100%; height: auto; background: #89A843 }
.blog .col-md-4{ margin-top: 20px; }
.blog h4 { font-size: 1em; font-weight: 900; color: #666 }

.quadro { width: 100%; height: auto; background: #FFF; padding: 15px;}
.quadro button{ width: 100px; height: 40px; background: #63406C; color: #FFF; font-weight: 100; border: none; font-size: 14px;}
.quadro button:hover{ background: #FFF; color: #63406C; font-weight: 100; border: 1px solid #63406C ;}
.quadro a{ color: #FFF }
.quadro a:hover{ color: #63406C }

.historia{ width: 100%; height: auto; background:#89A843; padding: 10px;}
.hitoria img{ margin-top: 50px; }
.historia span{ color: #FFF }

.centraliza{ margin-top: 20px; color: #FFF; font-size: 1.3em;}

.contato{ width: 100%; height: auto; background: #FFF }
.contato h2{ margin-top: 50px; font-size: 1.6em; font-weight: 900}
.fb-page{ margin-top: 30px; margin-left: 3px; text-align: center }
.form-group { margin-top: 23px; }
.form-group span{ color: red; font-size: 12px; }
.btn-lg { width: 25%; height: 50px; margin-top: 20px; background:#89A843;}
.rodape{ width: 100%; height: auto; background-image: url('../interface/fundo.png'); margin-top: 20px;}
.rodape img{ max-height: 190px;}
.rodape .col-md-3{ color: #FFF; }
.rodape .glyphicon{ font-size: 1.4em; color:#89A843 }
.xxx { font-size: 2em; font-weight: 100; font-family: 'Roboto Light', sans-serif; }
.xx{ font-size: 1.2em; font-weight: 100; font-family: 'Roboto Light', sans-serif; margin-top: 10px; }
.xxy{font-size: 1em; font-weight: 100; font-family: 'Roboto Light', sans-serif; text-align: left;}
.caixa { margin-top: 80px; }

.versiculo{ width: 100%; height: auto; background:#FFF; }
.versiculo p{ color: #3B2250;  margin-bottom: 20px; margin-top: 20px; }


/************ blog ****************/

.cinza{ width: 100%; height: auto; background: #F7F7F7; border-bottom: 0.5px solid #EEE; border-top: 0.5px solid #EEE }
.cinza .ccc{ font-size: 12px; line-height: 55px; }
.cinza h3{ font-weight: 100;  }
.postagem{ margin-top: 20px;}
.postagem p{ width: 85%; height: auto; margin-top: 20px; margin-bottom: 20px; font-size: 13px; font-weight: 300; text-align: justify;}
.table { font-size: 12px; }

/********* pagina de produtos ***************/

.pag-produto{ margin-top: 60px;}
.yyy{ width: 100%; height: 1px; background: #999 }





@media screen and (max-width: 800px){
	.esquerdo{margin-left: 270px;}
  .rodape{ background: #3B2250; }
  .btn-lg { width: 100%; height: 50px; margin-top: 20px; background:#89A843;}
  .postagem p{ width: 100%;
}

@media screen and (max-width: 600px){
  .faixa{ height: auto; }
	.navbar-toggle{ margin-bottom: 60px; }
	.esquerdo{margin-left: 40%;}
  .rodape .col-md-3{ margin-top: -60px; }
  .rodape img{ max-height: 120px; margin-top: 75px;}
  .img-produtos img { width: 60%; margin-left: 20%; }
  #links img{ width: 100%;}
}


.row{ width: 98%; }