*{
  margin: 0px;
  padding: 0px;
}





.hojasi{
width: 100%;
margin: auto;
 /*background-image: url("naranja3.jpg");
 background-repeat: no-repeat, repeat;*/
}

.logo{

  position: relative;
 width: 150px;
padding: 3px;
margin: 12px;

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

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

background: rgb(187, 215, 246);
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 top: -29px;
list-style: none;
font-size: 1em;
padding: 5px 7px;
margin: 3px 3px;

}


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

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


  font-size: 35px;
 text-align: center;
margin-top: -20px;
}

.dos{
  padding: 5px;
  margin: 10px;
  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


}

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

.a, .b, .c,.k,.d,.e,.f,.g,.h,.i{
  box-sizing: border-box;
 border:1px solid#c3c1c1;
  border-radius: 6px;
  box-shadow: 10px 10px 20px rgb(180, 177, 177);
}
/*h5{
 
  text-align: center;
font-size: 20px;
color: rgb(33, 133, 248);

}*/

/*.cuatro{
  font-family: sans-serif;

text-align: justify;
font-size: 18px;
box-sizing: border-box;
border:1px solid#c3c1c1;
 border-radius: 20px;
 box-shadow: 10px 10px 20px rgb(180, 177, 177);
}*/



/*.cuatro > div{
  width: 94%;
  background: rgb(221, 229, 238);

  font-size: 18px;
margin: 14px 12px;
padding: 2px 2px 2px 2px;
}*/

.seis{
  font-family: sans-serif;

  text-align: justify;
  font-size: 18px;
}

.seis > div{
  width: 98%;
  background: rgb(180, 207, 238);
  /*border: 1px solid rgb(62, 112, 247);*/
margin: 14px 11px;
 padding: 4px 5px;
}


.icon-checkmark:before {
  content: "\e942";
  color:rgb(22, 141, 238);
  font-size: 21px;
}
.icon-home3:before {
  content: "\e90b";
}
.seis .exito{
width: 85%;
height: auto;

color: rgb(16, 70, 187);
text-align: center;
font-size: 24px;
border:3px solid#eb6565;
margin: auto;

}

a{

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

}*/

h5{
 
  text-align: center;
font-size: 20px;
color: rgb(33, 133, 248);
font-family: sans-serif;
}

h3{
  font-size: 23px;
}








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



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

     background-image: url("naranja5.jpg");
     background-repeat: no-repeat, repeat;
    }
   

/*---------------------------------------------*/
      .logo{
 position: relative;

        width: 350px;
       padding: 3px;
       margin: 12px;
       font-size: 160%;

      }
/*-----------------------------------------------------*/
      /*@import url('segundo.css');*/




      .texto{
      font-size: 18px;

       top: 140px;
       
       }
       
 





ul li{
  
 top: 80px;
list-style: none;
font-size: 1.7em;


}



.paso1{

  font-size: 24px;

}

.uno{
  position: relative;
top:20px; 

  font-size: 85px;

}

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

.menu2  h3{
  margin: auto;

  font-size: 40px;
 }

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

 }

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

.tres{
  
  font-size: 32px;
}

.cinco h4{
  font-size: 32px;
}


.cuatro{

width: 55%;

margin: auto;

}


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




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



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

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

 .planes .basico{
   width: 55%;
   padding: 29px;

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

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

 .planes .medio{
   width: 55%;
   padding: 29px;

 }

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

.iva h5{
  font-size: 25px;
}
.tituloplanes h4{
  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 ---------------------------------*/






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




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

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


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{
   padding: 5px;
   color: rgb(15, 99, 195);
   
  }
  



.a1,.a2,.a3,.a4{
  box-sizing: border-box;
 border:1px solid#c3c1c1;
  border-radius: 20px;
  box-shadow: 10px 10px 20px rgb(180, 177, 177);

}


.unob{
 width: 430px;
 margin: auto;
 box-sizing: border-box;
 box-sizing: border-box;
 border:1px solid#c3c1c1;

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

}

.cinco{
  color: rgba(7, 57, 165, 0.904);
  text-align: center;
  font-size: 22px;
}





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




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

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

}


strong{
 padding: 10px 3px;

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


.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);*/
 }


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


.basico{
  width: 95%;
  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{
  width: 95%;
  height: 100%;
  text-align: justify;
  font-size: 16px;
 }
/*--------------------------3------------------------------*/