*{
    margin: 0;
    padding: 0;

}
body{
  width: 100%;
margin: auto;
}

.hoja{
    
width: 98%;
height: auto;
background:rgb(247, 249, 250);
margin: auto;
 }

 h3{

text-align: center;
  font-size: 20px;
  font-family: 'Raleway';
  color: #f3ecec;
background: rgb(147, 195, 250);
padding: 3px;
}

span{
  font-size: 15px;
}

.grilla{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows:585px 585px 585px 585px 585px 585px;
  grid-row: 2px;

}
.grilla >div{
  margin: 6px 2px;
  padding: 5px 1px 5px 5px;
  background: #f0f2f3;
 width: 90%;
 }


.grillaimagenes{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows:585px 585px 585px 585px 585px 585px;
grid-column: auto;
  grid-row: auto;
}


.grillaimagenes >div{
  margin: 6px 6px;
  padding: 5px 1px 5px 5px;
 background: #66e4f5;

 }

 .plan1 label:hover {
  background-color: rgb(42, 214, 42);
}

input[type="radio"]{
  
  width:29px;
  height:29px;
margin: 10px 95px;
background-color: aqua;

}

label{

  font-family:cursive;
  font-size: 20px;
  background: #0a76be;
 left: 45px;
}

input[type=file]{
  position: relative;
display: block;

margin:10px 10px 10px 70px;
box-sizing: border-box;
border: 4px solid#199ef7;
border-radius: 14px;

font-size: 11px;

width: 30%;
height: 55%;

background-color: white;
text-align: center;
background-repeat: no-repeat;
padding: 5px 14px 12px 12px;

border-left: 2px solid #199ef7;

 }

 .lo0,.lo1,.lo2{
   position: relative;
   margin:10px 10px 10px 120px;
   width: 100%;
   height: 55%;
}


 .image {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 120px 120px 120px 120px 120px 120px 120px 120px 120px 120px;
grid-row: 2px;
  
}


input[type=text], textarea{
  position: relative;
  display: flex;
  width: 90%;

  box-sizing: border-box;
  border: 2px solid#199ef7;
  border-radius: 4px;
  font-size: 20px;
 
  background-color: white;


  padding: 12px 10px 12px 10px;
margin: 20px 30px;
border-left: 6px solid #199ef7;

}

span{
top:275px;
position: absolute; 

left: 1455px;

}

.logo{
  box-sizing: border-box;
 /*border:4px solid#070707;*/
  border-radius: 20px;
  font-size: 20px;
 width: 100%;
 height: 90%;
  border-top: 10px solid black;
  border-bottom: 8px solid black;
  border-left: 3px solid black;
  border-right: 3px solid black;
}












input[type=submit], [type=reset]{ 

position: relative;
display: block;
bottom: -20px;
  width: 25%;
  box-sizing: border-box;
  border: 2px solid#199ef7;
  border-radius: 4px;
  font-size: 18px;
  background-color: white;

  background-repeat: no-repeat;
  padding: 12px 10px 12px 10px;
margin: 2px 180px;
border-left: 6px solid #199ef7;

}

.qr input[type="radio"]{

  margin:10px 10px 10px 60px;
}

/*input[type="radio"]:hover {

 
 background: red;
}*/

input[onclick="alert"]:hover{
  font-size: 45px;
  color: rgb(66, 140, 238);
}

 input[type=submit]:hover{
visibility: visible;
/*content:"Contenido insertado tras el contenido de los elementos '.padre'";*/
   background:rgba(59, 122, 240, 0.384);
   
 }

input[type=text]:hover {
  background-color: #d4eaf8;
}



textarea:hover {
  background-color: #d4eaf8;
}

 
input[type=file]:hover {
  background-color: #d4eaf8;
}


/*.paso2{
  color:red;
}*/

.boton {

  float: right;
    background-color:rgb(67, 145, 235);
   
    color: white;
    padding: 2px 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Raleway';
    font-size: 14px;
    margin: 0px 8px;

   /*border: rgb(243, 243, 247) 2px solid;*/
  }
  







/*...............................  queris  .................................*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

  @media screen and (min-width: 860px){
   
  body{
    width: 80%;
   margin: auto;
  }

.hoja{
  width: 75%;
   margin: auto;

      }
  
.grilla{
   grid-template-rows:1000px 1000px 1000px 1000px 1000px 1000px;
}

    .grillaimagenes{
      grid-template-rows:1000px 1000px 1000px 1000px 1000px 1000px;
    }






input[type="radio"]{

margin: 10px 200px;


}

    }
    

    /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
    /*input[type="radio"]{
  
      width:29px;
      height:29px;
    margin: 10px 295px;
   
    
    }*/
    /*.grilla{
     
   
      grid-template-rows: 1290px 1290px 1290px 1290px 1290px 1290px;

    }
  
    
     .grilla >div{
      margin: 1px 1px;
      padding: 5px 10px 5px 5px;
    
     }

     .grillaimagenes{
     
      grid-template-rows:1290px 1290px 1290px 1290px 1290px;
    
    }
    input[type=text], textarea{
     
      width: 96%;
    
      
    
    }

}*/