/*INIZIO CSS RAINEWS*/
@font-face {
    font-family: 'RaiNews';
    src: url('/dl/rainews/fonts/rainews-regular-webfont.eot');
    src: url('/dl/rainews/fonts/rainews-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/dl/rainews/fonts/rainews-regular-webfont.woff') format('woff'), url('/dl/rainews/fonts/rainews-regular-webfont.ttf') format('truetype'), url('/dl/rainews/fonts/rainews-regular-webfont.svg#rainewsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ==========================================================================
   ICONS
   ========================================================================== */

.ico {
    position: relative;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
}

    .ico span {
        display: none;
    }

    .ico:before {
        display: inline;
        font-family: 'RaiNews' !important;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-weight: normal !important;
        line-height: 1;
        text-transform: none;
        margin: 0px 3px 0px 0px;
    }

    .ico.comm:before {
        content: "m";
    }

    .ico.share:before {
        content: "k";
        font-size: 12px;
    }

    .ico.mail:before {
        content: "T";
    }

    .ico.dimtxt:before {
        content: "6";
    }

    .ico.print:before {
        content: "|";
    }

    .ico.facebook:before {
        content: "g";
    }

    .ico.twitter:before {
        content: "h";
    }

    .ico.google:before {
        content: "i";
    }

    .ico.pinterest:before {
        content: "V";
    }

    .ico.expand:before {
        content: "!";
    }

    .ico.close:before {
        content: "N";
    }

    .ico.prev:before {
        content: "c";
    }

    .ico.next:before {
        content: "4";
    }

    .ico.photo:before, .ico.foto:before {
        content: "t";
    }

    .ico.video:before {
        content: "s";
    }

    .ico.quote:before {
        content: "B";
    }

    .ico.like:before {
        content: "E";
    }

    .ico.love:before {
        content: "o";
    }

    .ico.piu:before {
        content: "8";
    }

    .ico.play:before {
        content: "v";
    }


/* ==========================================================================
   RELATED
   ========================================================================== */

.related .normal li a {
    color: #4b4b4b;
    font-size: 10px;
    font-weight: 700;
}

    .related .normal li a span {
        color: #dc513a;
        display: inline !important;
    }

.red .related .normal li a span {
    color: #fff;
}

.red a:hover,
.red a:hover * {
    color: #303030 !important;
}

.dark h3 a,
.dark a:hover * {
    color: #dc513a !important;
}

.related a.pic {
    display: block;
    float: left;
    position: relative;
    z-index: 1;
    height: 50px;
    width: 50px;
    margin: 0px 10px 0px 0px;
}

.related a.pic {
    margin: 0px 16px 0px 2px;
}

    .related a.pic.round {
        margin: 0px 10px 0px 0px;
    }

.related .special a.ico {
    font-size: 9px;
    line-height: 9px;
    font-weight: 700;
    color: #a7a7a7;
}

.related a.pic.round {
    top: -4px;
    height: 52px;
    width: 52px;
    margin-top: 4px;
}

.related {
    display: block;
    float: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #e6e6e6;
    background: url(/dl/rainews/images/sep_shadow.png) left bottom repeat-x;
}

    .related .ico {
        margin: 0px 3px 0px 0px !important;
    }

    .related .normal {
        display: block;
        float: left;
        width: 350px;
        height: auto;
        padding: 0px 20px 15px 40px;
    }


        .related .normal li {
            margin: 0px 0px 2px 0px;
        }


        .related .normal .ico:before {
            float: left;
            width: 20px;
            position: relative;
            margin: 0px 0px 0px -20px;
            color: #dc513a;
        }

    .related .special {
        display: block;
        float: right;
        width: 100%;
        padding: 5px 0 10px 0;
        margin: 0px;
    }

        .related .special li {
            display: block;
            float: left;
            width: 138px;
        }

        .related .special a.txt {
            display: block;
            clear: none;
            float: left;
            width: 60px;
            max-height: 49px;
            overflow: hidden;
            padding: 0;
            margin: 0px 0px 4px 0px;
            font-weight: 600;
            font-size: 11px;
            line-height: 12px;
        }

    /* ----- Split */

    .related.split {
        margin: 10px 0px 0px 0px;
    }

        .related.split .normal {
            width: 190px;
            padding: 0px 10px 15px 40px !important;
        }


        .related.split .special {
            width: 210px;
            padding: 5px 20px 10px 0px;
        }

            .related.split .special li {
                width: 190px;
            }

            .related.split .special a.txt {
                width: 112px;
                padding-right: 0;
            }


/* ----- related Speciale */
.special.special1 li,
.special.special2 li,
.special.special3 li {
    margin: 0 0 0 20px;
}

.special.special1 li {
    width: auto;
}

.special.special2 li {
    width: 205px;
}

.special.special3 li {
    width: 132px;
    margin-left: 12px;
}

    .special.special3 li:first-child {
        margin-left: 20px;
    }

.special.special1 a.txt {
    width: 340px;
}

.special.special2 a.txt {
    width: 130px;
}

.special.special3 a.txt {
    width: 58px;
}

.speciale .related .special {
    padding: 12px 0 10px 0;
    background: #f7f7f7;
    width: 100%;
    margin-top: 0 !important;
}

.speciale.primaPagina .related .special {
    padding-top: 20px;
}


/* ==========================================================================
   TOP NEWS
   ========================================================================== */
/*su apertura.css*/



/* ==========================================================================
   TOP NEWS PAST
   ========================================================================== */

#TopNews .pastTopNews {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 520px;
    height: 100%;
    z-index: 10;
    padding: 0px 60px 0px 60px;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    background: rgba(0,0,0,0.8);
    background: #000;
}

    #TopNews .pastTopNews a.ico.close {
        display: block;
        position: absolute;
        top: 12px;
        right: 12px;
        color: #858480;
        font-size: 11px;
    }

    #TopNews .pastTopNews a.ico.prev,
    #TopNews .pastTopNews a.ico.next {
        display: block;
        position: absolute;
        top: 168px;
        left: 20px;
        width: 20px;
        height: 34px;
        margin: 0px 0px 0px 0px;
        color: #858480;
        font-size: 34px;
    }

    #TopNews .pastTopNews a.ico.next {
        left: auto;
        right: 20px;
    }


    #TopNews .pastTopNews .img {
        display: block;
        position: relative;
        text-align: center;
        width: 512px;
        height: 296px;
        overflow: hidden;
        border-top: 4px solid #6b6b6b;
        border-left: 4px solid #6b6b6b;
        border-right: 4px solid #6b6b6b;
        border-bottom: 4px solid #DC513A;
        margin: 0px 0px 0px 0px;
    }

        #TopNews .pastTopNews .img:after {
            display: none;
        }

        #TopNews .pastTopNews .img img {
            width: 512px;
            margin: 0px 0px 0px 0px;
            border-bottom: 0px solid #DC513A;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

    #TopNews .pastTopNews .label {
        top: 19px;
        left: 0px;
        margin: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 2px 2px 0px;
        -moz-border-radius: 0px 2px 2px 0px;
        border-radius: 0px 2px 2px 0px;
        background: #dc513a;
    }

        #TopNews .pastTopNews .label time {
            float: right;
            height: 26px;
            margin: 0px -15px 0px 15px;
            padding: 0px 15px 0px 15px;
            -webkit-border-radius: 0px 2px 2px 0px;
            -moz-border-radius: 0px 2px 2px 0px;
            border-radius: 0px 2px 2px 0px;
            color: #dc513a;
            font-size: 14px;
            line-height: 24px;
            font-family: "Open Sans";
            background: #fff !important;
        }

    #TopNews .pastTopNews .slider {
        display: block;
        float: left;
        width: 520px;
        height: 98%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
    }

    #TopNews .pastTopNews ul {
        display: block;
        width: auto;
        height: 100%;
        margin: 0px 0px 0px 0px;
    }

        #TopNews .pastTopNews ul li {
            display: block;
            float: left;
            position: relative;
            width: 520px;
            height: 100%;
            margin: 45px 0px 0px 0px;
        }

            #TopNews .pastTopNews ul li h2 {
                display: block;
                float: left;
                width: 520px;
                color: #fff;
                font-size: 50px;
                font-weight: 600;
                margin: 10px 0px 0px 0px;
            }

                #TopNews .pastTopNews ul li h2 a {
                    color: #fff;
                }

            #TopNews .pastTopNews ul li p {
                display: block;
                float: left;
                width: 510px;
                color: #fff;
                font-size: 15px;
                text-transform: uppercase;
                margin: 5px 5px 0px 5px;
                display: none;
            }

/* big */

.big #TopNews .pastTopNews {
    width: 550px;
    padding: 0px 210px 0px 210px;
}

    .big #TopNews .pastTopNews a.ico.prev {
        left: 170px;
    }

    .big #TopNews .pastTopNews a.ico.next {
        right: 170px;
    }

    .big #TopNews .pastTopNews .img {
        width: 542px;
        height: 320px;
    }

        .big #TopNews .pastTopNews .img img {
            width: auto;
        }

    .big #TopNews .pastTopNews .slider {
        width: 550px;
    }

    .big #TopNews .pastTopNews ul li {
        width: 550px;
    }

        .big #TopNews .pastTopNews ul li h2 {
            width: 550px;
            font-size: 60px;
            line-height: 65px;
        }

        .big #TopNews .pastTopNews ul li p {
            width: 550px;
        }


/* - */



.related {
    display: block;
    float: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #e6e6e6;
    background: url(/dl/rainews/images/sep_shadow.png) left bottom repeat-x;
}


/* ==========================================================================
   APERTURE COMMON
   ========================================================================== */

.timeShare {
    display: block;
    float: right;
    font-size: 9px;
    line-height: 11px;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 4px;
    margin: 0 10px 10px 20px;
    clear: both;
    text-align: right;
}

    .timeShare .ico {
        margin: 0px 0px 0px 3px;
    }

    .timeShare time {
        display: block;
        width: 100%;
        font-weight: 600;
    }

.primaPagina .timeShare .ico,
#TopNews .timeShare .ico {
    color: #a7a7a7;
    margin: 6px 0px 0px 3px;
}

.primaPagina .Share {
}


#TopNews a.img:after,
.primaPagina a.img:after {
    display: block;
    content: " ";
    position: relative;
    width: 100%;
    height: 30px;
    margin: -33px 0px 0px 0px;
    z-index: 1;
}

#TopNews .label, .primaPagina .label {
    margin: -12px 0 0 20px;
    position: absolute;
}

#TopNews a.img, .primaPagina a.img {
    display: block;
    margin-bottom: 0px;
    width: 307px;
}

    #TopNews a.img img, .primaPagina a.img img {
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-radius: 4px 4px 0px 0px;
        width: 640px;
    }

    #TopNews a.img img {
        border-color: #dc513a;
    }


/* ==========================================================================
   BOXES
   ========================================================================== */

.box {
    display: block;
    position: relative;
    text-align: left;
    /* float: left; */
    width: 300px;
    height: auto;
    /* padding: 6px 6px 6px 6px; */
    margin: 0px 0px 77px 0px;
}


.boxArticle,
.photoGallery,
.videoGallery,
.livePage {
    display: block;
    float: left;
    position: relative;
    height: auto;
    margin: 0px 0px 20px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 0 rgba(115,115,115,0.2);
    -moz-box-shadow: 2px 2px 0 rgba(115,115,115,0.2);
    box-shadow: 2px 2px 0 rgba(115,115,115,0.2);
    background: #fff;
}


.box .txt {
    clear: both;
    padding: 20px 20px 0px 20px;
    font-size: 13px;
    line-height: 16px;
}


.colAll .box {
    width: 970px;
}

.colDx .box {
    width: 310px;
}

aside .box {
    width: 310px;
}

.colCx .box {
    width: 145px;
}

.colSx .box {
    width: 475px;
}

.col4C .box {
    width: 640px;
}

    .col4C .box.split01,
    .col4C .box.split02 {
        width: 310px;
    }

.Page {
    width: 930px;
    padding: 20px 20px 20px 20px;
}

.label {
    display: block;
    float: left;
    height: 26px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0px 15px 0px 15px;
    font-family: "Arvo";
    font-size: 15px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    z-index: 10;
    background: #dc513a;
    text-overflow: ellipsis;
    overflow: hidden;
}

a.pic {
    z-index: 10;
}

    a.pic img {
        z-index: -1;
    }

::-moz-selection {
    background: #dc513a;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #dc513a;
    color: #fff;
    text-shadow: none;
}


/*FROM MAIN.CSS*/
a {
    color: #303030;
    outline: 0px !important;
    text-decoration: none;
}

    a * {
        outline: 0px !important;
        text-decoration: none;
    }


#TopNews .title a:hover, #TopNews .title a:hover * {
    color: #dc513a !important;
}

    #focus .box a:hover h2, #TopNews .title a:hover * h2 {
        color: #fad52a !important;
    }

::-moz-selection {
    background: #dc513a;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #dc513a;
    color: #fff;
    text-shadow: none;
}

/*FINE CSS RAINEWS*/


.solotesto {
    display: block !important;
    display: none;
    position: absolute;
    height: 1px;
    width: 1px;
    left: -15000px;
    top: auto;
    overflow: hidden;
    float: none;
}

::selection {
    background: #fad52a; /* Safari */
}

::-moz-selection {
    background: #fad52a; /* Firefox */
}

.linkHack {
    width: 100%;
    display: block;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 1px;
    overflow: hidden;
    text-indent: -9000px;
    color: transparent;
    cursor: pointer;
}

.hidden {
    display: none;
}

.clear, .hr {
    clear: both;
}

h1, h2, h3, h4, p {
    margin: 0;
    padding: 0;
}

hr {
    display: none;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    outline: 0;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

.solotesto {
    display: block !important;
    display: none;
    position: absolute;
    height: 1px;
    width: 1px;
    left: -15000px;
    top: auto;
    overflow: hidden;
}

hr {
    display: none;
}

.clear, .hr {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

body {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-family: "Arial";
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    background: #ebebeb;
}


/*######### HEADER  ######### */

.Header {
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
    height: auto;
    background: #135ba4;
}

.intHeader {
    display: none;
    margin: 0 auto;
    width: 980px;
    height: 92px;
    padding: 0px 0px 0px 0px;
    background: url(/dl/rai/images/bkg_header_2014.gif) no-repeat;
}

.sub-head-spacer{width:100%;height:3px;background:#a9c8e5;display:block;float:left;}
.head-links{float:right;margin: 20px 10px 0 0;}
.head-links a{font-family:Arial;font-weight:bold;font-size:12px;line-height:12px;float:right;color:#fff;padding-right:12px;background:url(/dl/rai/images/bkg_head_links.png) top right no-repeat;margin-left:25px;}

    .intHeader h1 {
        display: block;
        float: left;
        width: 88px;
        height: 55px;
        cursor: pointer;
        margin: 19px 0px 0px 1px;
        background: url(/dl/rai/images/logo.png) no-repeat;
    }

        .intHeader h1 a {
            display: block;
            float: left;
            width: 74px;
            height: 46px;
            margin: 0px 0px 0px 0px;
        }

    /* Search */

    .intHeader .boxSearch {
        display: block;
        float: left;
        width: 325px;
        height: 24px;
        margin: 26px 0px 0px 266px;
    }

        .intHeader .boxSearch input {
            display: block;
            float: left;
            width: 150px;
            height: 22px;
            border: 0px;
            color: #666;
            font-size: 12px;
            padding: 0px 5px 2px 5px;
            background: #fff;
        }

        .intHeader .boxSearch .Scelta {
            display: block;
            float: left;
            text-align: left;
            width: 100px;
            height: 24px;
            border: 0px;
            padding: 0px 0px 0px 0px;
            background: #fff url(/dl/rai/images/bkg_scelta_search.gif) no-repeat;
        }

            .intHeader .boxSearch .Scelta span {
                display: block;
                float: left;
                text-align: left;
                width: 92px;
                height: 19px;
                border: 0px;
                font-size: 11px;
                color: #4b4b4b;
                cursor: pointer;
                padding: 5px 0px 0px 8px;
            }

            .intHeader .boxSearch .Scelta ul {
                display: none;
                float: left;
                position: relative;
                width: 100px;
                height: auto;
                overflow: hidden;
                background: #fff;
            }

            .intHeader .boxSearch .Scelta:hover ul {
                display: block;
            }

            .intHeader .boxSearch .Scelta ul li {
                display: block;
                float: left;
                position: relative;
                width: 84px;
                height: auto;
                padding: 0px 8px 0px 8px;
                background: #fff;
            }

                .intHeader .boxSearch .Scelta ul li span {
                    display: block;
                    float: left;
                    position: relative;
                    width: 84px;
                    height: auto;
                    border-top: 1px solid #ddd;
                    padding: 3px 0px 3px 0px;
                    margin: -1px 0px 0px 0px;
                    background: #fff;
                }

        .intHeader .boxSearch input.submit {
            display: block;
            float: right;
            width: 65px;
            height: 24px;
            border: 0px;
            font-size: 11px;
            font-weight: bold;
            letter-spacing: 1px;
            text-transform: uppercase;
            text-shadow: 0px 1px 1px #eee;
            color: #3e3e3e;
            margin: 0px 0px 0px 0px;
            padding: 3px 0px 4px 0px;
            background: #b2b2b2 url(/dl/rai/images/bkg_btn_search.gif) repeat-x;
        }

/*social*/

.miniSocial {
    display: block;
    float: right;
    text-align: left;
    width: 265px;
    height: auto;
    margin: 28px 0px 0px 0px;
}


    .miniSocial h3 {
        display: block;
        float: right;
        text-align: left;
        width: 235px;
        height: auto;
        color: #eceef5;
        font-size: 12px;
        font-family: Trebuchet MS;
        margin: 0px 0px 3px 0px;
        visibility: hidden;
    }

        .miniSocial h3 span {
            font-size: 11px;
            font-weight: normal;
        }

    .miniSocial .fb-like {
        display: block;
        float: left;
        width: 140px;
        overflow: visible;
    }

    .miniSocial a.twitter {
        display: block;
        float: left;
        text-align: left;
        width: 20px;
        height: 20px;
        overflow: hidden;
        text-indent: -9000px;
        margin: 0px 10px 0px 0px;
        cursor: pointer;
        background: url(/dl/rai/images/ico_social.png) 0px 0px no-repeat;
    }

    .miniSocial a.fb-link {
        display: block;
        float: left;
        text-align: left;
        width: 20px;
        height: 20px;
        overflow: hidden;
        text-indent: -9000px;
        margin: 0px 10px 0px 0px;
        cursor: pointer;
        background: url(/dl/rai/images/ico_social.png) 0px -54px no-repeat;
    }

    .miniSocial #___plusone_0 {
        display: block;
        float: left !important;
        text-align: left;
        width: 65px !important;
        height: 20px;
        overflow: hidden;
        text-indent: -9000px;
        cursor: pointer;
    }



/* MENU */

.Menu {
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 27px;
    border-top: 2px solid #a9c8e5;
    background: #4a8ad2 url(/dl/rai/images/bkg_head.gif) 0px -77px repeat-x;
}

    .Menu ul {
        display: block;
        margin: 0 auto;
        width: 980px;
        height: auto;
        padding: 0px 0px 0px 0px;
        border-left: 1px solid #6ea1db;
    }

        .Menu ul li {
            display: block;
            float: left;
            width: auto;
            height: 27px;
        }

            .Menu ul li.raitv {
                background: url(/dl/rai/images/menu-raitv-bkg.png) repeat;
            }

                .Menu ul li.raitv a, .Menu ul li.raitv a:hover {
                    text-transform: none;
                    background: url(/dl/rai/images/menu-raitv-icon.png) 17px 0 no-repeat;
                    padding: 0 20px 0 36px;
                    font-size: 15px;
                    line-height: 27px;
                    height: 27px;
                }


            .Menu ul li a {
                display: block;
                float: left;
                width: auto;
                height: 21px;
                font-size: 12px;
                font-weight: bold;
                color: #fff;
                text-transform: uppercase;
                padding: 6px 10px 0px 10px;
                border-right: 1px solid #6ea1db;
            }

            .Menu ul li.selected a {
                color: #fff;
                background: url(/dl/rai/images/bkg_head.gif) 0px -106px repeat-x;
            }


            .Menu ul li a:hover {
                background: #5a98e0;
            }


/* #### CONtaInER #### */



.Container {
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
    height: auto;
    background: #ebebeb url(/dl/rai/images/bkg_container.gif) repeat-x;
}

.Page {
    display: block;
    margin: 0 auto;
    width: 980px;
    height: auto;
    padding: 20px 0px 0px 0px;
    background: transparent !important;
}

.Main {
    display: block;
    float: left;
    width: 660px;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}


.Spalla {
    display: block;
    float: right;
    text-align: left;
    width: 300px;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}


    .Spalla .Banner,
    #ediv2 {
        margin: 0px 0px 18px 0px;
    }





    .Spalla .inboxBanner h3 {
        width: 284px;
        height: 15px;
        font-size: 11px;
        color: #888;
        text-align: right;
        font-weight: normal;
        font-style: italic;
        margin: 0px;
        padding: 2px 8px 1px 8px;
        -moz-border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
        background: #fff;
    }

.Articolo {
    display: block;
    float: left;
    text-align: left;
    width: 968px;
    height: auto;
    margin: 0px;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 0px;
    background: #fff;
}

/*video*/


.Spalla .videoContainer {
    width: 288px;
    height: auto;
    padding: 8px 0px 0px 0px;
}



/* #### BoXeTTTTTTi #### */

.left {
    float: left;
}

.right {
    float: right;
}

/* lar */

.boxLarge {
    display: block;
    position: relative;
    text-align: left;
    width: 648px;
    height: auto;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 0px;
    background: #fff;
}

    .boxLarge .top {
        display: block;
        float: left;
        text-align: left;
        width: 632px;
        height: 32px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        #background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
        background: url(/dl/rai/images/bkg_tops.gif) 0 -170px no-repeat;
    }

        /*spostato in apertura.css*/
        /*.boxLarge .top.Apertura {
display: block;
float: left;
text-align: left;
width: 632px;
height: 32px;
padding: 0px 0px 0px 16px;
margin: 0px 0px 6px 0px;
background: url(/dl/rai/images/bkg_tops.gif) 0px -32px  no-repeat;
}*/

        .boxLarge .top h3 {
            display: block;
            float: left;
            width: 632px;
            font-size: 24px;
            line-height: 17px;
            color: #4b4b4b;
            margin: 0px 0px 4px 0px;
            padding: 0px 0px 0px 0px;
        }

        .boxLarge .top h4 {
            display: block;
            float: left;
            width: 632px;
            font-size: 11px;
            color: #818181;
            text-transform: uppercase;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }


        .boxLarge .top.small {
            display: block;
            float: left;
            width: 632px;
            height: 22px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
        }

            .boxLarge .top.small h3 {
                display: block;
                float: left;
                width: 632px;
                font-size: 22px;
                line-height: 22px;
                color: #4b4b4b;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }


    .boxLarge .mid {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        padding: 8px 0px 0px 0px;
        margin: 3px 0px 0px 0px;
        overflow: hidden;
        #border-top: 1px solid #e7e7e7;
        color: #777777;
    }


    .boxLarge.noTit {
    }



/* med */

.boxMedium {
    display: block;
    position: relative;
    text-align: left;
    width: 358px;
    height: auto;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 0px;
    background: #fff;
}

    .boxMedium .top {
        display: block;
        float: left;
        width: 342px;
        height: 22px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
    }

        .boxMedium .top h3 {
            display: block;
            float: left;
            width: 342px;
            font-size: 22px;
            line-height: 22px;
            color: #4b4b4b;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }


        .boxMedium .top.exp {
            display: block;
            float: left;
            text-align: left;
            width: 342px;
            height: 32px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
        }

            .boxMedium .top.exp h3 {
                display: block;
                float: left;
                width: 342px;
                font-size: 22px;
                line-height: 17px;
                color: #4b4b4b;
                margin: 0px 0px 3px 0px;
                padding: 0px 0px 0px 0px;
            }

            .boxMedium .top.exp h4 {
                display: block;
                float: left;
                width: 342px;
                font-size: 11px;
                color: #818181;
                text-transform: uppercase;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }


    .boxMedium .mid {
        display: block;
        float: left;
        width: 358px;
        height: auto;
        padding: 2px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }



/* sma */

.boxSmall {
    display: block;
    position: relative;
    text-align: left;
    width: 258px;
    height: auto;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 0px;
    background: #fff;
}


    .boxSmall .top {
        display: block;
        float: left;
        width: 242px;
        height: 22px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
    }

        .boxSmall .top h3 {
            display: block;
            float: left;
            width: 242px;
            font-size: 22px;
            line-height: 22px;
            color: #4b4b4b;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }


        .boxSmall .top.exp {
            display: block;
            float: left;
            text-align: left;
            width: 242px;
            height: 32px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
        }

            .boxSmall .top.exp h3 {
                display: block;
                float: left;
                width: 242px;
                font-size: 22px;
                line-height: 17px;
                color: #4b4b4b;
                margin: 0px 0px 3px 0px;
                padding: 0px 0px 0px 0px;
            }

            .boxSmall .top.exp h4 {
                display: block;
                float: left;
                width: 242px;
                font-size: 11px;
                color: #818181;
                text-transform: uppercase;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

    .boxSmall .mid {
        display: block;
        float: left;
        width: 258px;
        height: auto;
        padding: 2px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

/* su due colonne */

.boxMiddle {
    font-family: "Open Sans";
    display: block;
    position: relative;
    text-align: left;
    width: 310px;
    height: auto;
    padding: 9px 6px 6px 9px;
    margin: 0px 0px 20px 0px;
    background: #fff;
}

    .boxMiddle.left {
        border-bottom: 15px solid #dc513a;
        border-radius: 0px 0px 10px 10px;
        height: 430px;
    }

    .boxMiddle.right {
        border-bottom: 16px solid #fad52a;
        border-radius: 0px 0px 10px 10px;
        height: 430px;
    }

    .boxMiddle .top {
        display: none;
        float: left;
        width: 300px;
        height: 22px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
    }

        .boxMiddle .top h3 {
            display: block;
            float: left;
            width: 300px;
            font-size: 22px;
            line-height: 22px;
            color: #4b4b4b;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }


        .boxMiddle .top.exp {
            display: block;
            float: left;
            text-align: left;
            width: 300px;
            height: 32px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
        }

            .boxMiddle .top.exp h3 {
                display: block;
                float: left;
                width: 300px;
                font-size: 22px;
                line-height: 17px;
                color: #4b4b4b;
                margin: 0px 0px 3px 0px;
                padding: 0px 0px 0px 0px;
            }

            .boxMiddle .top.exp h4 {
                display: block;
                float: left;
                width: 300px;
                font-size: 11px;
                color: #818181;
                text-transform: uppercase;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }


    .boxMiddle .mid, .boxMiddle .mid #focus .box {
        display: block;
        /* float: left; */
        width: 100%;
        height: 370px;
        /* padding: 2px 0px 0px 0px; */
        margin: 0px 0px 0px 0px;
    }

        .boxMiddle .mid #TopNews a.img img, .boxMiddle .mid #focus .box a.img img {
            width: 100%;
        }

        .boxMiddle .mid #focus .box a.img .mask {
            height: 164px;
            overflow-y: hidden;
            border-bottom: 3px solid #fad52a;
            padding: 0px;
            width: 307px;
            /* margin-bottom:10px; */
            margin: 0;
        }

        .boxMiddle .mid #focus .box a.img img {
            border-color: #ffcc33;
            border-bottom-width: 3px;
            border-bottom-style: solid;
            border-radius: 4px 4px 0px 0px;
            margin-top: 0px;
            margin-bottom: 8px;
        }

        .boxMiddle .mid #TopNews .title {
            width: 300px;
            padding: 15px 0px 0px 0px;
            height: 188px;
        }

        .boxMiddle .mid #TopNews h2.size0, .boxMiddle .mid #TopNews h2.size1, .boxMiddle .mid #TopNews h2.size2, .boxMiddle .mid #TopNews h2.size3, .boxMiddle .mid #TopNews h2.size4, .boxMiddle .mid #TopNews h2.size5 {
            font-size: 23px;
            line-height: 27px;
        }

        .boxMiddle .mid #TopNews h2 {
            margin: 5px 0px;
        }

        .boxMiddle .mid #TopNews h3 {
            /* display:none; */
            color: #767676;
        }

            .boxMiddle .mid #TopNews h3.sub {
                display: block;
                color: #767676;
            }

        .boxMiddle .mid #focus .box .onImg {
            float: left;
            margin-bottom: 25px;
            /* margin-top: -10px; */
            padding-left: 4px;
        }

            .boxMiddle .mid #focus .box .onImg h3.sub {
                text-transform: none;
                font-weight: 700;
                font-size: 14px;
                line-height: 17px;
                margin: 0px 0px 0px 0px;
                color: #767676;
            }

            .boxMiddle .mid #focus .box .onImg h3 {
                font-weight: 600;
                font-size: 14px;
                line-height: 14px;
                margin: 10px -2px 5px 0px;
                color: #767676;
            }

            .boxMiddle .mid #focus .box .onImg h2 {
                font-weight: 700;
                font-size: 23px;
                line-height: 27px;
                margin: 0px 0px 10px 0px;
                text-transform: uppercase;
            }


        .boxMiddle .mid #focus .box .label {
            display: block;
            float: left;
            height: 23px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            padding: 0px 15px 0px 17px;
            font-family: "Arvo";
            font-size: 15px;
            line-height: 26px;
            font-weight: 700;
            text-transform: uppercase;
            color: #fff;
            z-index: 1000;
            text-indent: -9000px;
            background: #fff url(/dl/raiSport/images/logo_sport_63.png) no-repeat 0 0;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 33px;
            /* margin-top: -110px; */
            position: relative;
            margin-left: 25px;
            top: -10px;
            border: 1px solid #fad52a;
        }

        .boxMiddle .mid #focus .box .related {
            display: none;
        }

    .boxMiddle.right .mid .link_utili {
        clear: left;
        border-top: 1px solid #fad52a;
        /* padding-top:10px; */
        height: 100px;
        margin-left: 4px;
    }

    .boxMiddle.left .link_utili {
        clear: left;
        border-top: 1px solid #dc513a;
        /* margin-top: 111px; */
        height: 100px;
    }

    .boxMiddle .mid .link_utili img.logoMondiali {
        position: relative;
        top: -20px;
        right: -230px;
    }

    .boxMiddle .mid .link_utili li {
        margin-right: 5px;
        padding-left: 15px;
        text-transform: uppercase;
        line-height: 16px;
        font-weight: 800;
        font-size: 12px;
        color: #666;
    }

    .boxMiddle.right .mid .link_utili li {
        padding-left: 6px;
    }


        .boxMiddle.right .mid .link_utili li.menuMotori {
            padding-left: 0px;
        }

    .boxMiddle .mid .link_utili li img {
        margin-right: 5px;
        margin-top: 0px;
        position: absolute;
        left: 9px;
    }
    /*
 .boxMiddle.right .mid .link_utili ul{
    margin-right:-30px;
    margin-top: -40px;
    margin-left: 5px;
}
*/
    .boxMiddle.left .mid .link_utili ul, .boxMiddle.right .mid .link_utili ul {
        margin-right: 12px;
        margin-top: 16px;
        /* margin-left: 5px; */
    }

/* box colonnati */



/* med */

.colSx {
    display: block;
    float: left;
    width: 320px;
}

