#footerDx {
  width: 1607px;
  height: 84px;
  float: left;
  background-image: url('../images/bgFooterDx.jpg');
  background-repeat: repeat-x;
}

#aggiungiCifra {
  width: 33px;
  height: 30px;
  background-image: url('../images/aggiungiCifra.png');
  background-repeat: no-repeat;
}

#eliminaCifra {
  width: 33px;
  height: 35px;
  background-image: url('../images/eliminaCifra.png');
  background-repeat: no-repeat;
}

#barra {
  width: 1607px;
  height: 15px;
  float: left;
  background-image: url('../images/barra.jpg');
  background-repeat: repeat-x;
}

li#reset {
  width: 49px;
  height: 55px;
  background-image: url('../images/reset_rs.png');
  background-repeat: no-repeat;
}

li#reset:hover {
  width: 49px;
  height: 49px;
  background-image: url('../images/reset.png');
  background-repeat: no-repeat;
}

#menus {
  width: 55px;
  height: 50px;
  background-image: url('../images/menus.png');
  background-repeat: no-repeat;
}

#plus {
  width: 55px;
  height: 50px;
  background-image: url('../images/plus.png');
  background-repeat: no-repeat;
}

#separatoreOn {
  width: 33px;
  height: 36px;
  background-image: url('../images/separatoreOn.png');
  background-repeat: no-repeat;
}

#separatoreOff {
  width: 33px;
  height: 36px;
  background-image: url('../images/separatoreOff.png');
  background-repeat: no-repeat;
}

#whiteboardOn {
  width: 33px;
  height: 36px;
  background-image: url('../images/whiteboardOn.png');
  background-repeat: no-repeat;
}

#whiteboardOff {
  width: 33px;
  height: 36px;
  background-image: url('../images/whiteboardOff.png');
  background-repeat: no-repeat;
}

#fullscreenOn {
  width: 33px;
  height: 36px;
  background-image: url('../images/fullScreenOn.png');
  background-repeat: no-repeat;
}

#fullscreenOff {
  width: 33px;
  height: 36px;
  background-image: url('../images/fullScreenOff.png');
  background-repeat: no-repeat;
}

#space {
  width: 30px;
  height: 10px;
  background-repeat: no-repeat;
}

li#decimali a {
  background-image: url('../images/decimali_rs.png');
  background-repeat: no-repeat;
}

li#decimali a:hover {
  background-image: url('../images/decimali.png');
  background-repeat: no-repeat;
}

li#interi a {
  background-image: url('../images/interi_rs.png');
  background-repeat: no-repeat;
}

li#interi a:hover {
  background-image: url('../images/interi.png');
  background-repeat: no-repeat;
}

.menu_generale {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50px;
  left: 200px;
  background-image: url('../images/puls.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #FFFFFF;
  border: none;
  z-index: 100;
}


.logo {
  width: 150px;
  height: 130px;
  background-image: url('../images/Logo3rs.png');
  background-size: 99%;
  background-repeat: no-repeat;
  background-position: left;
  background-color: #FFFFFF;
  border: none;
}

.reset2 {
  width: 50px;
 position: absolute;
  bottom: 70px;
  left: 20px;
  height: 50px;
  background-image: url('../images/reset2.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #FFFFFF;
  border: none;
  z-index:10000;
}



.Pannello {
  width: 1400px;
  height: 157px;
  float: left;
  background-image: url('../images/Pannello.jpg');
  background-repeat: no-repeat;
}

div.firm3 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

body {
  font: 14px 'Ubuntu', sans-serif;
}

h1 {
  text-align: center;
  margin: 10px;
  line-height: 70px;
  font-weight: 700;
  font-size: 70px;
  /* Web fonts look bad in Chrome even with -webkit-font-smoothing, so this is a cheap way to soften the jaggies */

}

#style-switcher {
  *zoom: 1;
  list-style-type: none;
  width: 600px;
  margin: 20px auto 10px;
}

#style-switcher:before,
#style-switcher:after {
  display: table;
  content: "";
  line-height: 0;
}

#style-switcher:after {
  clear: both;
}

#style-switcher li {
  padding: 0;
  width: 150px;
  float: left;
  text-align: center;
}

#style-switcher li a {
  display: block;
  padding: 5px 10px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}

#style-switcher li a:hover {
  font-size: 24px;
}

#style-switcher li a.active {
  font-size: 24px;
  font-weight: 700;
  background: #eee;
}

p.info {
  text-align: center;
  margin-top: 20px;
}

.counter-wrapper {
  float: right;
  position: relative;
  left: -54%;

}

