@charset "utf-8";
/* CSS Document */
/* Button styles */
.container 
{
  width:40%; height:30%; padding:20px 10%;
  text-align:center; background-color: #ff7e72;
}
/******************************************************/
#btn-entrata      
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #0500e2;
  padding: 2px;
	
  width: 100px;
  height: 30px;
  font: bold 16px Verdana;
  box-shadow: 2px 2px 2px #111;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: solid 1px #000;
  background: #ff0; 
  background: -webkit-linear-gradient(top, #ff0, #e29000, #999); 
  background: -moz-linear-gradient(top, #ff0, #e29000, #999);
  background: -ms-linear-gradient(top, #ff0, #e29000, #999);
  background: -o-linear-gradient(top,  #ff0, #e29000, #999);
  background: linear-gradient(top, #ff0, #e29000, #999);
}
/*********************************************************
{  
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #0500e2;
  padding: 2px;
  margin: 2px;
  border: solid 1px #000;
  width: 100px;
  background: #ff0; 
  background: -webkit-linear-gradient(top, #ff0, #e29000, #999); 
  background: -moz-linear-gradient(top, #ff0, #e29000, #999);
  background: -ms-linear-gradient(top, #ff0, #e29000, #999);
  background: -o-linear-gradient(top,  #ff0, #e29000, #999);
  background: linear-gradient(top, #ff0, #e29000, #999);
}

****************************************************************/


#btn-entrata:hover
{
  background: #ff8;
  background: -webkit-linear-gradient(bottom,  #ff0, #e29000, #999);
  background: -moz-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -ms-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -o-linear-gradient(bottom, #ff0, #e29000, #999);
  background: linear-gradient(bottom, #ff0, #e29000, #999);
}
/***************************************************************************/
#btn 
{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;

  border-color: black;
  border-width: 4px;
  position: relative;
  /*border: solid 1px #000; */
  cursor: pointer;

  display: inline-block;
  overflow: hidden;
  height: 24px;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
    
  line-height: 30px;
  padding: 0 25px;  
  font-size: 16px;
  color: #00F;
  font-weight:bold;
  
  -moz-box-shadow: 3px 3px 3px 3px #999;
  -webkit-box-shadow: 3px 3px 3px 3px #999;
  -ms-box-shadow:3px 3px 3px 3px #999; 
  box-shadow: 3px 3px 3px 3px #999;

  background-color: #ff0; 
  background-image: -webkit-linear-gradient(top, yellow 70%, #FF9600 20%, #9b4600 10%);
  background-image: -moz-linear-gradient(top, yellow 70%, #FF9600 20%, #9b4600 10%);
  background-image: -ms-linear-gradient(top, yellow 70%, #FF9600 20%, #9b4600 10%);
  background-image: -o-linear-gradient(top, yellow 70%, #FF9600 20%, #9b4600 10%);
  background-image: linear-gradient(top, yellow 70%, #FF9600 20%, #9b4600 10%);
}
  
#btn:active, #btn.active 
{
  top: 2px;
  -moz-box-shadow: 3px 3px 3px 3px #999;
  -webkit-box-shadow: 3px 3px 3px 3px #999;
  -ms-box-shadow:3px 3px 3px 3px #999; 
  box-shadow: 3px 3px 3px 3px #999;
}

/*************************************************/  

.btn1 
{  
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;

  border-color: black;
  border-width: 4px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 30px;
  
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    
  line-height: 30px;
  padding: 0 25px;  
  font-size: 20px;
  color: #00F;
  font-weight:bold;
  
  -webkit-box-shadow: 5px 5px 6px 3px #999;
  -moz-box-shadow: 5px 5px 6px 3px #999;
  -ms-box-shadow: 5px 5px 6px 3px #999;
  box-shadow: 5px 5px 6px 3px #999;

  background-color: #ff0; 
}

.btn1:active 
{  
  position: relative;
  top: 2px;
}
/*************************************************/  
#pulsante
{
  font: bold 20px Arial, Helvetica, sans-serif;  
}
#tasto
{
  font: bold 14px Arial, Helvetica, sans-serif;  
}
#pulsante, #tasto
{
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  width: 80px;
  color: #FFFFF0;
  padding: 8px 10px;
  border-top:1px solid #000075;
  border-right:3px solid #000075;
  border-bottom:3px solid #000075;
  border-left:1px solid #000075;

  /* background: #0095cd;  */
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -webkit-linear-gradient(top,  #00adee,  #0078a5);
  background: -moz-linear-gradient(top,  #00adee,  #0078a5);
  background: -ms-linear-gradient(top,  #00adee,  #0078a5);
  background: -o-linear-gradient(top,  #00adee,  #0078a5);
  
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  
  -moz-box-shadow: 3px 3px 6px 3px #999;
  -webkit-box-shadow: 3px 3px 6px 3px #999;
  -ms-box-shadow:3px 3px 6px 3px #999; 
  box-shadow: 3px 3px 6px 3px #999;
}

#pulsante:hover, #tasto:hover 
{
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  background: -webkit-linear-gradient(top,  #0078a5,  #00adee);
  background: -moz-linear-gradient(top,  #0078a5,  #00adee);
  background: -ms-linear-gradient(top,  #0078a5,  #00adee);
  background: -o-linear-gradient(top,  #0078a5,  #00adee);
  background: linear-gradient(top,  #0078a5,  #00adee);
}

#pulsante:active, #tasto:active 
{
  position: relative;
  top: 2px;
}
/********************************************************/  
#pulsante1 
{
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  width: 80px;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #00f;
  padding: 3px 3px;
  border: solid 1px #00f;
  
  background: #ff0; 
  background: -webkit-linear-gradient(top, #ff8, #ff0,  #999);
  background: -moz-linear-gradient(top, #ff8, #ff0,  #999);
  background: -ms-linear-gradient(top, #ff8, #ff0,  #999);
  background: -o-linear-gradient(top, #ff8, #ff0,  #999);
  background: linear-gradient(top, #ff8, #ff0,  #999);
  
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  
  -moz-box-shadow:2px 2px 3px 2px #999;
  -webkit-box-shadow: 2px 2px 3px 2px #999;
  -ms-box-shadow:2px 2px 3px 2px #999;
  box-shadow: 2px 2px 3px 2px #999;
}

#pulsante1:hover 
{
  background: #ff8;
  background: -webkit-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -moz-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -ms-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -o-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: linear-gradient(bottom, #ff8, #ff0,  #999);
}

#pulsante1:active 
{
  position: relative;
  top: 2px;
}

/***********************************************************/
#pulsante2 
{
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  width: 80px;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #00f;
  padding: 4px 4px;
  border: solid 1px #00a;
  
  /*background: #ff0; */
  background: -webkit-linear-gradient(top, #ff0, #e9a674, #999);
  background: -moz-linear-gradient(top, #ff0, #e9a674, #999);
  background: -ms-linear-gradient(top, #ff0, #e9a674, #999);
  background: -o-linear-gradient(top, #ff0, #e9a674, #999);
  background: linear-gradient(top, #ff0, #e9a674, #999);
  
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  
  -moz-box-shadow: 2px 2px 3px 2px #999;
  -webkit-box-shadow: 2px 2px 3px 2px #999;
  -ms-box-shadow:2px 2px 3px 2px #999; 
  box-shadow: 2px 2px 3px 2px #999;
}

#pulsante2:hover 
{
  /*background: #ff8; */
  background: -webkit-linear-gradient(bottom, #ff0, #e9a674, #999);
  background: -moz-linear-gradient(bottom, #ff0, #e9a674, #999);
  background: -ms-linear-gradient(bottom, #ff0, #e9a674, #999);
  background: -o-linear-gradient(bottom, #ff0, #e9a674, #999);
  background: linear-gradient(bottom, #ff0, #e9a674, #999);
}

#pulsante2:active 
{
  position: relative;
  top: 2px;
}

/*******************************************************/
#bottone-yellow 
{ 
  display:inline-block;
  overflow:hidden; 
  outline: none;
  cursor: pointer;
  text-align: center;
  text-height:auto; 
  text-decoration: none; 
  width: 80px; 
  height:25px;
  font: bold 14px Verdana;
  color: #00A;
  padding: 5px;
  /* border: solid 1px #005;  */
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 3px 3px 3px #111;
  
  background: #ff0; 
  background: -webkit-linear-gradient(top, #ff8, #ff0,  #999);
  background: -moz-linear-gradient(top, #ff8, #ff0,  #999);
  background: -ms-linear-gradient(top, #ff8, #ff0,  #999);
  background: -o-linear-gradient(top, #ff8, #ff0,  #999);
  background: linear-gradient(top, #ff8, #ff0,  #999);
}

#bottone-yellow:hover 
{
  background: #ff8;
  background: -webkit-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -moz-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -ms-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -o-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: linear-gradient(bottom, #ff8, #ff0,  #999);
}

#bottone-yellow:active 
{
  position: relative;
  top: 3px;
}

/***********************************************************/
#btn-giallo, #btn-download 
{ 
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
   
  outline: none;
  cursor: pointer;
  text-align: center;
  text-height:font-size;
  text-decoration: none; 
  width: 80px;
  font: bold 20px Verdana;
  color: #000;
  padding: 5px;
  border: solid 1px #000;
  
  background: #ff0; 
  background: -webkit-linear-gradient(top, #ff8, #ff0,  #999);
  background: -moz-linear-gradient(top, #ff8, #ff0,  #999);
  background: -ms-linear-gradient(top, #ff8, #ff0,  #999);
  background: -o-linear-gradient(top, #ff8, #ff0,  #999);
  background: linear-gradient(top, #ff8, #ff0,  #999);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  box-shadow: 3px 3px 3px #111;
}

#btn-download 
{
  width: 120px; font: bold 16px Verdana;
}

#btn-giallo:hover, #btn-download:hover 
{
  background: #ff0;
  background: -webkit-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -moz-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -ms-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -o-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: linear-gradient(bottom, #ff8, #ff0,  #999);
}

#btn-giallo:active, #btn-download:active 
{
  position: relative;
  top: 2px;
}
/****************************************************/
#btn-viola 
{  
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none; 
  width: 70px;
  font: bold 18px Verdana;
  color: #0FF;
  padding: 5px;
  border: solid 1px #f0f; 
   
  background: #F8F; 
  background: -webkit-linear-gradient(top, #F8F, #F0F, #999);
  background: -moz-linear-gradient(top, #F8F, #F0F, #999);
  background: -ms-linear-gradient(top, #F8F, #F0F, #999);
  background: -o-linear-gradient(top, #F8F, #F0F, #999);
  background: linear-gradient(top, #F8F, #F0F, #999);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

#btn-viola:hover 
{ 
  background: #F0F; 
  background: -webkit-linear-gradient(bottom, #F8F, #F0F, #999);
  background: -moz-linear-gradient(bottom, #F8F, #F0F, #999);
  background: -ms-linear-gradient(bottom, #F8F, #F0F, #999);
  background: -o-linear-gradient(bottom, #F8F, #F0F, #999);
  background: linear-gradient(bottom, #F8F, #F0F, #999);
}

#btn-viola:active 
{
  position: relative;
  top: 2px;
}

/*****************************************************************/
#btn-giallo,  
#btn-giallo-rid,
#btn-time,
#btn-exit,
#btn-ok
{  
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #0500e2;
  padding: 2px;
  margin: 2px;
  border: solid 1px #000;
  width: 100px;
  background: #ff0; 
  background: -webkit-linear-gradient(top, #ff0, #e29000, #999); 
  background: -moz-linear-gradient(top, #ff0, #e29000, #999);
  background: -ms-linear-gradient(top, #ff0, #e29000, #999);
  background: -o-linear-gradient(top,  #ff0, #e29000, #999);
  background: linear-gradient(top, #ff0, #e29000, #999);
}

#btn-ok 
{
  width: 60px;
  height: 25px;
  font: bold 14px Verdana;
  box-shadow: 2px 2px 2px #111;
  -moz-border-radius: 6px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#btn-time,
#btn-exit,
#btn-giallo      
{
  width: 90px;
  height: 30px;
  font: bold 16px Verdana;
  box-shadow: 2px 2px 2px #111;
	  
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#btn-giallo-rid
{
  width: 70px; 
  font: bold 14px Verdana;  /*  14 */
  box-shadow: 3px 3px 4px #333;
	  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#btn-giallo:hover,
#btn-giallo-rid:hover,
#btn-time:hover,
#btn-exit:hover,
#btn-ok:hover
{
  background: #ff8;
  background: -webkit-linear-gradient(bottom,  #ff0, #e29000, #999);
  background: -moz-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -ms-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -o-linear-gradient(bottom, #ff0, #e29000, #999);
  background: linear-gradient(bottom, #ff0, #e29000, #999);
}

#btn-giallo:active,
#btn-giallo-rid:active
#btn-ok:active
{
  position: relative;
  top: 2px;
}

#btn-home
{        
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #ff0;
  padding: 2px;
  margin: 3px;
  border: solid 2px #000;
  width: 110px;
  font: bold 14px Verdana;
  
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;

  background: #0CF; 
  background: -webkit-linear-gradient(top, #0CF, #07F, #0000EA);
  background: -moz-linear-gradient(top, #0CF, #07F,  #0000EA);
  background: -ms-linear-gradient(top, #0CF, #07F,  #0000EA);
  background: -o-linear-gradient(top,  #0CF, #07F,  #0000EA);
  background: linear-gradient(top, #0CF, #07F,  #0000EA);

  box-shadow: 3px 3px 3px #111;
}

#btn-home:hover
{
  text-decoration:none;	
  background: #0CF; 
  background: -webkit-linear-gradient(bottom, #0CF, #07F, #0000EA);
  background: -moz-linear-gradient(bottom, #0CF, #07F,  #0000EA);
  background: -ms-linear-gradient(bottom, #0CF, #07F,  #0000EA);
  background: -o-linear-gradient(bottom,  #0CF, #07F,  #0000EA);
  background: linear-gradient(bottom, #0CF, #07F,  #0000EA);
}

#little-btn
{
  width: 60px; 
  font: bold 14px Verdana;
  box-shadow: 2px 2px 2px #666;  
	  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
	  
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #0500e2;
  padding: 2px;
  margin: 3px;
  border: solid 1px #000;
  
  background: #ff0; 
  background: -webkit-linear-gradient(top, #ff0, #e29000, #999); 
  background: -moz-linear-gradient(top, #ff0, #e29000, #999);
  background: -ms-linear-gradient(top, #ff0, #e29000, #999);
  background: -o-linear-gradient(top,  #ff0, #e29000, #999);
  background: linear-gradient(top, #ff0, #e29000, #999);
}

#little-btn:hover
{
  background: #ff0;
  background: -webkit-linear-gradient(bottom,  #ff0, #e29000, #999);
  background: -moz-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -ms-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -o-linear-gradient(bottom, #ff0, #e29000, #999);
  background: linear-gradient(bottom, #ff0, #e29000, #999);
}

#little-btn:active
{
  position: relative;
  top: 2px;
}
/********************************************************************/
#home_button 
{
  width: 80px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #00F;
  padding: 2px 2px 2px 2px;
	
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;

  border-top: 1px solid #000;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  border-left: 1px solid #000;

  position: relative;
  display: inline-block;
  overflow: hidden;
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  
  background: -webkit-linear-gradient(top, #ff8, #ff0,  #999);
  background: -moz-linear-gradient(top, #ff8, #ff0,  #999);
  background: -ms-linear-gradient(top, #ff8, #ff0,  #999);
  background: -o-linear-gradient(top, #ff8, #ff0,  #999);
  background: linear-gradient(top, #ff8, #ff0,  #999);
 
  -moz-box-shadow: 3px 3px 3px #888;
  -webkit-box-shadow: 3px 3px 3px #888;
  -ms-box-shadow: 3px 3px 3px #888;
  box-shadow: 3px 3px 3px #888;   
}
 
#home_button:hover
{
  background: -webkit-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -moz-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -ms-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: -o-linear-gradient(bottom, #ff8, #ff0,  #999);
  background: linear-gradient(bottom, #ff8, #ff0,  #999);
}

.bottom_tool  {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.bottom_tool .bottom_tooltext {
  visibility: hidden;
  width: 80px;
  background-color: #FFEFD5; 
  color: #00f;
  font-family: Verdana, arial, helvetica, sans-serif; 
  font-size: 11px;
  font-weight:bold;
  text-align: center;
  border-color: blue;
  border-style: solid;
  border-radius: 6px;
  border-width: 2px;
  padding: 7px 3px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 45%;
  margin-left: -45px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.bottom_tool:hover .bottom_tooltext {
  visibility: visible;
}

/*----------------------------------   
#home_button:active 
{
  top: 2px;
  -moz-box-shadow: 3px 3px 3px #777;
  -webkit-box-shadow: 3px 3px 3px #777;
  -ms-box-shadow:3px 3px 3px #777; 
  box-shadow: 3px 3px 3px #777;
}
-------------------------------------------/
/****************************************************************************/
#home_button_1 
{
  width: 80px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #FF0;
  padding: 3px 3px;
	
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;

  border: solid 1px #005;
  border-color: black;
  border-width: 2px;
  position: relative;

  display: inline-block;
  overflow: hidden;
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
      
  -moz-box-shadow: 3px 3px 3px #999;
  -webkit-box-shadow: 3px 3px 3px #999;
  -ms-box-shadow:3px 3px 3px #999; 
  box-shadow: 3px 3px 3px #999;
  
  background: #0CF; 
  background: -webkit-linear-gradient(top, #0CF, #07F, #0000EA);
  background: -moz-linear-gradient(top, #0CF, #07F,  #0000EA);
  background: -ms-linear-gradient(top, #0CF, #07F,  #0000EA);
  background: -o-linear-gradient(top,  #0CF, #07F,  #0000EA);
  background: linear-gradient(top, #0CF, #07F,  #0000EA);
}
 
#home_button_1:hover
{
  background: #0CF;
  background: -webkit-linear-gradient(bottom, #0CF, #07F,  #0000EA);
  background: -moz-linear-gradient(bottom, #0CF, #07F,  #0000EA);
  background: -ms-linear-gradient(bottom, #0CF, #07F,  #0000EA);
  background: -o-linear-gradient(bottom,  #0CF, #07F,  #0000EA);
  background: linear-gradient(bottom, #0CF, #07F,  #0000EA);
}
   
#home_button_1:active 
{
  top: 2px;
  -moz-box-shadow: 3px 3px 3px #999;
  -webkit-box-shadow: 3px 3px 3px #999;
  -ms-box-shadow:3px 3px 3px #999; 
  box-shadow: 3px 3px 3px #999;
}

#btn-uscita
{
  width: 100px;  
  height: 25px;
  font: bold 14px Verdana;
  box-shadow: 2px 2px 2px #111;
/*  
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
*/  
  border-radius: 8px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #0500e2;
  padding: 2px;
  margin: 2px;
  border: solid 1px #000;
  background: #ff0; 
  background: -webkit-linear-gradient(top, #ff0, #e29000, #999); 
  background: -moz-linear-gradient(top, #ff0, #e29000, #999);
  background: -ms-linear-gradient(top, #ff0, #e29000, #999);
  background: -o-linear-gradient(top,  #ff0, #e29000, #999);
  background: linear-gradient(top, #ff0, #e29000, #999);
}

#btn-uscita:hover
{
  background: #ff8;
  background: -webkit-linear-gradient(bottom,  #ff0, #e29000, #999);
  background: -moz-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -ms-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -o-linear-gradient(bottom, #ff0, #e29000, #999);
  background: linear-gradient(bottom, #ff0, #e29000, #999);
}

#btn-stili
{  
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #000;
  padding: 4px;
  margin: 2px;
  border: solid 1px #000;
  width: 110px;
  font: bold 22px Verdana;
  box-shadow: 2px 2px 2px #111;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #ff0; 
  background: -webkit-linear-gradient(top, #ff0, #e29000, #999); 
  background: -moz-linear-gradient(top, #ff0, #e29000, #999);
  background: -ms-linear-gradient(top, #ff0, #e29000, #999);
  background: -o-linear-gradient(top,  #ff0, #e29000, #999);
  background: linear-gradient(top, #ff0, #e29000, #999);
}
#btn-stili:hover
{
  background: #ff8;
  background: -webkit-linear-gradient(bottom,  #ff0, #e29000, #999);
  background: -moz-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -ms-linear-gradient(bottom, #ff0, #e29000, #999);
  background: -o-linear-gradient(bottom, #ff0, #e29000, #999);
  background: linear-gradient(bottom, #ff0, #e29000, #999);
}