.colDx {
    display: block;
    float: right;
    width: 320px;
}


    .colSx .box,
    .colDx .box {
        display: block;
        float: left;
        position: relative;
        text-align: left;
        width: 308px;
        height: auto;
        padding: 6px 6px 6px 6px;
        margin: 0px 0px 20px 0px;
        background: #fff;
    }

        .colSx .box .top,
        .colDx .box .top {
            display: block;
            float: left;
            width: 292px;
            height: auto;
            max-height: 32px;
            min-height: 22px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
        }

            .colSx .box .top h3,
            .colDx .box .top h3 {
                display: block;
                float: left;
                width: 292px;
                font-size: 22px;
                line-height: 18px;
                color: #4b4b4b;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

            .colSx .box .top h4,
            .colDx .box .top h4 {
                display: block;
                float: left;
                width: 292px;
                font-size: 11px;
                color: #818181;
                text-transform: uppercase;
                margin: 3px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }


        .colSx .box .mid,
        .colDx .box .mid {
            display: block;
            float: left;
            width: 308px;
            height: auto;
            overflow: hidden;
            padding: 2px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }


/* mini */

.miniLink {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #777;
}


    .miniLink a {
        display: block;
        float: right;
        position: relative;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        padding: 0px 9px 0px 10px;
        color: #777;
        background: url(/dl/rai/images/bkg_arrow.gif) 100% 2px no-repeat;
    }

        .miniLink a:hover {
            color: #999;
        }

        .miniLink a.Info .descr {
            display: none;
            position: absolute;
            top: 20px;
            right: 0px;
            z-index: 1000;
            width: 210px;
            height: auto;
            padding: 7px 10px 7px 10px;
            border: 1px solid #777;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 4px;
            cursor: default;
            box-shadow: 0px 0px 5px 0px #777;
            background-color: rgba(0, 0, 0, 0.85);
        }

            .miniLink a.Info .descr span {
                display: block;
                float: left;
                width: 210px;
                height: auto;
                font-size: 10px;
                font-weight: bold;
                text-transform: uppercase;
                color: #5d9ae2;
                padding: 0px 0px 0px 0px;
            }

            .miniLink a.Info .descr strong {
                display: block;
                float: left;
                width: 210px;
                height: auto;
                font-size: 14px;
                font-weight: bold;
                color: #fff;
                border-bottom: 1px solid #5d9ae2;
                padding: 0px 0px 5px 0px;
                margin: 0px 0px 5px 0px;
            }

            .miniLink a.Info .descr p {
                display: block;
                float: left;
                width: 210px;
                height: auto;
                font-size: 11px;
                color: #ddd;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

        .miniLink a.Info:hover .descr {
            display: block;
        }


/* FoCus */

#Focus {
    height: 550px;
}

    #Focus .imgFocus {
        display: block;
        float: left;
        width: 358px;
        height: 254px;
    }

        #Focus .imgFocus img {
            display: block;
            float: left;
            width: 358px;
            height: 253px;
        }

    #Focus .Editore {
        display: block;
        float: left;
        width: 122px;
        height: 30px;
        overflow: hidden;
        margin: 10px 0px 6px 0px;
    }

    #Focus .editoreLogo, #Focus .slideImg {
        display: none;
    }

    /* paging */

    #Focus #pagingFocus {
        display: block;
        float: right;
        width: auto;
        height: 30px;
        margin: 10px 0px 6px 0px;
    }

        #Focus #pagingFocus .btnPrev {
            display: block;
            float: left;
            width: 10px;
            height: 30px;
            margin: 0px 0px 0px 0px;
            cursor: pointer;
            background: url(/dl/rai/images/arrow_paging.gif) 2px 10px no-repeat;
        }

        #Focus #pagingFocus .btnNext {
            display: block;
            float: right;
            width: 10px;
            height: 30px;
            margin: 0px 0px 0px 0px;
            cursor: pointer;
            background: url(/dl/rai/images/arrow_paging.gif) -8px 10px no-repeat;
        }

        #Focus #pagingFocus .Item {
            display: block;
            float: left;
            width: auto;
            height: 10px;
            margin: 0px 0px 0px 0px;
            padding: 10px 0px 10px 0px;
        }

            #Focus #pagingFocus .Item ul {
                display: block;
                float: left;
                width: auto;
                height: 10px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

                #Focus #pagingFocus .Item ul li {
                    display: block;
                    float: left;
                    width: 10px;
                    height: 10px;
                    margin: 0px 4px 0px 4px;
                    padding: 0px 0px 0px 0px;
                }

                    #Focus #pagingFocus .Item ul li .slide {
                        display: none;
                    }

                    #Focus #pagingFocus .Item ul li a {
                        display: block;
                        float: left;
                        position: relative;
                        width: 10px;
                        height: 10px;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        background: url(/dl/rai/images/bkg_pag.png) no-repeat;
                    }

                        #Focus #pagingFocus .Item ul li a:hover {
                            background-position: 0px -10px;
                        }

                    #Focus #pagingFocus .Item ul li.selected a {
                        background-position: 0px -20px;
                    }

                    #Focus #pagingFocus .Item ul li a .Baloon, #Focus #pagingFocus .Item ul li a .Baloon {
                        display: none;
                    }

                    #Focus #pagingFocus .Item ul li a:hover .Baloon {
                        display: block;
                        position: absolute;
                        width: 90px;
                        height: 53px;
                        top: -60px;
                        left: -44px;
                        z-index: 100;
                        padding: 4px 4px 0px 4px;
                        background: url(/dl/rai/images/bkg_baloon.png) no-repeat;
                    }

                        #Focus #pagingFocus .Item ul li a:hover .Baloon .mask {
                            display: block;
                            width: 90px;
                            height: 40px;
                            overflow: hidden;
                        }

                            #Focus #pagingFocus .Item ul li a:hover .Baloon .mask img {
                                display: block;
                                width: 90px;
                                margin: 0px 0px 0px 0px;
                                height: auto;
                            }

    /**/

    #Focus h4, #Focus h4 a {
        display: block;
        float: left;
        width: 358px;
        height: auto;
        font-size: 16px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        color: #818181;
    }

    #Focus h2 a {
        display: block;
        float: left;
        width: 358px;
        height: auto;
        font-size: 24px;
        line-height: 24px;
        padding: 0px 0px 0px 0px;
        margin: 8px 0px 12px 0px;
        color: #4b4b4b;
    }

    #Focus p, #Focus p a {
        display: block;
        float: left;
        width: 358px;
        height: auto;
        font-size: 12px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        color: #4b4b4b;
    }



.paging {
    display: block;
    height: 10px;
    margin: 0px auto 0px auto;
}

    .paging .Item {
        display: block;
        float: left;
        height: 10px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        .paging .Item ul {
            display: block;
            float: left;
            width: auto;
            height: 10px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            .paging .Item ul li {
                display: block;
                float: left;
                width: 10px;
                height: 10px;
                margin: 0px 4px 0px 4px;
                padding: 0px 0px 0px 0px;
                border: 0px;
            }

                .paging .Item ul li a,
                .paging a,
                .paging span {
                    display: block;
                    float: left;
                    position: relative;
                    width: 10px;
                    height: 10px;
                    margin: 0px 4px 0px 4px;
                    padding: 0px 0px 0px 0px;
                    overflow: hidden;
                    text-indent: -90000px;
                    background: url(/dl/rai/images/bkg_pag.png) no-repeat;
                }

                    .paging .Item ul li a:hover,
                    .paging a:hover {
                        background-position: 0px -10px;
                    }

                    .paging .Item ul li.selected a,
                    .paging span.current {
                        background-position: 0px -20px;
                    }

                        .paging a.prev, .paging a.btnPrev,
                        .paging span.current.prev {
                            width: 10px;
                            height: 10px;
                            margin: 0px 0px 0px 0px;
                            background: url(/dl/rai/images/arrow_paging.gif) 2px 0px no-repeat;
                        }

                        .paging a.next, .paging a.btnNext,
                        .paging span.current.next {
                            width: 10px;
                            height: 10px;
                            margin: 0px 0px 0px 0px;
                            background: url(/dl/rai/images/arrow_paging.gif) -8px 0px no-repeat;
                        }



    /*num*/



    .paging.num a,
    .paging.num span {
        display: block;
        float: left;
        text-align: center;
        position: relative;
        width: 20px;
        height: 19px;
        margin: 0px 4px 0px 4px;
        padding: 1px 0px 0px 0px;
        border-radius: 3px;
        font-size: 14px;
        color: #999;
        font-weight: bold;
        text-indent: 0px;
        background: transparent;
    }

        .paging.num a:hover {
            color: #777;
            background-position: 0px -10px;
        }

        .paging.num span.current {
            color: #fff;
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -28px repeat-x;
        }

            .paging.num a.prev, .paging.num a.btnPrev,
            .paging.num span.current.prev {
                width: 10px;
                height: 10px;
                margin: 5px 0px 5px 0px;
                text-indent: -9000px;
                background: url(/dl/RaiTV/2012/images/arrow_paging.gif) 2px 0px no-repeat;
            }

            .paging.num a.next, .paging.num a.btnNext,
            .paging.num span.current.next {
                width: 10px;
                height: 10px;
                margin: 5px 0px 5px 0px;
                text-indent: -9000px;
                background: url(/dl/RaiTV/2012/images/arrow_paging.gif) -8px 0px no-repeat;
            }




/* in evidenza */


/* FoCus */


#mediaPage #Focus.boxMedium {
    width: 648px;
    margin: -6px 0px -6px -6px;
}

    #mediaPage #Focus.boxMedium .top {
        width: 632px;
        background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
    }

        #mediaPage #Focus.boxMedium .top h3 {
            width: 632px;
        }


        #mediaPage #Focus.boxMedium .top.exp {
            width: 632px;
        }

            #mediaPage #Focus.boxMedium .top.exp h3 {
                width: 632px;
            }

            #mediaPage #Focus.boxMedium .top.exp h4 {
                display: block;
                float: left;
                width: 632px;
                font-size: 11px;
                color: #818181;
                text-transform: uppercase;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }


    #mediaPage #Focus.boxMedium .mid {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        padding: 6px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }


#mediaPage #Focus {
    height: auto;
}

    #mediaPage #Focus .imgFocus {
        display: block;
        float: left;
        width: 358px;
        height: 254px;
        padding: 0px 10px 0px 0px;
    }

        #mediaPage #Focus .imgFocus img {
            display: block;
            float: left;
            width: 358px;
            height: 253px;
        }

    #mediaPage #Focus .Editore {
        display: block;
        float: left;
        width: 122px;
        height: 30px;
        overflow: hidden;
        margin: 0px 0px 6px 0px;
    }

    #mediaPage #Focus .editoreLogo, #mediaPage #Focus .slideImg {
        display: none;
    }

    /* paging */

    #mediaPage #Focus #pagingFocus {
        position: absolute;
        bottom: 0px;
        right: 6px;
    }

    /**/

    #mediaPage #Focus h4, #mediaPage #Focus h4 a {
        width: 280px;
        margin: 6px 0px 0px 0px;
    }

    #mediaPage #Focus h2, #mediaPage #Focus h2 a {
        display: block;
        float: left;
        width: 280px;
        height: auto;
        font-size: 24px;
        line-height: 24px;
        padding: 0px 0px 0px 0px;
        margin: 3px 0px 5px 0px;
        color: #4b4b4b;
    }

    #mediaPage #Focus p, #mediaPage #Focus p a {
        display: block;
        float: left;
        width: 280px;
        height: auto;
        font-size: 12px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        color: #4b4b4b;
    }


/* Live */

#Live {
    height: 284px;
}

    #Live .top {
        background: url(/dl/rai/images/bkg_tops.gif) 0px -32px no-repeat;
    }


/* NOtizie */

#Notizie {
    height: 550px;
}

    #Notizie .top {
        background: url(/dl/rai/images/bkg_tops.gif) 0px -32px no-repeat;
    }

    #Notizie .Player {
        display: block;
        float: left;
        position: relative;
        width: 258px;
        height: 195px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #888;
    }

        #Notizie .Player .imgAudioLogo {
            display: block;
            float: left;
            position: relative;
            width: 236px;
            height: 34px;
            margin: 0px 0px 0px 0px;
            padding: 129px 0px 0px 22px;
            background: url(/dl/rai/images/canali/tappo_grr.jpg) no-repeat;
        }

            #Notizie .Player .imgAudioLogo span {
                font-size: 12px;
                color: #777;
                font-weight: bold;
            }

        #Notizie .Player .mask {
            display: block;
            float: left;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 258px;
            height: 195px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            background: url(/dl/rai/images/mask_notizie.png) 0px 0px no-repeat;
            cursor: pointer;
        }


        /* pannello di scelta trentino: trento-bolzano */
        #Notizie .Player .choice {
            display: block;
            float: left;
            text-align: center;
            position: relative;
            width: 258px;
            height: 140px;
            padding: 55px 0px 0px 0px;
            background: url(/dl/rai/images/bkg_choice_tgr_small.jpg) center center no-repeat scroll;
        }

            #Notizie .Player .choice h3 {
                text-align: center;
                color: #FE8720;
                font-size: 24px;
                margin: 0px 0px 25px 0px;
                padding: 0px 0px 0px 0px;
            }

            #Notizie .Player .choice a,
            #Notizie .Player .choice a:link,
            #Notizie .Player .choice a:visited {
                display: inline-block;
                cursor: pointer;
                width: 100px;
                height: 24px;
                padding: 9px 0px 0px 0px;
                margin: 0px 10px 0px 10px;
                text-align: center;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                font-size: 16px;
                color: #343434;
                background-image: linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -o-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CDCDCD) );
            }

                #Notizie .Player .choice a:hover,
                #Notizie .Player .choice a:active {
                    background-image: linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #CDCDCD) );
                }
    /* fine pannello di scelta trentino: trento-bolzano */





    #Notizie .Edizioni {
        display: block;
        float: left;
        width: 246px;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding: 6px 6px 6px 6px;
        background: #2f2f2f;
    }

        #Notizie .Edizioni ul.live {
            display: block;
            float: left;
            width: 246px;
            height: auto;
            margin: 0px 0px 5px 0px;
            padding: 0px 0px 0px 0px;
            background: #5e3526;
            border-bottom: 1px solid #e9460a;
        }

            #Notizie .Edizioni ul.live.notPlaying {
                background: #4b4b4b;
                border-bottom: 1px solid #808080;
            }

            #Notizie .Edizioni ul.live li.tit {
                display: block;
                float: left;
                width: auto;
                height: auto;
                margin: 0px 0px 0px 0px;
                padding: 4px 6px 3px 6px;
                border: 0px;
                font-size: 11px;
                font-weight: bold;
                color: #fff;
                text-transform: uppercase;
                border-right: 1px solid #2f2f2f;
                background: #e9460a;
            }

            #Notizie .Edizioni ul.live.notPlaying li.tit {
                border-right: 1px solid #2f2f2f;
                background: #808080;
            }

            #Notizie .Edizioni ul.live li {
                display: block;
                float: left;
                width: auto;
                height: 21px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 3px;
                border: 0px;
            }

                #Notizie .Edizioni ul.live li a {
                    display: block;
                    float: left;
                    width: auto;
                    height: auto;
                    margin: 3px 0px 0px 0px;
                    padding: 0px 3px 0px 0px;
                    font-weight: bold;
                    color: #fff;
                    font-size: 11px;
                    border-right: 1px solid #e9460a;
                }

            #Notizie .Edizioni ul.live.notPlaying li a {
                border-right: 1px solid #808080;
            }

            #Notizie .Edizioni ul.live li.selected a {
                color: #e9460a;
            }

            #Notizie .Edizioni ul.live li a:hover {
                color: #e9460a;
            }

            #Notizie .Edizioni ul.live li.selected .elencoReg a {
                color: #fff;
            }

            #Notizie .Edizioni ul.live li .elencoReg a:hover {
                color: #fff;
            }

            #Notizie .Edizioni ul.live li:last-child a {
                border: 0px;
            }


        #Notizie .Edizioni ul.ultimi {
            display: block;
            float: left;
            width: 246px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            background: #4b4b4b;
            border-bottom: 1px solid #808080;
        }

            #Notizie .Edizioni ul.ultimi li {
                display: none;
            }

            #Notizie .Edizioni ul.ultimi.hover li {
                display: block;
            }

                #Notizie .Edizioni ul.ultimi.hover li.tit {
                    display: none;
                }

            #Notizie .Edizioni ul.ultimi li.tit {
                display: block;
                float: left;
                width: 246px;
                text-align: center;
                height: auto;
                margin: 0px 0px 2px 0px;
                padding: 4px 1px 3px 1px;
                border: 0px;
                font-size: 11px;
                font-weight: bold;
                color: #fff;
                text-transform: uppercase;
                border-right: 1px solid #2f2f2f;
                background: #808080;
            }

            #Notizie .Edizioni ul.ultimi li {
                float: left;
                width: auto;
                height: 21px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 5px;
                border: 0px;
            }

                #Notizie .Edizioni ul.ultimi li a {
                    display: block;
                    float: left;
                    width: auto;
                    height: auto;
                    margin: 3px 0px 0px 0px;
                    padding: 0px 5px 0px 0px;
                    font-weight: bold;
                    color: #fff;
                    font-size: 11px;
                    border-right: 1px solid #808080;
                }

                #Notizie .Edizioni ul.ultimi li.selected a,
                #Notizie .Edizioni ul.ultimi li.selected a:hover {
                    color: #808080;
                    color: #E9460A;
                }


                #Notizie .Edizioni ul.ultimi li a:hover {
                    color: #808080;
                }

                #Notizie .Edizioni ul.ultimi li:last-child a {
                    border: 0px;
                }


    #Notizie .EdizioniGr {
        display: block;
        float: left;
        width: 246px;
        height: auto;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: 6px solid #2f2f2f;
    }

        #Notizie .EdizioniGr ul.ultimiGr {
            display: block;
            float: left;
            width: 246px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            background: #4b4b4b;
            border-bottom: 2px solid #808080;
        }

            #Notizie .EdizioniGr ul.ultimiGr li {
                display: none;
            }

            #Notizie .EdizioniGr ul.ultimiGr.hover li {
                display: block;
            }

                #Notizie .EdizioniGr ul.ultimiGr.hover li.tit {
                    display: none;
                }

            #Notizie .EdizioniGr ul.ultimiGr li.tit {
                display: block;
                float: left;
                width: 246px;
                text-align: center;
                height: auto;
                margin: 0px 0px 2px 0px;
                padding: 4px 1px 2px 1px;
                border: 0px;
                font-size: 11px;
                font-weight: bold;
                color: #fff;
                text-transform: uppercase;
                border-right: 1px solid #2f2f2f;
                background: #808080;
            }

            #Notizie .EdizioniGr ul.ultimiGr li {
                float: left;
                width: auto;
                height: 20px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 5px;
                border: 0px;
            }

                #Notizie .EdizioniGr ul.ultimiGr li a {
                    display: block;
                    float: left;
                    width: auto;
                    height: auto;
                    margin: 3px 0px 0px 0px;
                    padding: 0px 5px 0px 0px;
                    font-weight: bold;
                    color: #fff;
                    font-size: 11px;
                    border-right: 1px solid #808080;
                }


                #Notizie .EdizioniGr ul.ultimiGr li.selected a,
                #Notizie .EdizioniGr ul.ultimiGr li.selected a:hover {
                    color: #808080;
                    color: #E9460A;
                }

                #Notizie .EdizioniGr ul.ultimiGr li a:hover {
                    color: #808080;
                }

                #Notizie .EdizioniGr ul.ultimiGr li:last-child a {
                    border: 0px;
                }

    #Notizie ul.EdizioniNews {
        display: block;
        float: left;
        width: 258px;
        height: 200px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
    }

    #Notizie ul {
        display: block;
        float: left;
        width: 258px;
        height: auto;
        margin: 0px 0px 7px 0px;
        padding: 0px;
        overflow: hidden;
    }

        #Notizie ul li {
            display: block;
            float: left;
            width: 258px;
            height: auto;
            margin: -1px 0px 0px 0px;
            padding: 7px 0px 7px 0px;
            border-top: 1px solid #dedede;
        }

    #Notizie h4 {
        display: block;
        float: left;
        width: 257px;
        font-size: 12px;
        color: #4b4b4b;
        margin: 0px 0px 2px 0px;
        padding: 0px 0px 0px 1px;
        text-transform: uppercase;
    }

    #Notizie ul li br {
        display: none;
    }

    #Notizie ul li ol {
        display: block;
        float: left;
        width: 258px;
        height: auto;
        margin: 0px;
        padding: 0px;
        list-style: none;
        overflow: hidden;
    }

        #Notizie ul li ol li {
            display: block;
            float: left;
            width: 246px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 12px;
            font-size: 12px;
            border-top: 0px solid #000;
            background: url(/dl/rai/images/bullet.gif) 3px 5px no-repeat;
        }

            #Notizie ul li ol li a {
                color: #4b4b4b;
                font-size: 12px;
            }

                #Notizie ul li ol li a:hover {
                    color: #999;
                }


    #Notizie .paging {
        width: 75px;
        text-align: center;
    }

        #Notizie .paging .Item {
            width: 72px;
        }

    #Notizie .Edizioni ul.elencoReg {
        display: none;
        position: absolute;
        top: 36px;
        left: 6px;
        width: 258px;
        height: 182px;
        padding: 13px 0px 0px 0px;
        overflow: hidden;
    }

        #Notizie .Edizioni ul.elencoReg li {
            display: block;
            float: left;
            width: 109px;
            height: auto;
            margin: 0px 10px 0px 10px;
            padding: 1px 0px 1px 0px;
            border-bottom: 1px solid #000;
        }

            #Notizie .Edizioni ul.elencoReg li a {
                border: 0px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
                color: #aaa !important;
            }

                #Notizie .Edizioni ul.elencoReg li a:hover {
                    color: #eee !important;
                }

    #Notizie .Edizioni ul.live ul.elencoReg {
        background: #e9460a;
    }

        #Notizie .Edizioni ul.live ul.elencoReg li {
            border-bottom: 1px solid #ed6b3b;
        }

    #Notizie .Edizioni ul.ultimi ul.elencoReg {
        background: #4b4b4b;
    }

        #Notizie .Edizioni ul.ultimi ul.elencoReg li {
            border-bottom: 1px solid #565656;
        }

/* #Notizie .Edizioni ul.live li.tendina:hover ul.elencoReg {display: block;}
 #Notizie .Edizioni ul.ultimi li.tendina:hover ul.elencoReg {display: block;}*/


/* Community */

#Community .mid {
    display: block;
    float: left;
    width: 258px;
    height: auto;
    padding: 8px 0px 0px 0px;
    margin: 2px 0px 0px 0px;
    border-top: 1px solid #e7e7e7;
}

    #Community .mid .miniMenu {
        display: block;
        float: left;
        width: 238px;
        height: auto;
        padding: 6px 10px 6px 10px;
        margin: 0px 0px 10px 0px;
        border-top: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0;
        background: #ebebeb;
    }

        #Community .mid .miniMenu span {
            display: block;
            float: left;
            width: auto;
            height: 15px;
            font-size: 11px;
            color: #888;
            padding: 1px 0px 0px 0px;
            margin: 0px 5px 0px 0px;
        }

        #Community .mid .miniMenu ul {
            display: block;
            float: left;
            width: auto;
            height: auto;
            overflow: hidden;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

            #Community .mid .miniMenu ul li {
                display: block;
                float: left;
                width: auto;
                height: 16px;
                padding: 0px 6px 0px 6px;
                margin: 0px 0px 0px -1px;
                border-left: 1px solid #d0d0d0;
                font-size: 14px;
                font-weight: bold;
            }

                #Community .mid .miniMenu ul li a {
                    color: #4b4b4b;
                }

                    #Community .mid .miniMenu ul li a:hover {
                        color: #fff;
                    }


    #Community .mid ul.Elenco {
        display: block;
        float: left;
        width: 258px;
        height: auto;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        #Community .mid ul.Elenco li {
            display: block;
            float: left;
            width: 258px;
            height: auto;
            overflow: hidden;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 10px 0px;
        }

            #Community .mid ul.Elenco li .img {
                display: block;
                float: left;
                position: relative;
                width: 80px;
                height: 80px;
                padding: 0px 10px 0px 0px;
            }

                #Community .mid ul.Elenco li .img img {
                    display: block;
                    top: 0px;
                    left: 0px;
                    position: absolute;
                    width: 80px;
                    height: 80px;
                    padding: 0px 0px 0px 0px;
                }

                #Community .mid ul.Elenco li .img .Canale {
                    display: block;
                    bottom: 0px;
                    left: 0px;
                    position: absolute;
                    z-index: 1000;
                    width: 76px;
                    height: 25px;
                    padding: 0px 0px 0px 4px;
                    background: url(/dl/rai/images/alpha_black.png) repeat;
                }

                    #Community .mid ul.Elenco li .img .Canale span {
                        display: block;
                        float: left;
                        width: 76px;
                        height: 24px;
                        overflow: hidden;
                        text-indent: -9000px;
                        padding: 0px 0px 0px 0px;
                    }

            #Community .mid ul.Elenco li .txt {
                display: block;
                float: left;
                width: 168px;
                height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

                #Community .mid ul.Elenco li .txt strong {
                    display: block;
                    float: left;
                    width: 168px;
                    height: auto;
                    font-size: 11px;
                    color: #808080;
                    font-weight: normal;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 3px 0px;
                }

                    #Community .mid ul.Elenco li .txt strong span {
                        display: none;
                        float: left;
                        width: auto;
                        height: auto;
                        font-size: 11px;
                        color: #555;
                        padding: 0px 3px 0px 0px;
                        margin: 0px 3px 0px 0px;
                        border-right: 1px solid #ddd;
                    }

                #Community .mid ul.Elenco li .txt a {
                    display: block;
                    float: left;
                    width: 168px;
                    height: auto;
                    font-size: 12px;
                    color: #4b4b4b;
                    font-weight: bold;
                    padding: 0px 0px 0px 0px;
                    margin: 5px 0px 0px 0px;
                }

                    #Community .mid ul.Elenco li .txt a em {
                        font-size: 12px;
                        color: #818181;
                        font-weight: bold;
                        font-style: normal;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 8px 0px 0px;
                    }

                    #Community .mid ul.Elenco li .txt a:hover {
                        color: #999;
                    }

/* Junior */

#Junior .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -64px no-repeat;
}


#Junior .mid {
    display: block;
    float: left;
    width: 358px;
    height: auto;
    padding: 8px 0px 0px 0px;
    margin: 2px 0px 0px 0px;
    border-top: 1px solid #e7e7e7;
}


.boxMedium .mid .trisFoto {
    width: 360px;
    height: 275px;
    margin: 0px 0px 10px 0px;
}


#Junior .mid .trisFoto {
    width: 360px;
    height: 215px;
    margin: 0px 0px 10px 0px;
}

.boxMedium .mid .trisFoto li a .Canale,
.boxMedium .mid .trisFoto li.selected a .Canale {
    width: 229px;
    display: none;
}

.boxMedium .mid .trisFoto li .txt {
    display: none;
    text-align: left;
    position: absolute;
    top: 165px;
    left: 0px;
    width: 358px;
    height: 110px;
}

    .boxMedium .mid .trisFoto li .txt span {
        display: block;
        float: left;
        width: 358px;
        height: auto;
        font-size: 14px;
        font-weight: bold;
        color: #818181;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 2px 0px;
    }

    .boxMedium .mid .trisFoto li .txt h3,
    .boxMedium .mid .trisFoto li .txt h3 a {
        display: block;
        float: left;
        width: 358px;
        height: auto;
        max-height: 44px;
        font-size: 20px;
        line-height: 21px;
        font-weight: bold;
        color: #4b4b4b;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
    }

    .boxMedium .mid .trisFoto li .txt p {
        display: block;
        float: left;
        width: 358px;
        height: auto;
        max-height: 45px;
        overflow: hidden;
        font-size: 12px;
        color: #4b4b4b;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

.boxMedium .mid .trisFoto li:hover,
.boxMedium .mid .trisFoto li.selected {
    width: 234px;
    height: 160px;
}

.mid .trisFoto li:hover a,
.mid .trisFoto li.selected a {
    margin: 0px 0px 0px -21px;
}

#Junior .listaVideo {
    display: block;
    float: left;
    width: 358px;
    height: auto;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
}

    #Junior .listaVideo ul {
        display: block;
        float: left;
        width: 358px;
        height: auto;
        margin: 0px 0px 0px 0px;
    }

        #Junior .listaVideo ul li {
            display: block;
            float: left;
            position: relative;
            width: 358px;
            height: auto;
            margin: 0px 0px 15px 0px;
        }

            #Junior .listaVideo ul li a.screenShot {
                display: block;
                float: left;
                position: relative;
                width: 122px;
                height: 69px;
                margin: 0px 10px 0px 0px;
            }


                #Junior .listaVideo ul li a.screenShot img {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 122px;
                    height: 69px;
                }

                #Junior .listaVideo ul li a.screenShot .mask {
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 28px;
                    height: 19px;
                    background: url(/dl/rai/images/mask_video.png) no-repeat;
                }

                    #Junior .listaVideo ul li a.screenShot .mask.video {
                        background-position: 0px 0px;
                    }

                    #Junior .listaVideo ul li a.screenShot .mask.audio {
                        background-position: -38px 0px;
                    }

                    #Junior .listaVideo ul li a.screenShot .mask.foto {
                        background-position: -76px 0px;
                    }

                    #Junior .listaVideo ul li a.screenShot .mask.podcast {
                        background-position: -114px 0px;
                    }

            #Junior .listaVideo ul li .Desc {
                display: block;
                float: left;
                width: 226px;
                height: auto;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

                #Junior .listaVideo ul li .Desc .Info {
                    display: block;
                    float: left;
                    width: 226px;
                    height: auto;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 0px 0px 0px;
                }

                    #Junior .listaVideo ul li .Desc .Info h2 {
                        display: block;
                        float: left;
                        width: 226px;
                        height: auto;
                        font-size: 14px;
                        font-weight: bold;
                        color: #4b4b4b;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                    }

                    #Junior .listaVideo ul li .Desc .Info:hover h2 {
                        color: #4283cb;
                    }

                    #Junior .listaVideo ul li .Desc .Info h5 {
                        display: none;
                    }

                        #Junior .listaVideo ul li .Desc .Info h5 span {
                            display: none;
                        }

                    #Junior .listaVideo ul li .Desc .Info p {
                        display: block;
                        float: left;
                        width: 226px;
                        height: auto;
                        font-size: 11px;
                        color: #4b4b4b;
                        padding: 0px 0px 0px 0px;
                        margin: 4px 0px 0px 0px;
                    }

            #Junior .listaVideo ul li ol {
                display: block;
                float: left;
                width: 226px;
                height: auto;
                padding: 0px;
                margin: 0px;
            }

                #Junior .listaVideo ul li ol li {
                    display: block;
                    float: left;
                    width: 226px;
                    height: auto;
                    font-size: 11px;
                    padding: 2px 0px 0px 0px;
                    margin: 0px;
                    color: #666;
                }

                    #Junior .listaVideo ul li ol li.Durata span {
                        display: none;
                    }

/* focus news */


#FocusNews .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -32px no-repeat;
}

#FocusNews .mid {
    padding: 0px;
    border-top: 0px solid #e7e7e7;
}

#FocusNews .Notizie {
    display: block;
    float: left;
    position: relative;
    width: 648px;
    height: 359px;
    overflow: hidden;
}

    #FocusNews .Notizie .Player {
        display: block;
        float: left;
        width: 480px;
        height: 359px;
        background: #666;
    }

        #FocusNews .Notizie .Player .mask {
            display: block;
            float: left;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 480px;
            height: 359px;
            cursor: pointer;
            background: url(/dl/rai/images/mask_player.png) no-repeat;
        }


        /* pannello di scelta trentino: trento-bolzano */
        #FocusNews .Notizie .Player .choice {
            display: block;
            float: left;
            text-align: center;
            position: relative;
            width: 480px;
            height: 224px;
            padding: 135px 0px 0px 0px;
            background: url(/dl/rai/images/bkg_choice_tgr_large.jpg) center center no-repeat scroll;
        }

            #FocusNews .Notizie .Player .choice h3 {
                text-align: center;
                color: #FE8720;
                font-size: 24px;
                margin: 0px 0px 25px 0px;
                padding: 0px 0px 0px 0px;
            }

            #FocusNews .Notizie .Player .choice a,
            #FocusNews .Notizie .Player .choice a:link,
            #FocusNews .Notizie .Player .choice a:visited {
                display: inline-block;
                cursor: pointer;
                width: 100px;
                height: 24px;
                padding: 9px 0px 0px 0px;
                margin: 0px 10px 0px 10px;
                text-align: center;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                font-size: 16px;
                color: #343434;
                background-image: linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -o-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
                background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CDCDCD) );
            }

                #FocusNews .Notizie .Player .choice a:hover,
                #FocusNews .Notizie .Player .choice a:active {
                    background-image: linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #CDCDCD 100%);
                    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #CDCDCD) );
                }
    /* fine pannello di scelta trentino: trento-bolzano */






    #FocusNews .Notizie .edit {
        display: block;
        float: left;
        position: absolute;
        z-index: 1000;
        top: 0px;
        right: 0px;
        width: 181px;
        height: 360px;
        background: transparent url(/dl/rai/images/btn_focusnews.png?1) 0px 350px no-repeat scroll;
    }

        #FocusNews .Notizie .edit li {
            display: block;
            float: left;
            width: 149px;
            height: 48px;
            height: 39px;
            margin: 0px 0px 0px 0px;
            padding: 6px 10px 6px 22px;
            background: url(/dl/rai/images/btn_focusnews.png?1) no-repeat;
        }

            #FocusNews .Notizie .edit li.selected {
                background: url(/dl/rai/images/btn_focusnews.png?1) 0px -60px no-repeat;
            }

            #FocusNews .Notizie .edit li a.test {
                display: block;
                float: left;
                width: 149px;
                height: 22px;
                margin: 3px 0px 5px 0px;
                padding: 0px 0px 0px 0px;
                text-indent: -9000px;
                overflow: hidden;
                background: url(/dl/rai/images/loghi_testate.png?2) no-repeat;
            }

                #FocusNews .Notizie .edit li a.test.RaiNews {
                    background-position: 0px 0px;
                }

                #FocusNews .Notizie .edit li a.test.Tg1 {
                    background-position: 0px -22px;
                }

                #FocusNews .Notizie .edit li a.test.Tg2 {
                    background-position: 0px -44px;
                }

                #FocusNews .Notizie .edit li a.test.Tg3 {
                    background-position: 0px -66px;
                }

                #FocusNews .Notizie .edit li a.test.Tgr {
                    background-position: 0px -88px;
                }

                #FocusNews .Notizie .edit li a.test.RaiSport1 {
                    background-position: 0px -110px;
                }

                #FocusNews .Notizie .edit li a.test.RaiParlamento {
                    background-position: 0px -132px;
                }

            #FocusNews .Notizie .edit li a {
                display: block;
                float: left;
                width: auto;
                height: auto;
                color: #eee;
                letter-spacing: -0.3px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }


                #FocusNews .Notizie .edit li a.sito {
                    display: block;
                    float: right;
                    width: auto;
                    height: auto;
                    color: #eee;
                    letter-spacing: -0.3px;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 0px 0px 5px;
                }

                #FocusNews .Notizie .edit li a:hover {
                    color: #777;
                }

                #FocusNews .Notizie .edit li a.live {
                    display: block;
                    float: left;
                    width: auto;
                    height: auto;
                    color: #fff;
                    text-transform: uppercase;
                    font-weight: bold;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 22px 0px 14px;
                    -moz-border-radius: 2px;
                    -webkit-border-radius: 2px;
                    border-radius: 1px;
                    background: #ff6000 url(/dl/RaiTV/2012/images/ico_video.png) 100% -2px no-repeat;
                }


            #FocusNews .Notizie .edit li#regionale .contRegioni span {
                display: none;
            }

            #FocusNews .Notizie .edit li#regionale.selected .contRegioni {
                display: block;
                position: absolute;
                z-index: 10;
                top: 209px;
                left: -463px;
                width: 456px;
                height: 110px;
                border-top: 2px solid #4a81c2;
                border-bottom: 2px solid #4a81c2;
                border-left: 2px solid #4a81c2;
                border-right: 2px solid #4a81c2;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                padding: 4px 0px 4px 0px;
                background: #282827;
            }

                #FocusNews .Notizie .edit li#regionale.selected .contRegioni span {
                    display: block;
                    float: left;
                    width: 450px;
                    height: auto;
                    font-weight: bold;
                    text-transform: uppercase;
                    font-size: 12px;
                    margin: -22px 0px 0px 0px;
                    color: #fff;
                    text-shadow: 0px 1px 1px #333;
                }

                #FocusNews .Notizie .edit li#regionale.selected .contRegioni ul.elencoReg {
                    display: block;
                    float: left;
                    width: 440px;
                    height: auto;
                    overflow: hidden;
                    margin: 0px;
                    padding: 0px 8px 0px 8px;
                }

                    #FocusNews .Notizie .edit li#regionale.selected .contRegioni ul.elencoReg li {
                        display: block;
                        float: left;
                        width: 103px;
                        height: auto;
                        margin: -1px 0px 0px 0px;
                        padding: 4px 0px 4px 7px;
                        border-top: 1px solid #333;
                        background: url(/dl/rai/images/bullet_mini.png) 0px 9px no-repeat;
                    }


