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

ul.menutop { list-style: none;position:absolute;left:0;top:10px}

ul.menutop li{display: inline-block;}

ul.menutop li a{padding:50px 0 50px 0;text-decoration:none;font-weight:bold;color:#82C90A}

ul.menutop #reset2{position:relative;top:-35px;}



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

#separatoreOff{width: 33px; height: 36px; background-image: url('/random/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('/random/Pannello.jpg'); background-repeat: no-repeat;}



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

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

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

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



li.withcolor a{background-image: url('/random/withcolor_rs.png');  background-repeat: no-repeat; }

li.withcolor a:hover{background-image: url('/random/withcolor.png');  background-repeat: no-repeat; }

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

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

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

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

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

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

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

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

li.nocolor a{background-image: url('/random/nocolor_rs.png');  background-repeat: no-repeat; }

li.nocolor a:hover{background-image: url('/random/nocolor.png');  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;

}

@media screen and (min-width:768px) and (orientation:portrait)
{
body{
	overflow:hidden;
}	
}

body {

  font: 14px 'Ubuntu', sans-serif;color:#000;

}

h1 {

	font-family: 'Gill Sans MT', sans-serif;

  text-align: center;

  margin: 10px;

  /* line-height: 100px; */

  font-weight: 700;

  font-size: 40px;

  /* 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;

}





div#home a{padding:50px 0 50px 50px;background-image: url('/random/home2_rs.png');  background-repeat: no-repeat; }

div#home{position:absolute !important;right:40px !important;top:95px}

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



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;width:48px; height: 48px; 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#lingua a{background-image: url('/random/bandiera_ingl_rs.png');  background-repeat: no-repeat; }

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

li#back a{background-image: url('/random/back_rs.png');  background-repeat: no-repeat; }

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

li#annullaspazi a{background-image: url('/random/lineaIntera_rs.png');  background-repeat: no-repeat; }

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



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

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

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

.soundOff:hover{background-image: url('/random/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 );



}





.menu_generale{

width: 50px;

height: 50px;

background-image: url('/random/puls.png');

background-repeat: no-repeat;

background-position: center center;

border: none;

}

/*--- id ----*/

#reset2{width: 50px;height: 50px;background-image: url('/random/reset2.png');background-repeat: no-repeat;background-position: center center;background-color: #FFFFFF;border: none;}

.range-arrow{font-size:12px;position:absolute;left:220px;top:55px;color:#fff}

#reset2:hover{border:2px solid #A5C7FE}

.menutop li,#menu li{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;}

#new-attempt img{cursor:pointer;}

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



#score{position:absolute;right:40px;top:290px;padding:4px;font-size:36px;display:none;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;}





.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-from label span,button.btn{font-weight:bold;font-size:18px}

#dropdown-cifra-from{}

.dropdown-menu li{clear:both}

#range::-webkit-input-placeholder {color: #fff !important;font-size:18px}

#range:-moz-placeholder { /* Firefox 18- */color: #fff !important;font-size:18px}

#range::-moz-placeholder {  /* Firefox 19+ */color: #fff !important;font-size:18px  }

#range:-ms-input-placeholder {  color: #fff !important;font-size:18px }

.dd-cifras{}

.popover{background-color: #E74C3C;color:#fff;}

.popover .arrow::after { border-bottom-color:#E74C3C !important; }



/*--- stage ----*/

#issues {

	width: 100%;


}

#issues li {

	height: auto;

	list-style: none;

}

#issues li.selected {

	-webkit-transform: scale(1.0,1.0);

	-moz-transform: scale(1.0,1.0);

	-o-transform: scale(1.0,1.0);

	-ms-transform: scale(1.0,1.0);

	transform: scale(1.0,1.0);

}

#issues li {

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	-ms-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

	-webkit-transform: scale(0.1,0.1);

	-moz-transform: scale(0.1,0.1);

	-o-transform: scale(0.1,0.1);

	-ms-transform: scale(0.1,0.1);

	transform: scale(0.1,0.1);

}

#issues li img {

	float: left;

	margin: 10px 0px 10px 60px;

	background: transparent;

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */

	zoom: 1;

	-webkit-transition: all 2s ease-in-out;

	-moz-transition: all 2s ease-in-out;

	-o-transition: all 2s ease-in-out;

	-ms-transition: all 2s ease-in-out;

	transition: all 2s ease-in-out;

	-webkit-transform: scale(0.8,0.8);

	-moz-transform: scale(0.8,0.8);

	-o-transform: scale(0.8,0.8);

	-ms-transform: scale(0.8,0.8);

	transform: scale(0.8,0.8);

}

#issues li h1 {

	color: #222;

	font-size: 48px;

	margin: 0 0 20px;

	text-shadow: #000 1px 1px 2px;

}

fino1000{}

#issues li p {

	font-size: 14px;

	/* margin-right: 40px; */

	margin-left:43px;

	font-weight: normal;

	line-height: 22px;

	text-shadow: #000 1px 1px 2px;

}

#issues li p:last-child {

	margin-bottom: 57px;

}

#issues h1 span{

	font-size:110px;

}