*{
  margin: 0px;
  padding: 0px;
}
body{
  background-color: #d6d3d3;
}


.hoja{
  background-color: #f5efef;
width: 100%;
margin: auto;
 /*background-image: url("naranja3.jpg");
 background-repeat: no-repeat, repeat;*/

}

.qr{
position:absolute;
  height:auto;
  width:30%;
  top: 20px;
  left : 10px;
  z-index: 1;
}

/*.loga{
  position: relative;
 
  width: 100%;
  top:1px;
  float: right;

}*/
.imagenes{


  /*position:absolute;*/
  height:auto;
  width:100%;
  z-index: -1;

  }


.texto{

  background: rgb(35, 141, 240);
 position: relative;
top: -5px;
 color: rgb(244, 246, 246); 
   padding: 1px 11px;
   font-size: 11px;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   border:1px solid#5c5a5a;
 }

 
 ul li{
position: relative;
  border:1px solid#8b8989;
  border-radius: 6px;

 float: right;
background: rgb(193, 218, 241);
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 top: -45px;
list-style: none;
font-size: 14px;
padding: 5px 3px;
margin: 3px 3px;
width: 20%;
text-align: center;
}


.paso1{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 14px;
  color: #a19d9d;
  text-align: center;
}

.menu2 .uno{
position: relative;
  color: rgb(33, 133, 248);
  text-shadow: 12px 10px 10px rgb(163, 163, 165);
top: -32px;

  font-size: 35px;
 text-align: center;

}

.menu2 .dos{
  position: relative;
top: -15px;
  width: 95%;
margin: auto;
text-align: center;
  border:1px solid#c3c1c1;
  border-radius: 6px;

}


h1{
  font-family: sans-serif;
  border: 2px solid rgb(182, 198, 243);
  color: rgb(33, 133, 248);
font-size: 15px;
margin: 2px 5px


}
.menu2 .unob{
  position: relative;

top: -20px;
 width: 95%;
 margin: auto;
 
 box-sizing: border-box;
 border:1px solid#c3c1c1;
text-align:center;

  border-radius: 6px;
  box-shadow: 10px 10px 20px rgb(180, 177, 177);

}


.menu2 .tres{
position: relative;
top: -20px;
  color: rgba(7, 57, 165, 0.904);
  text-align: center;
  font-size: 22px;
}

.menu2 .cuatro{ 
/*, .a, .b, .c, .k, .d, .e, .f, .g, .h, .i{*/
  position: relative;
  top: -10px;
  box-sizing: border-box;
 border:1px solid#c3c1c1;
  border-radius: 6px;
  box-shadow: 10px 10px 20px rgb(180, 177, 177);

}


.menu2 .cinco{
  position: relative;
  color: rgba(7, 57, 165, 0.904);
  text-align: center;
  font-size: 22px;
margin: -11px;
top: -15px;
}






h5{
 
  text-align: center;
font-size: 16px;
color: rgb(33, 133, 248);

}

h5 strong{

  font-size: 18px;
}




/*.c::before {
  content: "X";
  color: rgb(255, 153, 0);
}*/


.cuatro{
box-sizing: border-box;
border:1px solid#c3c1c1;
 border-radius: 20px;
 box-shadow: 10px 10px 20px rgb(180, 177, 177);
}

.cuatro > div{
  font-family: sans-serif;
  display: flex;
 
  width: 94%;
  background: rgb(221, 229, 238);
  /*border: 1px solid rgb(62, 112, 247);*/
  font-size: 18px;
margin: 14px 12px;
padding: 2px 6px;

}

.seis{

  font-size: 18px;
  
}

.seis > div{
  font-family: sans-serif;
  width: 96%;
  display: flex;
  background: rgb(163, 200, 243);
  /*border: 1px solid rgb(62, 112, 247);*/
margin: 15px 11px;
 padding: 4px 5px;
 font-size: 18px;
 text-align: justify;
}

h7{
  color:rgb(221, 229, 238);
}

h8{
  color:rgb(163, 200, 243);
}




.icon-checkmark:before {
  content: "\e942";
  color:rgb(22, 141, 238);
  font-size: 25px;
background-color: white;

}

.icon-radio-checked:before {
  color:rgb(19, 119, 200);
  font-size: 25px;
}






/*.icon-home3:before {
  content: "\e90b";
}*/
/*.seis .exito{

width: 85%;
text-decoration:none;
color: rgb(16, 70, 187);
text-align: center;
font-size: 22px;
border:3px solid#f60909;
margin: auto;

}*/
/*a{

  text-decoration:none;
}
.qr,.texto,.menu1,.menu2,.unob{
  opacity: 0.1

}*/

/*--------------------------------------------- quieris 0------------------------------------------*/
@media screen and (min-width: 1000px){

  .hoja{
    width: 70%;

    }

    .qr{
      left:265px;
      width: 25%;

    }

    .cuatro > div{
      font-size: 26px;
      
    }

h1{ 
      font-size: 24px;
    }

    h3{
      font-size: 26px;
    }

    .seis > div{
      font-size: 26px;
    }


    .planes{
        width: 70%;
        margin: auto;
    }






  }