/* Video */

#Video .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}



#Video .Choice {
    display: block;
    float: left;
    width: 648px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 12px 0px;
    border-bottom: 1px solid #e7e7e7;
}

    #Video .Choice li {
        display: block;
        float: left;
        width: auto;
        height: 19px;
        padding: 0px 0px 0px 0px;
    }

        #Video .Choice li a {
            display: block;
            float: left;
            width: auto;
            height: 17px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #303030;
            padding: 2px 20px 0px 35px;
            background: url(/dl/rai/images/bkg_btn_video.gif) no-repeat;
        }

            #Video .Choice li a.allIn {
                background-position: 0px -232px;
                padding: 2px 20px 0px 3px;
                color: #fff;
            }

        #Video .Choice li.selected a.allIn {
            background-position: 0px -270px;
            color: #fff;
        }

        #Video .Choice li a.allIn:hover {
            color: #999;
            background-position: 0px -251px;
            color: #fff;
        }


        #Video .Choice li a.Video {
            background-position: 0px 0px;
        }

        #Video .Choice li.selected a.Video {
            background-position: 0px -38px;
        }

        #Video .Choice li a.Video:hover {
            color: #999;
            background-position: 0px -19px;
        }

        #Video .Choice li a.Foto {
            background-position: 0px -57px;
        }

        #Video .Choice li.selected a.Foto {
            background-position: 0px -95px;
        }

        #Video .Choice li a.Foto:hover {
            color: #999;
            background-position: 0px -76px;
        }

        #Video .Choice li a.Audio {
            background-position: 0px -114px;
        }

        #Video .Choice li.selected a.Audio {
            background-position: 0px -152px;
        }

        #Video .Choice li a.Audio:hover {
            color: #999;
            background-position: 0px -133px;
        }

        #Video .Choice li a.Podcast {
            background-position: 0px -171px;
        }

        #Video .Choice li.selected a.Podcast {
            background-position: 0px -209px;
        }

        #Video .Choice li a.Podcast:hover {
            color: #999;
            background-position: 0px -190px;
        }


/* video */


.videoContainer .loader {
    height: 440px;
    display: block;
    text-align: center;
}

    .videoContainer .loader img {
        width: 60px;
        margin-top: 22%;
    }


/* ##### SUPER VIDEO NEW HTML ##### */


.videoContainer {
    display: block;
    float: left;
    width: 648px;
    min-height: 473px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

#Video .paging {
}

.videoContainer .paging {
}


/* cat */

.videoContainer .Categorie {
    display: block;
    float: left;
    width: 648px;
    height: 19px;
    margin: 0px 0px 10px 0px;
    padding: 2px 0px 12px 0px;
    border-bottom: 1px solid #e7e7e7;
}

    .videoContainer .Categorie li {
        display: block;
        float: left;
        width: auto;
        height: 19px;
        padding: 0px 0px 0px 0px;
    }

        .videoContainer .Categorie li a {
            display: block;
            float: left;
            width: auto;
            height: 17px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #aaa;
            padding: 2px 20px 0px 35px;
            background: url(/dl/RaiTV/2012/images/btn_categorie.png) no-repeat;
        }

            .videoContainer .Categorie li a:hover {
                color: #d0d0d0;
            }

            .videoContainer .Categorie li a.All {
                background-position: 0px -232px;
                width: 44px;
                text-align: center;
                padding: 2px 20px 0px 0px;
                color: #fff;
            }

        .videoContainer .Categorie li.selected a.All {
            background-position: 0px -270px;
            color: #fff;
        }

        .videoContainer .Categorie li a.All:hover {
            background-position: 0px -251px;
            color: #fff;
        }


        .videoContainer .Categorie li a.Video {
            background-position: 0px 0px;
        }

        .videoContainer .Categorie li.selected a.Video {
            background-position: 0px -38px;
        }

        .videoContainer .Categorie li a.Video:hover {
            background-position: 0px -19px;
        }

        .videoContainer .Categorie li a.Foto {
            background-position: 0px -57px;
        }

        .videoContainer .Categorie li.selected a.Foto {
            background-position: 0px -95px;
        }

        .videoContainer .Categorie li a.Foto:hover {
            background-position: 0px -76px;
        }

        .videoContainer .Categorie li a.Audio {
            background-position: 0px -114px;
        }

        .videoContainer .Categorie li.selected a.Audio {
            background-position: 0px -152px;
        }

        .videoContainer .Categorie li a.Audio:hover {
            background-position: 0px -133px;
        }

        .videoContainer .Categorie li a.Podcast {
            background-position: 0px -171px;
        }

        .videoContainer .Categorie li.selected a.Podcast {
            background-position: 0px -209px;
        }

        .videoContainer .Categorie li a.Podcast:hover {
            background-position: 0px -190px;
        }

        .videoContainer .Categorie li a.Recenti {
            background-position: 0px -293px;
        }

        .videoContainer .Categorie li.selected a.Recenti {
            background-position: 0px -331px;
        }

        .videoContainer .Categorie li a.Recenti:hover {
            background-position: 0px -312px;
        }

        .videoContainer .Categorie li a.Visti {
            background-position: 0px -350px;
        }

        .videoContainer .Categorie li.selected a.Visti {
            background-position: 0px -388px;
        }

        .videoContainer .Categorie li a.Visti:hover {
            background-position: 0px -369px;
        }

        .videoContainer .Categorie li a.Votati {
            background-position: 0px -407px;
        }

        .videoContainer .Categorie li.selected a.Votati {
            background-position: 0px -445px;
        }

        .videoContainer .Categorie li a.Votati:hover {
            background-position: 0px -426px;
        }


/* video */

#Video .videoContainer {
    min-height: 320px;
}

.videoContainer .listaVideo {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    overflow: hidden;
    margin: 0px 0px -10px 0px;
}

    .videoContainer .listaVideo span.noContent {
        display: block;
        float: left;
        width: 500px;
        height: 20px;
        font-size: 14px;
        text-align: center;
        margin: 50px auto;
        padding: 10px;
        color: #888;
        background: #fafafa;
    }


    .videoContainer .listaVideo ul {
        display: block;
        float: left;
        width: 648px;
        height: auto;
    }


        .videoContainer .listaVideo ul li {
            display: block;
            float: left;
            width: 216px;
            height: 165px;
            margin: 0px 0px 50px 0px;
        }

            .videoContainer .listaVideo ul li a.img {
                display: block;
                float: left;
                position: relative;
                width: 205px;
                height: 116px;
            }

                .videoContainer .listaVideo ul li a.img img {
                    display: block;
                    float: left;
                    width: 205px;
                    height: 116px;
                }

                .videoContainer .listaVideo ul li a.img .mask {
                    display: block;
                    float: left;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 193px;
                    height: 17px;
                    padding: 0px 6px 0px 6px;
                    background: url(/dl/RaiTV/2012/images/alpha_black.png) repeat;
                }

                    .videoContainer .listaVideo ul li a.img .mask span {
                        display: block;
                        float: left;
                        width: 20px;
                        height: 17px;
                        padding: 0px 0px 0px 0px;
                        text-indent: -9000px;
                        overflow: hidden;
                        opacity: 0.8;
                        background: url(/dl/RaiTV/2012/images/ico_video.png) no-repeat;
                    }

                        .videoContainer .listaVideo ul li a.img .mask span.icoVideo {
                            background-position: 0px 0px;
                        }

                        .videoContainer .listaVideo ul li a.img .mask span.icoFoto {
                            background-position: 0px -17px;
                        }

                        .videoContainer .listaVideo ul li a.img .mask span.icoAudio {
                            background-position: 0px -34px;
                        }

                        .videoContainer .listaVideo ul li a.img .mask span.icoPodcast {
                            background-position: 0px -51px;
                        }

                    .videoContainer .listaVideo ul li a.img .mask em {
                        display: block;
                        float: right;
                        width: auto;
                        font-style: normal;
                        color: #fff;
                        font-size: 10px;
                        padding: 1px 0px 0px 0px;
                    }

            .videoContainer .listaVideo ul li .Info {
                display: block;
                float: left;
                width: 205px;
                height: auto;
                padding: 5px 0px 0px 5px;
            }

                .videoContainer .listaVideo ul li .Info h2 {
                    display: block;
                    float: left;
                    width: 200px;
                    height: auto;
                    max-height: 31px;
                    font-size: 13px;
                    font-weight: bold;
                    color: #4b4b4b;
                    overflow: hidden;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 4px 0px;
                }

                    .videoContainer .listaVideo ul li .Info h2 a {
                        color: #fff;
                    }

                /*h5 prog - h4 tema */

                .videoContainer .listaVideo ul li .Info h5,
                .videoContainer .listaVideo ul li .Info h4 {
                    float: left;
                    width: 194px;
                    height: auto;
                    max-height: 42px;
                    font-size: 11px;
                    font-weight: normal;
                    color: #d7d7d7;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                }

                .videoContainer .listaVideo ul li .Info h5 {
                    display: block;
                }

                .videoContainer .listaVideo ul li .Info h4 {
                    display: none;
                }

                .videoContainer .listaVideo ul li .Info p {
                    display: none;
                }

        .videoContainer .listaVideo ul ol.Specifiche {
            display: block;
            float: left;
            width: 194px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            list-style: none;
        }

            .videoContainer .listaVideo ul ol.Specifiche li {
                display: block;
                float: left;
                width: 194px;
                height: auto;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 10px;
                font-weight: normal;
                color: #d7d7d7;
            }

                .videoContainer .listaVideo ul ol.Specifiche li.Pubblicato span {
                    display: none;
                }


        .videoContainer .listaVideo ul li .Info:hover {
            display: block;
            float: left;
            position: absolute;
            width: 194px;
            height: 175px;
            overflow: hidden;
            padding: 5px 5px 5px 5px;
            border: 1px solid #222;
            background: rgba(88,88,88,0.94);
        }
            /*
border: 1px solid #ccc;
background: rgba(255,255,255,0.94);
*/
            .videoContainer .listaVideo ul li .Info:hover h2 {
                display: block;
                float: left;
                width: 194px;
                height: auto;
                max-height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 5px 0px;
            }

            .videoContainer .listaVideo ul li .Info:hover h5 {
                display: none;
            }

            .videoContainer .listaVideo ul li .Info:hover p,
            .videoContainer .listaVideo ul li .Info:hover p a {
                display: block;
                float: left;
                width: 194px;
                height: 175px;
                color: #eee;
                font-size: 11px;
                padding: 0px 0px 0px 0px;
            }

        .videoContainer .listaVideo ul .Info:hover ol.Specifiche {
            display: none;
        }



        /* compact */



        .videoContainer .listaVideo ul.compact li {
            height: 90px;
        }

            .videoContainer .listaVideo ul.compact li .Info h5,
            .videoContainer .listaVideo ul li.compact .Info h4 {
                display: none;
            }

            .videoContainer .listaVideo ul.compact li .Info h4,
            #mediaItem .videoContainer .listaVideo ul.compact li .Info h5 {
                display: none;
            }

            #mediaItem .videoContainer .listaVideo ul.compact li .Info h4,
            .videoContainer .listaVideo ul.compact li .Info h5 {
                display: none;
            }


        .videoContainer .listaVideo ul.compact ol.Specifiche {
            display: none;
        }

        .videoContainer .listaVideo ul.compact li .Info:hover {
            height: 78px;
        }



/* tema */


.videoContainer .Tematiche {
    display: block;
    float: left;
    #width: 130px;
    width: 648px;
}

    .videoContainer .Tematiche ul {
        display: block;
        float: left;
        width: 648px;
        padding: 0px 0px 0px 0px;
        margin: 2px 0px 0px 0px;
    }

        .videoContainer .Tematiche ul li {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 11px;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 25px 3px;
            text-transform: uppercase;
            border-left: 1px solid #555;
        }

            .videoContainer .Tematiche ul li:first-child {
                border: none;
            }

            .videoContainer .Tematiche ul li a {
                display: block;
                float: left;
                width: 108px;
                height: auto;
                font-size: 12px;
                font-weight: bold;
                color: #4b4b4b;
                padding: 6px 6px 6px 6px;
                margin: 0px 0px 0px 0px;
            }

                .videoContainer .Tematiche ul li a:hover {
                    color: #999;
                }

            .videoContainer .Tematiche ul li.selected a {
                color: #fff;
                background: url(/dl/RaiTV/2012/images/bkg_tematiche.gif) left center repeat-x;
            }


            .videoContainer .Tematiche ul li ol {
                display: block;
                float: left;
                width: 120px;
                height: auto;
                font-size: 11px;
                font-weight: bold;
                padding: 0px 0px 0px 0px;
                margin: 5px 0px 5px 0px;
            }

                .videoContainer .Tematiche ul li ol li,
                .videoContainer .Tematiche ul li.selected ol li {
                    display: block;
                    float: left;
                    width: 120px;
                    height: auto;
                    font-size: 11px;
                    font-weight: bold;
                    padding: 0px 0px 0px 15px;
                    margin: 0px 0px 4px 0px;
                    background: url(/dl/RaiTV/2012/images/bullet_mini.png) 8px 5px no-repeat;
                }

                    .videoContainer .Tematiche ul li ol li a,
                    .videoContainer .Tematiche ul li.selected ol li a {
                        display: block;
                        float: left;
                        width: 120px;
                        height: auto;
                        font-size: 11px;
                        font-weight: bold;
                        color: #777;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                        background: transparent;
                    }

                        .videoContainer .Tematiche ul li ol li a:hover,
                        .videoContainer .Tematiche ul li ol li.selected a,
                        .videoContainer .Tematiche ul li.selected ol li a:hover {
                            color: #4da5fc;
                        }



/* video */

.Spalla .videoContainer .listaVideo {
    width: 288px;
    height: auto;
}

    .Spalla .videoContainer .listaVideo ul {
        width: 332px;
    }

        .Spalla .videoContainer .listaVideo ul li {
            height: auto;
            margin: 0px 44px 10px 0px;
        }



            .Spalla .videoContainer .listaVideo ul li .Info h2 {
                color: #fff;
            }

                .Spalla .videoContainer .listaVideo ul li .Info h2 a {
                    color: #fff;
                }

            .Spalla .videoContainer .listaVideo ul li .Info h5 {
                color: #fff;
            }

            .Spalla .videoContainer .listaVideo ul li .Info p {
                display: none;
            }

        .Spalla .videoContainer .listaVideo ul ol.Specifiche li {
            color: #fff;
        }


        .Spalla .videoContainer .listaVideo ul li .Info:hover {
            display: block;
            float: left;
            position: absolute;
            width: 110px;
            height: 143px;
            overflow: hidden;
            padding: 5px 5px 5px 5px;
            border: 1px solid #222;
            background: rgba(88,88,88,0.94);
        }


            .Spalla .videoContainer .listaVideo ul li .Info:hover p {
                display: block;
                color: #eee;
            }

.Spalla .tasxa a {
    display: block;
    float: right;
    text-align: left;
    width: 300px;
    height: 198px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/dl/rai/images/latasca.jpg) no-repeat;
}

/* Info */

#info .imgTestata {
    display: block;
    float: left;
    width: auto;
    padding: 0px 15px 0px 0px;
}

#info h3 {
    width: auto;
    clear: right;
    font-size: 24px;
    color: #666;
}

#info p {
    display: block;
    clear: right;
    width: auto;
    font-size: 12px;
    color: #888;
}

#infoRadio {
    position: relative;
    width: 508px;
    height: auto;
    padding: 6px 6px 48px 146px;
    background: #fff url(/dl/rai/images/logo_radio.png) 10px 8px no-repeat;
}

    #infoRadio h3 {
        display: block;
        float: left;
        width: 508px;
        font-size: 24px;
        color: #666;
    }

    #infoRadio p {
        display: block;
        float: left;
        width: 508px;
        font-size: 12px;
        color: #888;
    }

#info a.mail {
    display: block;
    float: left;
    position: relative;
    text-align: right;
    width: 608px;
    height: 22px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #808080;
    padding: 7px 40px 0px 0px;
    margin: 10px 0px 0px 0px;
    background: #ebebeb url(/dl/rai/images/ico_mail.png) 99% 6px no-repeat;
}

    #info a.mail:hover {
        color: #222;
    }

/* Sport */


.mid .trisFoto {
    display: block;
    float: left;
    position: relative;
    width: 648px;
    height: 160px;
}

    .mid .trisFoto li {
        display: block;
        float: left;
        text-align: center;
        width: 60px;
        height: 160px;
        overflow: hidden;
        border-right: 2px solid #fff;
    }


        .mid .trisFoto li a {
            display: block;
            float: left;
            position: relative;
            width: 276px;
            height: 160px;
            margin: 0px 0px 0px -108px;
        }

            .mid .trisFoto li a img {
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 1;
                width: 276px;
                height: 160px;
            }

            .mid .trisFoto li a .Canale {
                display: none;
                bottom: 0px;
                left: 25px;
                position: absolute;
                z-index: 1000;
                width: 221px;
                height: 25px;
                padding: 0px 0px 0px 5px;
                background: url(/dl/rai/images/alpha_black.png) repeat;
            }

                .mid .trisFoto li a .Canale span {
                    display: block;
                    float: left;
                    width: 200px;
                    height: 24px;
                    overflow: hidden;
                    text-indent: -9000px;
                    padding: 0px 0px 0px 0px;
                }

            .mid .trisFoto li a .mask {
                display: block;
                position: absolute;
                top: 0px;
                left: 108px;
                z-index: 10;
                width: 60px;
                height: 160px;
                opacity: 0.6;
                background: url(/dl/rai/images/mask_tris.png) repeat-y;
            }

        .mid .trisFoto li:first-child a .mask {
            display: none;
        }

        .mid .trisFoto li .txt {
            display: none;
            text-align: left;
            position: absolute;
            top: 0px;
            right: 0px;
            width: 288px;
            height: 160px;
            overflow: hidden;
        }

            .mid .trisFoto li .txt span {
                display: block;
                float: left;
                width: 288px;
                height: auto;
                font-size: 12px;
                font-weight: bold;
                color: #999;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 5px 0px;
            }

                .mid .trisFoto li .txt span em {
                    display: block;
                    float: left;
                    font-weight: bold;
                    font-style: normal;
                    padding: 0px 7px 0px 0px;
                    color: #888;
                }

            .mid .trisFoto li .txt h3,
            .mid .trisFoto li .txt h3 a {
                display: block;
                float: left;
                width: 288px;
                height: auto;
                max-height: 47px;
                font-size: 22px;
                line-height: 22px;
                font-weight: bold;
                color: #4b4b4b;
                overflow: hidden;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 5px 0px;
            }

            .mid .trisFoto li .txt p {
                display: block;
                float: left;
                width: 288px;
                height: auto;
                max-height: 80px;
                overflow: hidden;
                font-size: 12px;
                color: #4b4b4b;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 5px 0px;
            }

        .mid .trisFoto li:hover,
        .mid .trisFoto li.selected {
            width: 226px;
            height: 160px;
        }

            .mid .trisFoto li:hover a,
            .mid .trisFoto li.selected a {
                margin: 0px 0px 0px -25px;
            }

                .mid .trisFoto li:hover a .mask,
                .mid .trisFoto li.selected a .mask {
                    left: 25px;
                    width: 226px;
                }

                .mid .trisFoto li:hover a .Canale,
                .mid .trisFoto li.selected a .Canale {
                    display: block;
                }

            .mid .trisFoto li:hover .txt,
            .mid .trisFoto li.selected .txt {
                display: block;
            }

#Sport .mid .trisFoto li a .Canale,
#Sport .mid .trisFoto li.selected a .Canale {
    width: 229px;
    display: none;
}

/* Rumors */

#Sport .paging,
#Rumors .paging {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 222px;
    width: 74px;
}

    #Sport .paging .Item,
    #Rumors .paging .Item {
        width: 54px;
    }

#Rumors .mid {
    display: none;
}

/* in ONDA*/

#inOnda .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -133px no-repeat;
}

#inOnda .mid {
    padding: 8px 0px 4px 0px;
    margin: 8px 0px 0px 0px;
}


#inOnda .Choice {
    display: block;
    float: left;
    width: 648px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 12px 0px;
    border-bottom: 1px solid #e7e7e7;
}

    #inOnda .Choice li {
        display: block;
        float: left;
        width: auto;
        height: 19px;
        padding: 0px 0px 0px 0px;
    }

        #inOnda .Choice li a {
            display: block;
            float: left;
            width: auto;
            height: 17px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #303030;
            padding: 2px 20px 0px 35px;
            background: url(/dl/rai/images/bkg_btn_onair.gif) no-repeat;
        }

            #inOnda .Choice li a.Tv {
                background-position: 0px 0px;
            }

        #inOnda .Choice li.selected a.Tv {
            background-position: 0px -38px;
        }

        #inOnda .Choice li a.Tv:hover {
            color: #999;
            background-position: 0px -19px;
        }

        #inOnda .Choice li a.Radio {
            background-position: 0px -57px;
        }

        #inOnda .Choice li.selected a.Radio {
            background-position: 0px -95px;
        }

        #inOnda .Choice li a.Radio:hover {
            color: #999;
            background-position: 0px -76px;
        }


#inOnda .onAir {
    display: block;
    float: left;
    width: 648px;
    height: 270px;
    overflow: hidden;
    padding: 12px 0px 8px 0px;
}

    #inOnda .onAir li {
        display: block;
        float: left;
        position: relative;
        width: 314px;
        height: 80px;
        padding: 0px 10px 0px 0px;
        margin: 0px 0px 6px 0px;
    }


        #inOnda .onAir li .img {
            display: block;
            float: left;
            position: relative;
            width: 80px;
            height: 80px;
            padding: 0px 10px 0px 0px;
        }

            #inOnda .onAir li .img img {
                display: block;
                top: 0px;
                left: 0px;
                position: absolute;
                width: 80px;
                height: 80px;
                padding: 0px 0px 0px 0px;
            }

            #inOnda .onAir li .img .Canale {
                display: block;
                bottom: 0px;
                left: 0px;
                position: absolute;
                z-index: 1000;
                width: 76px;
                height: 25px;
                padding: 0px 0px 0px 4px;
                background: url(/dl/rai/images/alpha_black.png) repeat;
            }

                #inOnda .onAir li .img .Canale span {
                    display: block;
                    float: left;
                    width: 76px;
                    height: 24px;
                    overflow: hidden;
                    text-indent: -9000px;
                    padding: 0px 0px 0px 0px;
                }

/* lista canali */
.img .Canale.Rai1 span {
    background: url(/dl/rai/images/canali/rai1.png) no-repeat;
}

.img .Canale.Rai2 span {
    background: url(/dl/rai/images/canali/rai2.png) no-repeat;
}

.img .Canale.Rai3 span {
    background: url(/dl/rai/images/canali/rai3.png) no-repeat;
}

.img .Canale.Rai4 span {
    background: url(/dl/rai/images/canali/rai4.png) no-repeat;
}

.img .Canale.Rai5 span {
    background: url(/dl/rai/images/canali/rai5.png) no-repeat;
}

.img .Canale.RaiMovie span {
    background: url(/dl/rai/images/canali/rai_movie.png) no-repeat;
}

.img .Canale.RaiPremium span {
    background: url(/dl/rai/images/canali/rai_premium.png) no-repeat;
}

.img .Canale.RaiGulp span {
    background: url(/dl/rai/images/canali/rai_gulp.png) no-repeat;
}

.img .Canale.RaiMed span {
    background: url(/dl/rai/images/canali/rai_med.png) no-repeat;
}

.img .Canale.RaiNews span {
    background: url(/dl/rai/images/canali/rai_news.png) no-repeat;
}

.img .Canale.RaiScuola span {
    background: url(/dl/rai/images/canali/rai_scuola.png) no-repeat;
}

.img .Canale.RaiSport1 span {
    background: url(/dl/rai/images/canali/rai_sport1.png) no-repeat;
}

.img .Canale.RaiSport2 span {
    background: url(/dl/rai/images/canali/rai_sport2.png) no-repeat;
}

.img .Canale.RaiStoria span {
    background: url(/dl/rai/images/canali/rai_storia.png) no-repeat;
}

.img .Canale.RaiEuroNews span {
    background: url(/dl/rai/images/canali/rai_euronews.png) no-repeat;
}

.img .Canale.RaiYoyo span {
    background: url(/dl/rai/images/canali/rai_yoyo.png) no-repeat;
}

.img .Canale.YesItalia span {
    background: url(/dl/rai/images/canali/yes_italia.png) no-repeat;
}

.img .Canale.Radio1 span {
    background: url(/dl/rai/images/canali/radio1.png) no-repeat;
}

.img .Canale.Radio2 span {
    background: url(/dl/rai/images/canali/radio2.png) no-repeat;
}

.img .Canale.Radio3 span {
    background: url(/dl/rai/images/canali/radio3.png) no-repeat;
}

.img .Canale.Filodiffusione4 span {
    background: url(/dl/rai/images/canali/radio4.png) no-repeat;
}

.img .Canale.Filodiffusione5 span {
    background: url(/dl/rai/images/canali/radio5.png) no-repeat;
}

.img .Canale.Wr6 span {
    background: url(/dl/rai/images/canali/wradio6.png) no-repeat;
}

.img .Canale.Wr7 span {
    background: url(/dl/rai/images/canali/wradio7.png) no-repeat;
}

.img .Canale.Wr8 span {
    background: url(/dl/rai/images/canali/wradio8.png) no-repeat;
}

.img .Canale.Isoradio span {
    background: url(/dl/rai/images/canali/isoradio.png) no-repeat;
}

.img .Canale.RaitaliaRadio span {
    background: url(/dl/rai/images/canali/radio_italia.png) no-repeat;
}

.img .Canale.GrParlamento span {
    background: url(/dl/rai/images/canali/radio_parlamento.png) no-repeat;
}
/*/lista canali */


#inOnda .onAir li .txt {
    display: block;
    float: left;
    width: 224px;
    height: auto;
    padding: 0px 0px 0px 0px;
}

    #inOnda .onAir li .txt a.tit {
        display: block;
        float: left;
        position: relative;
        width: auto;
        height: auto;
        font-size: 14px;
        line-height: 18px;
        color: #818181;
        font-weight: bold;
        padding: 0px 0px 0px 0px;
    }

        #inOnda .onAir li .txt a.tit span {
            display: block;
            float: left;
            width: 45px;
            height: auto;
            font-size: 14px;
            line-height: 18px;
            color: #818181;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
        }

        #inOnda .onAir li .txt a.tit strong {
            display: block;
            float: left;
            width: 178px;
            height: 54px;
            font-size: 14px;
            line-height: 18px;
            overflow: hidden;
            color: #4b4b4b;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
        }

        #inOnda .onAir li .txt a.tit .descr {
            display: none;
            float: left;
            width: 178px;
            height: auto;
            font-size: 16px;
            color: #4b4b4b;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
        }

        #inOnda .onAir li .txt a.tit:hover {
            display: block;
            float: left;
            top: 0px;
            left: 0px;
            position: absolute;
            z-index: 1000;
            width: 294px;
            height: 66px;
            font-size: 14px;
            color: #818181;
            font-weight: bold;
            overflow: hidden;
            padding: 6px 10px 8px 10px;
            border-radius: 0px 4px 4px 0px;
            background: url(/dl/rai/images/bkg_onair_hover.gif) repeat-x;
        }

            #inOnda .onAir li .txt a.tit:hover span {
                color: #343434;
                line-height: 18px;
                padding: 0px 0px 3px 0px;
            }

            #inOnda .onAir li .txt a.tit:hover strong {
                width: 244px;
                height: 20px;
                overflow: hidden;
                line-height: 18px;
                color: #343434;
                padding: 0px 0px 0px 0px;
            }

            #inOnda .onAir li .txt a.tit:hover .descr {
                display: block;
                float: left;
                width: 294px;
                height: 44px;
                line-height: 11px;
                font-size: 11px;
                color: #fff;
                font-weight: bold;
                overflow: hidden;
            }

    #inOnda .onAir li .txt ol {
        display: block;
        float: right;
        width: 222px !important;
        height: auto;
        padding: 4px 0px 5px 0px !important;
        margin: 1px 0px 0px -10px !important;
        overflow: hidden;
        border-radius: 0px 4px 4px 0px;
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        background: #f5f5f5;
    }

        #inOnda .onAir li .txt ol li {
            display: block;
            float: left;
            width: auto;
            height: auto;
            margin: 0px 0px 0px -1px !important;
            padding: 0px 6px 0px 5px;
            font-size: 11px;
            font-weight: bold;
            border-left: 1px solid #c8c8c8;
        }

            #inOnda .onAir li .txt ol li a {
                color: #777;
                font-size: 11px;
                font-weight: bold;
            }

                #inOnda .onAir li .txt ol li a.live {
                    color: #e9460a;
                    font-size: 11px;
                    font-weight: bold;
                    margin: 0px 0px 0px 6px;
                    text-transform: uppercase;
                }

                #inOnda .onAir li .txt ol li a:hover {
                    color: #999;
                }


#inOnda .paging {
    width: 74px;
}

    #inOnda .paging .Item {
        width: 54px;
    }

    #inOnda .paging span.current {
        background-position: 0px -30px;
    }

    #inOnda .paging a:hover {
        //background-position: 0px -10px;
    }

    #inOnda .paging span.current.next {
        background-position: -8px 0px;
    }

    #inOnda .paging span.current.prev {
        background-position: 2px 0px;
    }

