/*SE VERA ASI MIENTRA NO SE ALCANCEN LOS 1490px QUE SE MODIFICARAN LOS PARAMETROS ESPECIFICADOS*/
/*
.botonera {
   background-color: grey;
   width: 100%;
   margin: auto;
   display: grid;
   grid-template-columns: 100%;
   margin: auto;
   list-style-type: none;
   padding: 0;
   }
.botonera > a{
   width: 80%;
   border-radius: 5px;
   padding: 10px;
   margin: 5px;
   background-color: rgb(207,232,220);
   border: 2px solid black;
   text-decoration:none;
   text-align:center;
   color: back;
   }
.botonera > a:hover {
   background-color: black;
   border: 2px solid white;
   color: white;
   }
.botonera > form > input{
   width: 85%;
   border-radius: 5px;
   padding: 10px;
   margin: 5px;
   background-color: rgb(207,232,220);
   border: 2px solid black;
   text-decoration:none;
   text-align:center;
   color: back;
   }
.botonera > form > input:hover {
   background-color: black;
   border: 2px solid white;
   color: white;
   }*/
/*Una vez alcance los 1490px realizas el cambio*/
@media screen and (min-width: 1490px) {

#columnas3 {
   background-color: pink;
   width: 100%;
   display: grid;
   grid-template-columns: 20% 60% 20%;
   margin: auto;
   padding: 0;
   }
#columnas3_izq{
   box-sizing: border-box;
   width: 98%;
   padding: 0 0 0 20px;
   margin: 10px 5px 10px 10px;
   background-color: white;
   border: 2px solid black;
   border-radius: 5px;
   color: back;
   }
#columnas3_cent{
   box-sizing: border-box;
   width: 98%;
   padding: 0 0 0 20px;
   margin: 10px auto;
   background-color: white;
   border: 2px solid black;
   border-radius: 5px;
   color: back;
   }
#columnas3_dcha{
   box-sizing: border-box;
   width: 98%;
   padding: 0 0 0 20px;
   margin: 10px 5px 10px 5px;
   background-color: white;
   border: 2px solid black;
   border-radius: 5px;
   color: back;
   }
#columnas2 {
   width: 100%;
   display: grid;
   grid-template-columns: 30% 70%;
   }
#columnas2_izq{
   box-sizing: border-box;
   width: 98%;
   padding: 0 0 0 20px;
   margin: 10px 5px 10px 10px;
   background-color: white;
   border: 2px solid black;
   border-radius: 5px;
   color: back;
   }
#log{
   padding: 0 20px 0 0;
   text-align:center;
   background-color: #4678a5;
   }

#columnas2_cent{
   box-sizing: border-box;
   width: 96%;
   padding: 0 0 0 20px;
   margin: 10px 10px 10px 5px;
   background-color: white;
   border: 2px solid black;
   border-radius: 5px;
   color: back;
   }

.botonera {
   background-color: #4678a5;
   width: 50%;
   display: grid;
   grid-template-columns: 20% 20% 20% 20% 20%;
   margin: auto;
   }
.botonera > a{
   width: 80%;
   border-radius: 5px;
   padding: 10px;
   margin: 5px;
   background-color: rgb(207,232,220);
   border: 2px solid black;
   text-decoration:none;
   text-align:center;
   color: black;
   }
.botonera > a:hover {
   background-color: black;
   border: 2px solid white;
   color: white;
   }
.botonera > form > input{
   width: 94%;
   border-radius: 5px;
   padding: 10px;
   margin: 5px;
   background-color: rgb(207,232,220);
   border: 2px solid black;
   text-decoration:none;
   text-align:center;
   color: back;
   }
.botonera > form > input:hover {
   background-color: black;
   border: 2px solid white;
   color: white;
   }
.idado {
   width: 30px;
   height:30px;
   }
.ndado{
   width: 40px; 
   font-size:30px;
   }
.tirard{
   font-size:30px;
   }
}