/*--------------------------------------------- fin queris 0 ----------------------------------------*/














/*------------------ inicio media queri ---------------*/

/*
@media screen and (min-width: 1000px){

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


    }
   


      .qr{
       padding: 3px;
       margin: 12px;
text-align: center;
margin: auto;
       position:absolute;
       height:auto;
       width:26%;
       top: 20px;
       left : 170px;
       z-index: 1;
      }

      .imagenes{
        position:absolute;
        height:auto;
        width:90%;
        z-index: -1;
         width: 80%;
  margin: auto;
        }
        

      .texto{
        position: relative;
      font-size: 18px;

       top: 500px;
       
       }
  


       
ul li{
  
 top: 440px;

font-size: 1.7em;
z-index: 1;

}


.paso1{

  font-size: 24px;

}

.menu2 .uno{
  position: relative;
   top:360px; 
font-size: 49px;

}

.menu2{
  position: relative;
  top: 100px;

}

.menu2  h3{
  margin: auto;

  font-size: 40px;
 }

 .menu2 .unob{
  width: 1170px;
  margin: auto;
 text-align: center;

 }


 .menu2 > div{
 position: relative;
  top:580px;

color: rgb(195, 96, 15);

}

  .menu2 .dos{
  top:360px;
}

  .menu2 .unob{
    position: relative;
    top:360px;
  }

 h1{
  
font-size: 25px;
margin: auto;
}

  .menu2 .tres{
  position: relative;
  top: 356px;
  font-size: 32px;
}

.cinco h4{
  position: relative;
  top:370px;
  font-size: 32px;
}


.menu2 .cuatro{
position: relative;
width: 55%;
top:365px;
margin: auto;

}


        .cuatro > div{
        
         font-size: 26px;
        }

.seis{
  
  width: 55%;
  margin: auto;
}
        .seis > div{
          position: relative;
          top:210px;
         font-size: 26px;
        }

.basico h5{
  font-size: 25px;
}

 .basico h6{
  font-size: 29px;
 
 }

 .planes .basico{
  position: relative;
  top:220px;
   width: 55%;
   padding: 29px;

 }
  
 .medio h5{
  font-size: 25px;
 }

 .medio h6{
  font-size: 29px;
 
 }

 .planes .medio{
   position: relative;
   top:220px;
   width: 55%;
   padding: 29px;

 }

.basico h5 strong{
  font-size: 25px;
}
.medio h5 strong{
  font-size: 25px;
}

.iva h5{
  position: relative;
  top:450px;
  font-size: 25px;

}
.iva2{
  background-color: #5c5a5a;
}
.tituloplanes h4{
  position: relative;
  top:430px;
  font-size: 30px;
}

.icon-checkmark:before {
  
  font-size: 120%;
}


.icon-radio-checked:before {
  content: "\ea54";
  font-size: 21px;
  color:rgb(245, 247, 248);
}

.icon-radio-checked:before {
 
  font-size: 120%;
 
}


}*/

/*-------------fin media 1---------------------------------*/



/*...............................................*/










/*.loga{
  position: relative;
 top: -180px;
}*/




.icon-checkmark2:before {
  content: "\ecb0";
  color: rgb(75, 146, 8);
}

.icon-radio-checked2:before {
  content: "\ea55";
  color:#ee0909;
}


span{
  color: #5c5a5a;
  font-size: 25px;
}

a {
  color: rgb(69, 91, 214); 

 
}

ul a {
  text-decoration: none 
 
}

.menu2 {
  
  /*background:rgb(245, 244, 231) center;*/
  margin: auto;
  
   width: 96%;
   
    color: rgb(7, 7, 7);
    font-size: 95%;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
  }
  
    .menu2 > div{
      position: relative;
      top:180px;
   padding: 5px;
   color: rgb(15, 99, 195);
   
  }
  

  

  .a1,.a2,.a3,.a4{
  position: relative;
 top: -190px;

  box-sizing: border-box;
 border:1px solid#c3c1c1;
  border-radius: 20px;
  box-shadow: 10px 10px 20px rgb(180, 177, 177);

}









/*-------------planes---------------------*/




h6{
  font-family: 'Open Sans Condensed', sans-serif;

color: rgb(236, 63, 19);
  font-size: 18px;

}


strong{
 padding: 10px 3px;

 border-radius: 3px;
  color: rgb(250, 245, 243);
  background: rgb(163, 200, 243);

}
 


.planes{
  
  font-family: sans-serif;

  text-align: justify;
}

