*{
    margin: 0;
    padding: 0;

}

.hoja{
width: 99%;
height: auto;
background:rgb(250, 250, 247);

 }

 h3{

text-align: center;
  font-size: 20px;
  font-family: 'Raleway';
  color: #f3ecec;
background: rgb(130, 184, 246);

}

.arriba{
  color: #0a76be;
  display:block;
  margin-left: auto;
  margin-right: auto;
}

#pago1, #pago2, #pago3{

  width:29px;
  height:29px;
 margin:20px 10px 10px 20px;
left: 400px;
color: #c3c6eb;
background:rgb(29, 240, 124);
}

.cabeza{
  left: 400px;
  color: #c3c6eb;
  background:rgb(166, 111, 230);




}




.icon-adobeacrobatreader:before {
  content: "\e90d";
  color: #ee3f24;
 
  font-size: 30px;
  display:block;
 float: right;
}


.icon-file-word:before {
  content: "\eae1";
  color: #245aee;
 
  font-size: 30px;
  display:block;
 float: right;
margin: auto;

}




input[type="radio"]{
  
  width:29px;
  height:29px;
 /*margin:10px 5px 5px 55px;*/
/*margin: 38px 5px;*/
margin: 5px 55px;
margin: auto;
}


label{

  font-family:cursive;
  font-size: 20px;
  background: #0a76be;
margin: auto;
}



/*-----------------------inserto-----------------------*/
.c1{
  background-color:#FF0058;
  }
  .c2 {
  background-color:#8100FF;
  }
  
  .c3 {
  background-color:#0014FE;
  }
  
 .c4 {
  background-color:#feb200;
  }

  .c5 {
  background-color:#fafe00;
  }

  .c6 {
  background-color:#0014FE;
  }

  .c7 {
  background-color:#0014FE;
  }
  
  .c8 {
  background-color:#0014FE;
  }
  .c9 {
  background-color:#0014FE;
  }
  .c10 {
  background-color:#0014FE;
  }
  .c11 {
    background-color:#0014FE;
  }
  
  .c12 {
   background-color:#e7e8f0;
  }
  .c13 {
   background-color:#e7e8f0;
  }
  
  
  .colora{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 120px 120px 120px 120px 120px;
  
    
  }
  /*.colora > div{
    font-family: 'Raleway';
  
    width:25%;
    height: 25%;
    margin: 55px 25px;
   margin-left: 10px;
   border-radius: 8px;

 margin: auto;
  }*/

  .colora > div{
  font-family: 'Raleway';
 width:20%;
 height: 30%;
  margin: 10px 135px;
 margin-left: 40px;
 border-radius: 8px;
padding: 15px;
margin: auto;

  }



/*------------------------fin inserto----------------------*/

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

margin:10px 10px 10px 70px;

box-sizing: border-box;
border: 3px solid#199ef7;
border-radius: 14px;

font-size: 0px;

width: 30%;
height: 55%;


/*background-color: rgb(238, 11, 11);*/

/*background-repeat: no-repeat;*/
padding: 10px 14px 12px 12px;

border-left: 8px solid #199ef7;

 }

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







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


.imagen > div{

  margin:10px;
}

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;

}





/*.color input[type="radio"]{

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










span{
top:275px;
position: absolute; 

left: 1455px;

}*/

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

position: relative;
display: block;
top:-460px;
  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;

}







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'";*/

 }
 

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



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

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


.paso2{
  position: relative;
  top: -500px;
  color: rgb(39, 127, 243);
  font-family: 'Raleway';
  text-align: center;
  font-size: 24px;
}

/*-------------------- media queries ---------------*/

@media screen and (min-width: 700px){
  .hoja{
    width: 80%;
  margin: auto;
        }



        h3{
            font-size: 30px;
            font-family: 'Raleway';
              
          }

          input[type=text], textarea{
           
            width: 90%;
          
            font-size: 30px;
           
            background-color: white;
          
          
            padding: 12px 10px 18px 10px;
          margin: 20px 30px;
      margin: auto;
          
          }

           


            #pago1, #pago2, #pago3{

             margin:10px 10px 10px 510px;
            
            }
      .lof, .lo1, .lo2{
        margin:10px 10px 10px 310px;
      }      



          input[type="radio"]{
           /*margin:10px 5px 5px 40px;*/

        
           margin: 65px 10px;
           }
          

           /*input[type=file]{
          
            margin:10px 10px 10px 70px;
            
            padding: 10px 14px 12px 12px;
           
             }*/

             






             .colora > div{
              width:12%;
    height: 45%;
   padding: 8px 20px;
    margin: auto;
            }
            

            input[type=file]{
             
              width: 30%;
              height: 55%;
        
              margin:10px 10px 10px 170px;
              
              
              
               }



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

              
                  padding: 12px 10px 12px 10px;
                margin: 2px 480px;
               
                
                }




}