

/* FOCUS NUOVO */
ul.focus {
    font-family: PT Sans;
}

    ul.focus li.large {
        width: 660px;
        height: 217px;
        margin-bottom: 10px;
        float: left;
    }

        ul.focus li.large .pic {
            width: 382px;
            height: 100%;
            float: left;
            overflow: hidden;
        }

            ul.focus li.large .pic img {
                width: 382px;
                height: auto;
            }

        ul.focus li.large .text {
            float: left;
            /*background-color: #cf132c;*/
            width: 238px;
            height: 100%;
            padding: 0px 20px;
            text-shadow: 2px 2px #333333;
        }

        ul.focus li.large span {
            width: 45px;
            height: 25px;
            /*background-position: 0px -58px;*/
            float: right;
            margin: 3px -15px;
        }

        ul.focus li.large .text h2 {
            width: 258px;
            font-family: PT Sans;
            font-size: 24px;
            float: left;
        }

        ul.focus li.large .text a {
            width: 238px;
            float: left;
            font-family: PT Sans;
            font-size: 18px;
            margin-top: 15px;
        }

    ul.focus li.medium {
        width: 320px;
        height: 244px;
        margin-bottom: 10px;
        float: left;
    }

    ul.focus li.first.medium {
        margin-right: 20px;
    }

    ul.focus li.medium .pic {
        width: 320px;
        height: 180px;
        float: left;
        position: relative;
        overflow: hidden;
    }

        ul.focus li.medium .pic img {
            width: 320px;
            height: auto;
        }

    ul.focus li.medium .text {
        float: left;
        width: 320px;
        height: 64px;
    }

    ul.focus li.medium span {
        width: 45px;
        height: 25px;
        float: right;
        margin: 3px 5px;
    }

    ul.focus li.medium .text h2 {
        width: 240px;
        font-family: PT Sans;
        font-size: 17px;
        float: left;
        margin: 15px 0px 0px 10px;
    }

    ul.focus li.medium .text a {
        display: block;
        width: 140px;
        float: left;
        font-family: PT Sans;
        font-size: 16px;
        margin: 5px 10px 0px 10px;
    }

    ul.focus li.small {
        width: 216px;
        height: 185px;
        margin-bottom: 10px;
        float: left;
        margin-left: 6px;
    }

    ul.focus li.first.small {
        margin-left: 0px;
    }

    ul.focus li.small .pic {
        width: 216px;
        height: 121px;
        float: left;
        position: relative;
        overflow: hidden;
    }

        ul.focus li.small .pic img {
            width: 216px;
            height: auto;
        }

    ul.focus li.small span {
        width: 45px;
        height: 25px;
        position: absolute;
        top: 5px;
        right: 0px;
        /*background-position: 0px -58px;*/
    }

    ul.focus li.small .text {
        float: left;
        width: 216px;
        height: 64px;
    }

        ul.focus li.small .text h2 {
            font-family: PT Sans;
            font-size: 17px;
            float: left;
            margin: 15px 0px 0px 10px;
        }

        ul.focus li.small .text a {
            display: block;
            float: left;
            font-family: PT Sans;
            font-size: 16px;
            margin: 5px 10px 0px 10px;
        }

    ul.focus li.RaiUno span {
        background: url(/dl/rai/images/canali/color/rai1.png);
    }

    ul.focus li.RaiDue span {
        background: url(/dl/rai/images/canali/color/rai2.png);
    }

    ul.focus li.RaiTre span {
        background: url(/dl/rai/images/canali/color/rai3.png);
    }

    ul.focus li.Rai4 span {
        background: url(/dl/rai/images/canali/color/rai4.png);
    }

    ul.focus li.Rai5 span {
        background: url(/dl/rai/images/canali/color/rai5.png);
    }

    ul.focus li.RaiGulp span {
        background: url(/dl/rai/images/canali/color/rai_gulp.png);
    }

    ul.focus li.RaiSport1 span {
        background: url(/dl/rai/images/canali/color/rai_sport1.png);
    }

    ul.focus li.RaiSport2 span {
        background: url(/dl/rai/images/canali/color/rai_sport2.png);
    }

    ul.focus li.RaiNews span {
        background: url(/dl/rai/images/canali/color/rai_news.png);
    }

    ul.focus li.RaiScuola span {
        background: url(/dl/rai/images/canali/color/rai_scuola.png);
    }

    ul.focus li.RaiStoria span {
        background: url(/dl/rai/images/canali/color/rai_storia.png);
    }

    ul.focus li.RaiPremium span {
        background: url(/dl/rai/images/canali/color/rai_premium.png);
    }

    ul.focus li.RaiYoyo span {
        background: url(/dl/rai/images/canali/color/rai_yoyo.png);
    }

    ul.focus li.RaiMovie span {
        background: url(/dl/rai/images/canali/color/rai_movie.png);
    }
