html {
  margin:0,0,0,0;
  padding:0,0,0,0;
}
body {
  margin:0,0,0,0;
  padding:0,0,0,0;
  width:1100px;
}

body {
  background-image: url("quadretti.png");
  background-repeat:repeat;
}

.numero {
font-weight:bold;
font-family: "Courier", monospace;
font-size:20px;
}
.numerored {
font-weight:bold;
font-family: "Courier", monospace;
font-size:20px;
color:red;
}
.numeroblu {
font-weight:bold;
font-family: "Courier", monospace;
font-size:20px;
color:blue;
}


.numero_up {
font-weight:bold;
font-family: "Courier", monospace;
font-size:13px;
}
.numerored_up {
font-weight:bold;
font-family: "Courier", monospace;
font-size:13px;
color:red;
}


#the_title {
  position:absolute;
  top:0px;
  left:10px;
  width:70%;
}



#menu {
float:right;
font-weight:bold;
font-family: "Courier", monospace;
font-size:20px;
width:30%;
}

#menu ul {
  /*list-style:none;*/

}


#somma2 {
  position:absolute;
  top:160px;
  left:2em;
  width:8em;
}
#somma3 {
  position:absolute;
  top:160px;
  left:12em;
  width:8em;
}

#errore {
  position:absolute;
  top:110px;

font-weight:bold;
font-family: "Courier", monospace;
font-size:20px;
  width:70%;
  color:red;

}

#guidasomma {
  position:absolute;
  top:14em;

font-weight:bold;
font-family: "Courier", monospace;
font-size:20px;
  width:70%;

}

#guidasottrazione {
  position:absolute;
  top:12em;

font-weight:bold;
font-family: "Courier", monospace;
font-size:20px;
  width:70%;

}

#guidamoltiplica {
  position:absolute;
  top:12em;

font-weight:bold;
font-family: "Courier", monospace;
font-size:20px;
  width:70%;

}

#moltiplica2 {
  position:absolute;
  top:160px;
  left:2em;
width:8em;
}

#ragsomma {
  position:absolute;
  top:460px;
  left:1em;

}

#summary {
  position:absolute;
  top:180px;
  left:1em;
  width:60%;
font-weight:bold;
font-family: "Courier", monospace;
font-size:20px;
  

}