h3{
	text-align:center;
	font-weight:600;
	font-size:18px;
}
.centrado{text-align:center;}
.p_css{
    flex: 50%;
}

.nec{ display: flex;
flex-direction: column;
align-items: center;
}
.nec input{
	box-shadow: 3px 7px 5px 0px rgba(92, 49, 49, 0.41);
    height: 40px;
    width: 90px;
	border:none;
	text-align: -webkit-center;
}
.styled-table {
    border-collapse: collapse;
    width: 80%;
    
}

.styled-table caption {
    font-size: 20px;
    padding: 5px;
}

.styled-table th, .styled-table td {
    padding: 5px; 
}

.styled-table th {
    background-color: #009688;
    color: #fff;
}

.styled-table th, .styled-table td {
    border: 1px solid #ddd;height:30px;
}

.styled-table tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}
.t_humedo{  border-collapse: collapse;
    width: 80%;
  }
.t_humedo caption {
    font-size: 20px;
    padding: 5px;
}

.t_humedo th, .t_humedo td {
    padding: 5px;
}

.t_humedo th {
    background-color: #5564eb ;
    color: #fff;
}

.t_humedo th, .t_humedo td {
    border: 1px solid #ddd;
}
.t_humedo tr:nth-child(odd){ 
  background-color:aliceblue; 
}

.t_humedo tr:nth-child(even) { 
  background-color:#ebffd8; 
}


table {
    margin-top: 20px;
    
}
table, th, td {
    border: 1px solid black;
    padding: 2px;
    text-align: center;
	
}
input[type=number]{
	width:95px;
	height:30px;border:none;
	
}
.general{display:none;}
.tddos{
	width:90px;
}
.hc{
	border:none;
	width:100px;
}
.marco{
    display: flex;
    flex-direction: column;
    align-items: center;
}
   .h_a{
        text-align: center;
        text-decoration: underline;
       }
        .b{
        width: 55px;
       }
       .bloque{
        display: flex;justify-content: space-around; width:100%;

       }
    .styled-table-2 {
    border-collapse: collapse;
    width: 80%;
    margin: 10px auto;
   
}
.styled-table-2 th, .styled-table-2 td {
    border: 1px solid #ddd;
}
.boton_{
	display:flex;
	justify-content:center;
}
.grafic{width: 80%; margin: 0 auto; display:flex; flex-direction:column; }
#calcular{
	margin-right:10px;
}
#recargar{
	margin-left:10px;
}
.gbfb{
		display:flex;
	}

        .primer{
            display: flex;
            flex-direction: column;
        }
       .secun{
            display: flex; flex-direction: column;
        }
#secun{display:none;}
#grafic{display:none;}

        .h_a{
         text-align: center;
         text-decoration: underline;
        }
         .b{
         width: 55px;
        }
        .bloque{
         display: flex;justify-content: space-around; width:100%;
 
        }
   /*     .tddos{
	width:90px;
}*/
        @media (min-width: 600px){
    
 .primer {
    flex-direction: row;
 }
 .secun{
    display: flex;
    flex-direction: row;
 }
			.grafic{flex-direction:row;}
 }