#inOnda .toNight {
    display: block;
    float: left;
    position: relative;
    width: 603px;
    height: auto; /*era 15*/
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 10px 35px;
    background: #ebebeb url(/dl/rai/images/ico_fumetto.gif) 10px 10px no-repeat;
}

    #inOnda .toNight h4 {
        display: block;
        float: left;
        position: relative;
        width: 120px;
        height: auto;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #818181;
        margin: 0px 10px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    #inOnda .toNight .Prog {
        display: block;
        float: left;
        width: 390px;
        height: 15px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #818181;
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
    }

    #inOnda .toNight .btnPrev {
        display: block;
        position: absolute;
        width: 10px;
        height: 15px;
        top: 10px;
        left: 165px;
        margin: 0px 10px 0px 0px;
        background: url(/dl/rai/images/arrow_paging.gif) 2px 3px no-repeat;
    }

    #inOnda .toNight .btnNext {
        display: block;
        position: absolute;
        width: 10px;
        height: 15px;
        top: 10px;
        right: 10px;
        margin: 0px 0px 0px 10px;
        background: url(/dl/rai/images/arrow_paging.gif) -8px 3px no-repeat;
    }

    #inOnda .toNight .Prog .inOnda {
        display: block;
        float: left;
        width: 380px;
        height: 15px;
        margin: 0px 0px 0px 0px;
        color: #4b4b4b;
        text-transform: none;
    }

        #inOnda .toNight .Prog .inOnda span {
            color: #888;
            margin: 0px 10px 0px 0px;
        }

        #inOnda .toNight .Prog .inOnda .Canale {
            display: block;
            float: left;
            width: 60px;
            height: 15px;
            margin: 0px 0px 0px 0px;
            background: url(/dl/rai/images/canali_onair.gif) no-repeat;
        }

            #inOnda .toNight .Prog .inOnda .Canale span {
                display: none;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai1 {
                background-position: 0px 0px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai2 {
                background-position: 0px -15px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai3 {
                background-position: 0px -30px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai4 {
                background-position: 0px -45px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai5 {
                background-position: 0px -60px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiEuroNews {
                background-position: 0px -75px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiMed {
                background-position: 0px -90px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiMovie {
                background-position: 0px -105px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiNews {
                background-position: 0px -120px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiPremium {
                background-position: 0px -135px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiStoria {
                background-position: 0px -150px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiSport1 {
                background-position: 0px -165px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiSport2 {
                background-position: 0px -180px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiScuola {
                background-position: 0px -195px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiSport1 {
                background-position: 0px -165px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiGulp {
                background-position: 0px -210px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiYoyo {
                background-position: 0px -226px;
            }



/* in onda mosaicato! */

#inOnda .onAir.mosaico {
    display: block;
    float: left;
    width: 670px;
    height: auto;
    padding: 0px 0px 8px 1px;
}

    #inOnda .onAir.mosaico li {
        display: block;
        float: left;
        position: relative;
        width: 114px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 19px 20px 0px;
    }


        #inOnda .onAir.mosaico li .img {
            width: 114px;
            height: 114px;
        }

            #inOnda .onAir.mosaico li .img img {
                width: 114px;
                height: 114px;
            }

            #inOnda .onAir.mosaico li .img .Canale {
                width: 110px;
            }

                #inOnda .onAir.mosaico li .img .Canale span {
                    width: 110px;
                }


        #inOnda .onAir.mosaico li .txt {
            display: block;
            float: left;
            width: 114px;
            height: 60px;
            overflow: hidden;
            margin: 2px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            #inOnda .onAir.mosaico li .txt a.tit {
                display: inline;
                float: left;
                width: auto;
                height: auto;
                font-size: 11px;
                line-height: 14px;
                color: #818181;
                font-weight: bold;
                padding: 0px 4px 0px 0px;
            }

                #inOnda .onAir.mosaico li .txt a.tit span {
                    display: inline;
                    float: left;
                    width: auto;
                    height: auto;
                    font-size: 11px;
                    line-height: 14px;
                    color: #818181;
                    font-weight: bold;
                    padding: 0px 4px 0px 0px;
                }

                #inOnda .onAir.mosaico li .txt a.tit strong {
                    display: inline;
                    float: none;
                    width: auto;
                    height: auto;
                    font-size: 11px;
                    line-height: 14px;
                    color: #4b4b4b;
                    font-weight: bold;
                    padding: 0px 0px 0px 0px;
                    margin: 0px;
                    overflow: hidden;
                }

                #inOnda .onAir.mosaico li .txt a.tit .descr {
                    display: none;
                }


            #inOnda .onAir.mosaico li .txt ol {
                display: block;
                float: left;
                position: absolute;
                bottom: 0px;
                left: 0px;
                margin: 0px !important;
                padding: 1px 0px 1px 0px !important;
                width: 112px !important;
                border: 1px solid #eee;
                border-radius: 2px;
                background: #f5f5f5;
            }

                #inOnda .onAir.mosaico li .txt ol li {
                    padding: 0px 5px 0px 4px !important;
                }

                    #inOnda .onAir.mosaico li .txt ol li a {
                        font-size: 10px;
                        margin: 0px;
                        font-weight: normal;
                        letter-spacing: -1px;
                    }

                        #inOnda .onAir.mosaico li .txt ol li a.live {
                            font-size: 10px;
                        }


            #inOnda .onAir.mosaico li .txt a.tit:hover {
                display: block;
                position: static;
                width: auto;
                height: auto;
                font-size: 11px;
                background: transparent;
                padding: 0px;
                margin: 0px;
            }

                #inOnda .onAir.mosaico li .txt a.tit:hover span {
                    display: inline;
                    padding: 0px 4px 0px 0px;
                    margin: 0px;
                    color: #343434;
                }

                #inOnda .onAir.mosaico li .txt a.tit:hover strong {
                    display: inline;
                    padding: 0px 0px 0px 0px;
                    margin: 0px;
                    color: #343434;
                }

            #inOnda .onAir.mosaico li .txt a.tit:hover {
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                padding: 5px 5px 5px 5px;
                margin: 0px 0px 0px 0px;
                width: 104px;
                height: 140px;
                overflow: hidden;
                border-radius: 0px 0px 4px 4px;
                background: #e9470a url(/dl/rai/images/bkg_onair_hover.gif) repeat-x;
            }

                #inOnda .onAir.mosaico li .txt a.tit:hover span {
                    display: block;
                    float: left;
                    width: 104px;
                    margin: 0px;
                    font-size: 10px;
                    color: #fbe0d6;
                }

                #inOnda .onAir.mosaico li .txt a.tit:hover strong {
                    display: block;
                    float: left;
                    width: 104px;
                    margin: 0px;
                    font-size: 12px;
                    color: #343434;
                }

                #inOnda .onAir.mosaico li .txt a.tit:hover .descr {
                    display: block;
                    float: left;
                    width: 104px;
                    font-size: 11px;
                    margin: 5px 0px 0px 0px;
                }




#inOnda .onAir li .txt ol {
    display: block;
    float: left;
    width: 224px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

    #inOnda .onAir li .txt ol li {
        display: block;
        float: left;
        width: auto;
        height: auto;
        margin: 8px 0px 0px -1px;
        padding: 0px 6px 0px 5px;
        font-size: 11px;
        font-weight: bold;
        border-left: 1px solid #c8c8c8;
    }

        #inOnda .onAir li .txt ol li a {
            color: #777;
            font-size: 11px;
            font-weight: bold;
        }

            #inOnda .onAir li .txt ol li a.live {
                color: #e9460a;
                font-size: 11px;
                font-weight: bold;
                text-transform: uppercase;
            }

            #inOnda .onAir li .txt ol li a:hover {
                color: #999;
            }

/* #### SPaLLA #### */

.Spalla .boxVideo {
    display: block;
    float: left;
    position: relative;
    width: 288px;
    height: auto;
    margin: 0px 0px 20px 0px;
    padding: 6px 6px 6px 6px;
    background: #282828;
}

    .Spalla .boxVideo .box {
        display: block;
        float: left;
        width: 272px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        .Spalla .boxVideo .box .titolo {
            display: block;
            float: left;
            position: relative;
            width: 272px;
            height: 32px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/rai/images/bkg_tops.gif) 0px 0px no-repeat;
        }

            .Spalla .boxVideo .box .titolo.small {
                display: block;
                text-align: left;
                width: 272px;
                height: 23px;
                padding: 0px 0px 0px 16px;
                margin: 0px 0px 6px 0px;
                background: url(/dl/rai/images/bkg_tops.gif) 0px -207px no-repeat;
            }


    .Spalla .boxVideo .miniLink {
        top: 0px;
        right: 0px;
    }

    .Spalla .boxVideo .box .titolo h3 {
        display: block;
        float: left;
        width: 272px;
        font-size: 22px;
        line-height: 17px;
        color: #fff;
        margin: 0px 0px 3px 0px;
        padding: 0px 0px 0px 0px;
    }

        .Spalla .boxVideo .box .titolo h3 a {
            color: #fff;
        }

            .Spalla .boxVideo .box .titolo h3 a:hover {
                color: #d7d7d7;
            }

    .Spalla .boxVideo .box .titolo h4 {
        display: block;
        float: left;
        width: 272px;
        font-size: 11px;
        color: #d7d7d7;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .Spalla .boxVideo .box .mid {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        padding: 12px 0px 6px 0px;
        margin: 2px 0px 0px 0px;
        border-top: 1px solid #3d3d3d;
    }

hr.sep {
    display: block;
    float: left;
    width: 300px;
    height: 2px;
    border: 0px;
    margin: 10px 0px 10px -6px;
    background: #767676;
}

/*-*/

/*dirette*/

.Spalla .boxVideo .box.Dirette .titolo {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -32px no-repeat;
}

