.mod_giordano_calendario {
    width: 100%;
    border-collapse: collapse;
}
.mod_giordano_calendario th {
    text-align: center;
    vertical-align: middle;
    border-width: 1px 1px 0;
    border-color: #FFF;
    border-style: solid;
    background-color: #8E081B;
    color: #FFF;
    padding: 5px 0;
}
.mod_giordano_calendario th a {
    color: #FFF;
}
.mod_giordano_calendario th:first-child {
    border-left-color: #8E081B;
}
.mod_giordano_calendario th:last-child {
    border-right-color: #8E081B;
}
.mod_giordano_calendario td {
    width: 14.285%;
    text-align: center;
    height: 45px;
    vertical-align: top;
    border: 1px solid #8E081B;
    background-color: #CCCCCC;
}
.mod_giordano_calendario td div {
    font-size: 12px;
    height: 15px;
}
.mod_giordano_calendario td div.x2 {
    line-height: 30px;
    height: 30px;
    background-color: #8E081B;
}
.mod_giordano_calendario td div.x2 a {
    color: #FFF;
}
.mod_giordano_calendario td div:first-child {
    background-color: #FFFFFF;
}
.mod_giordano_calendario td.disabled {
    background-color: #FFFFFF;
}
.legenda td {
    padding-right: 2px;
}

.legenda li div.stagione-2020-2021, .mod_giordano_calendario td div.stagione-2020-2021,
.legenda li div.stagione-2021-2022, .mod_giordano_calendario td div.stagione-2021-2022,
.legenda li div.stagione-2022-2023, .mod_giordano_calendario td div.stagione-2022-2023, 
.legenda li div.eventi, .mod_giordano_calendario td div.eventi, .legenda li div.sul-palco, .mod_giordano_calendario td div.sul-palco, .legenda li div.sinfonica, .mod_giordano_calendario td div.sinfonica, .legenda li div.symphonic, .mod_giordano_calendario td div.symphonic, .tip-title div.sinfonica a, .tip-title div.symphonic, .legenda li div.sinfonica, .mod_giordano_calendario td div.sinfonica, .tip-title div.sinfonica a {
    background-color: #8E081B;
}
.legenda li div.umberto-giordano-150, .legenda li div.umberto-giordano-150, .legenda li div.umberto-giordano-150, .mod_giordano_calendario td div.umberto-giordano-150, .mod_giordano_calendario td div.umberto-giordano-150, .mod_giordano_calendario td div.umberto-giordano-150, .tip-title div.umberto-giordano-150, .tip-title div.umberto-giordano-150, .tip-title div.umberto-giordano-150 {
    background-color: #89E1B8;
}
.legenda li div.estate-in-villa, .mod_giordano_calendario td div.estate-in-villa,.tip-title div.estate-in-villa, .legenda li div.giordano-in-jazz-mostre, .legenda li div.giordano-in-jazz-mostre, .legenda li div.giordano-in-jazz-mostre, .mod_giordano_calendario td div.giordano-in-jazz-mostre, .mod_giordano_calendario td div.giordano-in-jazz-mostre, .mod_giordano_calendario td div.giordano-in-jazz-mostre, .tip-title div.giordano-in-jazz-mostre, .tip-title div.giordano-in-jazz-mostre, .tip-title div.giordano-in-jazz-mostre {
    background-color: #89E1B8;
}
.legenda li div.prosa-1-atto, .mod_giordano_calendario td div.prosa-1-atto, .tip-title div.prosa-1-atto, .tip-title div.prose-act-1, .legenda li div.prose-act-1, .mod_giordano_calendario td div.prose-act-1, .legenda li div.prosa, .mod_giordano_calendario td div.prosa, .tip-title div.prosa, .tip-title div.prose, .legenda li div.prose, .mod_giordano_calendario td div.prose {
    background-color: #FE081B
}
.legenda li div.prosa-2-atto, .mod_giordano_calendario td div.prosa-2-atto, .tip-title div.prosa-2-atto, .tip-title div.prose-act-2, .legenda li div.prose-act-2, .mod_giordano_calendario td div.prose-act-2 {
    background-color: #FE98AB
}
.legenda li div.opera, .mod_giordano_calendario td div.opera, .tip-title div.opera {
    background-color: #8E08AB
}
.legenda li div.teatro-contemporaneo, .mod_giordano_calendario td div.teatro-contemporaneo, .legenda li div.sul-palco, .mod_giordano_calendario td div.sul-palco, .legenda li div.sinfonica, .mod_giordano_calendario td div.sinfonica, .legenda li div.symphonic, .mod_giordano_calendario td div.symphonic, .tip-title div.sinfonica a, .tip-title div.symphonic {
    background-color: #E881B0;
}
.legenda li div.concerti, .mod_giordano_calendario td div.concerti, .tip-title div.concerti, .legenda li div.sinfonica, .mod_giordano_calendario td div.sinfonica, .tip-title div.sinfonica, .legenda li div.symphonic, .mod_giordano_calendario td div.symphonic, .tip-title div.symphonic, .legenda li div.riprendiamoci-la-scena, .mod_giordano_calendario td div.riprendiamoci-la-scena, .tip-title div.riprendiamoci-la-scena {
    background-color: #CEA8AB
}




.legenda li div.non-soli-ma-ben-accompagnati, .mod_giordano_calendario td div.non-soli-ma-ben-accompagnati, .legenda li div.danza, .mod_giordano_calendario td div.danza, .legenda li div.ballet, .mod_giordano_calendario td div.ballet, .tip-title div.non-soli-ma-ben-accompagnati, .tip-title div.danza, .tip-title div.ballet, .legenda li div.balletto, .mod_giordano_calendario td div.balletto, .legenda li div.danza, .mod_giordano_calendario td div.danza, .legenda li div.ballet, .mod_giordano_calendario td div.ballet, .tip-title div.balletto, .tip-title div.danza, .tip-title div.ballet, .mod_giordano_calendario td div.danza {
    background-color: #FE981B;
}

