#menu{
  display: flex;
}
.menutop{
  display: flex;
  align-items: center;
}
#menuTop{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 25px;
}
.menutop li{
 list-style: none;
}
#menu li a{
  padding: 0!important;
  width: 100%;
  height: 100%;
  background-size: 100%;
  position: absolute;
}
#menu li{
  min-width:40px;
  height: 40px;
  margin-left: 15px;
  list-style: none;
  position: relative;
}
#suono{
  margin-left: 100px!important;
}
.btn.btn-warning.dropdown-toggle i{
  display: none;
}
.hide-cls img{
  display: none;
}
#prev_{
  background-image: url(/linea/images/prev.png);
    margin-top: 10px;
    z-index: 1;
    left: -35px;
    display: block;
    position: absolute;
    font-size: 70px;
    width: 22px;
    height: 38px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    transform: scale(1.3);
}
#next_{
  left: 1080px;
  transform: scale(1.3);
    right: 30px;
    background-image: url(/linea/images/next.png); 
    margin-top: -50px;
    position: absolute;
    font-size: 70px;
    width: 22px;
    height: 38px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
#next_:hover, #prev_:hover {
  background-position: 0 -76px;
}
#uno {
position: absolute;
color: white;
width: 350px;
height: 150px;
left: 200px; /*Definisce il centro orizzontale della finestra browser*/ 
/*Ecco le due rimanenti righe di codice che completano l'istruzione*/
/*margin-left: -50px;*/
margin-top: 260px;
}
/* #menuTop{width:182px; height: 160px; margin-left: 15px;background-image: url('../images/Logo3rs.png'); background-repeat: no-repeat;margin-top:6px;} */
/* ul.menutop { list-style: none;position:absolute;left:10px;top:40px} */
/* ul.menutop li{display: inline-block} */
/* ul.menutop li a{padding:50px 0 50px 50px;text-decoration:none;font-weight:bold;color:#82C90A} */
/* ul.menutop #reset2{position:relative;top:-35px;} */

#footerDx{width: 1607px; height: 84px;  float: left; background-image: url('../images/bgFooterDx.jpg'); background-repeat: repeat-x;}
#aggiungiCifra{width: 33px; height: 35px; 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;}

#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;}
#space{width: 30px; height: 10px; background-repeat: no-repeat;}
.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;color:#000;
}
h1 {
  text-align: center;
  margin: 10px;
  line-height: 60px;
  font-weight: 700;
  font-size: 60px;
  /* Web fonts look bad in Chrome even with -webkit-font-smoothing, so this is a cheap way to soften the jaggies */

}
h2{  font-size: 38px;}
#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;
}


/* ul#menu{float:center;width:100%;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:50px 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 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#home,li#suono{position:relative;left:100px} */
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#back a{background-image: url('../images/back_rs.png');  background-repeat: no-repeat; }
li#back a:hover{background-image: url('../images/back.png');  background-repeat: no-repeat; }
li#bucata a{background-image: url('../images/lineaBucata_rs.png');  background-repeat: no-repeat; }
li#bucata a:hover{background-image: url('../images/lineaBucata.png');  background-repeat: no-repeat; }
li#annullaspazi a{background-image: url('../images/lineaIntera_rs.png');  background-repeat: no-repeat; }
li#annullaspazi a:hover{background-image: url('../images/lineaIntera.png');  background-repeat: no-repeat; }
li#reset a{background-image: url('../images/reset_rs.png');  background-repeat: no-repeat; }
li#reset a:hover{background-image: url('../images/reset.png');  background-repeat: no-repeat; }
li#bucataTotale a{background-image: url('../images/lineaTuttaBucata_rs.png');  background-repeat: no-repeat; }
li#bucataTotale a:hover{background-image: url('../images/lineaTuttaBucata.png');  background-repeat: no-repeat; }
li#giocapc a{background-image: url('../images/pc.png');  background-repeat: no-repeat; }
/*li#giocapc a:hover{background-image: url('../images/pc.png');  background-repeat: no-repeat; }*/
li#nopc a{background-image: url('../images/nopc.png');  background-repeat: no-repeat; }
/*li#nopc a:hover{background-image: url('../images/nopc.png');  background-repeat: no-repeat; }*/

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

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

li#numeroletra.separar a{background-image: url('../images/numeroletra_separar_rs.png');  background-repeat: no-repeat; }
li#numeroletra.separar a:hover{background-image: url('../images/numeroletra_separar.png');  background-repeat: no-repeat; }
li#numeroletra.juntar a{background-image: url('../images/numeroletra_juntar_rs.png');  background-repeat: no-repeat; }
li#numeroletra.juntar a:hover{background-image: url('../images/numeroletra_juntar.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;}