.flip-counter {
  position: relative;
  left: 50%;
  list-style-type: none;
}

.flip-counter li {
  float: right;
}

.no-csstransforms3d span.back {
  display: none;
}

.flip-counter.default .digit {
  position: relative;
  z-index: 0;
  width: 70px;
  height: 110px;
  margin-left: 10px;
  background-color: #000000;
  text-align: center;
  line-height: 0;
  -webkit-text-stroke: 2px;
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  perspective: 300px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.flip-counter.default .digit:last-child {
  margin-left: 0;
}

.flip-counter.default .digit span {
  position: absolute;
  left: 0;
  height: 55px;
  width: 70px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 110px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  text-indent: 2px;
  background-color: #000000;
  color: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flip-counter.default .digit span.front {
  top: 0;
  padding-top: 55px;
}

.flip-counter.default .digit span.back {
  bottom: 0;

}

.flip-counter.default .digit span.back2 {
  bottom: 0;
  padding-top: 20px;
}

.flip-counter.default .digit .line {
  position: absolute;
  z-index: 10;
  height: 55px;
  width: 70px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.7);
}

.flip-counter.default .digit .hinge {
  position: absolute;
  z-index: 5;
  height: 55px;
  width: 70px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.flip-counter.default .digit .hinge span {
  height: 0px;
  z-index: 5;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-counter.default .digit .hinge span.front {
  padding-top: 55px;
}

.flip-counter.default .digit .hinge span.back {
  height: 55px;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.flip-counter.default .digit.animate .hinge {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.flip-counter.default .digit-delimiter {
  width: 40px;
  position: relative;
  top: 40px;
  margin-right: -5px;
  font-family: 'Gill Sans MT', sans-serif;
  font-weight: 700;
  font-size: 70px;
  color: #000000;
  text-indent: 3.3333333333333335px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.flip-counter.light .digit {
  position: relative;
  z-index: 0;
  width: 70px;
  height: 110px;
  margin-left: 10px;
  background-color: #e8f1ff;
  text-align: center;
  line-height: 0;
  -webkit-text-stroke: 2px;
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  perspective: 300px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(232, 241, 255, 0.5);
  -moz-box-shadow: 1px 1px 5px 0px rgba(232, 241, 255, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(232, 241, 255, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.flip-counter.light .digit:last-child {
  margin-left: 0;
}

.flip-counter.light .digit span {
  position: absolute;
  left: 0;
  height: 55px;
  width: 70px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 110px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  text-indent: 2px;
  background-color: #e8f1ff;
  color: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flip-counter.light .digit span.front {
  top: 0;
  padding-top: 55px;
}

.flip-counter.light .digit span.back {
  bottom: 0;
}

.flip-counter.light .digit .line {
  position: absolute;
  z-index: 10;
  height: 55px;
  width: 70px;
  border-bottom: 1px solid rgba(232, 241, 255, 0.7);
  -webkit-box-shadow: 0px 5px 7px -4px rgba(232, 241, 255, 0.7);
  -moz-box-shadow: 0px 5px 7px -4px rgba(232, 241, 255, 0.7);
  box-shadow: 0px 5px 7px -4px rgba(232, 241, 255, 0.7);
}

.flip-counter.light .digit .hinge {
  position: absolute;
  z-index: 5;
  height: 55px;
  width: 70px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.flip-counter.light .digit .hinge span {
  height: 0px;
  z-index: 5;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-counter.light .digit .hinge span.front {
  padding-top: 55px;
}

.flip-counter.light .digit .hinge span.back {
  height: 55px;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.flip-counter.light .digit.animate .hinge {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.flip-counter.light .digit-delimiter {
  padding-top: 28px;
  margin-right: -5px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  font-size: 70px;
  color: #e8f1ff;
  text-indent: 3.3333333333333335px;
  text-shadow: 1px 1px 5px rgba(232, 241, 255, 0.5);
}

.flip-counter.small .digit {
  position: relative;
  z-index: 0;
  width: 30px;
  height: 40px;
  margin-left: 5px;
  background-color: #000000;
  text-align: center;
  line-height: 0;
  -webkit-text-stroke: 2px;
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  perspective: 300px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.flip-counter.small .digit:last-child {
  margin-left: 0;
}

.flip-counter.small .digit span {
  position: absolute;
  left: 0;
  height: 20px;
  width: 30px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 34px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  text-indent: 2px;
  background-color: #000000;
  color: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flip-counter.small .digit span.front {
  top: 0;
  padding-top: 20px;
}

.flip-counter.small .digit span.back {
  bottom: 0;
}

.flip-counter.small .digit .line {
  position: absolute;
  z-index: 10;
  height: 20px;
  width: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.7);
}

.flip-counter.small .digit .hinge {
  position: absolute;
  z-index: 5;
  height: 20px;
  width: 30px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.flip-counter.small .digit .hinge span {
  height: 0px;
  z-index: 5;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-counter.small .digit .hinge span.front {
  padding-top: 20px;
}

.flip-counter.small .digit .hinge span.back {
  height: 20px;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.flip-counter.small .digit.animate .hinge {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.flip-counter.small .digit-delimiter {
  padding-top: 15px;
  margin-right: -2.5px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #000000;
  text-indent: 1.6666666666666667px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.flip-counter.huge .digit {
  position: relative;
  z-index: 0;
  width: 140px;
  height: 200px;
  margin-left: 20px;
  background-color: #000000;
  text-align: center;
  line-height: 0;
  -webkit-text-stroke: 2px;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.flip-counter.huge .digit:last-child {
  margin-left: 0;
}

.flip-counter.huge .digit span {
  position: absolute;
  left: 0;
  height: 100px;
  width: 140px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1110px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  text-indent: 2px;
  background-color: #000000;
  color: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flip-counter.huge .digit span.front {
  top: 0;
  padding-top: 100px;
}

.flip-counter.huge .digit span.back {
  bottom: 0;
}

.flip-counter.huge .digit .line {
  position: absolute;
  z-index: 10;
  height: 100px;
  width: 140px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.7);
}

.flip-counter.huge .digit .hinge {
  position: absolute;
  z-index: 5;
  height: 100px;
  width: 140px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.flip-counter.huge .digit .hinge span {
  height: 0px;
  z-index: 5;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-counter.huge .digit .hinge span.front {
  padding-top: 100px;
}

.flip-counter.huge .digit .hinge span.back {
  height: 100px;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.flip-counter.huge .digit.animate .hinge {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.flip-counter.huge .digit-delimiter {
  padding-top: 130px;
  margin-right: -10px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  font-size: 70px;
  color: #000000;
  text-indent: 6.666666666666667px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}


#menu_scomparsa {
  /* margin-top: -52px; */
}

ul#menu {
  float: center;
  /* height: 100%; */
}

ul#menu,
ul#menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#menu li {
  float: left;
  margin-right: 1em
}

ul#menu a {
  float: left;
  padding: 0px 0 50px 50px;
  text-decoration: none;
  font-weight: bold;
  color: #82C90A
}

ul#menu li.current a,
ul#menu li.current a:hover {
  color: #FF37BB;
  border-bottom: 3px solid #54B4E5
}

li#home {
  margin-left: 80px !important
}

li#home a {
  background-image: url('../images/home2_rs.png');
  background-repeat: no-repeat;
}

li#home a:hover {
  background-image: url('../images/home2.png');
  background-repeat: no-repeat;
}

li#lingua a {
  background-image: url('../images/bandiera_ingl_rs.png');
  background-repeat: no-repeat;
}

li#lingua a:hover {
  background-image: url('../images/bandiera_ingl.png');
  background-repeat: no-repeat;
}

li#esercizi a {
  background-image: url('../images/pc_rs.png');
  background-repeat: no-repeat;
}

li#esercizi a:hover {
  background-image: url('../images/pc.png');
  background-repeat: no-repeat;
}

div.esercizi a,
li#esercizi2 a {
  background-image: url('../images/pc_rs2.png');
  background-repeat: no-repeat;
}

div.esercizi a,
li#esercizi2 a:hover {
  background-image: url('../images/pc2.png');
  background-repeat: no-repeat;
}

div.esercizi a {
  padding: 50px
}

div.esercizi {
  width: 50px;
  position: absolute;
  left: 500px;
  top: 100px
}

li#solo a {
  background-image: url('../images/solo_rs.png');
  background-repeat: no-repeat;
}

li#solo a:hover {
  background-image: url('../images/solo.png');
  background-repeat: no-repeat;
}

li#genera_intero_simile a {
  background-image: url('../images/bt_rs.png');
  background-repeat: no-repeat;
}

li#genera_intero_simile a:hover {
  background-image: url('../images/bt.png');
  background-repeat: no-repeat;
}

li#genera_decimale_simile a {
  background-image: url('../images/btd_rs.png');
  background-repeat: no-repeat;
}

li#genera_decimale_simile a:hover {
  background-image: url('../images/btd.png');
  background-repeat: no-repeat;
}

li#conta_per a {
  background-image: url('../images/conta_per_rs.png');
  background-repeat: no-repeat;
}

li#conta_per a:hover {
  background-image: url('../images/conta_per.png');
  background-repeat: no-repeat;
}

li#info a {
  background-image: url('../images/info_rs.png');
  background-repeat: no-repeat;
}

li#info a:hover {
  background-image: url('../images/info.png');
  background-repeat: no-repeat;
}

.decimali1 {
  background-image: url('../images/interi_rs.png');
  background-repeat: no-repeat;
}

.decimali1:hover {
  background-image: url('../images/interi.png');
  background-repeat: no-repeat;
}


.decimali2 {
  background-image: url('../images/decimali_rs.png');
  background-repeat: no-repeat;
}

.decimali2:hover {
  background-image: url('../images/decimali.png');
  background-repeat: no-repeat;
}

.reset {
  background-image: url('../images/reset_rs.png');
  background-repeat: no-repeat;
}

.reset:hover {
  background-image: url('../images/reset.png');
  background-repeat: no-repeat;
}

.separatoreOn {
  background-image: url('../images/separatoreOn_rs.png');
  background-repeat: no-repeat;
}

.separatoreOn:hover {
  background-image: url('../images/separatoreOn.png');
  background-repeat: no-repeat;
}

.separatoreOff {
  background-image: url('../images/separatoreOff_rs.png');
  background-repeat: no-repeat;
}

.separatoreOff:hover {
  background-image: url('../images/separatoreOff.png');
  background-repeat: no-repeat;
}

.whiteboardOn {
  background-image: url('../images/whiteboardOn_rs.png');
  background-repeat: no-repeat;
}

.whiteboardOn:hover {
  background-image: url('../images/whiteboardOn.png');
  background-repeat: no-repeat;
}

.fullscreenOn {
  background-image: url('../images/fullScreenOn_rs.png');
  background-repeat: no-repeat;
}

.fullscreenOn:hover {
  background-image: url('../images/fullScreenOn.png');
  background-repeat: no-repeat;
}

.fullscreenOff {
  background-image: url('../images/fullScreenOff_rs.png');
  background-repeat: no-repeat;
}

.fullscreenOff:hover {
  background-image: url('../images/fullScreenOff.png');
  background-repeat: no-repeat;
}

.whiteboardOff {
  background-image: url('../images/whiteboardOff_rs.png');
  background-repeat: no-repeat;
}

.whiteboardOff:hover {
  background-image: url('../images/whiteboardOff.png');
  background-repeat: no-repeat;
}

.soundOn {
  background-image: url('../images/soundOn_rs.png');
  background-repeat: no-repeat;
}

.soundOn:hover {
  background-image: url('../images/soundOn.png');
  background-repeat: no-repeat;
}

.soundOff {
  background-image: url('../images/soundOff_rs.png');
  background-repeat: no-repeat;
}

.soundOff:hover {
  background-image: url('../images/soundOff.png');
  background-repeat: no-repeat;
}

.flip-counter.default .digit2 {
  position: relative;
  z-index: 0;
  width: 50px;
  height: 40px;
  margin-left: 10px;
  background-color: #000000;
  text-align: center;
  line-height: 0;
  -webkit-text-stroke: 2px;
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  perspective: 300px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}



.btn-style {
  border: solid 0px #000000;
  border-radius: 5px;
  height: 41px;
  moz-border-radius: 5px;
  font-size: 10px;
  padding: 1px 10px;
  background: #ff8c00;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8c00), color-stop(100%, #ff3503));
  background: -moz-linear-gradient(top, #ff8c00 0%, #ff3503 100%);
  background: -webkit-linear-gradient(top, #ff8c00 0%, #ff3503 100%);
  background: -o-linear-gradient(top, #ff8c00 0%, #ff3503 100%);
  background: -ms-linear-gradient(top, #ff8c00 0%, #ff3503 100%);
  background: linear-gradient(top, #ff8c00 0%, #ff3503 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c00', endColorstr='#ff3503', GradientType=0);

}

#menuTop {
  width: 182px;
  height: 200px;
  margin-left: 15px;
  background-image: url('../images/Logo3rs.png');
  background-repeat: no-repeat;
  margin-top: 6px;
}

/*.ui-tooltip, .arrow:after {
background: #096FB3;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: bold 14px "Helvetica Neue", Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}*/
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}

.arrow.top {
  top: -16px;
  bottom: auto;
}

.arrow.left {
  left: 20%;
}

.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  tranform: rotate(45deg);
}

.arrow.top:after {
  bottom: -20px;
  top: auto;
}

.tooltip {
  background: blue;
  background-color: red;
}

.tooltip {
  /*stili per il tooltip */
  /*posizione e domensioni*/
  position: absolute;
  top: 2em;
  left: 2em;
  width: 15em;
  /*bordi e colore */
  border: 1px solid #6C9;
  background-color: #A8F8D0;
  ;
  color: #000;
  /*font e testo */
  font-size: 80%;
  text-align: center
}

.ui-btn-ui-btn-b {
  background-color: blue;
}

/*---id-----*/
button:focus {
  outline: 0;
}

.reset_clicked {
  display: block !important;
}

.button_active {
  border: 2px solid #A5C7FE
}

/* #paneldigits .front{height:30px !important; } */
#paneldigits .front {
  height: 95px !important;
}

.control-qdo-decimal {
  left: 0px !important;
  width: 50px !important;
}

select#rangemax {
  font-size: 18px;
  width: 122px;
  color: #fff;
}

select#rangemax option {
  font-size: 18px !important;
  color: black;
}