.legenda li div.lirica, .mod_giordano_calendario td div.lirica, .tip-title div.lirica, .legenda li div.premio-lirico, .mod_giordano_calendario td div.premio-lirico, .tip-title div.premio-lirico, .legenda li div.sul-palco, .mod_giordano_calendario td div.sul-palco, .legenda li div.sinfonica, .mod_giordano_calendario td div.sinfonica, .legenda li div.symphonic, .mod_giordano_calendario td div.symphonic, .tip-title div.sinfonica a, .tip-title div.symphonic {
    background-color: #E881B0;
}
.legenda li div.giordano-in-jazz,.legenda li div.giordano-in-jazz-spring-edition, .legenda li div.giordano-in-jazz-winter-edition, .legenda li div.giordano-in-jazz-summer-edition, .legenda li div.giordano-in-jazz-summer-edition-2017, .mod_giordano_calendario td div.giordano-in-jazz, .mod_giordano_calendario td div.giordano-in-jazz-spring-edition, .mod_giordano_calendario td div.giordano-in-jazz-winter-edition, .mod_giordano_calendario td div.giordano-in-jazz-summer-edition, .mod_giordano_calendario td div.giordano-in-jazz-summer-edition-2017, .tip-title div.giordano-in-jazz, .tip-title div.giordano-in-jazz-winter-edition, .tip-title div.giordano-in-jazz-summer-edition, .tip-title div.giordano-in-jazz-summer-edition-2017, .tip-title div.musica, .legenda li div.musica, .mod_giordano_calendario td div.musica {
    background-color: #8E981B
}

.legenda li div.giordano-in-jazz-matinee, .mod_giordano_calendario td div.giordano-in-jazz-matinee, .tip-title div.giordano-in-jazz-matinee, .legenda li div.conferenze, .mod_giordano_calendario td div.conferenze, .tip-title div.conferenze, .legenda li div.conference, .mod_giordano_calendario td div.conference, .tip-title div.conference {
    background-color: #8E98FB
}
.legenda li div.classicamente-matinee, .mod_giordano_calendario td div.classicamente-matinee, .tip-title div.classicamente-matinee, .legenda li div.intrattenimento, .mod_giordano_calendario td div.intrattenimento, .tip-title div.intrattenimento, .legenda li div.circo-contemporaneo, .mod_giordano_calendario td div.circo-contemporaneo, .tip-title div.circo-contemporaneo, .legenda li div.entertainment, .mod_giordano_calendario td div.entertainment, .tip-title div.entertainment {
    background-color: #0E089B
}
.legenda li div.foggia-estate-2017, .mod_giordano_calendario td div.foggia-estate-2017, .tip-title div.foggia-estate-2017 {
    background-color: #FF3300
}
.legenda li div.la-scena-per-ragazzi, .mod_giordano_calendario td div.la-scena-per-ragazzi, .tip-title div.la-scena-per-ragazzi, .legenda li div.a-teatro-con-mamma-e-papa, .mod_giordano_calendario td div.a-teatro-con-mamma-e-papa, .tip-title div.a-teatro-con-mamma-e-papa, .legenda li div.teatro-con-le-famiglie, .mod_giordano_calendario td div.teatro-con-le-famiglie, .tip-title div.teatro-con-le-famiglie {
    background-color: #C29B08
}
.legenda li div.il-teatro-ha-classe, .mod_giordano_calendario td div.il-teatro-ha-classe, .tip-title div.il-teatro-ha-classe {
    background-color: #EC908B
}
.legenda li div.dialoghi-di-archeologia, .mod_giordano_calendario td div.dialoghi-di-archeologia, .tip-title div.dialoghi-di-archeologia {
    background-color: #30DD4B
}

.tip-title div {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
}
ul.legenda {
    padding: 0;
    list-style: none;
    margin: 0;
    border-collapse: collapse;
    border: 1px solid #8E081B;
}
.legenda li {

    line-height: 24px;
    /*height: 24px;*/
    padding: 0;
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    /*border-left: 1px solid #8E081B;
     border-bottom: 1px solid #8E081B;*/
    padding: 1px 0 0;
}
.legenda li:nth-child(4), .legenda li:nth-child(8) {
    /*border-right: 1px solid #8E081B;*/
}
.legenda li {
    position: relative;
}
.legenda div.leg {
    width: 32px;
    height: 24px;
    display: inline-block;
    float: left;
    margin: 1px;
}
.legenda div.cat {
    position: absolute;
    left: 34px;
    top: 50%;
    transform: translate(0,-50%);
    margin: 0;
    width: auto;
    display: inline;
    line-height: 11px;
    font-size: 10px;
}
.mod_giordano_calendario_legenda {
    border-color: #8E081B;
    border-width: 1px;
    border-style: solid;
}
.mod_giordano_calendario_legenda .giordano_wall_title {
    background-color: #8E081B;
    color: #FFF;
    font-weight: bolder;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .legenda li {
        font-size: 12px;
    }
}
@media screen and (max-width: 480px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .legenda li {
        font-size: 12px;
    }
}
@media screen and (min-width: 992px) {
    .legenda li {
        font-size: 9px;
    }
}
@media screen and (min-width: 1200px) {
    .legenda li {
        font-size: 12px;
    }
}