<!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" />
<title>Calculadora de Tallas 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 * 15 /100);	
    total_S = Math.round (manolitos * 25 /100);
	total_M = Math.round (manolitos * 35 /100);
    total_L = Math.round (manolitos * 25 /100);

    document.getElementById('XS').value=total_XS; 
    document.getElementById('S').value=total_S; 
	document.getElementById('M').value=total_M; 
	document.getElementById('L').value=total_L; 
 
} 
</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>
      <input type="text" id="L" disabled="disabled" /> Talla L  <br><br>
		
</p>
<h2>Le recomendamos comprar: 15% XS  - 25% S - 35% M - 25% L </h2><br>
     <input name="button" type="button" onclick="window.close();" value="Cerrar esta ventana" />             
  </tr>
</table>
</center>
<script type="text/javascript">

document.oncontextmenu = function(){return false;}

</script>
</body>
</body>
</body>
</html>