.Spalla .boxVideo .box.Dirette .mid {
    padding: 12px 0px 10px 0px;
}

    .Spalla .boxVideo .box.Dirette .mid ul {
        display: block;
        float: left;
        width: 268px;
        height: 36px;
        padding: 0px 10px 0px 10px;
        margin: 1px 0px 1px 0px;
    }

        .Spalla .boxVideo .box.Dirette .mid ul.light {
            background: #323232;
        }

        .Spalla .boxVideo .box.Dirette .mid ul.dark {
            background: transparent;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li {
            display: block;
            float: left;
            width: 67px;
            height: 36px;
            margin: 0px 0px 0px 0px;
        }

        .Spalla .boxVideo .box.Dirette .mid ul.radio li {
            width: 89px;
        }


        .Spalla .boxVideo .box.Dirette .mid ul li a {
            display: block;
            float: left;
            width: 67px;
            height: 36px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -9000px;
        }

        .Spalla .boxVideo .box.Dirette .mid ul.radio li a {
            width: 89px;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a:hover {
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai1, .Spalla .boxVideo .box.Dirette .mid ul li a.RaiUno {
            background: url(/dl/rai/images/canali/rai1.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai2, .Spalla .boxVideo .box.Dirette .mid ul li a.RaiDue {
            background: url(/dl/rai/images/canali/rai2.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai3, .Spalla .boxVideo .box.Dirette .mid ul li a.RaiTre {
            background: url(/dl/rai/images/canali/rai3.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai4 {
            background: url(/dl/rai/images/canali/rai4.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai5 {
            background: url(/dl/rai/images/canali/rai5.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiNews {
            background: url(/dl/rai/images/canali/rai_news.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiGulp {
            background: url(/dl/rai/images/canali/rai_gulp.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiSport1 {
            background: url(/dl/rai/images/canali/rai_sport1.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiSport2 {
            background: url(/dl/rai/images/canali/rai_sport2.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiStoria {
            background: url(/dl/rai/images/canali/rai_storia.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiPremium {
            background: url(/dl/rai/images/canali/rai_premium.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiScuola {
            background: url(/dl/rai/images/canali/rai_scuola.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiYoyo, .Spalla .boxVideo .box.Dirette .mid ul li a.RaiYoYo {
            background: url(/dl/rai/images/canali/rai_yoyo.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiMovie {
            background: url(/dl/rai/images/canali/rai_movie.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiMed {
            background: url(/dl/rai/images/canali/rai_med.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.EuroNews {
            background: url(/dl/rai/images/canali/rai_euronews.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiScuola {
            background: url(/dl/rai/images/canali/rai_scuola.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.YesItalia {
            background: url(/dl/rai/images/canali/yes_italia.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio1, .Spalla .boxVideo .box.Dirette .mid ul li a.Radio1live {
            background: url(/dl/rai/images/canali/radio1.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio2, .Spalla .boxVideo .box.Dirette .mid ul li a.Radio2live {
            background: url(/dl/rai/images/canali/radio2.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio3, .Spalla .boxVideo .box.Dirette .mid ul li a.Radio3live {
            background: url(/dl/rai/images/canali/radio3.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio4, .Spalla .boxVideo .box.Dirette .mid ul li a.Filodiffusione4 {
            background: url(/dl/rai/images/canali/radio4.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio5, .Spalla .boxVideo .box.Dirette .mid ul li a.Filodiffusione5 {
            background: url(/dl/rai/images/canali/radio5.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Isoradio {
            background: url(/dl/rai/images/canali/isoradio.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.GrParlamento, .Spalla .boxVideo .box.Dirette .mid ul li a.GrParlamento {
            background: url(/dl/rai/images/canali/radio_parlamento.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio, .Spalla .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio {
            background: url(/dl/rai/images/canali/radio_italia.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Wr6 {
            background: url(/dl/rai/images/canali/wradio6.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Wr7 {
            background: url(/dl/rai/images/canali/wradio7.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Wr8 {
            background: url(/dl/rai/images/canali/wradio8.png) 0px 6px no-repeat;
        }
        /*hov*/

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai1:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.RaiUno:hover {
            background: url(/dl/rai/images/canali/color/rai1.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai2:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.RaiDue:hover {
            background: url(/dl/rai/images/canali/color/rai2.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai3:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.RaiTre:hover {
            background: url(/dl/rai/images/canali/color/rai3.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai4:hover {
            background: url(/dl/rai/images/canali/color/rai4.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Rai5:hover {
            background: url(/dl/rai/images/canali/color/rai5.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiNews:hover {
            background: url(/dl/rai/images/canali/color/rai_news.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiGulp:hover {
            background: url(/dl/rai/images/canali/color/rai_gulp.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiSport1:hover {
            background: url(/dl/rai/images/canali/color/rai_sport1.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiSport2:hover {
            background: url(/dl/rai/images/canali/color/rai_sport2.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiStoria:hover {
            background: url(/dl/rai/images/canali/color/rai_storia.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiPremium:hover {
            background: url(/dl/rai/images/canali/color/rai_premium.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiScuola:hover {
            background: url(/dl/rai/images/canali/color/rai_scuola.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiYoyo:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.RaiYoYo:hover {
            background: url(/dl/rai/images/canali/color/rai_yoyo.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiMovie:hover {
            background: url(/dl/rai/images/canali/color/rai_movie.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiMed:hover {
            background: url(/dl/rai/images/canali/color/rai_med.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.EuroNews:hover {
            background: url(/dl/rai/images/canali/color/rai_euronews.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaiScuola:hover {
            background: url(/dl/rai/images/canali/color/rai_scuola.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.YesItalia:hover {
            background: url(/dl/rai/images/canali/color/yes_italia.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio1:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.Radio1live:hover {
            background: url(/dl/rai/images/canali/color/radio1.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio2:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.Radio2live:hover {
            background: url(/dl/rai/images/canali/color/radio2.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio3:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.Radio3live:hover {
            background: url(/dl/rai/images/canali/color/radio3.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio4:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.Filodiffusione4:hover {
            background: url(/dl/rai/images/canali/color/radio4.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Radio5:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.Filodiffusione5:hover {
            background: url(/dl/rai/images/canali/color/radio5.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Isoradio:hover {
            background: url(/dl/rai/images/canali/color/isoradio.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.GrParlamento:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.GrParlamento:hover {
            background: url(/dl/rai/images/canali/color/radio_parlamento.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio:hover, .Spalla .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio:hover {
            background: url(/dl/rai/images/canali/color/radio_italia.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Wr6:hover {
            background: url(/dl/rai/images/canali/color/wradio6.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Wr7:hover {
            background: url(/dl/rai/images/canali/color/wradio7.png) 0px 6px no-repeat;
        }

        .Spalla .boxVideo .box.Dirette .mid ul li a.Wr8:hover {
            background: url(/dl/rai/images/canali/color/wradio8.png) 0px 6px no-repeat;
        }

/*podcast*/

.Spalla .boxVideo .box.podcastSpalla .titolo {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

.Spalla .boxVideo .box.podcastSpalla .mid {
    padding: 0px 0px 0px 0px;
    border: 0px;
}

.Spalla .boxVideo .box.podcastSpalla .miniMenu {
    margin: 4px 0px 10px 0px;
}

/*replay*/

.Spalla .boxVideo .box.Replay .titolo {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

.Spalla .boxVideo .box.Replay .mid strong {
    display: block;
    float: left;
    width: 88px;
    height: 16px;
    color: #d0d0d0;
    margin: 0px 0px 10px 0px;
    padding: 3px 0px 0px 0px;
}

.Spalla .boxVideo .box.Replay .mid ul {
    display: block;
    float: left;
    width: auto;
    margin: 0px 0px 10px 0px;
}

    .Spalla .boxVideo .box.Replay .mid ul li {
        display: block;
        float: left;
        height: 30px;
        width: auto;
        margin: 0px 6px;
    }

        .Spalla .boxVideo .box.Replay .mid ul li a {
            display: block;
            float: left;
            height: 30px;
            width: 59px;
            background: url(/dl/rai/images/btn_replay_large.png) no-repeat;
            overflow: hidden;
            text-indent: -9000px;
        }

            .Spalla .boxVideo .box.Replay .mid ul li a.Rai1 {
                background-position: 0px -8px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.Rai2 {
                background-position: -150px -8px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.Rai3 {
                background-position: -300px -8px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.Rai5 {
                background-position: -450px -8px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.RaiPremium {
                width: 110px;
                background-position: -600px -8px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.RaiGulp {
                width: 75px;
                background-position: -750px -8px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.RaiYoyo {
                width: 72px;
                background-position: -900px -8px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.Rai1:hover, .Spalla .boxVideo .box.Replay .mid ul li.selected a.Rai1 {
                background-position: 0px -58px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.Rai2:hover, .Spalla .boxVideo .box.Replay .mid ul li.selected a.Rai2 {
                background-position: -150px -58px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.Rai3:hover, .Spalla .boxVideo .box.Replay .mid ul li.selected a.Rai3 {
                background-position: -300px -58px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.Rai5:hover, .Spalla .boxVideo .box.Replay .mid ul li.selected a.Rai5 {
                background-position: -450px -58px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.RaiPremium:hover, .Spalla .boxVideo .box.Replay .mid ul li.selected a.RaiPremium {
                background-position: -600px -58px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.RaiGulp:hover, .Spalla .boxVideo .box.Replay .mid ul li.selected a.RaiGulp {
                background-position: -750px -58px;
            }

            .Spalla .boxVideo .box.Replay .mid ul li a.RaiYoyo:hover, .Spalla .boxVideo .box.Replay .mid ul li.selected a.RaiYoyo {
                background-position: -900px -58px;
            }


.Spalla .boxVideo .box.Replay .mid .calendario {
    display: block;
    float: right;
    position: relative;
    width: 175px;
    height: 24px;
    margin: 0 0 0 9px;
    padding: 0px 0px 0px 0px;
    background: #fff;
}

.Spalla .boxVideo .box.Replay .mid .giorno {
    display: block;
    float: left;
    text-align: left;
    width: 175px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #6f6f6f url(/dl/rai/images/arrow_dwn.png) 160px center no-repeat;
    overflow: hidden;
}

    .Spalla .boxVideo .box.Replay .mid .giorno:hover {
        display: block;
        position: absolute;
        z-index: 999;
        top: 0px;
        left: 0px;
        width: 175px;
        height: 174px;
        padding: 0px 0px 0px 0px;
        border-radius: 0px 0px 4px 4px;
        color: #4283cb;
        background: #6f6f6f;
    }

    .Spalla .boxVideo .box.Replay .mid .giorno li {
        display: none;
        float: left;
        text-align: center;
        width: 165px;
        height: 19px;
        padding: 5px 0px 0px 14px;
        margin: 0px;
        font-weight: bold;
        color: #fff;
        border-bottom: 1px solid #eee;
    }

        .Spalla .boxVideo .box.Replay .mid .giorno li.selected {
            display: block;
        }

    .Spalla .boxVideo .box.Replay .mid .giorno:hover li {
        display: block;
        float: left;
        text-align: center;
        width: 165px;
        height: 19px;
        padding: 5px 0px 0px 14px;
        margin: 0px;
        font-weight: bold;
        color: #4b4b4b;
        border-bottom: 1px solid #eee;
    }

    .Spalla .boxVideo .box.Replay .mid .giorno li:hover {
        width: 165px;
        padding: 5px 0px 0px 14px;
        color: #4b4b4b;
        background: url(/dl/rai/images/arrow_paging.gif) -6px 7px no-repeat;
    }

    .Spalla .boxVideo .box.Replay .mid .giorno li a {
        width: 159px;
        background: none;
        text-align: left;
        padding: 0px 0px 0px 0px;
        text-indent: 0px;
        font-weight: bold;
        color: #fff;
    }

        .Spalla .boxVideo .box.Replay .mid .giorno li a span {
            display: block;
            float: left;
            width: 60px;
            color: #fff;
        }

.Spalla .boxVideo .box.Replay .mid .btnCal {
    display: none;
    float: left;
    width: 32px;
    height: 24px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    text-indent: -9000px;
    background: url(/dl/rai/images/btn_cal.gif) no-repeat;
}

.Spalla .boxVideo .box.Replay .mid .btnSub {
    display: block;
    float: right;
    width: auto;
    height: 19px;
    padding: 5px 10px 0px 10px;
    margin: 10px 0px 0px 9px;
    font-size: 11px;
    font-weight: bold;
    color: #3d3d3d;
    text-shadow: 0px 1px 1px #eee;
    text-transform: uppercase;
    background: url(/dl/rai/images/btn_gradient.gif) repeat-x;
}

.Replay .scroller {
    width: 288px;
    position: relative;
    height: 48px;
    float: left;
    margin-bottom: 7px;
    padding-bottom: 8px;
    border-bottom: 1px solid #3e3e3e;
}

    .Replay .scroller button {
        position: absolute;
        width: 20px;
        height: 20px;
        border: 0px;
        padding: 0px;
        margin: 0px;
        cursor: pointer;
        background: transparent url(/dl/rai/images/btn_arrows_replaytv.png) 0px -20px scroll no-repeat;
    }

        .Replay .scroller button.arrLeft {
            left: 0px;
            top: 14px;
            background-position: 0px -20px;
        }

            .Replay .scroller button.arrLeft:hover {
                background-position: 0px 0px;
            }

            .Replay .scroller button.arrLeft.disabled,
            .Replay .scroller button.arrLeft.disabled:hover {
                background-position: 0px -40px;
            }

        .Replay .scroller button.arrRight {
            right: 0px;
            top: 14px;
            background-position: -20px -20px;
        }

            .Replay .scroller button.arrRight:hover {
                background-position: -20px 0px;
            }

            .Replay .scroller button.arrRight.disabled,
            .Replay .scroller button.arrRight.disabled:hover {
                background-position: -20px -40px;
            }

    .Replay .scroller .scroll-content {
        position: absolute;
        top: 0px;
        left: 23px;
        width: 242px;
        height: 32px;
        padding: 8px 0px 8px 0px;
        overflow: hidden;
        background: #3e3e3e;
    }

        .Replay .scroller .scroll-content ul.replayChan {
            width: 1050px;
        }

/*videogiorno*/

.Spalla .boxVideo .box.videoGiorno .titolo {
    height: 40px;
    background: url(/dl/rai/images/bkg_tops.gif) 0px -253px no-repeat;
}

.Spalla .boxVideo .box.videoGiorno .miniLink {
    top: 33px;
    right: 0px;
}

.Spalla .boxVideo .box.videoGiorno h6 {
    display: block;
    float: left;
    text-align: left;
    width: 272px;
    height: auto;
    color: #fff;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: -4px 0px 10px 0px;
}

.Spalla .boxVideo .listaVideo {
    display: block;
    float: left;
    width: 268px;
    height: 465px;
    padding: 0px 10px 20px 10px;
    overflow: hidden;
}

    .Spalla .boxVideo .listaVideo ul {
        display: block;
        float: left;
        width: 292px;
        height: auto;
        margin: 0px 0px 0px -24px;
    }

        .Spalla .boxVideo .listaVideo ul li {
            display: block;
            float: left;
            position: relative;
            width: 122px;
            height: 134px;
            margin: 0px 0px 30px 24px;
        }

            .Spalla .boxVideo .listaVideo ul li a.screenShot {
                display: block;
                position: relative;
                width: 122px;
                height: 69px;
            }


                .Spalla .boxVideo .listaVideo ul li a.screenShot img {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 122px;
                    height: 69px;
                }

                .Spalla .boxVideo .listaVideo ul li a.screenShot .mask {
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 28px;
                    height: 19px;
                    background: url(/dl/rai/images/mask_video.png) no-repeat;
                }

                    .Spalla .boxVideo .listaVideo ul li a.screenShot .mask.video {
                        background-position: 0px 0px;
                    }

                    .Spalla .boxVideo .listaVideo ul li a.screenShot .mask.audio {
                        background-position: -38px 0px;
                    }

                    .Spalla .boxVideo .listaVideo ul li a.screenShot .mask.foto {
                        background-position: -76px 0px;
                    }

                    .Spalla .boxVideo .listaVideo ul li a.screenShot .mask.podcast {
                        background-position: -114px 0px;
                    }


            .Spalla .boxVideo .listaVideo ul li .Desc {
                display: block;
                float: left;
                width: 122px;
                height: auto;
                margin: 0px 0px 0px 0px;
                padding: 3px 0px 0px 0px;
            }

                .Spalla .boxVideo .listaVideo ul li .Desc .Info {
                    display: block;
                    float: left;
                    width: 120px;
                    height: auto;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 1px 0px 1px;
                }

                    .Spalla .boxVideo .listaVideo ul li .Desc .Info h2 {
                        display: block;
                        float: left;
                        width: 120px;
                        height: auto;
                        max-height: 31px;
                        overflow: hidden;
                        font-size: 12px;
                        font-weight: bold;
                        color: #fff;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                    }

                    .Spalla .boxVideo .listaVideo ul li .Desc .Info h5 {
                        display: block;
                        float: left;
                        width: 120px;
                        height: auto;
                        max-height: 14px;
                        font-size: 11px;
                        font-weight: normal;
                        color: #bbb;
                        overflow: hidden;
                        padding: 2px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                    }

                        .Spalla .boxVideo .listaVideo ul li .Desc .Info h5 span {
                            display: none;
                        }

                    .Spalla .boxVideo .listaVideo ul li .Desc .Info p {
                        display: none;
                    }

                    .Spalla .boxVideo .listaVideo ul li .Desc .Info p {
                        display: block;
                    }


            .Spalla .boxVideo .listaVideo ul li ol {
                display: block;
                float: left;
                width: 120px;
                height: auto;
                padding: 0px;
                margin: 0px;
            }

                .Spalla .boxVideo .listaVideo ul li ol li {
                    display: block;
                    float: left;
                    width: 120px;
                    height: auto;
                    font-size: 11px;
                    padding: 2px 0px 0px 0px;
                    margin: 0px;
                    color: #eee;
                }

                    .Spalla .boxVideo .listaVideo ul li ol li.Durata span {
                        display: none;
                    }

            /*hover*/

            .Spalla .boxVideo .listaVideo ul li .Desc .Info:hover {
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 116px;
                height: 131px;
                overflow: hidden;
                border: 1px solid #333;
                padding: 1px 2px 0px 2px;
                color: #4283cb;
                background-color: rgba(30, 30, 30, 0.95);
            }

                .Spalla .boxVideo .listaVideo ul li .Desc .Info:hover h2 {
                    width: 116px;
                    color: #4283cb;
                }

                .Spalla .boxVideo .listaVideo ul li .Desc .Info:hover h5 {
                    width: 116px;
                    height: auto;
                }

                .Spalla .boxVideo .listaVideo ul li .Desc .Info:hover p {
                    display: block;
                    float: left;
                    width: 116px;
                    height: auto;
                    font-size: 11px;
                    font-weight: normal;
                    color: #ddd;
                    padding: 5px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                }


            .Spalla .boxVideo .listaVideo ul li .Desc:hover ol {
                display: none;
            }


.Spalla .boxVideo .paging {
    width: 110px;
}

    .Spalla .boxVideo .paging .Item {
        width: 90px;
    }



.Spalla .boxVideo .miniMenu {
    display: block;
    float: left;
    width: 268px;
    height: auto;
    padding: 6px 10px 6px 10px;
    margin: 15px 0px 0px 0px;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    background: #3b3b3b;
}

    .Spalla .boxVideo .miniMenu span {
        display: block;
        float: left;
        width: auto;
        height: 15px;
        font-size: 11px;
        color: #999;
        padding: 1px 0px 0px 0px;
        margin: 0px 5px 0px 0px;
    }

    .Spalla .boxVideo .miniMenu ul {
        display: block;
        float: left;
        width: auto;
        height: auto;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        .Spalla .boxVideo .miniMenu ul li {
            display: block;
            float: left;
            width: auto;
            height: 16px;
            padding: 0px 6px 0px 6px;
            margin: 0px 0px 0px -1px;
            border-left: 1px solid #555;
            font-size: 14px;
            font-weight: bold;
        }

            .Spalla .boxVideo .miniMenu ul li a {
                color: #ddd;
            }

                .Spalla .boxVideo .miniMenu ul li a:hover {
                    color: #fff;
                }

/*## filtri ricerca ##*/

.Spalla .boxVideo .filtriRicerca {
    display: block;
    float: left;
    position: relative;
    width: 288px;
    margin: 15px 0px 0px 0px;
}

    .Spalla .boxVideo .filtriRicerca .boxSearch input {
        display: block;
        float: left;
        width: 213px;
        height: 22px;
        border: 0px;
        color: #666;
        font-size: 12px;
        padding: 0px 5px 2px 5px;
        margin: 0px 0px 0px 0px;
        background: #ebebeb;
    }

        .Spalla .boxVideo .filtriRicerca .boxSearch input:focus {
            background: #fff;
        }

        .Spalla .boxVideo .filtriRicerca .boxSearch input.submit {
            display: block;
            float: right;
            width: 65px;
            height: 24px;
            border: 0px;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            text-shadow: 0px 1px 1px #eee;
            color: #3e3e3e;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 4px 0px;
            background: #b2b2b2 url(/dl/rai/images/bkg_btn_search.gif) repeat-x;
        }


    .Spalla .boxVideo .filtriRicerca ul {
        display: block;
        float: left;
        position: absolute;
        top: 24px;
        left: 0px;
        z-index: 1000;
        width: 276px;
        height: auto;
        border: 0px;
        color: #666;
        overflow: hidden;
        font-size: 12px;
        padding: 0px 5px 0px 5px;
        margin: 0px 0px 0px 0px;
        border: 1px solid #ccc;
        border-radius: 0px 0px 2px 2px;
        background: #fff;
    }

        .Spalla .boxVideo .filtriRicerca ul li {
            display: block;
            float: left;
            width: 276px;
            height: auto;
            border: 0px;
            color: #666;
            font-size: 12px;
            padding: 5px 0px 5px 0px;
            margin: -1px 0px 0px 0px;
            border-top: 1px solid #eee;
        }

            .Spalla .boxVideo .filtriRicerca ul li a {
                display: block;
                float: left;
                width: 276px;
                height: auto;
                border: 0px;
                color: #666;
                font-size: 11px;
                font-weight: bold;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

            .Spalla .boxVideo .filtriRicerca ul li ol {
                display: none;
            }
/*## box Spalla ##*/


.Spalla .boxSpalla {
    display: block;
    float: left;
    position: relative;
    width: 288px;
    height: auto;
    margin: 0px 0px 20px 0px;
    padding: 6px 6px 6px 6px;
    background: #fff;
}

    .Spalla .boxSpalla .top {
        display: block;
        float: left;
        position: relative;
        width: 272px;
        height: 32px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/rai/images/bkg_tops.gif) 0px 0px no-repeat;
    }

    .Spalla .boxSpalla .miniLink {
        top: 0px;
        right: 0px;
    }

    .Spalla .boxSpalla .top h3 {
        display: block;
        float: left;
        width: 272px;
        font-size: 22px;
        line-height: 17px;
        color: #414141;
        margin: 0px 0px 3px 0px;
        padding: 0px 0px 0px 0px;
    }

    .Spalla .boxSpalla .top h4 {
        display: block;
        float: left;
        width: 272px;
        font-size: 11px;
        color: #818181;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .Spalla .boxSpalla .mid {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 2px 0px 0px 0px;
        border-top: 1px solid #e7e7e7;
    }

    /*nero*/
    .Spalla .boxSpalla.Nero {
        background: #282828;
    }

        .Spalla .boxSpalla.Nero .top h3 {
            color: #fff;
        }

        .Spalla .boxSpalla.Nero .top h4 {
            letter-spacing: -0.5px;
            color: #d7d7d7;
        }

        .Spalla .boxSpalla.Nero .mid {
            border-top: 1px solid #3d3d3d;
        }

    /* elenco */

    .Spalla .boxSpalla .mid ul.Elenco,
    .Spalla .boxSpalla .mid ul.rss-items {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border-top: 1px solid #e7e7e7;
    }

        .Spalla .boxSpalla .mid ul.Elenco li,
        .Spalla .boxSpalla .mid ul.rss-items li {
            display: block;
            float: left;
            width: 288px;
            height: auto;
            border-top: 1px solid #e7e7e7;
            padding: 8px 0px 9px 0px;
            margin: -1px 0px 0px 0px;
        }

            .Spalla .boxSpalla .mid ul.Elenco li br {
                display: none;
            }

            .Spalla .boxSpalla .mid ul.Elenco li span,
            .Spalla .boxSpalla .mid ul.rss-items li span {
                display: block;
                width: 288px;
                height: auto;
                color: #808080;
                font-weight: bold;
                font-size: 11px;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 3px 0px;
            }

            .Spalla .boxSpalla .mid ul.Elenco li a,
            .Spalla .boxSpalla .mid ul.rss-items li a {
                display: block;
                width: 288px;
                height: auto;
                color: #555;
                font-weight: bold;
                font-size: 12px;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

            .Spalla .boxSpalla .mid ul.rss-items li br {
                display: none;
            }

            .Spalla .boxSpalla .mid ul.Elenco li a em {
                font-style: normal;
                margin: 0px 5px 0px 0px;
                color: #888;
            }

            .Spalla .boxSpalla .mid ul.Elenco li a:hover,
            .Spalla .boxSpalla .mid ul.rss-items li a:hover {
                color: #999;
            }

            .Spalla .boxSpalla .mid ul.Elenco li .img img {
                display: block;
                float: left;
                width: 70px;
                height: 70px;
                padding: 0px 0px 0px 0px;
                margin: 0px 10px 0px 0px;
            }

/* meteo */


.Spalla #Meteo.boxSpalla .top {
    display: block;
    float: left;
    position: relative;
    width: 272px;
    height: 17px;
    padding: 0px 0px 0px 16px;
    margin: 0px 0px 6px 0px;
    background: url(/dl/rai/images/bkg_tops.gif) 0px 0px no-repeat;
}

.Spalla .boxSpalla .Meteo {
    display: block;
    float: left;
    position: relative;
    width: 288px;
    height: auto;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

    .Spalla .boxSpalla .Meteo h3 {
        display: block;
        float: left;
        position: relative;
        width: 178px;
        height: auto;
        color: #4b4b4b;
        font-size: 14px;
        padding: 2px 0px 3px 0px;
        margin: 0px 0px 0px 0px;
    }

    .Spalla .boxSpalla .Meteo strong.btn {
        display: block;
        float: right;
        position: relative;
        width: 95px;
        height: auto;
        color: #4b4b4b;
        font-weight: bold;
        font-size: 11px;
        text-transform: uppercase;
        padding: 4px 7px 4px 7px;
        margin: 0px 0px 0px 0px;
        background: url(/dl/rai/images/btn_gradient.gif) repeat-x;
    }

        .Spalla .boxSpalla .Meteo strong.btn.tendina span {
            display: block;
            float: left;
            padding: 0px 15px 0px 0px;
            margin: 0px 0px 0px 0px;
            background: url(/dl/rai/images/arrow_dwn.png) 100% 5px no-repeat;
        }

    .Spalla .boxSpalla .Meteo strong ul.elencoCit {
        display: none;
        float: left;
        position: absolute;
        top: 22px;
        right: 0px;
        z-index: 100000;
        width: 280px;
        height: 167px;
        padding: 3px;
        overflow: auto;
        background: #eee;
        border: 1px solid #a3a3a3;
    }

        .Spalla .boxSpalla .Meteo strong ul.elencoCit li {
            display: block;
            float: left;
            width: 130px;
            text-transform: none;
            font-weight: normal;
        }

    .Spalla .boxSpalla .Meteo strong:hover ul.elencoCit {
        display: block;
    }

    .Spalla .boxSpalla .Meteo strong ul.elencoCit li a {
        color: #666;
    }

        .Spalla .boxSpalla .Meteo strong ul.elencoCit li a:hover {
            color: #333;
        }

    .Spalla .boxSpalla .Meteo strong.btn.tendina span {
        display: block;
        float: left;
        padding: 0px 15px 0px 0px;
        margin: 0px 0px 0px 0px;
        background: url(/dl/rai/images/arrow_up.png) 100% 5px no-repeat;
    }

    .Spalla .boxSpalla .Meteo li strong.btn {
        background: transparent;
        color: #808080;
        display: block;
        float: left;
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
        height: auto;
        margin: 0;
        padding: 0px 0px 0px 0px;
        position: relative;
        width: 278px;
        cursor: pointer;
    }

    .Spalla .boxSpalla .Meteo strong ul.elencoReg {
        display: none;
        float: left;
        position: absolute;
        bottom: 15px;
        right: 0px;
        z-index: 100000;
        width: 280px;
        padding: 7px 3px 7px 3px;
        background: #eee;
        border: 1px solid #a3a3a3;
        z-index: 1000;
        list-style: none;
    }

        .Spalla .boxSpalla .Meteo strong ul.elencoReg li {
            display: block;
            float: left;
            width: 120px;
            font-size: 11px;
            text-transform: none;
            font-weight: normal;
            background: none;
            padding: 0px 0px 0px 20px;
            margin: 0px;
        }

    .Spalla .boxSpalla .Meteo strong:hover ul.elencoReg {
        display: block;
        list-style: none;
    }

    .Spalla .boxSpalla .Meteo strong ul.elencoReg li a {
        color: #666;
    }

        .Spalla .boxSpalla .Meteo strong ul.elencoReg li a:hover {
            color: #333;
        }


.Meteo .boxWeather {
    display: block;
    float: left;
    width: 124px;
    border-left: 1px solid #d0d0d0;
    padding: 0px 10px 0px 10px;
    margin: 15px 0px 10px -1px;
}

    .Meteo .boxWeather .icoMeteo {
        display: block;
        float: right;
        width: 75px;
        height: 65px;
        margin: 0px 0px 0px 0px;
    }

    .Meteo .boxWeather .Day {
        display: block;
        float: left;
        width: 49px;
        height: auto;
        /*
font-size: 16px;
font-weight: bold;
*/
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        /**/
        color: #808080;
        padding: 12px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        .Meteo .boxWeather .Day em {
            display: block;
            float: left;
            width: 49px;
            font-size: 11px;
            font-weight: bold;
            font-style: normal;
            margin: 0px 0px 0px 0px;
        }

.Meteo .bar {
    display: block;
    float: left;
    width: 278px;
    height: auto;
    font-size: 11px;
    font-weight: bold;
    color: #808080;
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 8px 0px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background: #e0e0e0;
}


    .Meteo .bar span {
        display: block;
        float: left;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #4b4b4b;
        font-weight: normal;
    }

    .Meteo .bar a {
        display: block;
        float: right;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        padding: 0px 9px 0px 10px;
        color: #4b4b4b;
        font-weight: normal;
        background: url(/dl/rai/images/bkg_arrow.gif) 100% 2px no-repeat;
    }

        .Meteo .bar a:hover {
            color: #777;
        }

.Meteo ul.opzioni {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .Meteo ul.opzioni li {
        display: block;
        float: left;
        width: 278px;
        height: auto;
        font-size: 12px;
        padding: 2px 0px 2px 10px;
        margin: 0px 0px 0px 0px;
        background: url(/dl/rai/images/bullet_grigio.png) 0px 7px no-repeat;
    }

        .Meteo ul.opzioni li a {
            color: #808080;
            font-weight: bold;
        }

            .Meteo ul.opzioni li a:hover {
                color: #999;
            }

/* appppp */

.Spalla .boxSpalla .mid .Apps {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 7px 0px 0px 0px;
}

    .Spalla .boxSpalla .mid .Apps a {
        display: block;
        float: left;
        font-size: 11px;
        margin: 0px 0px 5px 0px;
        color: #7f7f7f;
        text-transform: normal;
        background: url(/dl/rai/images/ico_apps.png) no-repeat;
    }

        .Spalla .boxSpalla .mid .Apps a strong {
            display: block;
            float: left;
            width: 87px !important;
            color: #d7d7d7;
            font-size: 14px;
            font-weight: bold;
            text-transform: normal;
        }

        .Spalla .boxSpalla .mid .Apps a:hover strong {
            color: #fff;
        }

        .Spalla .boxSpalla .mid .Apps a.appMobile {
            width: 90px;
            height: auto;
            margin: 0px 0px 9px 0px;
            padding: 0px 0px 12px 34px;
            background-position: 0px 4px;
        }

            .Spalla .boxSpalla .mid .Apps a.appMobile strong {
                width: 100px;
            }

        .Spalla .boxSpalla .mid .Apps a.appTv {
            width: 87px;
            height: auto;
            margin: 0px 0px 9px 0px;
            padding: 0px 9px 15px 67px;
            border-left: 1px solid #525252;
            background-position: 9px -95px;
        }

            .Spalla .boxSpalla .mid .Apps a.appTv strong {
                width: 86px;
            }

        .Spalla .boxSpalla .mid .Apps a.appDesktop {
            width: 228px;
            height: auto;
            padding: 10px 0px 0px 60px;
            border-top: 1px solid #525252;
            background-position: 0px -202px;
        }

            .Spalla .boxSpalla .mid .Apps a.appDesktop strong {
                width: 228px;
            }

/* box news tg */

.box .mid .newsTg {
    display: block;
    float: left;
    width: 308px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .box .mid .newsTg ul.edizioni,
    .box .mid .newsTg ul.ediz {
        display: block;
        float: left;
        width: 302px;
        height: auto;
        padding: 10px 0px 10px 8px;
        margin: 0px 0px 0px 0px;
        background: url(/dl/rai/images/bkg_ediztg.gif) repeat-x;
    }

        .box .mid .newsTg ul.edizioni li,
        .box .mid .newsTg ul.ediz li {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 11px;
            font-weight: bold;
            color: #fff;
            text-transform: uppercase;
            padding: 0px 6px 0px 5px;
            margin: 0px 0px 0px 0px;
            border-right: 1px solid #79abe5;
        }


            .box .mid .newsTg ul.edizioni li:last-child,
            .box .mid .newsTg ul.ediz li:last-child {
                border-right: 0px solid #79abe5;
            }

            .box .mid .newsTg ul.edizioni li.label,
            .box .mid .newsTg ul.ediz li.label {
                display: block;
                float: left;
                width: 145px;
                height: auto;
                text-transform: uppercase;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                border: 0px;
            }

            .box .mid .newsTg ul.edizioni li a,
            .box .mid .newsTg ul.ediz li a {
                color: #fff;
            }

                .box .mid .newsTg ul.edizioni li a:hover,
                .box .mid .newsTg ul.ediz li a:hover {
                    color: #365b86;
                }


    .box .mid .newsTg ul.notizie,
    .box .mid .newsTg ol {
        display: block;
        float: left;
        width: 308px;
        height: auto;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        .box .mid .newsTg ul.notizie li,
        .box .mid .newsTg ol li {
            display: block;
            float: left;
            width: 298px;
            height: auto;
            font-size: 12px;
            padding: 10px 0px 10px 10px;
            margin: -1px 0px 0px 0px;
            border-top: 1px solid #d0d0d0;
            background: url(/dl/rai/images/bullet_grigio.png) 0px 15px no-repeat;
        }

            .box .mid .newsTg ul.notizie li a,
            .box .mid .newsTg ol li a {
                color: #4b4b4b;
            }

            .box .mid .newsTg ul.notizie li.special,
            .box .mid .newsTg ol li.special {
                display: block;
                float: left;
                width: 308px;
                height: auto;
                font-size: 12px;
                font-weight: bold;
                padding: 10px 0px 10px 0px;
                margin: -1px 0px 0px 0px;
                border-top: 1px solid #d0d0d0;
                background: transparent;
            }

                .box .mid .newsTg ul.notizie li.special .img,
                .box .mid .newsTg ol li.special .img {
                    display: block;
                    float: left;
                    width: 95px;
                    height: 70px;
                    font-size: 12px;
                    padding: 0px 10px 0px 0px;
                    margin: 0px 0px 0px 0px;
                }

                    .box .mid .newsTg ul.notizie li.special .img img,
                    .box .mid .newsTg ol li.special .img img {
                        display: block;
                        float: left;
                        width: 95px;
                        height: 70px;
                    }

            .box .mid .newsTg ul.notizie li a:hover,
            .box .mid .newsTg ol li a:hover {
                color: #999;
            }

/* regionale */

ul.regioni {
    display: block;
    float: left;
    width: 308px;
}

    ul.regioni li.tit {
        display: block;
        float: left;
        width: 308px;
        padding: 5px 0px 5px 0px;
        color: #818181;
    }

    ul.regioni li {
        display: block;
        float: left;
        width: 102px;
        font-size: 11px;
        color: #4b4b4b;
        padding: 4px 0px 4px 0px;
    }

        ul.regioni li a {
            color: #3b7ec6;
        }

            ul.regioni li a:hover {
                color: #999;
            }


/* borsa */

.box .mid .Borsa {
    display: block;
    float: left;
    width: 308px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #d0d0d0;
}

.Spalla #Borsa.boxSpalla .top {
    display: block;
    float: left;
    position: relative;
    width: 272px;
    height: 17px;
    padding: 0px 0px 0px 16px;
    margin: 0px 0px 6px 0px;
    background: url(/dl/rai/images/bkg_tops.gif) 0px 0px no-repeat;
}

.box .mid .Borsa h4,
.box .mid .Borsa h3 {
    display: block;
    float: left;
    width: 308px;
    height: auto;
    font-size: 14px;
    color: #4b4b4b;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 3px 0px;
}

.box .mid .Borsa ul,
.box .mid .Borsa table {
    display: block;
    float: left;
    width: 308px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 3px 0px;
    overflow: hidden;
}

    .box .mid .Borsa ul li,
    .box .mid .Borsa table tr {
        display: block;
        float: left;
        width: 308px;
        height: auto;
        padding: 3px 0px 3px 0px;
        margin: -1px 0px 0px 0px;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
    }

        .box .mid .Borsa ul li:last-child,
        .box .mid .Borsa table td:last-child {
            border-bottom: 0px solid #000;
        }

        .box .mid .Borsa ul li.pos,
        .box .mid .Borsa table tr.pos {
            background: url(/dl/rai/images/ico_borsa.gif) 100% 7px no-repeat;
        }

        .box .mid .Borsa ul li.neg,
        .box .mid .Borsa table tr.neg {
            background: url(/dl/rai/images/ico_borsa.gif) 100% -16px no-repeat;
        }

        .box .mid .Borsa ul li strong,
        .box .mid .Borsa .Indice {
            display: block;
            float: left;
            width: 120px;
            height: auto;
            font-size: 11px;
            color: #818181;
            font-weight: normal;
            text-transform: uppercase;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

        .box .mid .Borsa ul li span,
        .box .mid .Borsa td.Valore,
        .box .mid .Borsa td.Percentuale {
            display: block;
            float: left;
            width: 90px;
            height: auto;
            font-size: 11px;
            font-weight: normal;
            text-transform: uppercase;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

        .box .mid .Borsa ul li.pos span,
        .box .mid .Borsa tr.pos {
            color: #11ac1b;
        }

        .box .mid .Borsa ul li.neg span,
        .box .mid .Borsa tr.neg {
            color: #ea0d0d;
        }

        .box .mid .Borsa table tr.trTit {
            display: none;
        }

/*spalla*/


.boxSpalla .mid .Borsa {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .boxSpalla .mid .Borsa h4,
    .boxSpalla .mid .Borsa h3 {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        font-size: 14px;
        color: #4b4b4b;
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 3px 0px;
    }

    .boxSpalla .mid .Borsa ul,
    .boxSpalla .mid .Borsa table {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 3px 0px;
        overflow: hidden;
    }

        .boxSpalla .mid .Borsa ul li,
        .boxSpalla .mid .Borsa table tr {
            display: block;
            float: left;
            width: 288px;
            height: auto;
            padding: 3px 0px 3px 0px;
            margin: -1px 0px 0px 0px;
            border-top: 1px solid #ececec;
            border-bottom: 1px solid #ececec;
        }

            .boxSpalla .mid .Borsa ul li:last-child,
            .boxSpalla .mid .Borsa table td:last-child {
                border-bottom: 0px solid #000;
            }

            .boxSpalla .mid .Borsa ul li.pos,
            .boxSpalla .mid .Borsa table tr.pos {
                background: url(/dl/rai/images/ico_borsa.gif) 100% 7px no-repeat;
            }

            .boxSpalla .mid .Borsa ul li.neg,
            .boxSpalla .mid .Borsa table tr.neg {
                background: url(/dl/rai/images/ico_borsa.gif) 100% -16px no-repeat;
            }

            .boxSpalla .mid .Borsa ul li strong,
            .boxSpalla .mid .Borsa .Indice {
                display: block;
                float: left;
                width: 120px;
                height: auto;
                font-size: 11px;
                color: #818181;
                font-weight: normal;
                text-transform: uppercase;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

            .boxSpalla .mid .Borsa ul li span,
            .boxSpalla .mid .Borsa td.Valore,
            .boxSpalla .mid .Borsa td.Percentuale {
                display: block;
                float: left;
                width: 80px;
                height: auto;
                font-size: 11px;
                font-weight: normal;
                text-transform: uppercase;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

            .boxSpalla .mid .Borsa ul li.pos span,
            .boxSpalla .mid .Borsa tr.pos {
                color: #11ac1b;
            }

            .boxSpalla .mid .Borsa ul li.neg span,
            .boxSpalla .mid .Borsa tr.neg {
                color: #ea0d0d;
            }

            .boxSpalla .mid .Borsa table tr.trTit {
                display: none;
            }



/* Televideo */

.box .mid .Televideo {
    display: block;
    float: left;
    width: 190px;
    height: 152px;
    padding: 10px 0px 0px 118px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #d0d0d0;
    background: url(/dl/rai/images/ico_televideo.gif) 0px 10px no-repeat;
}

    .box .mid .Televideo h4 {
        display: block;
        float: left;
        width: 190px;
        height: auto;
        color: #818181;
        font-weight: normal;
        font-size: 11px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
    }

.box .mid .newsTg strong.btn {
    display: block;
    float: left;
    width: auto;
    height: auto;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 7px 4px 7px;
    margin: 0px 0px 5px 0px;
    background: url(/dl/rai/images/btn_gradient.gif) repeat-x;
    cursor: pointer;
}

.box .mid .newsTg .player strong.btn {
    display: block;
    float: left;
    width: auto;
    height: auto;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background: transparent;
    cursor: pointer;
}

    .box .mid .newsTg .player strong.btn span {
        display: block;
        float: left;
        width: 60px;
        height: 20px;
        color: #4b4b4b;
        font-weight: bold;
        font-size: 11px;
        text-transform: uppercase;
        padding: 4px 7px 4px 7px;
        margin: 0px 0px 5px 34px;
        background: url(/dl/rai/images/btn_gradient.gif) repeat-x;
        cursor: pointer;
    }

.box .mid .newsTg strong.btn.tendina {
    float: right;
    position: relative;
    background: url(/dl/rai/images/btn_gradient.gif) repeat-x;
}

    .box .mid .newsTg strong.btn.tendina span {
        display: block;
        float: left;
        padding: 0px 15px 0px 0px;
        margin: 0px 0px 0px 0px;
        background: url(/dl/rai/images/arrow_dwn.png) 100% 5px no-repeat;
    }


.box .mid .newsTg strong ul.elencoReg {
    display: none;
    float: left;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 100000;
    width: 300px;
    padding: 3px;
    background: #eee;
    border: 1px solid #a3a3a3;
    z-index: 10000000;
}

    .box .mid .newsTg strong ul.elencoReg li {
        display: block;
        float: left;
        width: 100px;
        text-transform: none;
        font-weight: normal;
    }


.box .mid .newsTg .regionale h3 {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    color: #4b4b4b;
}

.box .mid .newsTg strong:hover ul.elencoReg {
    display: block;
}

.box .mid .newsTg strong ul.elencoReg li a {
    color: #666;
}

    .box .mid .newsTg strong ul.elencoReg li a:hover {
        color: #333;
    }

.box .mid .Televideo .player {
    display: block;
    float: left;
    width: 190px;
}

    .box .mid .Televideo .player input {
        display: block;
        float: left;
        width: 25px;
        height: 16px;
        font-size: 11px;
        color: #666;
        padding: 3px;
        border: 1px solid #d5d5d5;
        background: #f4f4f4;
    }

    .box .mid .Televideo .player span {
        display: block;
        float: left;
        width: auto;
        font-size: 20px;
        line-height: 20px;
        padding: 0px 5px 0px 5px;
        color: #999;
    }

.teletextFave.bar {
    display: block;
    float: left;
    width: 184px;
    height: auto;
    font-size: 9px;
    font-weight: bold;
    color: #808080;
    padding: 2px 5px 2px 0px;
    margin: 0px 0px 0px 0px;
    border-top: 2px solid #d8d8d8;
    border-bottom: 0px;
    background: transparent;
}

    .teletextFave.bar span {
        display: block;
        float: left;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #4b4b4b;
        font-weight: normal;
    }

    .teletextFave.bar h3 {
        display: block;
        float: left;
        font-size: 11px;
        margin: 0px 0px 3px 0px;
        padding: 0px 0px 0px 0px;
        color: #4b4b4b;
        font-weight: normal;
    }

    .teletextFave.bar a {
        display: block;
        float: left;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 0px 2px;
        color: #4b4b4b;
        font-weight: normal;
        background: none;
    }

        .teletextFave.bar a:hover {
            color: #777;
        }

.navTelevideo a {
    color: #4b4b4b;
}

.teletextFave ul {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 190px;
}

    .teletextFave ul li {
        background: none repeat scroll 0 0 #FFFFFF;
        display: block;
        float: left;
        height: auto;
        margin: 0px 2px 5px 0px;
        padding: 3px 0px;
        text-align: left;
        width: 60px;
    }

        .teletextFave ul li.scura {
            background: none repeat scroll 0 0 #F3F3F3;
        }

        .teletextFave ul li a:link, .teletextFave ul li a:visited {
            color: #707070;
            display: block;
            float: left;
            font-size: 10px;
        }

        .teletextFave ul li a:hover {
            color: #444444;
        }

        .teletextFave ul li a.delete:link, .teletextFave ul li a.delete:visited {
            background: url("/dl/portale/image/btn_close.gif") no-repeat scroll 0 0 transparent;
            display: block;
            float: right;
            height: 14px;
            width: 14px;
            margin: 0px;
            padding: 0px;
        }

        .teletextFave ul li a.delete:hover {
            background: url("/dl/portale/image/btn_close.gif") no-repeat scroll 0 -14px transparent;
        }


/* viabilit */

#viabilita {
    display: block;
    float: left;
    width: 308px;
    height: 190px;
    border-top: 1px solid #d0d0d0;
    padding: 10px 0px 20px 0px;
}

.Spalla #Via.boxSpalla .top {
    display: block;
    float: left;
    position: relative;
    width: 272px;
    height: 17px;
    padding: 0px 0px 0px 16px;
    margin: 0px 0px 6px 0px;
    background: url(/dl/rai/images/bkg_tops.gif) 0px 0px no-repeat;
}

.holder.medium-bar {
    display: block;
    float: left;
    width: 308px;
    height: 190px;
    padding: 0px 0px 0px 0px;
}

    .holder.medium-bar .scroll-pane {
        width: 308px;
        height: 190px;
        overflow: auto;
        float: left;
        padding: 0px 0px 0px 0px;
    }

#paneViabilita {
    height: 190px;
}

    #paneViabilita.scroll-pane .jspTrack {
        background: #e0e0e0;
    }

    #paneViabilita.scroll-pane .jspDragTop {
        background: #808080;
    }

    #paneViabilita.scroll-pane .jspDragBottom {
        background: #808080;
    }

    #paneViabilita.scroll-pane .jspDrag {
        background: #808080;
    }

.medium-bar .jScrollPaneTrack {
    top: 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    height: 190px;
    width: 12px;
    background: #e0e0e0;
    padding: 0px 0px 0px 0px;
    z-index: 1000;
}

.medium-bar .jScrollPaneDragTop {
    height: 20px;
    background: #808080;
}

.medium-bar .jScrollPaneDragBottom {
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #808080;
}

.medium-bar .jScrollPaneDrag {
    width: 20px;
    padding: 0px 0px 0px 0px;
    height: auto;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.medium-bar .scroll-pane {
}

.elencoViabilita ul {
    display: block;
    float: left;
    width: 285px;
    overflow: hidden;
}

    .elencoViabilita ul li {
        display: block;
        float: left;
        width: 285px;
        padding: 5px 0px 6px 0px;
        margin: -1px 0px 0px 0px;
        border-top: 1px solid #d0d0d0;
    }

        .elencoViabilita ul li span {
            display: block;
            float: left;
            width: 285px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            font-size: 11px;
            font-weight: bold;
            color: #818181;
        }

        .elencoViabilita ul li strong {
            display: block;
            float: left;
            width: 285px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            font-size: 14px;
            font-weight: bold;
            color: #4b4b4b;
        }

        .elencoViabilita ul li p {
            display: block;
            float: left;
            width: 285px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            font-size: 12px;
            font-weight: normal;
            color: #4b4b4b;
        }

        .elencoViabilita ul li a:hover span,
        .elencoViabilita ul li a:hover strong,
        .elencoViabilita ul li a:hover p {
            color: #999;
        }

.btnIsoradio {
    display: block;
    float: left;
    width: 193px;
    height: auto;
    font-size: 12px;
    color: #7f7f7f;
    padding: 10px 10px 10px 105px;
    background: #f6f6f6 url(/dl/rai/images/btn_isoradio.png) 10px center no-repeat;
}

    .btnIsoradio:hover {
        color: #999;
        background: #eee url(/dl/rai/images/btn_isoradio.png) 10px center no-repeat;
    }

/* FiNE scroll*/

/* spalla */


.boxSpalla #viabilita {
    width: 288px;
    border: 0px;
}

.boxSpalla .holder.medium-bar {
    display: block;
    float: left;
    width: 288px;
    height: 190px;
    padding: 0px 0px 0px 0px;
}

    .boxSpalla .holder.medium-bar .scroll-pane {
        width: 288px;
        height: 190px;
        overflow: auto;
        float: left;
        padding: 0px 0px 0px 0px;
    }

.boxSpalla #viabilita ul {
    width: 260px;
}

    .boxSpalla #viabilita ul.rss-items li {
        width: 260px;
    }

    .boxSpalla #viabilita ul li span {
        width: 260px;
    }

    .boxSpalla #viabilita ul li strong {
        width: 260px;
    }

    .boxSpalla #viabilita ul li p {
        width: 260px;
    }

.boxSpalla .btnIsoradio {
    width: 173px;
}


/* #### GUIDA PROGRAMMI #### */

#guidaProgrammi .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

#guidaProgrammi .Opzioni {
    display: block;
    float: left;
    width: 648px;
    padding: 2px 0px 10px 0px;
    margin: 0px 0px 12px 0px;
    border-bottom: 1px solid #e7e7e7;
}

    #guidaProgrammi .Opzioni .Cal {
        display: block;
        float: left;
        width: 207px;
        height: 19px;
        padding: 0px 0px 0px 0px;
    }

        #guidaProgrammi .Opzioni .Cal a.prev {
            display: block;
            float: left;
            width: 17px;
            height: 19px;
            padding: 0px 0px 0px 0px;
            border-right: 1px solid #fff;
            background: url(/dl/rai/images/btn_prevnext.gif) 0px 0px no-repeat;
        }

            #guidaProgrammi .Opzioni .Cal a.prev:hover {
                background-position: 0px -20px;
            }

        #guidaProgrammi .Opzioni .Cal a.next {
            display: block;
            float: right;
            width: 17px;
            height: 19px;
            padding: 0px 0px 0px 0px;
            border-left: 1px solid #fff;
            background: url(/dl/rai/images/btn_prevnext.gif) -18px 0px no-repeat;
        }

            #guidaProgrammi .Opzioni .Cal a.next:hover {
                background-position: -18px -20px;
            }

        #guidaProgrammi .Opzioni .Cal h4 {
            display: block;
            float: left;
            text-align: center;
            text-transform: uppercase;
            width: 171px;
            height: 17px;
            font-size: 11px;
            color: #fff;
            padding: 2px 0px 0px 0px;
            background: #808080;
        }

#guidaProgrammi .Choice {
    display: block;
    float: left;
    width: 350px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    #guidaProgrammi .Choice li {
        display: block;
        float: left;
        width: auto;
        height: 19px;
        padding: 0px 0px 0px 0px;
    }

        #guidaProgrammi .Choice li a {
            display: block;
            float: left;
            width: auto;
            height: 17px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #303030;
            padding: 2px 20px 0px 35px;
            background: url(/dl/rai/images/bkg_btn_onair.gif) no-repeat;
        }

            #guidaProgrammi .Choice li a.Tv {
                background-position: 0px 0px;
            }

        #guidaProgrammi .Choice li.selected a.Tv {
            background-position: 0px -38px;
        }

        #guidaProgrammi .Choice li a.Tv:hover {
            color: #999;
            background-position: 0px -19px;
        }

        #guidaProgrammi .Choice li a.Radio {
            background-position: 0px -57px;
        }

        #guidaProgrammi .Choice li.selected a.Radio {
            background-position: 0px -95px;
        }

        #guidaProgrammi .Choice li a.Radio:hover {
            color: #999;
            background-position: 0px -76px;
        }

#guidaProgrammi .Opzioni .Vis {
    display: block;
    float: left;
    width: 173px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    #guidaProgrammi .Opzioni .Vis h4 {
        display: block;
        float: left;
        text-align: left;
        text-transform: uppercase;
        width: 105px;
        height: 17px;
        font-size: 11px;
        color: #4b4b4b;
        padding: 2px 0px 0px 0px;
    }


    #guidaProgrammi .Opzioni .Vis a.mosaico {
        display: block;
        float: left;
        text-align: left;
        text-transform: uppercase;
        width: 28px;
        height: 19px;
        margin: 0px 3px 0px 3px;
        padding: 0px 0px 0px 0px;
        text-indent: -9000px;
        overflow: hidden;
        background: url(/dl/rai/images/btn_vis.gif) no-repeat;
    }

        #guidaProgrammi .Opzioni .Vis a.mosaico:hover,
        #guidaProgrammi .Opzioni .Vis a.mosaico.selected {
            background-position: 0px -24px;
        }

    #guidaProgrammi .Opzioni .Vis a.lista {
        display: block;
        float: left;
        text-align: left;
        text-transform: uppercase;
        width: 28px;
        height: 19px;
        margin: 0px 3px 0px 3px;
        padding: 0px 0px 0px 0px;
        text-indent: -9000px;
        overflow: hidden;
        background: url(/dl/rai/images/btn_vis.gif) -33px 0px no-repeat;
    }

        #guidaProgrammi .Opzioni .Vis a.lista:hover,
        #guidaProgrammi .Opzioni .Vis a.lista.selected {
            background-position: -33px -24px;
        }


#guidaProgrammi .Opzioni .Exp {
    display: block;
    float: right;
    width: auto;
    height: 19px;
    margin: 0px 0px 0px 52px;
    padding: 0px 0px 0px 0px;
}

    #guidaProgrammi .Opzioni .Exp h4 {
        display: block;
        float: left;
        text-align: left;
        text-transform: uppercase;
        width: auto;
        height: 17px;
        font-size: 11px;
        color: #4b4b4b;
        padding: 2px 5px 0px 0px;
    }

    #guidaProgrammi .Opzioni .Exp a.espandi,
    #guidaProgrammi .Opzioni .Exp a.collassa {
        display: block;
        float: left;
        text-align: right;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: bold;
        color: #4b4b4b;
        width: 16px;
        height: 19px;
        margin: 2px 3px 0px 3px;
        padding: 0px 50px 0px 0px;
        background: url(/dl/rai/images/btn_exp.gif) 50px 0px no-repeat;
    }

        #guidaProgrammi .Opzioni .Exp a.espandi:hover,
        #guidaProgrammi .Opzioni .Exp a.collassa:hover {
            background-position: 50px -18px;
        }

/*ricerca */


#guidaProgrammi .Opzioni .cercaProg {
    display: block;
    float: left;
    position: static;
    width: auto;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 50px;
}

    #guidaProgrammi .Opzioni .cercaProg a {
        display: block;
        float: left;
        text-align: left;
        text-transform: uppercase;
        width: auto;
        height: 17px;
        font-size: 11px;
        font-weight: bold;
        color: #4b4b4b;
        padding: 2px 35px 0px 0px;
        background: url(/dl/rai/images/bkg_btn_cercaprog.png) 100% 0px no-repeat;
    }

    #guidaProgrammi .Opzioni .cercaProg .contCerca {
        display: block;
        position: absolute;
        top: 50px;
        left: 00px;
        z-index: 10000;
        width: 648px;
        height: 1100px;
        background: #fff;
    }


        #guidaProgrammi .Opzioni .cercaProg .contCerca .scroll-pane {
            display: block;
            float: left;
            width: 648px;
            height: 940px;
            margin: 10px 0px 0px 0px;
        }

.contCerca .scroll-pane .jspTrack {
    top: 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    height: 232px;
    width: 16px;
    background: #e0e0e0;
    padding: 0px 0px 0px 0px;
    z-index: 1000;
}

.contCerca .scroll-pane .jspDragTop {
    height: 20px;
    background: #808080;
}

.contCerca.scroll-pane .jspDragBottom {
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #808080;
}

.contCerca .scroll-pane .jspDrag {
    width: 20px;
    padding: 0px 0px 0px 0px;
    height: auto;
    margin: 0px 0px 0px 0px;
    background: #808080;
}

#guidaProgrammi .Opzioni .cercaProg .input {
    display: block;
    float: left;
    width: 628px;
    height: auto;
    padding: 8px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    background: #f0f0f0;
}

    #guidaProgrammi .Opzioni .cercaProg .input.loading {
        background: #f0f0f0 url(/dl/portale/image/loading.gif) 604px -2px no-repeat;
    }

    #guidaProgrammi .Opzioni .cercaProg .input h2 {
        display: block;
        float: left;
        width: 628px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 8px 0px;
        font-size: 16px;
        color: #4b4b4b;
    }

    #guidaProgrammi .Opzioni .cercaProg .input input {
        display: block;
        float: left;
        width: 620px;
        height: auto;
        padding: 4px 4px 4px 4px;
        margin: 0px 0px 0px 0px;
        font-size: 14px;
        color: #4b4b4b;
        border: 0px;
        background: #fff;
    }

    #guidaProgrammi .Opzioni .cercaProg .input .result {
        display: block;
        float: left;
        position: absolute;
        top: 60px;
        left: 10px;
        z-index: 1000;
        width: 626px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 14px;
        color: #4b4b4b;
        overflow: hidden;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        background: #eee;
    }

        #guidaProgrammi .Opzioni .cercaProg .input .result li {
            display: block;
            float: left;
            width: 626px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            font-size: 12px;
            color: #4b4b4b;
            border-top: 1px solid #ccc;
        }

            #guidaProgrammi .Opzioni .cercaProg .input .result li.noResult {
                padding: 10px 0px 10px 10px;
                color: #999;
            }

            #guidaProgrammi .Opzioni .cercaProg .input .result li:first-child {
                border-top: 0px solid #ccc;
            }

            #guidaProgrammi .Opzioni .cercaProg .input .result li span {
                display: block;
                float: left;
                width: 614px;
                height: auto;
                padding: 6px 6px 6px 6px;
                margin: 0px 0px 0px 0px;
                font-size: 12px;
                color: #4b4b4b;
                font-weight: bold;
                text-transform: none;
                cursor: pointer;
                background: transparent;
            }

                #guidaProgrammi .Opzioni .cercaProg .input .result li span:hover {
                    background: #ddd;
                }

#guidaProgrammi .Opzioni .cercaProg .progList {
    display: block;
    float: left;
    width: 618px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    #guidaProgrammi .Opzioni .cercaProg .progList li.day {
        display: block;
        float: left;
        width: 618px;
        height: auto;
        padding: 15px 0px 10px 0px;
        margin: 0px 0px 0px 0px;
        border-bottom: 1px solid #ececec;
    }

        #guidaProgrammi .Opzioni .cercaProg .progList li.day h2 {
            display: block;
            float: left;
            width: 618px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 10px 0px;
            font-size: 14px;
            color: #4c4c4c;
            text-transform: uppercase;
        }

        #guidaProgrammi .Opzioni .cercaProg .progList li.day ol {
            display: block;
            float: left;
            width: 618px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            font-size: 12px;
            color: #4c4c4c;
        }

            #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li {
                display: block;
                float: left;
                width: 618px;
                height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                font-size: 12px;
                color: #4c4c4c;
            }


                #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong {
                    display: block;
                    float: left;
                    width: 73px;
                    height: 25px;
                    padding: 0px 0px 0px 0px;
                    margin: 3px 0px 3px 10px;
                    font-size: 12px;
                    color: #4c4c4c;
                    overflow: hidden;
                    text-indent: -9000px;
                }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.Rai1 {
                        background: url(/dl/rai/images/canali/color/rai1.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.Rai2 {
                        background: url(/dl/rai/images/canali/color/rai2.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.Rai3 {
                        background: url(/dl/rai/images/canali/color/rai3.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.Rai4 {
                        background: url(/dl/rai/images/canali/color/rai4.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.Rai5 {
                        background: url(/dl/rai/images/canali/color/rai5.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.RaiGulp {
                        background: url(/dl/rai/images/canali/color/rai_gulp.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.RaiSport1 {
                        background: url(/dl/rai/images/canali/color/rai_sport1.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.RaiSport2 {
                        background: url(/dl/rai/images/canali/color/rai_sport2.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.RaiNews {
                        background: url(/dl/rai/images/canali/color/rai_news.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.RaiScuola {
                        background: url(/dl/rai/images/canali/color/rai_scuola.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.RaiStoria {
                        background: url(/dl/rai/images/canali/color/rai_storia.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.RaiPremium {
                        background: url(/dl/rai/images/canali/color/rai_premium.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.RaiYoyo {
                        background: url(/dl/rai/images/canali/color/rai_yoyo.png);
                    }

                    #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li strong.RaiMovie {
                        background: url(/dl/rai/images/canali/color/rai_movie.png);
                    }


                #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li span.hrs {
                    display: block;
                    float: left;
                    width: 50px;
                    height: auto;
                    padding: 7px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                    font-size: 12px;
                    cursor: pointer;
                }

                #guidaProgrammi .Opzioni .cercaProg .progList li.day ol li span.tit {
                    display: block;
                    float: left;
                    width: auto;
                    height: auto;
                    font-weight: bold;
                    padding: 7px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                    font-size: 12px;
                    cursor: pointer;
                }
/*--*/

#guidaProgrammi .progOver {
    display: none;
    position: static;
    z-index: 1000;
}

    #guidaProgrammi .progOver .descrBox {
        display: block;
        top: 195px;
        left: 50%;
        position: absolute;
        z-index: 1000;
        width: 298px;
        height: auto;
        color: #4b4b4b;
        margin: 0px 0px 0px -160px;
        padding: 10px 10px 10px 10px;
        border: 1px solid #777;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.7);
    }

        #guidaProgrammi .progOver .descrBox img {
            display: block;
            float: left;
            width: 80px;
            height: 80px;
            margin: 0px 10px 0px 0px;
            padding: 0px 0px 0px 0px;
        }




        #guidaProgrammi .progOver .descrBox .txt {
            display: block;
            float: left;
            width: 208px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

        #guidaProgrammi .progOver .descrBox h4 {
            display: block;
            float: left;
            width: 208px;
            height: auto;
            font-size: 14px;
            color: #fff;
            font-weight: bold;
            margin: 0px 0px 2px 0px;
            padding: 0px 0px 0px 0px;
        }

        #guidaProgrammi .progOver .descrBox strong {
            display: block;
            float: left;
            width: 208px;
            height: auto;
            font-size: 11px;
            color: #ccc;
            font-weight: bold;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            #guidaProgrammi .progOver .descrBox strong span {
                color: #999;
                font-weight: normal;
            }

        #guidaProgrammi .progOver .descrBox p {
            display: block;
            float: left;
            width: 208px;
            min-height: 70px;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            overflow: hidden;
            border-top: 1px solid #444;
            margin: 5px 0px 14px 0px;
            padding: 5px 0px 0px 0px;
        }

        #guidaProgrammi .progOver .descrBox .link {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 11px;
            color: #3399ff;
            font-weight: bold;
            margin: 0px 20px 0px 0px;
            padding: 0px 0px 0px 0px;
            background: transparent;
        }

            #guidaProgrammi .progOver .descrBox .link:hover {
                color: #999;
            }

        #guidaProgrammi .progOver .descrBox .close {
            display: block;
            position: absolute;
            top: -10px;
            right: -45px;
            width: 20px;
            height: 20px;
            background: url(/dl/rai/images/btn_close.png) 0px 0px no-repeat;
        }

            #guidaProgrammi .progOver .descrBox .close:hover {
                background-position: 0px -21px;
            }




        #guidaProgrammi .progOver .descrBox.noImage {
            width: 298px;
            height: auto;
            color: #4b4b4b;
            padding: 10px 10px 10px 10px;
        }


        #guidaProgrammi .progOver .descrBox.noImg .txt {
            width: 298px;
        }

        #guidaProgrammi .progOver .descrBox.noImg h4 {
            width: 298px;
        }

        #guidaProgrammi .progOver .descrBox.noImg strong {
            width: 298px;
        }

        #guidaProgrammi .progOver .descrBox.noImg p {
            width: 298px;
        }

/*cal*/

#guidaProgrammi .ggCal {
    display: block;
    float: left;
    width: 648px;
    height: 26px;
    background: #e5e5e5;
}

    #guidaProgrammi .ggCal li {
        display: block;
        float: left;
        text-align: center;
        width: 92px;
        height: 26px;
        margin: 0px 0px 0px -3px;
        border-left: 3px solid #fff;
        background: #e5e5e5;
    }

        #guidaProgrammi .ggCal li a {
            display: block;
            text-align: center;
        }


        #guidaProgrammi .ggCal li strong {
            font-size: 20px;
            color: #818181;
        }

        #guidaProgrammi .ggCal li span {
            font-size: 11px;
            color: #818181;
            font-weight: bold;
            text-transform: uppercase;
        }

        #guidaProgrammi .ggCal li.selected {
            background: #4b4b4b;
        }

            #guidaProgrammi .ggCal li.selected strong {
                color: #fff;
            }

            #guidaProgrammi .ggCal li.selected span {
                color: #fff;
            }

/*ora*/


#guidaProgrammi .ggOre {
    display: block;
    float: left;
    width: 570px;
    height: auto;
    margin: 0px 0px 6px 0px;
    padding: 8px 0px 0px 78px;
    background: #4b4b4b;
}


    #guidaProgrammi .ggOre .btnPrev {
        display: block;
        float: left;
        width: 16px;
        height: 18px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        cursor: pointer;
        background: url(/dl/rai/images/btn_arrows.gif) 0px 3px no-repeat;
    }

        #guidaProgrammi .ggOre .btnPrev:hover {
            background-position: 0px -13px;
        }

    #guidaProgrammi .ggOre .btnNext {
        display: block;
        float: right;
        width: 16px;
        height: 18px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        cursor: pointer;
        background: url(/dl/rai/images/btn_arrows.gif) -35px 3px no-repeat;
    }

        #guidaProgrammi .ggOre .btnNext:hover {
            background-position: -35px -13px;
        }

    #guidaProgrammi .ggOre .ore {
        display: block;
        float: left;
        position: relative;
        width: 538px;
        height: 18px;
        overflow: hidden;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        #guidaProgrammi .ggOre .ore ul {
            display: block;
            position: absolute;
            top: 0px;
            left: 0;
            width: 7200px;
            height: 18px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

    #guidaProgrammi .ggOre li {
        display: block;
        float: left;
        text-align: left;
        width: 295px;
        height: auto;
        color: #eee;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        padding: 2px 0px 2px 4px;
        border-left: 1px solid #6a6a6a;
    }

/**/

#guidaProgrammi .Palinsesto {
    display: block;
    float: left;
    width: 626px;
    overflow: hidden;
    margin: -3px 0px 0px 0px;
}

    #guidaProgrammi .Palinsesto.small {
        display: block;
        float: left;
        width: 648px;
        height: 235px;
    }

        #guidaProgrammi .Palinsesto.small.medium {
            height: 517px;
        }

#mediaPage .Palinsesto.small {
    display: block;
    float: left;
    width: 648px;
    height: 1130px;
}

#guidaProgrammi .Palinsesto li.chan {
    display: block;
    float: left;
    width: 648px;
    height: 44px;
    border-top: 3px solid #fff;
}

    #guidaProgrammi .Palinsesto li.chan h3 {
        display: block;
        float: left;
        width: 90px;
        height: 44px;
        overflow: hidden;
        border-right: 3px solid #fff;
        background-color: #e5e5e5;
        background-position: 0px -44px;
    }

        /*loghi*/
        #guidaProgrammi .Palinsesto li.chan h3.RaiUno {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raiuno.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiDue {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raidue.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiTre {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raitre.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Rai4 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/rai4.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Rai5 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/rai5.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiSport1 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raisport1.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiSport2 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raisport2.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiScuola {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raiscuola.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiPremium {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raipremium.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiYoyo {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raiyoyo.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiMovie {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raimovie.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiGulp {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raigulp.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiStoria {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raistoria.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiNews {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/rainews.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiEuroNews {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raieuronews.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaiMed {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/raimed.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.YesItalia {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/yesitalia.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Radio1 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/radio1.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Radio2 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/radio2.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Radio3 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/radio3.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Filodiffusione4 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/radio4.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Filodiffusione5 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/radio5.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Wr6 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/wr6.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Wr7 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/wr7.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Wr8 {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/wr8.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.Isoradio {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/isoradio.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.RaitaliaRadio {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/italiaradio.png);
        }

        #guidaProgrammi .Palinsesto li.chan h3.GrParlamento {
            background-image: url(/dl/RaiTV/2012/images/canali/guida/grparlamento.png);
        }
/*-*/
#guidaProgrammi .Palinsesto.lista li.chan h3:hover {
    background-color: #ccc;
    background-position: 0px 0px;
}

#guidaProgrammi .Palinsesto li.chan h3 a.chanLink {
    display: block;
    width: 90px;
    height: 44px;
}

#guidaProgrammi .Palinsesto.small li.chan h3 a.chanLink {
    cursor: default;
}

#guidaProgrammi .Palinsesto li.chan h3 a.chanLink span {
    text-indent: -9000px;
    visibility: hidden;
}

#guidaProgrammi .Palinsesto li.chan .Prog {
    display: block;
    float: left;
    position: relative;
    z-index: 10;
    width: 555px;
    height: 44px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    background: #eee url(/dl/rai/images/bkg_palinsesto.gif) repeat;
}

    #guidaProgrammi .Palinsesto li.chan .Prog ol {
        display: block;
        float: left;
        top: 0px;
        left: 0;
        position: absolute;
        width: auto;
        height: 44px;
        padding: 0px;
        margin: 0px;
    }

#guidaProgrammi .Palinsesto li.chan ol li {
    display: block;
    float: left;
    position: relative;
    width: auto;
    height: 44px;
    color: #4b4b4b;
    padding: 0px 0px 0px 0px;
    border-right: 0px solid #fff;
    cursor: pointer;
    background: #f2f2f2 url(/dl/rai/images/sep_palinsesto.gif) top left repeat-y;
}

    #guidaProgrammi .Palinsesto li.chan ol li .extG {
        display: block;
        float: left;
        position: relative;
        width: auto;
        height: 37px;
        color: #4b4b4b;
        overflow: hidden;
        margin: 0px 4px 0px 7px;
        padding: 2px 0px 0px 0px;
    }

    #guidaProgrammi .Palinsesto li.chan ol li span.hashCode {
        display: none;
    }

    #guidaProgrammi .Palinsesto li.chan ol li .extG span.ora {
        display: block;
        width: auto;
        height: auto;
        color: #999;
        padding: 0px 0px 0px 0px;
        font-weight: normal;
        font-size: 10px;
    }

    #guidaProgrammi .Palinsesto li.chan ol li a {
        display: block;
        width: auto;
        height: auto;
        color: #666;
        line-height: 11px;
        font-weight: bold;
    }

    #guidaProgrammi .Palinsesto li.chan ol li.live a {
        color: #fff;
    }

    #guidaProgrammi .Palinsesto li.chan ol li.live span.ora {
        color: #ddd;
    }

    #guidaProgrammi .Palinsesto li.chan ol li.live .extG {
        padding: 4px 4px 0px 4px;
        background: #4e8ed6;
    }

    #guidaProgrammi .Palinsesto li.chan ol li.live {
        background: #4e8ed6 url(/dl/rai/images/sep_palinsesto.gif) top left repeat-y;
    }

/* baloon */

#guidaProgrammi .mid {
    position: relative;
}

#guidaProgrammi .descrOver {
    display: none;
    position: static;
    z-index: 1000;
}

    #guidaProgrammi .descrOver .descrBox {
        display: block;
        top: 195px;
        left: 50%;
        position: absolute;
        z-index: 1000;
        width: 298px;
        height: auto;
        color: #4b4b4b;
        margin: 0px 0px 0px -160px;
        padding: 10px 10px 10px 10px;
        border: 1px solid #777;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.7);
    }

        #guidaProgrammi .descrOver .descrBox img {
            display: block;
            float: left;
            width: 80px;
            height: 80px;
            margin: 0px 10px 0px 0px;
            padding: 0px 0px 0px 0px;
        }




        #guidaProgrammi .descrOver .descrBox .txt {
            display: block;
            float: left;
            width: 208px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

        #guidaProgrammi .descrOver .descrBox h4 {
            display: block;
            float: left;
            width: 208px;
            height: auto;
            font-size: 14px;
            color: #fff;
            font-weight: bold;
            margin: 0px 0px 2px 0px;
            padding: 0px 0px 0px 0px;
        }

        #guidaProgrammi .descrOver .descrBox strong {
            display: block;
            float: left;
            width: 208px;
            height: auto;
            font-size: 11px;
            color: #ccc;
            font-weight: bold;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            #guidaProgrammi .descrOver .descrBox strong span {
                color: #999;
                font-weight: normal;
            }

        #guidaProgrammi .descrOver .descrBox p {
            display: block;
            float: left;
            width: 208px;
            min-height: 70px;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            overflow: hidden;
            border-top: 1px solid #444;
            margin: 5px 0px 14px 0px;
            padding: 5px 0px 0px 0px;
        }

        #guidaProgrammi .descrOver .descrBox .link {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 11px;
            color: #3399ff;
            font-weight: bold;
            margin: 0px 20px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            #guidaProgrammi .descrOver .descrBox .link:hover {
                color: #999;
            }

        #guidaProgrammi .descrOver .descrBox .close {
            display: block;
            position: absolute;
            top: -10px;
            right: -10px;
            width: 20px;
            height: 20px;
            background: url(/dl/rai/images/btn_close.png) 0px 0px no-repeat;
        }

            #guidaProgrammi .descrOver .descrBox .close:hover {
                background-position: 0px -21px;
            }




        #guidaProgrammi .descrOver .descrBox.noImage {
            width: 298px;
            height: auto;
            color: #4b4b4b;
            padding: 10px 10px 10px 10px;
        }


        #guidaProgrammi .descrOver .descrBox.noImg .txt {
            width: 298px;
        }

        #guidaProgrammi .descrOver .descrBox.noImg h4 {
            width: 298px;
        }

        #guidaProgrammi .descrOver .descrBox.noImg strong {
            width: 298px;
        }

        #guidaProgrammi .descrOver .descrBox.noImg p {
            width: 298px;
        }
/* scroll */


.holder.guida-bar {
    display: block;
    float: left;
    width: 648px;
    height: 232px;
    padding: 0px 0px 0px 0px;
}

    .holder.guida-bar .scroll-pane {
        width: 648px;
        height: 232px;
        overflow: auto;
        float: left;
        padding: 0px 0px 0px 0px;
    }

#paneGuidaProg {
    height: 232px;
}

.guida-bar .jScrollPaneTrack {
    top: 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    height: 232px;
    width: 12px;
    background: #e0e0e0;
    padding: 0px 0px 0px 0px;
    z-index: 1000;
}

.guida-bar .jScrollPaneDragTop {
    height: 20px;
    background: #808080;
}

.guida-bar .jScrollPaneDragBottom {
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #808080;
}

.guida-bar .jScrollPaneDrag {
    width: 20px;
    padding: 0px 0px 0px 0px;
    height: auto;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.guida-bar .scroll-pane {
}

.Palinsesto .scroll-pane .jspTrack {
    top: 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    height: 232px;
    width: 16px;
    background: #e0e0e0;
    padding: 0px 0px 0px 0px;
    z-index: 1000;
}

.Palinsesto .scroll-pane .jspDragTop {
    height: 20px;
    background: #808080;
}

.Palinsesto .scroll-pane .jspDragBottom {
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #808080;
}

.Palinsesto .scroll-pane .jspDrag {
    width: 20px;
    padding: 0px 0px 0px 0px;
    height: auto;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.Palinsesto .scroll-pane.small {
    width: 100%;
    height: 232px;
    overflow: auto;
}

    .Palinsesto .scroll-pane.small.medium {
        width: 100%;
        height: 514px;
        overflow: auto;
    }

.Palinsesto .scroll-pane.mega {
    width: 100%;
    height: 1025px;
    overflow: auto;
}

.Palinsesto .scroll-pane {
    width: 100%;
    height: 100%;
    overflow: auto;
}
/*lista*/


#guidaProgrammi .Palinsesto.lista {
    display: block;
    float: left;
    position: relative;
    width: 648px;
}

    #guidaProgrammi .Palinsesto.lista li.chan {
        display: block;
        float: left;
        width: 90px;
        height: 44px;
        clear: left;
        border-top: 3px solid #fff;
    }


        #guidaProgrammi .Palinsesto.lista li.chan h3 {
            background-position: 0px -44px;
        }


            #guidaProgrammi .Palinsesto.lista li.chan h3.selected {
                background-position: 0px 0px;
                background-color: #4e8ed6;
            }


        #guidaProgrammi .Palinsesto.lista li.chan .Prog {
            display: block;
            float: left;
            position: absolute;
            top: 3px;
            right: 0px;
            width: 555px;
            height: 100%;
            padding: 0px;
            margin: 0px;
            background: #fff;
        }

            #guidaProgrammi .Palinsesto.lista li.chan .Prog .small ol {
                position: static;
            }

            #guidaProgrammi .Palinsesto.lista li.chan .Prog ol {
                display: block;
                float: left;
                width: 535px;
                height: auto;
                padding: 0px 0px 0px 20px;
                margin: 0px;
                position: relative;
            }

        #guidaProgrammi .Palinsesto.lista li.chan ol li {
            display: block;
            float: left;
            width: 535px;
            height: auto;
            color: #4b4b4b;
            padding: 0px 0px 5px 0px;
            margin: 0px;
            border: 0px;
            background: #fff;
        }


            #guidaProgrammi .Palinsesto.lista li.chan ol li .extG {
                display: block;
                float: right;
                text-align: left;
                width: 527px;
                height: auto;
                padding: 0px;
                margin: 0px;
                background: #fff;
            }


                #guidaProgrammi .Palinsesto.lista li.chan ol li .extG .ora {
                    display: block;
                    float: left;
                    text-align: left;
                    width: 40px;
                    height: auto;
                    font-size: 11px;
                    padding: 0px;
                    margin: 0px;
                }


            #guidaProgrammi .Palinsesto.lista li.chan ol li a {
                display: block;
                float: right;
                text-align: left;
                width: 487px;
                height: auto;
                font-size: 11px;
                line-height: 15px;
            }

            #guidaProgrammi .Palinsesto.lista li.chan ol li.live span {
                color: #3e80c8;
            }

            #guidaProgrammi .Palinsesto.lista li.chan ol li.live a {
                width: 407px;
                height: 14px;
                color: #fff;
                padding: 0px 0px 0px 60px;
                margin: 0px 20px 0px 0px;
                border-radius: 4px;
                background: #4d8dd4 url(/dl/RaiTV/2012/images/ico_live.png) 0px 0px no-repeat;
            }

                #guidaProgrammi .Palinsesto.lista li.chan ol li.live a:hover {
                    color: #ddd;
                }

            #guidaProgrammi .Palinsesto.lista li.chan ol li a:hover {
                color: #3e80c8;
            }

/* #### SITiRai #### */

#sitiRai .top {
    display: block;
    float: left;
    text-align: left;
    width: 632px;
    height: 20px;
    padding: 2px 0px 0px 16px;
    margin: 0px 0px 6px 0px;
    background: url(/dl/rai/images/bkg_tops.gif) no-repeat;
}

    #sitiRai .top h3 {
        display: block;
        float: left;
        width: 632px;
        font-size: 24px;
        line-height: 17px;
        color: #666;
        margin: 0px 0px 4px 0px;
        padding: 0px 0px 0px 0px;
    }

#sitiRai .mid {
    display: block;
    float: left;
    width: 363px;
    height: auto;
    padding: 8px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
}

#sitiRai .mid {
    display: block;
    float: left;
    width: 363px;
    height: auto;
    padding: 8px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
}



    #sitiRai .mid .filtriRicerca {
        display: block;
        float: left;
        width: 363px;
        height: auto;
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 0px 0px;
        overflow: hidden;
        border-bottom: 1px solid #e7e7e7;
    }

        #sitiRai .mid .filtriRicerca .alfa {
            display: block;
            float: left;
            width: 363px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

            #sitiRai .mid .filtriRicerca .alfa li {
                display: block;
                float: left;
                text-align: center;
                width: auto;
                height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

                #sitiRai .mid .filtriRicerca .alfa li.tutti {
                    width: 50px;
                }


                #sitiRai .mid .filtriRicerca .alfa li a,
                #sitiRai .mid .filtriRicerca .alfa li span {
                    display: block;
                    float: left;
                    text-align: center;
                    width: auto;
                    height: auto;
                    font-size: 11px;
                    font-weight: bold;
                    color: #303030;
                    text-transform: uppercase;
                    padding: 1px 2px 1px 2px;
                    margin: 0px 0px 0px 0px;
                }

                #sitiRai .mid .filtriRicerca .alfa li span {
                    color: #999;
                }

                #sitiRai .mid .filtriRicerca .alfa li a:hover {
                    color: #666;
                }

                #sitiRai .mid .filtriRicerca .alfa li.selected a {
                    -moz-border-radius: 2px;
                    -webkit-border-radius: 2px;
                    border-radius: 2px;
                    color: #fff;
                    background: #5090d8;
                }



        #sitiRai .mid .filtriRicerca .boxSearch {
            display: block;
            float: left;
            width: 363px;
            height: 24px;
            padding: 10px 0px 0px 0px;
        }

            #sitiRai .mid .filtriRicerca .boxSearch em {
                display: block;
                float: left;
                width: auto;
                height: 19px;
                font-size: 11px;
                color: #818181;
                padding: 5px 20px 0px 0px;
            }

            #sitiRai .mid .filtriRicerca .boxSearch input {
                display: block;
                float: left;
                width: 295px;
                height: 22px;
                border: 0px;
                color: #666;
                font-size: 12px;
                padding: 0px 5px 2px 5px;
                margin: 0px 0px 0px 0px;
                background: #ebebeb;
            }


                #sitiRai .mid .filtriRicerca .boxSearch input.submit {
                    display: block;
                    float: left;
                    width: 65px;
                    height: 24px;
                    border: 0px;
                    font-size: 10px;
                    font-weight: bold;
                    text-transform: uppercase;
                    text-shadow: 0px 1px 1px #eee;
                    color: #3e3e3e;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 0px 4px 0px;
                    background: #b2b2b2 url(/dl/rai/images/bkg_btn_search.gif) repeat-x;
                }

    /* - */


    #sitiRai .mid .elencoSiti,
    .elencoSitiRicerca {
        display: block;
        float: left;
        width: 363px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px auto;
        text-align: center;
    }

        #sitiRai .mid .elencoSiti .paging,
        .elencoSitiRicerca .paging {
            padding: 10px 0px 0px 0px;
            width: 220px;
        }

        #sitiRai .mid .elencoSiti ul,
        .elencoSitiRicerca ul {
            display: block;
            float: left;
            width: 363px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            overflow: hidden;
        }


            #sitiRai .mid .elencoSiti ul li,
            .elencoSitiRicerca ul li {
                display: block;
                float: left;
                text-align: left;
                width: 171px;
                height: auto;
                padding: 20px 10px 20px 0px;
                margin: -1px 0px 0px 0px;
                border-top: 1px solid #eee;
            }


                #sitiRai .mid .elencoSiti ul li a.item,
                #sitiRai .mid .elencoSitiRicerca ul li a.item {
                    display: block;
                    float: left;
                    text-align: left;
                    width: 171px;
                    height: 31px;
                    overflow: hidden;
                    font-size: 12px;
                    font-weight: bold;
                    color: #4b4b4b;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                }

                    #sitiRai .mid .elencoSiti ul li a.item:hover,
                    #sitiRai .mid .elencoSitiRicerca ul li a.item:hover {
                        color: #999;
                    }

                #sitiRai .mid .elencoSiti ul li ol,
                .elencoSitiRicerca ul li ol {
                    display: block;
                    float: left;
                    width: 165px;
                    height: auto;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px -4px;
                    overflow: hidden;
                }

                    #sitiRai .mid .elencoSiti ul li ol li,
                    .elencoSitiRicerca ul li ol li {
                        display: block;
                        float: left;
                        width: auto;
                        height: auto;
                        margin: 8px 0px 0px -1px;
                        padding: 0px 6px 0px 5px;
                        font-size: 11px;
                        font-weight: normal;
                        border: 0px;
                        border-left: 1px solid #c8c8c8;
                    }

                        #sitiRai .mid .elencoSiti ul li ol li a,
                        .elencoSitiRicerca ul li ol li a {
                            color: #777;
                            font-size: 11px;
                        }

                            #sitiRai .mid .elencoSiti ul li ol li a:hover,
                            .elencoSitiRicerca ul li ol li a:hover {
                                color: #999;
                            }

/* - */


#sitiRai .spallaDx {
    display: block;
    float: right;
    width: 255px;
    height: auto;
    padding: 0px 5px 0px 12px;
    margin: 3px 0px 0px 0px;
    overflow: hidden;
    border-left: 1px solid #e7e7e7;
}


    #sitiRai .spallaDx h2.tit {
        display: block;
        float: right;
        width: 242px;
        height: 20px;
        padding: 0px 0px 5px 13px;
        margin: 0px 0px 10px 0px;
        color: #666;
        font-size: 22px;
        line-height: 20px;
        border-bottom: 1px solid #dedede;
        background: url(/dl/rai/images/bkg_tops.gif) 0px -265px no-repeat;
    }


    #sitiRai .spallaDx ul {
        display: block;
        float: left;
        position: relative;
        width: 255px;
        height: auto;
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 0px 0px;
    }


        #sitiRai .spallaDx ul.New {
            margin: 0px 0px 50px 0px;
        }

    #sitiRai .spallaDx li {
        display: block;
        float: left;
        position: relative;
        width: 255px;
        height: 80px;
        padding: 0px 0px 12px 0px;
        margin: 0px 0px 0px 0px;
    }


        #sitiRai .spallaDx li .img {
            display: block;
            float: left;
            position: relative;
            width: 80px;
            height: 80px;
            padding: 0px 10px 0px 0px;
        }

            #sitiRai .spallaDx li .img img {
                display: block;
                top: 0px;
                left: 0px;
                position: absolute;
                width: 80px;
                height: 80px;
                padding: 0px 0px 0px 0px;
            }

        #sitiRai .spallaDx li .txt {
            display: block;
            float: left;
            width: 165px;
            height: auto;
            padding: 0px 0px 0px 0px;
        }

            #sitiRai .spallaDx li .txt a.tit strong {
                display: block;
                float: left;
                width: 165px;
                height: auto;
                font-size: 14px;
                letter-spacing: -0.3px;
                color: #4b4b4b;
                font-weight: bold;
                padding: 0px 0px 0px 0px;
            }

            #sitiRai .spallaDx li .txt a.tit:hover strong {
                color: #999;
            }



            #sitiRai .spallaDx li .txt ol {
                display: block;
                float: left;
                width: 165px;
                height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px -4px;
                overflow: hidden;
            }

                #sitiRai .spallaDx li .txt ol li {
                    display: block;
                    float: left;
                    width: auto;
                    height: auto;
                    margin: 12px 0px 0px -1px;
                    padding: 0px 6px 0px 5px;
                    font-size: 11px;
                    font-weight: bold;
                    border-left: 1px solid #c8c8c8;
                }

                    #sitiRai .spallaDx li .txt ol li a {
                        color: #777;
                        font-size: 11px;
                        font-weight: bold;
                    }

                        #sitiRai .spallaDx li .txt ol li a.live {
                            color: #e9460a;
                            font-size: 11px;
                            font-weight: bold;
                            text-transform: uppercase;
                        }

                        #sitiRai .spallaDx li .txt ol li a:hover {
                            color: #999;
                        }


