/* 
  Created on : 5-ago-2015, 16.28.54
  Author     : grafico
  Definizione globale di stile per i bottoni 
*/
.button{
  display:inline-block;
  padding:2px 8px;
  font-size:11px;
  color:#333;
  text-align:center;
  background:#ffffff;
  background:-moz-linear-gradient(top,  #ffffff 0%, #ffffff 25%, #e6e6e6 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#ffffff), color-stop(100%,#e6e6e6));
  background:-webkit-linear-gradient(top,  #ffffff 0%,#ffffff 25%,#e6e6e6 100%);
  background:-o-linear-gradient(top,  #ffffff 0%,#ffffff 25%,#e6e6e6 100%);
  background:-ms-linear-gradient(top,  #ffffff 0%,#ffffff 25%,#e6e6e6 100%);
  background:linear-gradient(to bottom,  #ffffff 0%,#ffffff 25%,#e6e6e6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
  border: 1px solid #ccc;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  text-shadow:0px 1px 1px rgba(255, 255, 255, 0.75);  
  -webkit-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:   inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow:        inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05);
  cursor:pointer;
  min-width:0;
}
.button:hover{
  background:#e8f6ff;
  background:-moz-linear-gradient(top,  #e8f6ff 0%, #e8f6ff 25%, #acd9f6 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f6ff), color-stop(25%,#e8f6ff), color-stop(100%,#acd9f6));
  background:-webkit-linear-gradient(top,  #e8f6ff 0%,#e8f6ff 25%,#acd9f6 100%);
  background:-o-linear-gradient(top,  #e8f6ff 0%,#e8f6ff 25%,#acd9f6 100%);
  background:-ms-linear-gradient(top,  #e8f6ff 0%,#e8f6ff 25%,#acd9f6 100%);
  background:linear-gradient(to bottom,  #e8f6ff 0%,#e8f6ff 25%,#acd9f6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f6ff', endColorstr='#acd9f6',GradientType=0 );
}
.button.flat-orange{
  border:none;
  background:#FF4800;
  filter:progid:DXImageTransform.Microsoft.gradient( enabled=false );
  color:#FFF;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  text-shadow:none;  
  -webkit-box-shadow:none;
  -moz-box-shadow:   none;
  box-shadow:        none;
}
.button.flat-orange:hover{
  background:#ff2a00;
}
.button.heavy{
  font-weight:bold;
  font-size:15px;
  text-transform:uppercase;
}
.button[disabled]{
  cursor:not-allowed;
  background:#e6e6e6;
  color:#999;
}
.rettangolo-l,
.rettangolo-m,
.rettangolo-home{
  color: #ffffff;
  text-align: center;
  color:black;
  width:50px;;
  padding: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-transform: uppercase;
}
.rettangolo-l,
.rettangolo-home{
  width:100px;
}
/*bottone home*/
.rettangolo-home{
  padding: 15px;
  margin:5px;
}
.color-arancione{
  background: #ff4800; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff4800 0%, #ff6730 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ff4800 0%,#ff6730 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ff4800 0%,#ff6730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4800', endColorstr='#ff6730',GradientType=0 ); /* IE6-9 */
  color:white;
}
.color-arancione:hover{
  background: #ff6730; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff6730 0%, #ff4800 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ff6730 0%,#ff4800 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ff6730 0%,#ff4800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6730', endColorstr='#ff4800',GradientType=0 ); /* IE6-9 */
  color:white;
}