.reset2:hover {
  cursor: pointer;
  border: 2px solid #A5C7FE
}

#win,
#btn-verifica {
  position: absolute;
  right: 130px;
  top: 450px;
  width: 50px
}

#btn-verifica {
  cursor: pointer;
}

#win {
  text-align: center;
}

#win font {}

#dimensione {
  overflow: hidden;
  position: absolute;
  z-index: 999
}

.range-combo-normal {
  /* position: absolute; */
  top: 20px;
  /* left: 330px; */
}

.range-combo-init {
  position: relative;
  top: 300px;
  left: 600px;
}

.fieldset-init {
  position: relative;
  top: -200px;
  left: 300px;
}



#numero_lettere {
  width: 100%;
  /* max-width: 1000px; */
  position: absolute;
  top: 135px;
  left: 0;
  text-align: center
}

#numero_lettere {
  text-transform: lowercase
}

#numero_lettere h3,
#numero_lettere {
  font-size: 1.4em
}

#new-attempt {
  position: absolute;
  right: 10px;
  top: 450px;
  display: none
}

#new-attempt img {
  cursor: pointer;
}

#new-attempt img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#last-chance {
  position: absolute;
  right: 40px;
  top: 300px;
  display: none
}

#last-chance img {
  max-width: 180px
}