/* #### ARTICOLAME #### */

.Articolo .top {
    display: block;
    float: left;
    text-align: left;
    width: 952px;
    height: 32px;
    padding: 0px 0px 10px 16px;
    margin: 0px 0px 6px 0px;
    border-bottom: 1px solid #d0d0d0;
    background: url(/dl/rai/images/bkg_tops.gif) 0px -253px no-repeat;
}

    .Articolo .top h3 {
        display: block;
        float: left;
        width: 952px;
        font-size: 24px;
        line-height: 17px;
        color: #666;
        margin: 0px 0px 4px 0px;
        padding: 0px 0px 0px 0px;
    }

    .Articolo .top h4 {
        display: block;
        float: left;
        width: 952px;
        font-size: 11px;
        color: #888;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

.Articolo .spallaArticolo {
    display: block;
    float: left;
    text-align: left;
    width: 200px;
    font-size: 11px;
    color: #888;
    margin: 5px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}


    .Articolo .spallaArticolo li {
        display: block;
        float: left;
        text-align: left;
        width: 200px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }


        .Articolo .spallaArticolo li a {
            display: block;
            float: left;
            width: 180px;
            font-size: 14px;
            margin: 0px 0px 0px 0px;
            padding: 5px 10px 5px 10px;
            color: #444;
            font-weight: bold;
        }

            .Articolo .spallaArticolo li a:hover {
                color: #999;
            }

        .Articolo .spallaArticolo li.selected a {
            display: block;
            float: left;
            width: 180px;
            font-size: 14px;
            color: #fff;
            background: url(/dl/rai/images/bkg_spalla_sel.gif) left center repeat-x;
        }

.Articolo .testoArticolo {
    display: block;
    float: left;
    text-align: left;
    width: 968px;
    font-size: 14px;
    color: #4b4b4b;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    .Articolo .testoArticolo a {
        color: #4e8dd5;
        font-weight: bold;
    }

        .Articolo .testoArticolo a:hover {
            color: #999;
        }

    .Articolo .testoArticolo.spalla {
        width: 748px;
    }

    .Articolo .testoArticolo ul {
        display: block;
        list-style: disc;
        padding: 5px 0px 5px 18px;
        color: #4989d1;
    }

        .Articolo .testoArticolo ul li {
            color: #4b4b4b;
        }

/* #### APPPPPSSSSSS #### */

.Apps {
    display: block;
    float: left;
    width: 968px;
}

    .Apps h3 {
        display: block;
        float: left;
        width: 968px;
        font-size: 20px;
        font-weight: bold;
        color: #444;
        padding: 0px 0px 10px 0px;
    }

    .Apps ul {
        display: block;
        float: left;
        width: 968px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 20px 0px;
        border-bottom: 1px solid #e7e7e7;
    }

        .Apps ul li {
            display: block;
            float: left;
            position: relative;
            width: 242px;
            padding: 0px 0px 0px 0px;
        }

            .Apps ul li a.img {
                display: block;
                float: left;
                width: 75px;
                height: 75px;
                padding: 0px 10px 20px 0px;
            }

                .Apps ul li a.img img {
                    display: block;
                    float: left;
                    width: 75px;
                    height: 75px;
                    /* background: #ccc; */
                }

            .Apps ul li h4 {
                display: block;
                float: left;
                width: 157px;
                height: auto;
                font-size: 14px;
                color: #4c4c4c;
                padding: 0px 0px 3px 0px;
            }

                .Apps ul li h4 a {
                    color: #4c4c4c;
                }

                    .Apps ul li h4 a:hover {
                        color: #999;
                    }

            .Apps ul li a.info {
                display: block;
                float: left;
                font-size: 11px;
                margin: 0px 0px 10px 0px;
                padding: 0px 9px 0px 0px;
                color: #777;
                background: url(/dl/rai/images/bkg_arrow.gif) 100% 2px no-repeat;
            }

                .Apps ul li a.info:hover {
                    color: #999;
                }

            .Apps ul li a.infoExtra {
                display: block;
                float: left;
                position: relative;
                font-size: 11px;
                margin: 0px 0px 0px 0px;
                padding: 0px 9px 0px 10px;
                color: #777;
                width: 130px;
                background: url(/dl/rai/images/bkg_arrow.gif) 0px 2px no-repeat;
            }

            .Apps ul li .info .descr {
                display: none;
                position: absolute;
                top: 20px;
                left: 80px;
                z-index: 100;
                width: 210px;
                height: auto;
                padding: 7px 10px 7px 10px;
                border: 1px solid #777;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                cursor: default;
                background-color: rgba(0, 0, 0, 0.8);
            }

                .Apps ul li .info .descr span {
                    display: block;
                    float: left;
                    width: 210px;
                    height: auto;
                    font-size: 10px;
                    font-weight: bold;
                    text-transform: uppercase;
                    color: #5d9ae2;
                    padding: 0px 0px 0px 0px;
                }

                .Apps ul li .info .descr strong {
                    display: block;
                    float: left;
                    width: 210px;
                    height: auto;
                    font-size: 14px;
                    font-weight: bold;
                    color: #fff;
                    border-bottom: 1px solid #5d9ae2;
                    padding: 0px 0px 5px 0px;
                    margin: 0px 0px 5px 0px;
                }

                .Apps ul li .info .descr p {
                    display: block;
                    float: left;
                    width: 210px;
                    height: auto;
                    font-size: 11px;
                    color: #ddd;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                }

            .Apps ul li .info:hover .descr {
                display: block;
            }

/* #### FO0TER #### */


.contFooter {
    display: block;
    float: left;
    margin: 0px auto 0px auto;
    width: 100%;
    height: auto;
}


.Footer {
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 980px;
    height: auto;
    padding: 0px 0px 15px 0px;
    background: #323232 url(/dl/rai/images/bkg_foot.gif) 100% 0px repeat-y;
}


    .Footer .top {
        display: block;
        float: left;
        width: 944px;
        height: 34px;
        margin: 0px;
        padding: 18px 18px 18px 18px;
        background: #3c3c3c;
    }

        .Footer .top h2 {
            display: block;
            float: left;
            width: 55px;
            height: 34px;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -90000px;
            background: url(/dl/rai/images/logo_foot.gif) no-repeat;
        }

        .Footer .top h3 {
            display: block;
            float: left;
            width: auto;
            height: 29px;
            margin: 0px;
            font-size: 19px;
            color: #d7d7d7;
            text-transform: uppercase;
            font-weight: normal;
            padding: 5px 0px 0px 30px;
        }

        /* Search */

        .Footer .top .boxSearch {
            display: block;
            float: right;
            width: 325px;
            height: 24px;
            margin: 5px 0px 0px 0px;
        }

            .Footer .top .boxSearch input {
                display: block;
                float: left;
                width: 150px;
                height: 22px;
                border: 0px;
                color: #666;
                font-size: 12px;
                padding: 0px 5px 2px 5px;
                background: #fff;
            }

            .Footer .top .boxSearch .Scelta {
                display: block;
                float: left;
                text-align: left;
                width: 100px;
                height: 24px;
                border: 0px;
                padding: 0px 0px 0px 0px;
                background: #fff url(/dl/rai/images/bkg_scelta_search.gif) no-repeat;
            }

                .Footer .top .boxSearch .Scelta span {
                    display: block;
                    float: left;
                    text-align: left;
                    width: 92px;
                    height: 19px;
                    border: 0px;
                    font-size: 11px;
                    color: #4b4b4b;
                    cursor: pointer;
                    padding: 5px 0px 0px 8px;
                }

                .Footer .top .boxSearch .Scelta ul {
                    display: none;
                    float: left;
                    position: relative;
                    width: 100px;
                    height: auto;
                    overflow: hidden;
                    background: #fff;
                }

                .Footer .top .boxSearch .Scelta:hover ul {
                    display: block;
                }

                .Footer .top .boxSearch .Scelta ul li {
                    display: block;
                    float: left;
                    position: relative;
                    width: 84px;
                    height: auto;
                    padding: 0px 8px 0px 8px;
                    background: #fff;
                }

                    .Footer .top .boxSearch .Scelta ul li span {
                        display: block;
                        float: left;
                        position: relative;
                        width: 84px;
                        height: auto;
                        border-top: 1px solid #ddd;
                        padding: 3px 0px 3px 0px;
                        margin: -1px 0px 0px 0px;
                        background: #fff;
                    }

            .Footer .top .boxSearch input.submit {
                display: block;
                float: right;
                width: 65px;
                height: 24px;
                border: 0px;
                font-size: 10px;
                font-weight: bold;
                text-transform: uppercase;
                text-shadow: 0px 1px 1px #eee;
                color: #3e3e3e;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 4px 0px;
                background: #b2b2b2 url(/dl/rai/images/bkg_btn_search.gif) repeat-x;
            }


            .Footer .top .boxSearch label {
                display: none;
            }

    /* - */



    .Footer .col {
        display: block;
        float: left;
        width: 166px;
        height: auto;
        margin: 0px;
        padding: 20px 15px 20px 15px;
        color: #fff;
    }

        .Footer .col.link {
            width: 110px;
        }

        .Footer .col.Scura {
            width: 222px;
            height: auto;
            background: #2a2a2a;
        }

        .Footer .col h4 {
            display: block;
            float: left;
            width: 166px;
            height: auto;
            margin: 0px;
            padding: 0px 0px 10px 0px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #818181;
        }


        .Footer .col ul {
            display: block;
            float: left;
            width: 166px;
            height: auto;
            margin: 0px;
            padding: 0px 0px 0px 0px;
        }


            .Footer .col ul li {
                display: block;
                float: left;
                width: 166px;
                height: auto;
                margin: 0px;
                padding: 2px 0px 1px 0px;
            }


                .Footer .col ul li span {
                    padding: 0px 5px 0px 0px;
                }

                .Footer .col ul li a {
                    color: #a7a7a7;
                }

        .Footer .col.portal ul li a,
        .Footer .col.link ul li a,
        .Footer .col.Scura ul li a {
            color: #fff;
        }

        .Footer .col ul li a:hover {
            color: #ddd;
        }

    .Footer .Credits {
        display: block;
        float: left;
        width: 925px;
        height: 29px;
        padding: 1px 0px 0px 55px;
        margin: 20px 0px 0px 0px;
        color: #585959;
        background: url(/dl/rai/images/logo_rai.gif) 15px 0px no-repeat;
    }

/* ######## RIceRCA LiBerA ######## */

#sitiRai .mid .searchTop {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    margin: 0px 0px 40px 0px;
}

#ricercaLibera .searchTop h3 {
    display: block;
    float: left;
    width: auto;
    height: auto;
    color: #888;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    padding: 0px 0px 30px 0px;
}

    #ricercaLibera .searchTop h3 span {
        color: #666;
        font-weight: bold;
    }

