body {
    background: #ddd;
    color: #333;
}

a {
    color: #555;
}

.st-panel p {
    color: black;
}

.st-panel img {
    border: 10px solid transparent;
}

.st-panel img.no-border {
    border: 0;
}


/* --- st-deco ---*/

.st-deco {
    background: #fa96b5;
}


/* Colored sections */


/* .st-color,
.st-deco {
    background: #fa96b5;
}

.st-color [data-icon]:after {
    color: #fa96b5;
}

.st-color .st-deco {
    background: #fff;
}

.st-color h2 {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.st-color p {
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
} */


/* --- st-panel-1 --- */

#st-panel-1 h2,
#st-panel-1 p span {
    color: #246cf1;
}

#st-panel-1 {
    background: #E9F0FD;
}

.bluscuro {
    background: #246cf1;
}

#control-1 a {
    background: #246cf1;
}

#control-1 a:hover,
#control-1 a.active {
    background: #123981;
}


/* --- st-panel-2 --- */

#st-panel-2 {
    background: #eed0d4;
}

#st-panel-2 img {
    border-color: #ae181d;
}

#st-panel-2 h2 {
    color: #ae181d;
}

.rosso {
    background: #ae181d;
}

#control-2 a {
    background: #ae181d;
}

#control-2 a:hover,
#control-2 a.active {
    background: #680E11;
}


/* --- st-panel-3 --- */

#st-panel-3 {
    background: #d8ebe9;
}

#st-panel-3 img {
    border-color: #19A093;
}

#st-panel-3 h2 {
    color: #19A093;
}

.azzurro {
    background: #19A093;
}

#control-3 a {
    background: #19A093;
}

#control-3 a:hover,
#control-3 a.active {
    background: #117066;
}


/* --- st-panel-4 --- */

#st-panel-4 {
    background: #FCEBD6;
}

#st-panel-4 img {
    border-color: #f09f33;
}

#st-panel-4 h2 {
    color: #f09f33;
}

.arancio {
    background: #f09f33;
}

#control-4 a {
    background: #f09f33;
}

#control-4 a:hover,
#control-4 a.active {
    background: #C07F28;
}


/* --- st-panel-5 --- */

#st-panel-5 {
    background: #E3F1D7;
}

#st-panel-5 h2 {
    color: #75bd3a;
}

#st-panel-5 img {
    border-color: #75bd3a;
}

.verde {
    background: #75bd3a;
}

#control-5 a {
    background: #75bd3a;
}

#control-5 a:hover,
#control-5 a.active {
    background: #518428;
}


/* --- st-panel-6 --- */

#st-panel-6 {
    background: #D1E1EC;
}

#st-panel-6 img {
    border-color: #1c8de3;
}

#st-panel-6 h2 {
    color: #1c8de3;
}

.blu {
    background: #1c8de3;
}

#control-6 a {
    background: #1c8de3;
}

#control-6 a:hover,
#control-6 a.active {
    background: #13629E;
}