﻿.s16 { font-size: 16px;}
.s24 { font-size: 24px;}
.s32 { font-size: 32px;}
.s48 { font-size: 48px;}
.s64 { font-size: 64px;}

.fontawesome-icon-list {
    margin-top: 22px;
}
.fontawesome-icon-list .fa-hover a {
    border-radius: 4px 4px 4px 4px;
    color: #222222;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}
.fontawesome-icon-list .fa-hover a .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px;
}
.fontawesome-icon-list .fa-hover a:hover {
    background-color: #1D9D74;
    color: #FFFFFF;
    text-decoration: none;
}
.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 28px;
    vertical-align: -6px;
}
.fontawesome-icon-list .fa-hover a:hover .text-muted {
    color: #BBE2D5;
}


.btn-verde {
  background: #18a31b;
  background-image: -webkit-linear-gradient(top, #18a31b, #006102);
  background-image: -moz-linear-gradient(top, #18a31b, #006102);
  background-image: -ms-linear-gradient(top, #18a31b, #006102);
  background-image: -o-linear-gradient(top, #18a31b, #006102);
  background-image: linear-gradient(to bottom, #18a31b, #006102);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-verde:hover {
  background: #3ad63a;
  background-image: -webkit-linear-gradient(top, #3ad63a, #188f18);
  background-image: -moz-linear-gradient(top, #3ad63a, #188f18);
  background-image: -ms-linear-gradient(top, #3ad63a, #188f18);
  background-image: -o-linear-gradient(top, #3ad63a, #188f18);
  background-image: linear-gradient(to bottom, #3ad63a, #188f18);
  text-decoration: none;
}

.btn-blu {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-blu:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn-rosso {
  background: #d93434;
  background-image: -webkit-linear-gradient(top, #d93434, #b82b2b);
  background-image: -moz-linear-gradient(top, #d93434, #b82b2b);
  background-image: -ms-linear-gradient(top, #d93434, #b82b2b);
  background-image: -o-linear-gradient(top, #d93434, #b82b2b);
  background-image: linear-gradient(to bottom, #d93434, #b82b2b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-rosso:hover {
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -moz-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -ms-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -o-linear-gradient(top, #fc3c3c, #d93434);
  background-image: linear-gradient(to bottom, #fc3c3c, #d93434);
  text-decoration: none;
}

.btn-verde-small {
  background: #18a31b;
  background-image: -webkit-linear-gradient(top, #18a31b, #006102);
  background-image: -moz-linear-gradient(top, #18a31b, #006102);
  background-image: -ms-linear-gradient(top, #18a31b, #006102);
  background-image: -o-linear-gradient(top, #18a31b, #006102);
  background-image: linear-gradient(to bottom, #18a31b, #006102);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 10px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-verde-small:hover {
  background: #3ad63a;
  background-image: -webkit-linear-gradient(top, #3ad63a, #188f18);
  background-image: -moz-linear-gradient(top, #3ad63a, #188f18);
  background-image: -ms-linear-gradient(top, #3ad63a, #188f18);
  background-image: -o-linear-gradient(top, #3ad63a, #188f18);
  background-image: linear-gradient(to bottom, #3ad63a, #188f18);
  text-decoration: none;
}

.btn-blu-small {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 16px;
  padding: 6px 16px 6px 16px;
  text-decoration: none;
}

.btn-blu-small:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn-rosso-small {
  background: #d93434;
  background-image: -webkit-linear-gradient(top, #d93434, #b82b2b);
  background-image: -moz-linear-gradient(top, #d93434, #b82b2b);
  background-image: -ms-linear-gradient(top, #d93434, #b82b2b);
  background-image: -o-linear-gradient(top, #d93434, #b82b2b);
  background-image: linear-gradient(to bottom, #d93434, #b82b2b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 10px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-rosso-small:hover {
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -moz-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -ms-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -o-linear-gradient(top, #fc3c3c, #d93434);
  background-image: linear-gradient(to bottom, #fc3c3c, #d93434);
  text-decoration: none;
}