/* File Created: novembre 8, 2012 */

.s16 { font-size: 16px;}
.s24 { font-size: 24px;}
.s32 { font-size: 32px;}
.s48 { font-size: 48px;}
.s64 { font-size: 64px;}

/* Le icone contenute in una lista che implementi la classe 'hover-icon'
   varieranno di dimensione quando il mouse gli passa sopra (:hover).              */
.hover-icon-list {
    list-style-type: none;
    margin-left: 4px;
    overflow: visible;
}
.hover-icon-list li {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    /*height: 34px;
    line-height: 34px;
    padding-left: 12px;*/
}
.hover-icon-list li [class^="icon-"], .the-icons li [class*=" icon-"] {
    font-size: 16px;
    /* width: 32px; */
}

.hover-icon-list li:hover {
    background-color: #fbf4f4;
}
.hover-icon-list li:hover [class^="icon-"], .the-icons li:hover [class*=" icon-"] { }
.hover-icon-list li:hover [class^="icon-"]:before, .the-icons li:hover [class*=" icon-"]:before {
    font-size: 24px;
    vertical-align: middle;
}
/* Le icone contenute in un elemento che implementi l'evento :hover a cui sia stata
   associata la classe hover-icon, variano di dimensione quando il mouse gli passa sopra. */
a.hover-icon:hover [class^="icon-"], a.hover-icon:hover [class*=" icon-"] { }
a.hover-icon:hover [class^="icon-"]:before, a.hover-icon:hover [class*=" icon-"]:before {
    font-size: 24px;
    vertical-align: middle;
}