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


/* //////////////////  buttonlinear  //////////////////  */
/* alterações */
.buttonlinear {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    font-family: "Helvetica", Arial;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    /* alterações */
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    width: 99%;
}
.buttonlinear span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.buttonlinear span:after {
  content: '--->';
  position: absolute;
  opacity: 0;
  top: 0;
  right: 40px;
  transition: 0.5s;
}
.buttonlinear:hover span {
  padding-right: 80px;
}
.buttonlinear:hover span:after {
  opacity: 1;
  right: 0;
}
/* //////////////////  buttonlinear  //////////////////  */


/* //////////////////  button TOPO voltar  //////////////////  */
.buttonvoltar {
    background-color: #6b6b6b; /* cinza */
    border: none;
    color: white;
    font-family: "Helvetica", Arial;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    /* alterações */
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    width: 160px;
}
.buttonvoltar span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.buttonvoltar span:after {
  content: '<<<<';
  position: absolute;
  opacity: 0;
  top: 0;
  right: 40px;
  transition: 0.5s;
}
.buttonvoltar:hover span {
  padding-right: 80px;
}
.buttonvoltar:hover span:after {
  opacity: 1;
  right: 0;
}
/* //////////////////  button TOPO voltar Fim  //////////////////  */


/* Cor verde 1 #06412b  */
/* Cor verde 2 #c5e5ce  */
/* Cor verde 3 #2dae51  */
/* //////////////////  button Nivel 1  //////////////////  */
.button_niv1 {
    background-color: #2dae51; /* cinza */
    border: none;
    color: white;
    font-family: "Helvetica", Arial;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    /* alterações */
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    width: 200px;
}
.button_niv1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.button_niv1 span:after {
  content: '<<<<';
  position: absolute;
  opacity: 0;
  top: 0;
  right: 40px;
  transition: 0.5s;
}
.button_niv1:hover span {
  padding-right: 80px;
}
.button_niv1:hover span:after {
  opacity: 1;
  right: 0;
}
/* //////////////////  button Nivel 1 Fim  //////////////////  */



/* abrir */
/* VERDES */
/* VERRDE MONÇÃO #133b2d */
/* VERRDE variante MONÇÃO #1a5842 */
/* fechar */
/* //////////////////  button Nivel 2  //////////////////  */
.buttonniv2 {
    background-color: #1a5842; /* Verde MNC */
    border: none;
    color: white;
    font-family: "Helvetica", Arial;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    /* alterações */
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    width: 99%;
}
.buttonniv2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.buttonniv2 span:after {
  content: 'OPEN';
  position: absolute;
  opacity: 0;
  top: 0;
  right: 40px;
  transition: 0.5s;
}
.buttonniv2:hover span {
  padding-right: 80px;
}
.buttonniv2:hover span:after {
  opacity: 1;
  right: 0;
}
/* //////////////////  button Nivel 2 Fim //////////////////  */


/* - */


/* //////////////////  button Nivel 3 //////////////////  */
/* abrir */
.buttonniv3 {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    font-family: "Helvetica", Arial;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    /* alterações */
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    width: 99%;
}
.buttonniv3 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.buttonniv3 span:after {
  content: '>>>>';
  position: absolute;
  opacity: 0;
  top: 0;
  right: 40px;
  transition: 0.5s;
}
.buttonniv3:hover span {
  padding-right: 80px;
}
.buttonniv3:hover span:after {
  opacity: 1;
  right: 0;
}
/* //////////////////  button Nivel 3 Fim //////////////////  */
/* abrir */