#score {
  position: absolute;
  right: 40px;
  top: 355px;
  padding: 4px;
  font-size: 36px;
  display: none;
  border: 4px solid #D5990D;
  border-radius: 5px;
  color: #000;
  font-weight: bold
}

span.partint {
  font-size: 1.2em;
  display: block;
  line-height: 1em
}

span.nume {
  font-size: 1.2em !important;
  color: #C00000;
  line-height: 1em
}

span.numed {
  font-size: 1em !important;
  line-height: 1em
}

#myCounter-digit-a-panelplus0 {
  width: 70px !important;
  background-color: transparent !important
}


#myCounter-digit-a-panel1,
#myCounter-digit-a-panel2,
#myCounter-digit-a-panel3,
#myCounter-digit-a-panel4,
#myCounter-digit-a-panel5,
#myCounter-digit-a-panel6,
#myCounter-digit-a-panel7,
#myCounter-digit-a-panel8,
#myCounter-digit-a-panel9,
#myCounter-digit-a-panel10,
#myCounter-digit-a-panel11,
#myCounter-digit-a-panel12,
#myCounter-digit-a-panel13,
#myCounter-digit-a-panel14,
#myCounter-digit-a-panel15,
#myCounter-digit-a-panel16,
#myCounter-digit-a-panel17 {
  z-index: 100;
  left: -14px;
}

#myCounter-digit-a-panel0 {
  width: 70px;
  left: -15px
}

#myCounter-digit-a-panel1,
#myCounter-digit-a-panel2 {}

#myCounter-digit-a-panel3,
#myCounter-digit-a-panel4,
#myCounter-digit-a-panel5 {}

#myCounter-digit-a-panel6,
#myCounter-digit-a-panel7,
#myCounter-digit-a-panel8 {}

#myCounter-digit-a-panel9,
#myCounter-digit-a-panel10,
#myCounter-digit-a-panel11 {}

#interface {
  /* margin-top: 20px */
}

/*.align_digitos_decimais{left:0 !important}*/
/*#myCounter-digit-a-panel0 span,#myCounter-digit-a-panel1 span,#myCounter-digit-a-panel2 span{left:0px !important;width:50px !important;}*/
/* Flash class and keyframe animation */
.flashit {
  color: #f2f;
  -webkit-animation: flash linear 1s infinite;
  animation: flash linear 1s infinite;
}

@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .1;
  }

  100% {
    opacity: 1;
  }
}