#ricercaLibera .searchTop ul {
    display: block;
    float: right;
    width: auto;
    height: 15px;
    color: #ccc;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
}

    #ricercaLibera .searchTop ul li {
        display: block;
        float: left;
        width: auto;
        height: 15px;
        color: #888;
        margin: 0px 0px 0px 10px;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: normal;
    }

        #ricercaLibera .searchTop ul li a {
            display: block;
            float: left;
            width: auto;
            height: 15px;
            font-size: 10px;
            padding: 0px 0px 0px 5px;
            background: #999;
            border-radius: 2px;
        }

            #ricercaLibera .searchTop ul li a span {
                display: block;
                float: left;
                width: auto;
                height: 15px;
                color: #ccc;
                font-size: 10px;
                padding: 0px 5px 0px 0px;
            }

            #ricercaLibera .searchTop ul li a:hover span {
                color: #fff;
            }


        #ricercaLibera .searchTop ul li.selected a {
            background: url(/dl/rai/images/bkg_tematiche.gif) 0px -20px;
        }

            #ricercaLibera .searchTop ul li.selected a span {
                color: #fff;
            }


#ricercaLibera ul.searchResult {
    display: block;
    float: left;
    width: 648px;
    height: auto;
}

    #ricercaLibera ul.searchResult li {
        display: block;
        float: left;
        width: 628px;
        height: auto;
        margin: 0px 10px 13px 10px;
        padding: 0px 0px 13px 0px;
        border-bottom: 1px solid #eee;
    }

        #ricercaLibera ul.searchResult li a.img {
            display: block;
            float: left;
            position: relative;
            width: 122px;
            height: 69px;
            margin: 0px 10px 0px 0px;
        }

            #ricercaLibera ul.searchResult li a.img img {
                display: block;
                float: left;
                width: 122px;
                height: 69px;
            }

            #ricercaLibera ul.searchResult li a.img .mask {
                display: block;
                float: left;
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 110px;
                height: 17px;
                padding: 0px 6px 0px 6px;
                background: url(/dl/RaiTV/2012/images/alpha_black.png) repeat;
            }

                #ricercaLibera ul.searchResult li a.img .mask span {
                    display: block;
                    float: left;
                    width: 20px;
                    height: 17px;
                    padding: 0px 0px 0px 0px;
                    text-indent: -9000px;
                    overflow: hidden;
                    opacity: 0.8;
                    background: url(/dl/RaiTV/2012/images/ico_video.png) no-repeat;
                }

                    #ricercaLibera ul.searchResult li a.img .mask span.icoVideo {
                        background-position: 0px 0px;
                    }

                    #ricercaLibera ul.searchResult li a.img .mask span.icoFoto,
                    #ricercaLibera ul.searchResult li a.img .mask span.icoPhotogallery {
                        background-position: 0px -17px;
                    }

                    #ricercaLibera ul.searchResult li a.img .mask span.icoAudio {
                        background-position: 0px -34px;
                    }

                    #ricercaLibera ul.searchResult li a.img .mask span.icoPodcast {
                        background-position: 0px -51px;
                    }

                #ricercaLibera ul.searchResult li a.img .mask em {
                    display: block;
                    float: right;
                    width: auto;
                    font-style: normal;
                    color: #fff;
                    font-size: 10px;
                    padding: 1px 0px 0px 0px;
                }

        #ricercaLibera ul.searchResult li .Info {
            display: block;
            float: left;
            width: 496px;
            height: auto;
            padding: 0px 0px 0px 0px;
        }

            #ricercaLibera ul.searchResult li .Info h5,
            #ricercaLibera ul.searchResult li .Info h3 {
                display: block;
                float: left;
                width: 496px;
                height: auto;
                font-size: 10px;
                font-weight: normal;
                color: #666;
                padding: 0px 0px 0px 0px;
                margin: -2px 0px 1px 0px;
            }

            #ricercaLibera ul.searchResult li .Info h2 {
                display: block;
                float: left;
                width: 496px;
                height: auto;
                font-size: 13px;
                font-weight: bold;
                color: #000000;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

    #ricercaLibera ul.searchResult .Info h2 a {
        color: #666;
    }

        #ricercaLibera ul.searchResult .Info h2 a:hover {
            color: #999;
        }


    #ricercaLibera ul.searchResult li .Info p {
        display: block;
        float: left;
        width: 496px;
        height: auto;
        font-size: 11px;
        color: #888;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }


#ricercaLibera .paging.num {
    display: block;
    width: auto;
    text-align: center;
    height: 40px;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
}

    #ricercaLibera .paging.num .pagination {
        display: block;
        float: left;
        margin: 10px 0px 10px 0px;
    }

#ricercaLibera ul.searchResult li.noImg .Info,
#ricercaLibera ul.searchResult li.noImg .Info h2,
#ricercaLibera ul.searchResult li.noImg .Info h3,
#ricercaLibera ul.searchResult li.noImg .Info h5,
#ricercaLibera ul.searchResult li.noImg .Info p {
    width: 638px;
    padding: 0px 0px 0px 0px;
}


/*#### 404 ####*/

.p404 {
    display: block;
    float: left;
    width: 648px;
    text-align: center;
    padding: 0px 0px 10px 0px;
    color: #4b4b4b;
    font-size: 14px;
}

    .p404 h2 {
        display: block;
        float: left;
        width: 648px;
        text-align: center;
        font-size: 28px;
        padding: 10px 0px 20px 0px;
    }

    .p404 p {
        display: block;
        float: left;
        width: 648px;
        text-align: center;
        color: #4b4b4b;
        padding: 0px 0px 5px 0px;
    }

        .p404 p a {
            font-weight: bold;
            color: #2f7cc8;
        }

            .p404 p a:hover {
                color: #999;
            }

.link404 {
    display: block;
    float: left;
    width: 314px;
    height: 88px;
    background: #f4f4f4;
}

    .link404.raiit {
        float: left;
    }

    .link404.raitv {
        float: right;
    }

    .link404 .img {
        display: block;
        float: left;
        width: 88px;
        height: 88px;
        background: url(/dl/rai/images/loghi404.gif) no-repeat;
    }

    .link404.raiit .img {
        background-position: 0px 0px;
    }

    .link404.raitv .img {
        background-position: 0px -88px;
    }

    .link404 ul {
        display: block;
        float: left;
        width: 218px;
        height: 85px;
        padding: 3px 0px 0px 8px;
    }

        .link404 ul li {
            display: block;
            float: left;
            width: 218px;
            height: auto;
            padding: 1px 0px 1px 0px;
        }

            .link404 ul li a {
                display: block;
                float: left;
                width: auto;
                height: auto;
                font-size: 11px;
                color: #4b4b4b;
                padding: 0px 10px 0px 0px;
                background: url(/dl/RaiTV/2012/images/bkg_arrow_blue.gif) 100% 2px no-repeat;
            }

                .link404 ul li a:hover {
                    color: #2f7cc8;
                }


.pushbanner h3 {
    display: none;
}

.pushbanner .inboxBanner {
    width: 660px;
    float: left;
    margin: 0 0 5px 0;
}



/*STYLES AGGIUNTI PER Rai.IT BODY*/
/* #### SPaLLA #### */

.Main .boxVideo {
    display: block;
    float: left;
    position: relative;
    width: 648px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 6px 6px 6px 6px;
    background: #282828;
}

    .Main .boxVideo .box {
        display: block;
        float: left;
        width: 278px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 2px 0px 0px 0px;
    }

        .Main .boxVideo .box .titolo {
            display: block;
            float: left;
            position: relative;
            width: 148px;
            height: 32px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/rai/images/bkg_tops.gif) 0px 0px no-repeat;
        }

            .Main .boxVideo .box .titolo.small {
                display: block;
                text-align: left;
                width: 272px;
                height: 23px;
                padding: 0px 0px 0px 16px;
                margin: 0px 0px 6px 0px;
                background: url(/dl/rai/images/bkg_tops.gif) 0px -207px no-repeat;
            }


    .Main .boxVideo .miniLink {
        top: 0px;
        right: 0px;
    }

    .Main .boxVideo .box .titolo h3 {
        display: block;
        float: left;
        width: 160px;
        font-size: 22px;
        line-height: 17px;
        color: #fff;
        margin: 4px 0px 3px 0px;
        padding: 3px 0px 0px 0px;
    }

        .Main .boxVideo .box .titolo h3 a {
            color: #fff;
        }

            .Main .boxVideo .box .titolo h3 a:hover {
                color: #d7d7d7;
            }

    .Main .boxVideo .box .titolo h4 {
        display: block;
        float: left;
        width: 272px;
        font-size: 11px;
        color: #d7d7d7;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .Main .boxVideo .box .mid {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        padding: 12px 0px 6px 0px;
        margin: 2px 0px 0px 0px;
        border-top: 1px solid #3d3d3d;
    }

hr.sep {
    display: block;
    float: left;
    width: 300px;
    height: 2px;
    border: 0px;
    margin: 10px 0px 10px -6px;
    background: #767676;
}

/*-*/

/*dirette*/

.Main .boxVideo .box.Dirette .titolo {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -32px no-repeat;
}