.btn-style{
	border : solid 0px #000000;
	border-radius : 5px;
	height:40px;
	width:100px;
	moz-border-radius : 5px;
	font-size : 20px;
	color : #ffffff;
	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 );

}


.flag-style{
float:left;background-image: url('../images/conferma3.jpg');
background-repeat: no-repeat;
height:42px;
width:45px;
border-radius : 5px;
border: none;

}
.menu_generale{
width: 50px;
height: 50px;
background-image: url('../images/puls.png');
background-repeat: no-repeat;
background-position: center center;
border: none;
}
/*--- id ----*/
#reset2{width: 50px;height: 50px;background-image: url('../images/reset2.png');background-repeat: no-repeat;background-position: center center;background-color: #FFFFFF;border: none;}
.range-arrow{font-size:12px;position:absolute;left:80px;top:55px;color:#fff}
#reset2:hover{border:2px solid #A5C7FE}
.menutop li,#menu li,.flag-style{cursor:pointer}

#numero_lettere{width:95%;max-width:950px; position:absolute;top:150px;left:230px}
#numero_lettere{text-transform: lowercase}

#new-attempt{position:absolute;right:50px;top:380px;display: }
#new-attempt img{cursor:pointer;}
#new-attempt img:hover{opacity: 0.5;  filter: alpha(opacity=50);}

#last-chance{position:absolute;right:50px;top:180px;display:none } 
#last-chance img{max-width:180px}

#score{position:absolute;right:40px;top:290px;padding:4px;font-size:36px;border:4px solid #D5990D;border-radius: 5px;color:#000;font-weight:bold}
span.partint{font-size: 1.4em}span.nume{font-size: 1.4em;color:#C00000}

#win{position:absolute;right:50px;width:50px}
#win{top:190px;text-align: center}
#win font{}
.range-combo-init{position:relative;top:250px;left:250px;}
.fieldset-init{position:relative;top:-200px;left:300px;}

html .icona_no {	background-image: url("../images/nok.png");	background-repeat: no-repeat;	background-position: right ;}
html .icona_ok {	background-image: url("../images/ok.png");	background-repeat: no-repeat;	background-position: right ;}

.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  color: #ffffff;
  	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 );
	height:40px
}
#dropdown-cifra li{
  float: none!important;
  display: block!important;
  transform: none !important;
} 

#dropdown-cifra {  margin-top:0px ;   margin-right:-1000px; background-color: #fff; 
     border: 0; top:40px;left:0px;
     /* display: flex;
     flex-direction: column; */
     border-radius: 0; 
     -webkit-box-shadow: none; 
     box-shadow: none;  }
#dropdown-cifra > li {  display: inline-block;}
#dropdown-cifra > li label{
  
  width: 70px;
  font-weight:bold; border:3px solid #FE6915 ;color:#FE6915 !important;font-size:20px;border-radius: 6px; padding:0 10px;}
.dropdown-cifra-wrap .btn{padding:1px 3px 0 4px !important}
.dropdown-cifra-wrap .btn-warning  span:first-child{border:2px solid #fff;border-radius: 5px; padding:1px 2px;}
.dropdown-cifra-wrap .btn-warning  img{margin-right:2px}
/*.btn-group .dropdown-menu{
    display: block;width:100px;
    opacity: 0;
    -moz-transition:    all 1000ms ease;    -webkit-transition: all 1000ms ease;    -o-transition:      all 1000ms ease;    -ms-transition:     all 1000ms ease;    transition:         all 1000ms ease;
}
.btn-group.open .dropdown-menu {
    display: block;
    opacity: 1;
	 -moz-transition:none;    -webkit-transition: none;    -o-transition:none;    -ms-transition: none;    transition:none;
}*/
.mainbar a{text-decoration: none;}
ul#dates .mainbar a:focus{background-color:#ff3503; color:#fff !important;padding:0 5px !important ;}

ul#dates .regular a{font-size:25px}
ul#dates .bigger a{font-size:40px;margin-left:-3px;}
ul#dates li:nth-child(n+1000).bigger a{font-size:35px;font-weight:700;;letter-spacing:-2px;margin-left:-8px;/*color:blue !important;*/}/*change bigger class over 1000*/
#timeline_h{margin-top:50px}
#vertical_line{margin-top:110px;z-index:1}
#vertical_line .mainbar {background-color:#fff}
#vertical_line .mainbar a{font-weight:bold;}
#issues{position:relative;top:40px}