<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>Calculadora de número de pares Daisyheels Cubretacones</title>

<link href='http://fonts.googleapis.com/css?family=Opensans' rel='stylesheet' type='text/css'>

<style type="text/css">

*{

font-family: 'Opensans', sans-serif;

	color: #000000;

	font-weight: bold;

}

input[type=number] {

   color: #CA0000 !important;

   text-align: right;

}

input[type=text]{

text-align: right;

}

p {

	
	font-size: 14px;

	color: #000000;

	font-weight: bold;

	text-decoration:none;

}

h1 {

	font-size: 20px;

	color: #000000;


}

h2 {

	font-size: 16px;

	color: #000000;


}

p {

line-height: 2.3em; 

}


</style>

<script> 

function calculadora() { 

    manolitos=eval(document.getElementById('manolitos').value); 

 
	total_XS = Math.round (manolitos * 20 /100);	

    total_S = Math.round (manolitos * 35 /100);

	total_M = Math.round (manolitos * 45 /100);

   
    document.getElementById('XS').value=total_XS; 

    document.getElementById('S').value=total_S; 

	document.getElementById('M').value=total_M; 

	 
} 

</script> 

</head>

<body>

<center>

<table width="80%" border="0">

  <tr>

    <td><h1><center><img src="https://cubretacones.com/img/cubretacones-logo-1459355531.jpg" width="312" /></center></h1>

      <h1>¿Cuántos pares de cubretacones Daisyheels necesita?</h1>

      
        <input type="text" id="manolitos" value="0" onkeyup="calculadora()" />

     
      <hr width="50%" size="4" align="left" color="#3ADF00"/>

      <p>

	   <h2>Esta es la cantidad de cubretacones que le recomendamos de cada talla:</h2>

	  <input type="text" id="XS" disabled="disabled" /> Talla XS <br><br>

       <input type="text" id="S" disabled="disabled" /> Talla S <br><br>


      <input type="text" id="M" disabled="disabled" /> Talla M  <br><br>


</p>

<h2>Le recomendamos comprar: 20% XS  - 35% S - 45% M</h2><br>

     <input name="button" type="button" onclick="window.close();" value="Cerrar esta ventana" style="padding: 10px; font-size: 15px"/>             

  </tr>

</table>

</center>

<script type="text/javascript">


document.oncontextmenu = function(){return false;}


</script>

</body>

</body>

</body>

</html>