.Main .boxVideo .box.Dirette .mid {
    padding: 12px 0px 10px 0px;
}

    .Main .boxVideo .box.Dirette .mid ul {
        display: block;
        float: left;
        width: 268px;
        height: 36px;
        padding: 0px 10px 0px 10px;
        margin: 1px 0px 1px 0px;
    }

        .Main .boxVideo .box.Dirette .mid ul.light {
            background: #323232;
        }

        .Main .boxVideo .box.Dirette .mid ul.dark {
            background: transparent;
        }

        .Main .boxVideo .box.Dirette .mid ul li {
            display: block;
            float: left;
            width: 67px;
            height: 36px;
            margin: 0px 0px 0px 0px;
        }

        .Main .boxVideo .box.Dirette .mid ul.radio li {
            width: 89px;
        }


        .Main .boxVideo .box.Dirette .mid ul li a {
            display: block;
            float: left;
            width: 67px;
            height: 36px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -9000px;
        }

        .Main .boxVideo .box.Dirette .mid ul.radio li a {
            width: 89px;
        }

        .Main .boxVideo .box.Dirette .mid ul li a:hover {
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai1, .Main .boxVideo .box.Dirette .mid ul li a.RaiUno {
            background: url(/dl/rai/images/canali/rai1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai2, .Main .boxVideo .box.Dirette .mid ul li a.RaiDue {
            background: url(/dl/rai/images/canali/rai2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai3, .Main .boxVideo .box.Dirette .mid ul li a.RaiTre {
            background: url(/dl/rai/images/canali/rai3.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai4 {
            background: url(/dl/rai/images/canali/rai4.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai5 {
            background: url(/dl/rai/images/canali/rai5.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiNews {
            background: url(/dl/rai/images/canali/rai_news.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiGulp {
            background: url(/dl/rai/images/canali/rai_gulp.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiSport1 {
            background: url(/dl/rai/images/canali/rai_sport1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiSport2 {
            background: url(/dl/rai/images/canali/rai_sport2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiStoria {
            background: url(/dl/rai/images/canali/rai_storia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiPremium {
            background: url(/dl/rai/images/canali/rai_premium.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiScuola {
            background: url(/dl/rai/images/canali/rai_scuola.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiYoyo, .Main .boxVideo .box.Dirette .mid ul li a.RaiYoYo {
            background: url(/dl/rai/images/canali/rai_yoyo.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiMovie {
            background: url(/dl/rai/images/canali/rai_movie.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiMed {
            background: url(/dl/rai/images/canali/rai_med.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.EuroNews {
            background: url(/dl/rai/images/canali/rai_euronews.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiScuola {
            background: url(/dl/rai/images/canali/rai_scuola.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.YesItalia {
            background: url(/dl/rai/images/canali/yes_italia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio1, .Main .boxVideo .box.Dirette .mid ul li a.Radio1live {
            background: url(/dl/rai/images/canali/radio1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio2, .Main .boxVideo .box.Dirette .mid ul li a.Radio2live {
            background: url(/dl/rai/images/canali/radio2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio3, .Main .boxVideo .box.Dirette .mid ul li a.Radio3live {
            background: url(/dl/rai/images/canali/radio3.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio4, .Main .boxVideo .box.Dirette .mid ul li a.Filodiffusione4 {
            background: url(/dl/rai/images/canali/radio4.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio5, .Main .boxVideo .box.Dirette .mid ul li a.Filodiffusione5 {
            background: url(/dl/rai/images/canali/radio5.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Isoradio {
            background: url(/dl/rai/images/canali/isoradio.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.GrParlamento, .Main .boxVideo .box.Dirette .mid ul li a.GrParlamento {
            background: url(/dl/rai/images/canali/radio_parlamento.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio, .Main .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio {
            background: url(/dl/rai/images/canali/radio_italia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr6 {
            background: url(/dl/rai/images/canali/wradio6.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr7 {
            background: url(/dl/rai/images/canali/wradio7.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr8 {
            background: url(/dl/rai/images/canali/wradio8.png) 0px 6px no-repeat;
        }
        /*hov*/

        .Main .boxVideo .box.Dirette .mid ul li a.Rai1:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaiUno:hover {
            background: url(/dl/rai/images/canali/color/rai1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai2:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaiDue:hover {
            background: url(/dl/rai/images/canali/color/rai2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai3:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaiTre:hover {
            background: url(/dl/rai/images/canali/color/rai3.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai4:hover {
            background: url(/dl/rai/images/canali/color/rai4.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai5:hover {
            background: url(/dl/rai/images/canali/color/rai5.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiNews:hover {
            background: url(/dl/rai/images/canali/color/rai_news.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiGulp:hover {
            background: url(/dl/rai/images/canali/color/rai_gulp.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiSport1:hover {
            background: url(/dl/rai/images/canali/color/rai_sport1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiSport2:hover {
            background: url(/dl/rai/images/canali/color/rai_sport2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiStoria:hover {
            background: url(/dl/rai/images/canali/color/rai_storia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiPremium:hover {
            background: url(/dl/rai/images/canali/color/rai_premium.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiScuola:hover {
            background: url(/dl/rai/images/canali/color/rai_scuola.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiYoyo:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaiYoYo:hover {
            background: url(/dl/rai/images/canali/color/rai_yoyo.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiMovie:hover {
            background: url(/dl/rai/images/canali/color/rai_movie.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiMed:hover {
            background: url(/dl/rai/images/canali/color/rai_med.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.EuroNews:hover {
            background: url(/dl/rai/images/canali/color/rai_euronews.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiScuola:hover {
            background: url(/dl/rai/images/canali/color/rai_scuola.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.YesItalia:hover {
            background: url(/dl/rai/images/canali/color/yes_italia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio1:hover, .Main .boxVideo .box.Dirette .mid ul li a.Radio1live:hover {
            background: url(/dl/rai/images/canali/color/radio1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio2:hover, .Main .boxVideo .box.Dirette .mid ul li a.Radio2live:hover {
            background: url(/dl/rai/images/canali/color/radio2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio3:hover, .Main .boxVideo .box.Dirette .mid ul li a.Radio3live:hover {
            background: url(/dl/rai/images/canali/color/radio3.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio4:hover, .Main .boxVideo .box.Dirette .mid ul li a.Filodiffusione4:hover {
            background: url(/dl/rai/images/canali/color/radio4.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio5:hover, .Main .boxVideo .box.Dirette .mid ul li a.Filodiffusione5:hover {
            background: url(/dl/rai/images/canali/color/radio5.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Isoradio:hover {
            background: url(/dl/rai/images/canali/color/isoradio.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.GrParlamento:hover, .Main .boxVideo .box.Dirette .mid ul li a.GrParlamento:hover {
            background: url(/dl/rai/images/canali/color/radio_parlamento.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio:hover {
            background: url(/dl/rai/images/canali/color/radio_italia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr6:hover {
            background: url(/dl/rai/images/canali/color/wradio6.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr7:hover {
            background: url(/dl/rai/images/canali/color/wradio7.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr8:hover {
            background: url(/dl/rai/images/canali/color/wradio8.png) 0px 6px no-repeat;
        }

/*podcast*/

.Main .boxVideo .box.podcastSpalla .titolo {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

.Main .boxVideo .box.podcastSpalla .mid {
    padding: 0px 0px 0px 0px;
    border: 0px;
}

.Main .boxVideo .box.podcastSpalla .miniMenu {
    margin: 4px 0px 10px 0px;
}

/*replay*/

.Main .boxVideo .box.Replay .titolo {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

.Main .boxVideo .box.Replay .mid strong {
    display: block;
    float: left;
    width: 88px;
    height: 16px;
    color: #d0d0d0;
    margin: 0px 0px 10px 0px;
    padding: 3px 0px 0px 0px;
}

.Main .boxVideo .box.Replay .mid ul {
    display: block;
    float: left;
    width: auto;
    margin: 0px 0px 10px 0px;
}

    .Main .boxVideo .box.Replay .mid ul li {
        display: block;
        float: left;
        height: 30px;
        width: auto;
        margin: 0px 6px;
    }

        .Main .boxVideo .box.Replay .mid ul li a {
            display: block;
            float: left;
            height: 30px;
            width: 59px;
            background: url(/dl/rai/images/btn_replay_large.png) no-repeat;
            overflow: hidden;
            text-indent: -9000px;
        }

            .Main .boxVideo .box.Replay .mid ul li a.Rai1 {
                background-position: 0px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai2 {
                background-position: -150px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai3 {
                background-position: -300px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai5 {
                background-position: -450px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiPremium {
                width: 110px;
                background-position: -600px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiGulp {
                width: 75px;
                background-position: -750px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiYoyo {
                width: 72px;
                background-position: -900px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai1:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.Rai1 {
                background-position: 0px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai2:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.Rai2 {
                background-position: -150px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai3:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.Rai3 {
                background-position: -300px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai5:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.Rai5 {
                background-position: -450px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiPremium:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.RaiPremium {
                background-position: -600px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiGulp:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.RaiGulp {
                background-position: -750px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiYoyo:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.RaiYoyo {
                background-position: -900px -58px;
            }


.Main .boxVideo .box.Replay .mid .calendario {
    display: block;
    float: right;
    position: relative;
    width: 175px;
    height: 24px;
    margin: 0 0 0 9px;
    padding: 0px 0px 0px 0px;
}

.Main .boxVideo .box.Replay .mid .giorno {
    display: block;
    float: left;
    text-align: left;
    width: 175px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #6f6f6f url(/dl/rai/images/arrow_dwn.png) 160px center no-repeat;
    overflow: hidden;
}

    .Main .boxVideo .box.Replay .mid .giorno:hover {
        display: block;
        position: absolute;
        z-index: 999;
        top: 0px;
        left: 0px;
        width: 175px;
        height: 174px;
        padding: 0px 0px 0px 0px;
        border-radius: 0px 0px 4px 4px;
        color: #4283cb;
        background: #6f6f6f;
    }

    .Main .boxVideo .box.Replay .mid .giorno li {
        display: none;
        float: left;
        text-align: center;
        width: 165px;
        height: 19px;
        padding: 5px 0px 0px 14px;
        margin: 0px;
        font-weight: bold;
        color: #fff;
        border-bottom: 1px solid #eee;
    }

        .Main .boxVideo .box.Replay .mid .giorno li.selected {
            display: block;
        }

    .Main .boxVideo .box.Replay .mid .giorno:hover li {
        display: block;
        float: left;
        text-align: center;
        width: 165px;
        height: 19px;
        padding: 5px 0px 0px 14px;
        margin: 0px;
        font-weight: bold;
        color: #4b4b4b;
        border-bottom: 1px solid #eee;
    }

    .Main .boxVideo .box.Replay .mid .giorno li:hover {
        width: 165px;
        padding: 5px 0px 0px 14px;
        color: #4b4b4b;
        background: url(/dl/rai/images/arrow_paging.gif) -6px 7px no-repeat;
    }

    .Main .boxVideo .box.Replay .mid .giorno li a {
        width: 159px;
        background: none;
        text-align: left;
        padding: 0px 0px 0px 0px;
        text-indent: 0px;
        font-weight: bold;
        color: #fff;
    }

        .Main .boxVideo .box.Replay .mid .giorno li a span {
            display: block;
            float: left;
            width: 60px;
            color: #fff;
        }

.Main .boxVideo .box.Replay .mid .btnCal {
    display: none;
    float: left;
    width: 32px;
    height: 24px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    text-indent: -9000px;
    background: url(/dl/rai/images/btn_cal.gif) no-repeat;
}

.Main .boxVideo .box.Replay .mid .btnSub {
    display: block;
    float: right;
    width: auto;
    height: 19px;
    padding: 5px 10px 0px 10px;
    margin: 10px 0px 0px 9px;
    font-size: 11px;
    font-weight: bold;
    color: #3d3d3d;
    text-shadow: 0px 1px 1px #eee;
    text-transform: uppercase;
    background: url(/dl/rai/images/btn_gradient.gif) repeat-x;
}

/*dirette*/

.Main .boxVideo .box.Dirette .titolo {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -32px no-repeat;
}

.Main .boxVideo .box.Dirette .mid {
    padding: 12px 0px 10px 0px;
}

    .Main .boxVideo .box.Dirette .mid ul {
        display: block;
        float: left;
        width: 268px;
        height: 36px;
        padding: 0px 10px 0px 10px;
        margin: 1px 0px 1px 0px;
    }

        .Main .boxVideo .box.Dirette .mid ul.light {
            background: #323232;
        }

        .Main .boxVideo .box.Dirette .mid ul.dark {
            background: transparent;
        }

        .Main .boxVideo .box.Dirette .mid ul li {
            display: block;
            float: left;
            width: 67px;
            height: 36px;
            margin: 0px 0px 0px 0px;
        }

        .Main .boxVideo .box.Dirette .mid ul.radio li {
            width: 89px;
        }


        .Main .boxVideo .box.Dirette .mid ul li a {
            display: block;
            float: left;
            width: 67px;
            height: 36px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -9000px;
        }

        .Main .boxVideo .box.Dirette .mid ul.radio li a {
            width: 89px;
        }

        .Main .boxVideo .box.Dirette .mid ul li a:hover {
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai1, .Main .boxVideo .box.Dirette .mid ul li a.RaiUno {
            background: url(/dl/rai/images/canali/rai1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai2, .Main .boxVideo .box.Dirette .mid ul li a.RaiDue {
            background: url(/dl/rai/images/canali/rai2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai3, .Main .boxVideo .box.Dirette .mid ul li a.RaiTre {
            background: url(/dl/rai/images/canali/rai3.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai4 {
            background: url(/dl/rai/images/canali/rai4.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai5 {
            background: url(/dl/rai/images/canali/rai5.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiNews {
            background: url(/dl/rai/images/canali/rai_news.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiGulp {
            background: url(/dl/rai/images/canali/rai_gulp.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiSport1 {
            background: url(/dl/rai/images/canali/rai_sport1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiSport2 {
            background: url(/dl/rai/images/canali/rai_sport2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiStoria {
            background: url(/dl/rai/images/canali/rai_storia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiPremium {
            background: url(/dl/rai/images/canali/rai_premium.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiScuola {
            background: url(/dl/rai/images/canali/rai_scuola.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiYoyo, .Main .boxVideo .box.Dirette .mid ul li a.RaiYoYo {
            background: url(/dl/rai/images/canali/rai_yoyo.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiMovie {
            background: url(/dl/rai/images/canali/rai_movie.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiMed {
            background: url(/dl/rai/images/canali/rai_med.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.EuroNews {
            background: url(/dl/rai/images/canali/rai_euronews.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiScuola {
            background: url(/dl/rai/images/canali/rai_scuola.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.YesItalia {
            background: url(/dl/rai/images/canali/yes_italia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio1, .Main .boxVideo .box.Dirette .mid ul li a.Radio1live {
            background: url(/dl/rai/images/canali/radio1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio2, .Main .boxVideo .box.Dirette .mid ul li a.Radio2live {
            background: url(/dl/rai/images/canali/radio2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio3, .Main .boxVideo .box.Dirette .mid ul li a.Radio3live {
            background: url(/dl/rai/images/canali/radio3.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio4, .Main .boxVideo .box.Dirette .mid ul li a.Filodiffusione4 {
            background: url(/dl/rai/images/canali/radio4.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio5, .Main .boxVideo .box.Dirette .mid ul li a.Filodiffusione5 {
            background: url(/dl/rai/images/canali/radio5.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Isoradio {
            background: url(/dl/rai/images/canali/isoradio.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.GrParlamento, .Main .boxVideo .box.Dirette .mid ul li a.GrParlamento {
            background: url(/dl/rai/images/canali/radio_parlamento.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio, .Main .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio {
            background: url(/dl/rai/images/canali/radio_italia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr6 {
            background: url(/dl/rai/images/canali/wradio6.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr7 {
            background: url(/dl/rai/images/canali/wradio7.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr8 {
            background: url(/dl/rai/images/canali/wradio8.png) 0px 6px no-repeat;
        }
        /*hov*/

        .Main .boxVideo .box.Dirette .mid ul li a.Rai1:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaiUno:hover {
            background: url(/dl/rai/images/canali/color/rai1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai2:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaiDue:hover {
            background: url(/dl/rai/images/canali/color/rai2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai3:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaiTre:hover {
            background: url(/dl/rai/images/canali/color/rai3.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai4:hover {
            background: url(/dl/rai/images/canali/color/rai4.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Rai5:hover {
            background: url(/dl/rai/images/canali/color/rai5.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiNews:hover {
            background: url(/dl/rai/images/canali/color/rai_news.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiGulp:hover {
            background: url(/dl/rai/images/canali/color/rai_gulp.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiSport1:hover {
            background: url(/dl/rai/images/canali/color/rai_sport1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiSport2:hover {
            background: url(/dl/rai/images/canali/color/rai_sport2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiStoria:hover {
            background: url(/dl/rai/images/canali/color/rai_storia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiPremium:hover {
            background: url(/dl/rai/images/canali/color/rai_premium.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiScuola:hover {
            background: url(/dl/rai/images/canali/color/rai_scuola.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiYoyo:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaiYoYo:hover {
            background: url(/dl/rai/images/canali/color/rai_yoyo.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiMovie:hover {
            background: url(/dl/rai/images/canali/color/rai_movie.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiMed:hover {
            background: url(/dl/rai/images/canali/color/rai_med.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.EuroNews:hover {
            background: url(/dl/rai/images/canali/color/rai_euronews.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaiScuola:hover {
            background: url(/dl/rai/images/canali/color/rai_scuola.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.YesItalia:hover {
            background: url(/dl/rai/images/canali/color/yes_italia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio1:hover, .Main .boxVideo .box.Dirette .mid ul li a.Radio1live:hover {
            background: url(/dl/rai/images/canali/color/radio1.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio2:hover, .Main .boxVideo .box.Dirette .mid ul li a.Radio2live:hover {
            background: url(/dl/rai/images/canali/color/radio2.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio3:hover, .Main .boxVideo .box.Dirette .mid ul li a.Radio3live:hover {
            background: url(/dl/rai/images/canali/color/radio3.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio4:hover, .Main .boxVideo .box.Dirette .mid ul li a.Filodiffusione4:hover {
            background: url(/dl/rai/images/canali/color/radio4.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Radio5:hover, .Main .boxVideo .box.Dirette .mid ul li a.Filodiffusione5:hover {
            background: url(/dl/rai/images/canali/color/radio5.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Isoradio:hover {
            background: url(/dl/rai/images/canali/color/isoradio.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.GrParlamento:hover, .Main .boxVideo .box.Dirette .mid ul li a.GrParlamento:hover {
            background: url(/dl/rai/images/canali/color/radio_parlamento.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio:hover, .Main .boxVideo .box.Dirette .mid ul li a.RaitaliaRadio:hover {
            background: url(/dl/rai/images/canali/color/radio_italia.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr6:hover {
            background: url(/dl/rai/images/canali/color/wradio6.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr7:hover {
            background: url(/dl/rai/images/canali/color/wradio7.png) 0px 6px no-repeat;
        }

        .Main .boxVideo .box.Dirette .mid ul li a.Wr8:hover {
            background: url(/dl/rai/images/canali/color/wradio8.png) 0px 6px no-repeat;
        }

/*podcast*/

.Main .boxVideo .box.podcastSpalla .titolo {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

.Main .boxVideo .box.podcastSpalla .mid {
    padding: 0px 0px 0px 0px;
    border: 0px;
}

.Main .boxVideo .box.podcastSpalla .miniMenu {
    margin: 4px 0px 10px 0px;
}

/*replay*/

.Main .boxVideo .box.Replay .titolo {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

.Main .boxVideo .box.Replay .mid strong {
    display: block;
    float: left;
    width: 88px;
    height: 16px;
    color: #d0d0d0;
    margin: -16px 0px 0px 52px;
    padding: 0px 0px 0px 0px;
}

.Main .boxVideo .box.Replay .mid ul {
    display: block;
    float: left;
    width: auto;
    margin: 0px 0px 10px 0px;
}

    .Main .boxVideo .box.Replay .mid ul li {
        display: block;
        float: left;
        height: 30px;
        width: auto;
        margin: 0px 6px;
    }

        .Main .boxVideo .box.Replay .mid ul li a {
            display: block;
            float: left;
            height: 30px;
            width: 59px;
            background: url(/dl/rai/images/btn_replay_large.png) no-repeat;
            overflow: hidden;
            text-indent: -9000px;
        }

            .Main .boxVideo .box.Replay .mid ul li a.Rai1 {
                background-position: 0px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai2 {
                background-position: -150px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai3 {
                background-position: -300px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai5 {
                background-position: -450px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiPremium {
                width: 110px;
                background-position: -600px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiGulp {
                width: 75px;
                background-position: -750px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiYoyo {
                width: 72px;
                background-position: -900px -8px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai1:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.Rai1 {
                background-position: 0px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai2:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.Rai2 {
                background-position: -150px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai3:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.Rai3 {
                background-position: -300px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.Rai5:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.Rai5 {
                background-position: -450px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiPremium:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.RaiPremium {
                background-position: -600px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiGulp:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.RaiGulp {
                background-position: -750px -58px;
            }

            .Main .boxVideo .box.Replay .mid ul li a.RaiYoyo:hover, .Main .boxVideo .box.Replay .mid ul li.selected a.RaiYoyo {
                background-position: -900px -58px;
            }


.Main .boxVideo .box.Replay .mid .calendario {
    display: block;
    float: left;
    position: relative;
    width: 150px;
    height: 28px;
    margin: 0 0 0 46px;
    padding: 0px 0px 0px 0px;
}

.Main .boxVideo .box.Replay .mid .giorno {
    display: block;
    float: left;
    text-align: left;
    width: 160px;
    height: 28px;
    margin: 0px 0px 0px 0px;
    padding: 0px 9px 0px 0px;
    background: #6f6f6f url(/dl/rai/images/arrow_dwn.png) 158px center no-repeat;
    overflow: hidden;
}

    .Main .boxVideo .box.Replay .mid .giorno:hover {
        display: block;
        position: absolute;
        z-index: 999;
        top: 0px;
        left: 0px;
        width: 175px;
        height: 174px;
        padding: 0px 0px 0px 0px;
        border-radius: 0px 0px 4px 4px;
        color: #4283cb;
        background: #6f6f6f;
    }

    .Main .boxVideo .box.Replay .mid .giorno li {
        display: none;
        float: left;
        text-align: center;
        width: 165px;
        height: 19px;
        padding: 7px 0px 2px 14px;
        margin: 0px;
        font-weight: bold;
        color: #fff;
        border-bottom: 1px solid #eee;
    }

        .Main .boxVideo .box.Replay .mid .giorno li.selected {
            display: block;
        }

    .Main .boxVideo .box.Replay .mid .giorno:hover li {
        display: block;
        float: left;
        text-align: center;
        width: 165px;
        height: 19px;
        padding: 5px 0px 0px 14px;
        margin: 0px;
        font-weight: bold;
        color: #4b4b4b;
        border-bottom: 1px solid #eee;
    }

    .Main .boxVideo .box.Replay .mid .giorno li:hover {
        width: 165px;
        padding: 5px 0px 0px 14px;
        color: #4b4b4b;
        background: url(/dl/rai/images/arrow_paging.gif) -6px 7px no-repeat;
    }

    .Main .boxVideo .box.Replay .mid .giorno li a {
        width: 159px;
        background: none;
        text-align: left;
        padding: 0px 0px 0px 0px;
        text-indent: 0px;
        font-weight: bold;
        color: #fff;
    }

        .Main .boxVideo .box.Replay .mid .giorno li a span {
            display: block;
            float: left;
            width: 60px;
            color: #fff;
        }

.Main .boxVideo .box.Replay .mid .btnCal {
    display: none;
    float: left;
    width: 32px;
    height: 24px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    text-indent: -9000px;
    background: url(/dl/rai/images/btn_cal.gif) no-repeat;
}

.Main .boxVideo .box.Replay .mid .btnSub {
    display: block;
    float: right;
    width: auto;
    height: 32px;
    padding: 5px 10px 0px 10px;
    margin: 2px 0px 0px 9px;
    font-size: 11px;
    font-weight: bold;
    color: #3d3d3d;
    text-shadow: 0px 1px 1px #eee;
    text-transform: uppercase;
    background: url(/dl/rai/images/btn_gradient.gif) repeat-x;
}

/*videogiorno*/

.Main .boxVideo .box.videoGiornobody .titolo {
    height: 40px;
    background: url(/dl/rai/images/bkg_tops.gif) 0px -253px no-repeat;
}

.Main .boxVideo .box.videoGiornobody .miniLink {
    top: 33px;
    right: 0px;
}

.Main .boxVideo .box.videoGiornobody h6 {
    display: block;
    float: left;
    text-align: left;
    width: 272px;
    height: auto;
    color: #fff;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: -4px 0px 10px 0px;
}

.boxVideo .intHeader {
    display: block;
    margin: 0 auto;
    float: left;
    width: 21px;
    height: 32px;
    margin: 0px 0px 0px 28px;
    padding: 0px 0px 0px 0px;
}


    .boxVideo .intHeader h1 {
        display: block;
        float: left;
        width: 92px;
        height: 32px;
        cursor: pointer;
        margin: 0px 0px 0px 0px;
        background: url(/dl/RaiTV/2012/images/logo.png) no-repeat;
        background-size: contain;
    }

        .boxVideo .intHeader h1 a {
            display: block;
            float: left;
            width: 92px;
            height: 32px;
            margin: 0px 0px 0px 0px;
        }



.box.Dirette.body {
    height: 32px;
}


.boxVideo hr.sep {
    display: block;
    float: left;
    width: 648px;
    height: 2px;
    border: 0px;
    margin: 10px 0px 10px 0px;
    background: #767676;
}

.Spalla .boxVideo hr.sep {
    width: 288px;
}

.Main .boxVideo .box .mid {
    display: block;
    float: left;
    width: 484px;
    height: auto;
    padding: 12px 0px 6px 0px;
    margin: 0px 0px 0px 0px;
    border-top: 0px;
}

.Main .boxVideo .box.Replay {
    width: 648px;
    margin-bottom: -12px;
    margin-top: 5px;
}

.Main .onDemand {
    display: block;
    position: relative;
    text-align: left;
    width: 648px;
    height: auto;
    padding: 6px 6px 6px 6px;
    margin: -11px 0px 20px 0px;
    background: #282828;
}

    .Main .onDemand .top h3 {
        color: #fff;
    }

    .Main .onDemand .videoContainer .Tematiche ul li a {
        width: auto;
        color: #fff;
    }

    .Main .onDemand.boxLarge .top h3, .Main .onDemand.boxLarge .top h3 a {
        margin: 2px 0px 4px 0px;
        width: auto;
        color: #FFF;
    }

    .Main .onDemand.boxLarge .top h4 {
        display: block;
        float: left;
        width: 632px;
        font-size: 11px;
        color: #d7d7d7;
        text-transform: uppercase;
        margin: 2px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .Main .onDemand.boxLarge.left .mid {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        padding: 8px 0px 0px 0px;
        margin: 8px 0px 0px 0px;
        overflow: hidden;
        color: #777777;
        border-top: 1px solid #777;
    }


    .Main .onDemand h1.logo {
        display: block;
        float: right;
        width: 92px;
        height: 32px;
        cursor: pointer;
        margin: -38px -30px 0px 0px;
        background: url(/dl/RaiTV/2012/images/logo.png) no-repeat;
        background-size: contain;
    }

        .Main .onDemand h1.logo a {
            display: block;
            float: left;
            width: 92px;
            height: 32px;
            margin: 0px 0px 0px 0px;
        }

    /*## filtri ricerca ##*/

    .Main .onDemand.boxLarge.left .filtriRicerca {
        display: block;
        float: left;
        position: relative;
        width: 400px;
        margin: 15px 0px 0px 0px;
    }


        .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch {
            float: left;
            width: 400px;
        }

            .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch input {
                display: block;
                float: left;
                width: 325px;
                height: 22px;
                border: 0px;
                color: #666;
                font-size: 12px;
                padding: 0px 5px 2px 5px;
                margin: 0px 0px 0px 0px;
                background: #ebebeb;
            }

                .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch input:focus {
                    background: #fff;
                }

            .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch form {
                float: left;
                width: 400px;
            }

            .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch input.submit {
                display: block;
                float: left;
                width: 65px;
                height: 24px;
                border: 0px;
                font-size: 10px;
                font-weight: bold;
                text-transform: uppercase;
                text-shadow: 0px 1px 1px #eee;
                color: #3e3e3e;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 3px 0px;
                background: #b2b2b2 url(/dl/rai/images/bkg_btn_search.gif) repeat-x;
            }


        .Main .onDemand.boxLarge.left .filtriRicerca ul {
            display: block;
            float: left;
            position: absolute;
            top: 24px;
            left: 0px;
            z-index: 1000;
            width: 276px;
            height: auto;
            border: 0px;
            color: #666;
            overflow: hidden;
            font-size: 12px;
            padding: 0px 5px 0px 5px;
            margin: 0px 0px 0px 0px;
            border: 1px solid #ccc;
            border-radius: 0px 0px 2px 2px;
            background: #fff;
        }

            .Main .onDemand.boxLarge.left .filtriRicerca ul li {
                display: block;
                float: left;
                width: 276px;
                height: auto;
                border: 0px;
                color: #666;
                font-size: 12px;
                padding: 5px 0px 5px 0px;
                margin: -1px 0px 0px 0px;
                border-top: 1px solid #eee;
            }

                .Main .onDemand.boxLarge.left .filtriRicerca ul li a {
                    display: block;
                    float: left;
                    width: 276px;
                    height: auto;
                    border: 0px;
                    color: #666;
                    font-size: 11px;
                    font-weight: bold;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                }

                .Main .onDemand.boxLarge.left .filtriRicerca ul li ol {
                    display: none;
                }

    .Main .onDemand.boxLarge.left .miniMenu {
        display: block;
        float: left;
        width: 226px;
        line-height: 10px;
        padding: 0px 0px 0px 12px;
        margin: 20px 0px 0px 0px;
    }

        .Main .onDemand.boxLarge.left .miniMenu span {
            display: block;
            float: left;
            width: 103px;
            height: 15px;
            font-size: 13px;
            color: #ddd;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

        .Main .onDemand.boxLarge.left .miniMenu ul {
            display: block;
            float: left;
            width: 118px;
            height: auto;
            overflow: hidden;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

            .Main .onDemand.boxLarge.left .miniMenu ul li {
                display: block;
                float: left;
                width: auto;
                height: 16px;
                padding: 0px 6px 0px 6px;
                margin: 0px 0px 0px -1px;
                border-left: 1px solid #555;
                font-size: 13px;
                font-weight: bold;
                text-decoration: underline;
            }

                .Main .onDemand.boxLarge.left .miniMenu ul li a {
                    color: #ddd;
                }

                    .Main .onDemand.boxLarge.left .miniMenu ul li a:hover {
                        color: #fff;
                    }

    .Main .onDemand.boxLarge.left .SearchBar {
        float: left;
        width: 638px;
        border-top: 1px solid #555;
        margin: 25px 0px 10px 5px;
    }


.Main #Focus {
    height: 350px;
}

    .Main #Focus .imgFocus {
        width: 425px;
        height: 300px;
    }

        .Main #Focus .imgFocus img {
            width: 425px;
            height: 300px;
        }

    .Main #Focus .Editore {
        margin: 0;
    }

    .Main #Focus h2 a {
        width: 215px;
        max-height: 90px;
        min-height: 25px;
        padding: 0;
    }

    .Main #Focus .focusContent {
        float: left;
        padding: 0 8px;
        width: 207px;
    }

        .Main #Focus .focusContent div {
            float: left;
        }

    .Main #Focus p, .Main #Focus p a {
        width: 215px;
        max-height: 120px;
        min-height: 60px;
        padding: 0;
        overflow: hidden;
    }

    .Main #Focus #pagingFocus .Item ul li a:hover .Baloon {
        display: none;
    }


    .Main #Focus .slideMain {
        height: 245px;
    }

    .Main #Focus h4, #Focus h4 a {
        display: block;
        float: left;
        width: 215px;
        height: 26px;
        font-size: 16px;
        padding: 0;
        margin: 4px 0px 0px 0px;
        color: #818181;
        font-family: Arial;
        font-weight: bold;
    }

    .Main #Focus .label {
        background: none;
        text-transform: none;
    }

    .Main #Focus #pagingFocus {
        display: block;
        width: auto;
        height: 30px;
        margin: 0 auto;
    }


.Main #inOnda .oraInOndaTop {
    width: 300px;
    float: left;
}

.Main #inOnda .boxLarge .top h3 {
    width: 300px;
}

.Main #inOnda .boxLarge .top h4 {
    width: 300px;
}

.Main #inOnda .mainChoice {
    float: right;
    width: 300px;
}


.Main #inOnda .Choice {
    display: block;
    float: right;
    width: 230px;
    border-bottom: none;
}

.Main #inOnda .onAir {
    border-top: 1px solid #e7e7e7;
}

/*.Main .top.Apertura .mid {
font-family:OpenSans;
}*/

#Focus .focusContent {
    #font-family:OpenSans;
}

#Focus .top h3 {
    line-height: 30px;
}

#TopNews .timeShare time {
    display: none;
}

.ico.comm, .ico.share {
    display: none;
}

#inOnda .blueLine {
    float: left;
    width: 648px;
    height: 32px;
    border-top: 1px solid #e7e7e7;
    line-height: 32px;
    text-align: center;
}

    #inOnda .blueLine a.tv_o_radio {
        background-color: #85B8ED;
        width: 648px;
        display: block;
        height: 32px;
        margin-top: 8px;
        font-size: 12px;
        color: #0C447D;
        text-transform: uppercase;
        font-weight: bold;
    }



/* tris in spalla */


.Spalla .boxSpalla.embedFoto,
.boxSpalla.embedFoto {
    height: 300px;
}

.Spalla .boxSpalla.embedVideo,
.boxSpalla.embedVideo {
    height: 200px;
}

.boxSpalla .mid .trisFoto {
    width: 290px;
    height: 290px;
}

    .boxSpalla .mid .trisFoto li {
        width: 48px;
    }

        .boxSpalla .mid .trisFoto li a {
            width: 276px;
            margin: 0px 0px 0px -114px;
        }

            .boxSpalla .mid .trisFoto li a .Canale {
                width: 183px;
            }

                .boxSpalla .mid .trisFoto li a .Canale span {
                    width: 183px;
                }

.boxSpalla mid .trisFoto li a .mask {
    left: 114px;
    width: 48px;
}

.boxSpalla .mid .trisFoto li .txt {
    width: 288px;
    height: 120px;
    top: 170px;
    left: 0px;
    overflow: hidden;
}

    .boxSpalla .mid .trisFoto li .txt span {
        width: 288px;
    }

        .boxSpalla .mid .trisFoto li .txt span em {
        }




    .boxSpalla .mid .trisFoto li .txt h3,
    .boxSpalla .mid .trisFoto li .txt h3 a {
        width: 288px;
        margin: 0;
    }

    .boxSpalla .mid .trisFoto li .txt p {
        width: 288px;
    }

.boxSpalla .mid .trisFoto li:hover,
.boxSpalla .mid .trisFoto li.selected {
    width: 188px;
    height: 160px;
}

    .boxSpalla .mid .trisFoto li:hover a,
    .boxSpalla .mid .trisFoto li.selected a {
        margin: 0px 0px 0px -25px;
    }

        .boxSpalla .mid .trisFoto li:hover a .mask,
        .boxSpalla .mid .trisFoto li.selected a .mask {
            left: 25px;
            width: 188px;
        }

        .boxSpalla .mid .trisFoto li:hover a .Canale,
        .boxSpalla .mid .trisFoto li.selected a .Canale {
            display: block;
        }

    .boxSpalla .mid .trisFoto li:hover .txt,
    .boxSpalla .mid .trisFoto li.selected .txt {
        display: block;
    }

.boxMiddle.left div.mid nav {
    display: block;
    float: right;
    width: 370px;
    height: 44px;
    /* margin: 0px 25px 0px 0px; */
    /* padding: 10px 0px 20px 0px */
    margin-right: -47px;
}

    .boxMiddle.left div.mid nav > ul > li {
        display: block;
        float: left;
        width: 60px;
        height: 38px;
        height: 64px;
        text-align: center;
    }

.boxMiddle.right div.mid nav > ul > li {
    display: block;
    float: left;
    width: 64px;
    height: 38px;
    height: 64px;
    text-align: center;
}

    .boxMiddle.left div.mid nav > ul > li.menuLive, .boxMiddle.right div.mid nav > ul > li.menuLive {
        width: 67px;
        margin-right: 3px;
    }

.boxMiddle.left div.mid nav > ul > li span.menuIcon {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #787878;
    font-size: 11px;
    font-weight: 600;
    padding-top: 24px;
    border-right: 1px solid #e4e4e5;
    padding-right: 20px;
}

.boxMiddle.right div.mid nav > ul > li span.menuIcon {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #787878;
    font-size: 11px;
    font-weight: 600;
    padding-top: 24px;
    border-right: 1px solid #e4e4e5;
    padding-right: 11px;
}

.boxMiddle.left div.mid nav > ul > li.menuBlog span.menuIcon, .boxMiddle.right div.mid nav > ul > li.menuMotori span.menuIcon {
    border-right: 0px;
}

.boxMiddle.left div.mid nav > ul > li span.menuIcon:before {
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -25px;
    width: 35px;
    height: 30px;
    content: " ";
    background-image: url(/dl/rai/images/spriteIconeMenuRainews.png);
    background-repeat: no-repeat;
}

.boxMiddle.right div.mid nav > ul > li span.menuIcon:before {
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 30px;
    content: " ";
    background-image: url(/dl/rai/images/spriteIconeMenuRaiSport.png);
    background-repeat: no-repeat;
}


.boxMiddle.left div.mid nav > ul > li.menuTematiche span.menuIcon:before, .boxMiddle.right div.mid nav > ul > li.menuTematiche span.menuIcon:before {
    background-position: 0 0;
}

.boxMiddle.left div.mid nav > ul > li.menuVideo span.menuIcon:before {
    background-position: -35px 0;
}

.boxMiddle.left div.mid nav > ul > li.menuFoto span.menuIcon:before {
    background-position: -70px 0;
}

.boxMiddle.left div.mid nav > ul > li.menuAudio span.menuIcon:before {
    background-position: -105px 0;
}

.boxMiddle.left div.mid nav > ul > li.menuBlog span.menuIcon:before {
    background-position: -140px 0;
}

.boxMiddle.left div.mid nav > ul > li.menuLive span.menuIcon:before {
    background-position: -210px 0;
}


.boxMiddle.right div.mid nav > ul > li.menuRaisport1 span.menuIcon:before {
    background-position: -15px 0;
}

.boxMiddle.right div.mid nav > ul > li.menuRaisport2 span.menuIcon:before {
    background-position: -95px 0;
}

.boxMiddle.right div.mid nav > ul > li.menuCalcio span.menuIcon:before {
    background-position: -170px 0;
}

.boxMiddle.right div.mid nav > ul > li.menuMotori span.menuIcon:before {
    background-position: -245px 0;
}




.boxMiddle.left div.mid nav > ul > li.menuTematiche.expanded span.menuIcon:before,
.boxMiddle.left div.mid nav > ul > li.menuTematiche:hover span.menuIcon:before {
    background-position: 0 -31px;
}

.boxMiddle.left div.mid nav > ul > li.menuVideo:hover span.menuIcon:before {
    background-position: -35px -31px;
}

.boxMiddle.left div.mid nav > ul > li.menuFoto:hover span.menuIcon:before {
    background-position: -70px -31px;
}

.boxMiddle.left div.mid nav > ul > li.menuAudio:hover span.menuIcon:before {
    background-position: -105px -31px;
}

.boxMiddle.left div.mid nav > ul > li.menuBlog:hover span.menuIcon:before {
    background-position: -140px -31px;
}

.boxMiddle.left div.mid nav > ul > li.menuLive:hover span.menuIcon:before {
    background-position: -210px -31px;
}

.boxMiddle.left div.mid nav span {
    font-family: "Arvo";
    font-weight: bold;
    font-size: 9px;
    display: block;
    float: left;
    clear: both;
    background: #fff;
    color: #dc0000 !important;
    padding: 2px 6px;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.boxMiddle.right div.mid nav span {
    font-family: "Arvo";
    font-weight: bold;
    font-size: 9px;
    display: block;
    float: left;
    clear: both;
    background: #fff;
    color: #787878 !important;
    padding: 2px 6px;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.boxLive ul li:hover span {
    color: #dc0000 !important;
}

/*  NUOVO ORGANIGRAMMA
    06/08/2014
    EMANUELE FATTORI    */

/*.Articolo.Org {
    width: 980px;
}

    .Articolo.Org .top {
        width: 964px;
    }*/

.Articolo.Org a.torna {
    font-family: "Arial";
    font-size: 12px;
    font-weight: 400;
    color: #1960a7;
    float: right;
    margin: 0 0 10px 0;
    text-decoration: underline;
}

.Articolo.Org .organigramma {
    display: block;
    /*float: left;*/
    text-align: left;
    width: 800px;
    font-size: 14px;
    color: #4b4b4b;
    /*margin: 5px 0px 0px 0px;*/
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}

    .Articolo.Org .organigramma > .title {
        width: 100%;
        float: left;
        border-bottom: 2px solid #1960a7;
        margin-top: 20px;
    }

    .Articolo.Org .organigramma .title .titolo {
        font-family: "Arial";
        font-size: 24px;
        font-weight: 700;
        color: #1960a7;
        float: left;
    }

    .Articolo.Org .organigramma .title a:before {
        content: url(/dl/rai/organigramma/images/foglio.png);
        margin: 0px 5px 0px 0px;
    }

    .Articolo.Org .organigramma .title a {
        font-family: "Arial";
        font-size: 14px;
        font-weight: 400;
        color: #1960a7;
        float: right;
        margin: 0px 10px 0px 0px;
    }

    .Articolo.Org .organigramma .cda {
        float: left;
        width: 100%;
        height: 340px;
        background: url(/dl/rai/organigramma/images/bkg-cda.png) center 31px no-repeat;
        margin: 36px 0px 0px 0px;
    }

        .Articolo.Org .organigramma .cda > .title {
            background-color: #1960a7;
            color: #fff;
            width: 313px;
            height: 29px;
            margin: 0 auto;
            font-family: "Arial";
            font-size: 18px;
            font-weight: 700;
            text-align: center;
            line-height: 27px;
            font-variant: small-caps;
        }

        .Articolo.Org .organigramma .cda .foto {
            width: 210px;
            height: 200px;
            float: left;
            position: relative;
            border-bottom: 2px solid #d3d3d3;
        }

            .Articolo.Org .organigramma .cda .foto .title {
                background-color: #e0e0e0;
                color: #777777;
                width: 235px;
                height: auto;
                font-family: "Arial";
                font-size: 18px;
                font-weight: 400;
                text-align: center;
                line-height: 27px;
                font-variant: small-caps;
            
                margin-left: -12px;
}

            .Articolo.Org .organigramma .cda .foto img {
                margin: 9px 0px 0px 23px;
                float: left;
            }
            
        .Articolo.Org .organigramma .cda .name {
            width: 164px;
            height: 23px;
            background-color: #1960a7;
            color: #fff;
            font-family: "Arial";
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            line-height: 24px;
            font-variant: small-caps;
            margin: -2px 0px 0px 23px;
            float: left;
        }

    .Articolo.Org .organigramma .presidenza {
        width: 100%;
        float: left;
        height: 555px;
        background: url(/dl/rai/organigramma/images/bkg-presidenza.png) center 250px no-repeat;
    }

        .Articolo.Org .organigramma .presidenza .foto {
            width: 180px;
            height: 200px;
            float: left;
            position: relative;
            border-bottom: 2px solid #d3d3d3;
        }

            .Articolo.Org .organigramma .presidenza .foto.big .title {
                background-color: #1960a7;
                color: #fff;
                width: 313px;
                height: 29px;
                margin: 0 auto;
                font-family: "Arial";
                font-size: 18px;
                font-weight: 700;
                text-align: center;
                line-height: 27px;
                font-variant: small-caps;
            }

            .Articolo.Org .organigramma .presidenza .foto.big {
                width: 313px;
                height: 245px;
                float: none;
                position: relative;
                border-bottom: 2px solid #1960a7;
            }

                .Articolo.Org .organigramma .presidenza .foto.big img {
                    margin: 12px 0px 1px 75px;
                    float: left;
                }

            .Articolo.Org .organigramma .presidenza .foto img {
                margin: 9px 0px 0px 9px;
                float: left;
            }

        .Articolo.Org .organigramma .presidenza .name, .Articolo.Org .organigramma .presidenza .ref {
            width: 164px;
            height: 23px;
            background-color: #1960a7;
            color: #fff;
            font-family: "Arial";
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            line-height: 24px;
            font-variant: small-caps;
            margin: 0px 0px 0px 9px;
            float: left;
        }

        .Articolo.Org .organigramma .presidenza .ref {
            font-size: 14px;
            font-weight: 400;
            line-height: 13px;
        }

        .Articolo.Org .organigramma .presidenza .foto.big .name, .Articolo.Org .organigramma .presidenza .foto.big .ref {
            margin: 0px 0px 0px 75px;
        }


        .Articolo.Org .organigramma .presidenza .foto .title {
            background-color: #e0e0e0;
            color: #777777;
            width: 180px;
            height: auto;
            font-family: "Arial";
            font-size: 18px;
            font-weight: 400;
            text-align: center;
            line-height: 27px;
            font-variant: small-caps;
        }

    .Articolo.Org .organigramma .direzione {
        width: 100%;
        float: left;
    }

        .Articolo.Org .organigramma .direzione .foto.big .title {
            background-color: #1960a7;
            color: #fff;
            width: 313px;
            height: 29px;
            margin: 0 auto;
            font-family: "Arial";
            font-size: 18px;
            font-weight: 700;
            text-align: center;
            line-height: 27px;
            font-variant: small-caps;
        }

        .Articolo.Org .organigramma .direzione .foto.big {
            width: 313px;
            height: 245px;
            float: none;
            position: relative;
            border-bottom: 2px solid #1960a7;
        }

            .Articolo.Org .organigramma .direzione .foto.big img {
                margin: 12px 0px 1px 75px;
                float: left;
            }


        .Articolo.Org .organigramma .direzione .name, .Articolo.Org .organigramma .direzione .ref {
            width: 164px;
            height: 23px;
            background-color: #1960a7;
            color: #fff;
            font-family: "Arial";
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            line-height: 24px;
            font-variant: small-caps;
            margin: 0px 0px 0px 9px;
            float: left;
        }

        .Articolo.Org .organigramma .direzione .ref {
            font-size: 14px;
            font-weight: 400;
            line-height: 13px;
        }

        .Articolo.Org .organigramma .direzione .foto.big .name, .Articolo.Org .organigramma .direzione .foto.big .ref {
            margin: 0px 0px 0px 75px;
        }

        .Articolo.Org .organigramma .direzione .foto.big .star {
            color: #0b3d6f;
            font-family: "Arial";
            font-size: 9px;
            font-weight: 400;
            text-align: right;
            float: right;
            margin-top: 3px;
        }

    .Articolo.Org .organigramma .menuOrg {
        width: 100%;
        float: left;
        height: 150px;
        background: url(/dl/rai/organigramma/images/bkg-menu.png) center 0px no-repeat;
    }

        .Articolo.Org .organigramma .menuOrg ul {
            margin-top: 83px;
            height: 62px;
            border-bottom: 4px solid #1960a7;
        }

            .Articolo.Org .organigramma .menuOrg ul li {
                width: 156px;
                height: 53px;
                float: left;
                background-color: #e0e0e0;
                color: #777777;
                font-family: "Arial";
                font-size: 18px;
                font-weight: 700;
                text-align: center;
                line-height: 24px;
                font-variant: small-caps;
                margin: 0px 4px 0px 0px;
                border-bottom: 3px solid #fff;
                padding: 6px 0px 0px 0px;
                cursor: pointer;
            }

                .Articolo.Org .organigramma .menuOrg ul li.active {
                    background-color: #1960a7;
                    color: #fff;
                    border-bottom: 3px solid #1960a7;
                }

    .Articolo.Org .organigramma .corporate {
        width: 100%;
        float: left;
        height: 700px;
        background: url(/dl/rai/organigramma/images/bkg-corporate.png) left -30px no-repeat;
    }

    .Articolo.Org .organigramma .editoriale {
        width: 100%;
        float: left;
        height: 1640px;
        background: url(/dl/rai/organigramma/images/bkg-editoriale.png) left -30px no-repeat;
    }

    .Articolo.Org .organigramma .cfo {
        width: 100%;
        float: left;
        height: 530px;
        background: url(/dl/rai/organigramma/images/bkg-cfo.png) center -30px no-repeat;
    }

    .Articolo.Org .organigramma .cto {
        width: 100%;
        float: left;
        height: 775px;
        background: url(/dl/rai/organigramma/images/bkg-cto.png) 0px 0px no-repeat;
    }

    .Articolo.Org .organigramma .commerciale {
        width: 100%;
        float: left;
        height: 320px;
        background: url(/dl/rai/organigramma/images/bkg-commerciale.png) 170px -30px no-repeat;
    }

        .Articolo.Org .organigramma .corporate .foto, .Articolo.Org .organigramma .editoriale .foto,
        .Articolo.Org .organigramma .cfo .foto, .Articolo.Org .organigramma .cto .foto, .Articolo.Org .organigramma .commerciale .foto {
            width: 180px;
            height: 200px;
            float: left;
            position: relative;
            margin-right: 80px;
        }

    .Articolo.Org .organigramma .editoriale .foto {
        margin-right: 0px;
    }

        .Articolo.Org .organigramma .corporate .foto img, .Articolo.Org .organigramma .editoriale .foto img,
        .Articolo.Org .organigramma .cfo .foto img, .Articolo.Org .organigramma .cto .foto img, .Articolo.Org .organigramma .commerciale .foto img {
            margin: 9px 0px 0px 9px;
            float: left;
        }

    .Articolo.Org .organigramma .corporate .name, .Articolo.Org .organigramma .corporate .ref,
    .Articolo.Org .organigramma .editoriale .name, .Articolo.Org .organigramma .editoriale .ref,
    .Articolo.Org .organigramma .cfo .name, .Articolo.Org .organigramma .cfo .ref,
    .Articolo.Org .organigramma .cto .name, .Articolo.Org .organigramma .cto .ref,
    .Articolo.Org .organigramma .commerciale .name, .Articolo.Org .organigramma .commerciale .ref {
        width: 160px;
        height: auto;
        background-color: #1960a7;
        color: #fff;
        font-family: "Arial";
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        line-height: 24px;
        font-variant: small-caps;
        margin: 0px 0px 0px 9px;
        float: left;
        padding: 0px 2px;
    }

    .Articolo.Org .organigramma .corporate .gray .name, .Articolo.Org .organigramma .corporate .gray .ref,
    .Articolo.Org .organigramma .editoriale .gray .name, .Articolo.Org .organigramma .editoriale .gray .ref,
    .Articolo.Org .organigramma .cfo .gray .name, .Articolo.Org .organigramma .cfo .gray .ref,
    .Articolo.Org .organigramma .cto .gray .name, .Articolo.Org .organigramma .cto .gray .ref,
    .Articolo.Org .organigramma .commerciale .gray .name, .Articolo.Org .organigramma .commerciale .gray .ref {
        background-color: #6b6b6b;
    }

    .Articolo.Org .organigramma .corporate .ref, .Articolo.Org .organigramma .editoriale .ref,
    .Articolo.Org .organigramma .cfo .ref, .Articolo.Org .organigramma .cto .ref, .Articolo.Org .organigramma .commerciale .ref {
        font-size: 14px;
        font-weight: 400;
        line-height: 13px;
        padding: 2px 2px;
        height: 30px;
    }

    .Articolo.Org .organigramma .corporate .star {
        color: #0b3d6f;
        font-family: "Arial";
        font-size: 12px;
        font-weight: 400;
        text-align: right;
        float: right;
        margin-top: 10px;
    }

    .Articolo.Org .organigramma .editoriale .star,
    .Articolo.Org .organigramma .cfo .star {
        color: #0b3d6f;
        font-family: "Arial";
        font-size: 18px;
        font-weight: 400;
        text-align: right;
        float: right;
        margin-top: 10px;
        font-variant: small-caps;
    }

    .Articolo.Org .organigramma .legenda {
        float: left;
        width: 100%;
        border-top: 2px solid #1960a7;
        padding: 10px 0px 0px 0px;
    }

        .Articolo.Org .organigramma .legenda .blu {
            width: 19px;
            height: 19px;
            float: right;
            background-color: #1960a7;
            margin: 0px 5px 0px 30px;
        }

        .Articolo.Org .organigramma .legenda .gray {
            width: 19px;
            height: 19px;
            float: right;
            background-color: #6b6b6b;
            margin: 0px 5px 0px 30px;
        }

        .Articolo.Org .organigramma .legenda .lab {
            font-family: "Arial";
            font-size: 14px;
            font-weight: 700;
            float: right;
            color: #0b3d6f;
            line-height: 18px;
        }


@-moz-document url-prefix() {
    .Articolo.Org .organigramma .corporate .name, .Articolo.Org .organigramma .corporate .ref,
    .Articolo.Org .organigramma .editoriale .name, .Articolo.Org .organigramma .editoriale .ref,
    .Articolo.Org .organigramma .cfo .name, .Articolo.Org .organigramma .cfo .ref,
    .Articolo.Org .organigramma .cto .name, .Articolo.Org .organigramma .cto .ref,
    .Articolo.Org .organigramma .commerciale .name, .Articolo.Org .organigramma .commerciale .ref,
    .Articolo.Org .organigramma .direzione .name, .Articolo.Org .organigramma .direzione .ref {
        font-size: 14px;
    }

    .Articolo.Org .organigramma .cda .name, .Articolo.Org .organigramma .presidenza .name,
    .Articolo.Org .organigramma .direzione .name {
        font-size: 15px;
    }

}