.planes > div{

  background: rgba(216, 231, 241, 0.808);
  border: 2px solid rgb(8, 8, 8);
border-radius: 12px;
 padding: 9px;
 margin: auto;



 box-sizing: border-box;
 border:1px solid#c3c1c1;
  border-radius: 10px;
  box-shadow: 10px 10px 20px rgb(180, 177, 177);

 /* border-top: 10px solid black;*/
 /*border-bottom: 8px solid  rgba(0, 0, 0, 0.1);*/
  /*border-left: 3px solid black;*/
  /*border-right: 8px solid  rgba(0, 0, 0, 0.1);*/
 }


.menu2 .tituloplanes{
  position: relative;
  top: -36px;
  font-size: 25px;
  text-align: center;
  color: rgba(66, 118, 230, 0.904);
  font-family: sans-serif;
}


.basico{
  position: relative;
top: -220px;
  width: 82%;
  height: 100%;
text-align: justify;


box-sizing: border-box;
 /*border:4px solid#070707;*/
  border-radius: 20px;
    
}
.pagarestandar{

  position: relative;
 text-align: center;
}
.pagartecno{
  position: relative;
  text-align: center;
}




.medio{
  position: relative;

  top: -220px;
  width: 82%;
  height: 100%;
  text-align: justify;
  font-size: 16px;
 }

.menu2 .iva{
  position: relative;
  top: -10px;
}




/*--------------------------3------------------------------*/





/*-------------------------------media quieris II ---------------------------------------------*/

/*chu*/
  /*@media screen and (device-aspect-ratio: 16/9), (max-width: 400px){ */
  /*@media tv and (max-width: 1000px) and (orientation: landscape){ */
  
  /*@media screen and (max-width: 1000px){*/


/*

@media screen and (min-width: 740px){

 
    .hoja{
      width: 80%;
    margin: auto;
  
  
  
      }
     

        .qr{
         padding: 3px;
         margin: 12px;
  text-align: center;
  margin: auto;
         position:absolute;
         height:auto;
         width:26%;
         top: 20px;
         left : 170px;
         z-index: 1;
        }
  
        .imagenes{
          position:absolute;
          height:auto;
          width:90%;
          z-index: -1;
           width: 80%;
    margin: auto;
          }
  
        .texto{
          position: relative;
        font-size: 18px;
  
         top: 500px;
         
         }
    
  
  
         
  ul li{
    
   top: 440px;
  
  font-size: 1.7em;
  z-index: 1;
  
  }
  
  
  .paso1{
  
    font-size: 24px;
  
  }
  
  .menu2 .uno{
    position: relative;
     top:360px; 
  font-size: 49px;
  
  }
  
  .menu2{
    position: relative;
    top: 100px;
  
  }
  
  .menu2  h3{
    margin: auto;
  
    font-size: 40px;
   }
  
   .menu2 .unob{
    width: 1170px;
    margin: auto;
   text-align: center;
  
   }
  
  
   .menu2 > div{
   position: relative;
    top:580px;
  
  color: rgb(195, 96, 15);
  
  }
  
    .menu2 .dos{
    top:360px;
  }
  
    .menu2 .unob{
      position: relative;
      top:360px;
    }
  
   h1{
    
  font-size: 25px;
  margin: auto;
  }
  
    .menu2 .tres{
    position: relative;
    top: 356px;
    font-size: 32px;
  }
  
  .cinco h4{
    position: relative;
    top:370px;
    font-size: 32px;
  }
  
  
  .menu2 .cuatro{
  position: relative;
  width: 55%;
  top:365px;
  margin: auto;
  
  }
  
  
          .cuatro > div{
          
           font-size: 26px;
          }
  
  .seis{
    
    width: 55%;
    margin: auto;
  }
          .seis > div{
            position: relative;
            top:210px;
           font-size: 26px;
          }
  
  .basico h5{
    font-size: 25px;
  }
  
   .basico h6{
    font-size: 29px;
   
   }
  
   .planes .basico{
    position: relative;
    top:220px;
     width: 55%;
     padding: 29px;
  
   }
    
   .medio h5{
    font-size: 25px;
   }
  
   .medio h6{
    font-size: 29px;
   
   }
  
   .planes .medio{
     position: relative;
     top:220px;
     width: 55%;
     padding: 29px;
  
   }
  
  .basico h5 strong{
    font-size: 25px;
  }
  .medio h5 strong{
    font-size: 25px;
  }
  
  .iva h5{
    position: relative;
    top:450px;
    font-size: 25px;
  
  }
  .iva2{
    background-color: #5c5a5a;
  }
  .tituloplanes h4{
    position: relative;
    top:430px;
    font-size: 30px;
  }
  
  .icon-checkmark:before {
    
    font-size: 120%;
  }
  
  
  .icon-radio-checked:before {
    content: "\ea54";
    font-size: 21px;
    color:rgb(245, 247, 248);
  }
  
  .icon-radio-checked:before {
   
    font-size: 120%;
   
  }
  
  
  }
  
 */
  
  


/*---------------------- fin media queris II -----------------------------------------------------*/