@charset "utf-8";

/*  INDEX    */

.celula-cp {
  width: 45%;
  display: inline-block;
  padding: 1%;
  margin: 2% 1%;
  float: left;
  border: 2px dashed #346634;
  color: #346634;
  opacity: .8;
}
.celula-cp a {
  color: #346634;
}
.celula-cp:hover {
  opacity: 1;
}

.input-index {
  width: 96%;
  padding: 2%;
  margin: 10px 0;
  border-radius: 5px;
  border: 2px dashed #346634;
  color: #346634;;
  font-weight: bold;
  font-size: 1.2em;
  background: rgba(0,0,0,0);
}

.bt-index {
  width: 96%;
  padding: 2%;
  margin: 10px 0;
  border-radius: 5px;
  border: 2px solid #346634;
  color: #ffffff;
  background: #346634;;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

/*   PGs    */

.tabela-horta {
  width: 100%;
  float: left;
}

.classe-a {
  width: calc(31% - 10px);
  float: left;
  padding: 1%;
  margin: 5px;
  background: var(--bg-cel);
}

.classe-b {
  width: calc(31% - 10px);
  float: left;
  padding: 1%;
  margin: 5px;
  background: var(--bg-cel2);
}

.pgs-div {
  width: 100%;
  float: left;
  padding: 5px 0;
  margin: 10px 0;
  text-align: center;
}

.pg-i:link {
  color: #346634;
  border: 1px solid #346634;
  padding: 5px;
  margin: 5px;
}
.pg-a:link {
  color: #cdcdcd;
  border: 1px solid #cdcdcd;
  padding: 5px;
  margin: 5px;
}

.tablink {
  font-weight: bold;
  font-size: 1.1em;
}

.tabela-plantio {
  width: 100%;
  float: left;
}
.tabela-plantio th {
  width: 16%;
  margin: 1%;
  padding: 1%;
  font-weight: bold;
  background: rgba(0,0,0,.2);
}

tabela-plantio td {
  width: 16%;
  margin: 1%;
  padding: 1%;
  background: rgba(0,0,0,.1);
}

/*     CONTATO     */

.contato-input {
  width: 95%;
  padding: 2%;
  margin: 10px 0;
  border-radius: 5px;
  border: 2px dashed #346634;
  color: #346634;
  font-weight: bold;
  font-size: 1.2em;
  background: rgba(0,0,0,0);
}

.contato-bt {
  width: 95%;
  padding: 2%;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #346634;;
  background: #346634;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2em;
}

/*     MOBILE     */

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

  .celula-cp {
    width: 95%;
    opacity: 1;
  }
  .classe-a, .classe-b {
    width: 95%;
  }
}