table {
  border-collapse: collapse;
  width: 35em;
  
}

th, td {
  text-align: center;

}
tr:hover {
  background-color:#dfe5ec;
  color: #fff;
}
thead tr:hover {
  background-color: transparent;
  color: inherit;
}

tr:nth-child(even){background-color: #f2f2f2}

/* home end**************************************************/

/* Abas end**************************************************/
/*RESET*/


/* abas end**************************************************/

/* checkbox ñ marcado */
input[type='radio'] + label::before {
  content: '';
  display: inline-block;
  background: url(https://i.stack.imgur.com/vdAsr.png) no-repeat;
  width: 30px;
  height: 30px;
}

/* checkbox marcado */
input[type='radio']:checked + label::before {
  background: url(https://i.stack.imgur.com/hOuFX.png) no-repeat;
}
/* Fim do checkbox radiobutton**************************************************/
/* Animação**************************************************/

.div_mae, .div_pai {
  animation: go-back 2s;
}
@keyframes go-back {
  0% {
      transform: translateY(500px);
  }
  100% {
      transform: translateX(0px);
  }
}
/* Fim Animação**************************************************/

.btreceitar, .bt_u {
  display: block;
  width: 90%;
  height: 40px;
  line-height: 40px;
  margin: 20px;
  background-color:#4CAF50;
  color: #FFF;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}

.Count_a, Buton_a{
  display: block;
  width: 90%;
  height: 40px;
  line-height: 40px;
  margin: 20px;
  background-color:#df315c;
  color: #FFF;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;

}

.Buton_a{
  display: block;
  width: 90%;
  height: 50px;
  line-height: 50px;
  margin: 5px;
  background-color:#df315c;
  color: #FFF;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}

.btreceitar, .bt_u, .Buton_a, .Count_a:hover {
  background-color: #45a049;
}

div.div_master {
  margin: auto;
  margin-bottom: 20px;
  padding: 0px 30px;

  font-family: Arial;
}

div.div_mae{
  display: grid;
  width: 49%;
  float: left;
  border-radius: 2%;
  margin: auto;

}
div.div_pai{
  display: grid;
  width: 49%;
  float: right;
  border-radius: 2%;
  margin: auto;
}
div.div_filho, .div_filho02{
  display: grid;
  margin: auto;
}
div.div_filho, .div_filho02, #input_email, hr{
 width: 100%;
}
.window{
  display:none;
  width:300px;
  height:300px;
  position:absolute;
  left:0;
  top:0;
  background:#FFF;
  z-index:9900;
  padding:10px;
  border-radius:10px;
}

#mascara{
  display:none;
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
}

.fechar{display:block; text-align:right;}
/* ///////////////////*/

input[type=text], input[type=submit] select, textarea, .input_password, .input_email, input, .cpf {
  width: 85%;
  padding: 12px;
  border: 1px solid black;
  border-radius: 4px;
  resize: vertical;
  margin: 10px 5px 5px 5px;
  font-size: 20px;
}

label {
  padding: 12px 12px 1px 12px;
  display: inline-block;
}

input[type=submit], .btreceitar {
  background-color: #4CAF50;
  color: white;

  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin: 12px 3px 35px 3px;
  
}

input[type=submit]:hover {
  background-color: #45a049;
}


.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Limpe os flutuadores após as colunas */
.row:after {
  content: "";
  display: table;
  clear: both;
}

fieldset{
  margin: 10px 5px 5px 5px;
  width: 98%;
  height: 30%;
  align-content: center;
}
legend{
  margin-bottom: 20px;
}

h1,H4{
  text-align: center;
 }

 /*footer */
 h5.direitos{

  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
 }
 
/* Layout responsivo - quando a tela tem menos de 600 px de largura, empilhe as duas colunas uma em cima da outra, em vez de uma ao lado da outra */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit], #matrix {
    margin-top: 0;
    font-size: 19px;

  }
  section, #home{
    margin-left: 6%;
  }
  
  section, hr{
    margin-right: 6%;
  }
  div.div_master {
      width: 80%;
      right: 100%;
      display: grid;
      margin: auto;
      margin-bottom: center;
      
    } 
    div.div_mae{
      display: grid;
      background-color: #F0FFF0;
      width: 100%;
      margin-bottom: 20px;
      margin-top: 20px;
      margin-bottom: 10%;
    
    }
    div.div_pai{
      display: grid;
      background-color: #E0EEE0;
      width: 100%;
      margin-top: 20px;
    }
    .div_pai.grapic{
      width: 100%; height: 490%;
    }   
    input.in_tab{
      width: 75%;
    }
   /* Tabela início */

    table {
      border-collapse: collapse;
      width: 16em;
    
    }
    
    th, td {
      text-align: center;
    
    }
    
    tr:nth-child(even){background-color: #f2f2f2;
    }
     /* Tabela fim */

 }